.py-60{padding-top:60px;padding-bottom:60px}.row-gap-24{row-gap:24px}.content_view{background-color:#fff;border-radius:.3rem;padding:1rem}.btn-green{background-color:#0fc859;color:#fff}.btn-green:hover{color:#fff;background-color:#309748}.main-bg{background-color:#17c666 !important}.btn-main-color{background-color:#17c666 !important;border-color:#17c666 !important;color:#fff !important}.btn-main-color:hover{background-color:#14b05b !important;border-color:#14b05b !important}.status_info{padding:8px 13px;color:#fff;background-color:#0dcaf0;border-radius:.3rem}.status_green{padding:8px 13px;color:#fff;background-color:#0fc859;border-radius:.3rem}.status_red{padding:8px 13px;color:#fff;background-color:#17c666;border-radius:.3rem}.rmv-arw-inp::-webkit-outer-spin-button,.rmv-arw-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rmv-arw-inp[type=number]{-moz-appearance:textfield}.form-floating>label{left:auto}.h-app{min-height:calc(100vh - 55px)}.nav .nav-item{position:relative}.nav .nav-item .num-notification{position:absolute;width:18px;height:19px;border-radius:50%;background-color:#df2a2a;color:#fff;top:0;left:50px;text-align:center}.nav .nav-item .nav-link{font-size:12px}.fs-10px{font-size:10px !important}.fs-11px{font-size:11px !important}.fs-12px{font-size:12px !important}.fs-13px{font-size:13px !important}.fs-14px{font-size:14px !important}.fs-15px{font-size:15px !important}.fs-16px{font-size:16px !important}.fs-35px{font-size:35px !important}.w-230px{width:230px}.fw-500{font-weight:500}@media(max-width: 767.98px){.w-230px{width:100%}}.main-red-color{color:#17c666 !important}.table-borderless th{background-color:#f9fafb !important;font-weight:bold !important;padding:14px !important;white-space:nowrap}.table-borderless td{padding:11.2px 12px !important;position:relative;height:40.4px}.table-borderless td .img-table{width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.table-borderless td .user{display:flex;align-items:center;justify-content:flex-start;gap:5px}.table-borderless td .user img{border-radius:50%;width:40px;height:40px;object-fit:contain}.table-borderless td .user span{font-weight:500}.table-borderless td,.table-borderless th{font-size:12px !important}.table-borderless td img.icon-table,.table-borderless th img.icon-table{width:24px}.table-borderless td i.icon-table,.table-borderless td svg.icon-table,.table-borderless th i.icon-table,.table-borderless th svg.icon-table{font-size:16px}.table-borderless tbody tr:hover{box-shadow:0 0 6px 0 #17c666}.table-borderless.table-sm td,.table-borderless.table-sm th{font-size:11px !important;padding:6px 12px !important}.task-list-img{height:40px;width:40px}.task-list-img-sm{height:30px;width:30px}.color-a7{color:#a7a7a7}.color-666{color:#666}.color-888{color:#888}.color-gold{color:#fbbe25}.bg-purple{background-color:#8e44ad}.bg-green-light{background-color:#86e1af !important}.br-theme-bars-1to10 .br-widget{height:50px;white-space:nowrap}.br-theme-bars-1to10 .br-widget a{display:block;width:12px;padding:5px 0;height:28px;float:left;background-color:#fbedd9;margin:1px;text-align:center}.br-theme-bars-1to10 .br-widget a.br-active,.br-theme-bars-1to10 .br-widget a.br-selected{background-color:#edb867}.br-theme-bars-1to10 .br-widget .br-current-rating{font-size:20px;line-height:2;float:left;padding:0 20px 0 20px;color:#edb867;font-weight:400}.br-theme-bars-1to10 .br-readonly a{cursor:default}.br-theme-bars-1to10 .br-readonly a.br-active,.br-theme-bars-1to10 .br-readonly a.br-selected{background-color:#f2cd95}.br-theme-bars-1to10 .br-readonly .br-current-rating{color:#f2cd95}.box-example-1to10 .br-wrapper{width:210px;position:absolute;margin:0px 0 0 -105px;left:50%}.box-example-movie .br-wrapper{width:250px;position:absolute;margin:0px 0 0 -125px;left:50%}.box-example-square .br-wrapper{width:190px;position:absolute;margin:0px 0 0 -95px;left:50%}.box-example-pill .br-wrapper{width:232px;position:absolute;margin:0px 0 0 -116px;left:50%}.box-example-reversed .br-wrapper{padding-top:1.3em;width:356px;position:absolute;margin:0px 0 0 -178px;left:50%}.box-example-horizontal .br-wrapper{width:120px;position:absolute;margin:0px 0 0 -60px;left:50%}.star-ratings h1{font-size:1.5em;line-height:2;margin-top:3em;color:#757575}.star-ratings p{margin-bottom:3em;line-height:1.2}.star-ratings h1,.star-ratings p{text-align:center}.star-ratings .stars{width:120px;text-align:center;margin:auto;padding:0 95px}.star-ratings .stars .title{font-size:14px;color:#ccc;line-height:3}.star-ratings .stars select{width:120px;font-size:16px}.star-ratings .stars-example-fontawesome,.star-ratings .stars-example-css,.star-ratings .stars-example-bootstrap{float:left}.star-ratings .stars-example-fontawesome-o{width:200px}.star-ratings .stars-example-fontawesome-o select{width:200px}.start-ratings-main{margin-bottom:3em}.box{width:100%;float:left;margin:1em 0}.box .box-header{text-align:center;font-weight:400;padding:.5em 0}.box .box-body{padding-top:2em;height:85px;position:relative}.box select{width:120px;margin:10px auto 0 auto;display:block;font-size:16px}.box-large .box-body{padding-top:2em;height:120px}.box-orange .box-header{background-color:#edb867;color:#fff}.box-orange .box-body{background-color:#fff;border:2px solid #f5d8ab;border-top:0}.box-green .box-header{background-color:#50e3c2;color:#fff}.box-green .box-body{background-color:#fff;border:2px solid #92eed9;border-top:0}.box-blue .box-header{background-color:#4278f5;color:#fff}.box-blue .box-body{background-color:#fff;border:2px solid #8bacf9;border-top:0}.bg-main{background-color:#17c666}.text-orange{color:#ffa000}.bg-greey{background-color:#f7f6fe}.fit-content{width:fit-content}@media print{body{background-color:#fff !important}.main-side{width:100% !important}.main-side .container-fluid{margin-top:0px !important;min-height:fit-content !important}.main-side section.py-3{padding-top:0px !important}.main-side section.py-3 .section_content{padding-top:0px !important}.main-side section.py-3 .section_content .print-content>.contract{padding-top:0px !important}.not-print{display:none !important;opacity:0 !important}.print-style{background-color:#fff !important;min-height:100vh !important;position:fixed;left:0;top:0;width:100%}.col-lg-3{width:25% !important}.col-lg-9{width:75% !important}.col-md-4{width:33.33333333% !important}.invoice-content{box-shadow:none !important;padding:5px !important;direction:rtl !important}.invoice-content .status-invoice{padding:4px !important;font-size:9px !important;background-color:#ad5449 !important}.invoice-content .invoice-header{gap:5px !important}.invoice-content .invoice-header .col-lg-5{width:100% !important}.invoice-content .invoice-header .col-lg-5 .image-holder img{width:105px !important}.invoice-content .invoice-header .col-lg-2{width:100% !important;vertical-align:middle}.invoice-content .invoice-header .col-lg-2 h6{margin:10px 0px;font-size:10px !important;color:#888 !important}.invoice-content .invoice-bottom-header{gap:0px !important;margin-top:0px !important}.invoice-content .invoice-bottom-header .col-12{margin-top:0px !important}.invoice-content .invoice-bottom-header .col-12 .invoice-th-info{padding:7px !important;background-color:#dee2e6 !important}.invoice-content .invoice-bottom-header .col-12 .invoice-th-info span{flex-wrap:nowrap !important;font-size:8px !important}.invoice-content .invoice-bottom-header .invoice-th-info h6{font-size:9px !important}.invoice-content .table-responsive .invoice-table{margin-bottom:0px !important}.invoice-content .table-responsive .invoice-table thead tr th{font-size:7px;padding:2px}.invoice-content .table-responsive .invoice-table tbody tr td{font-size:6px;padding:2px}.invoice-content .last{display:none !important;margin-top:3px !important}.invoice-content .last h6{font-size:9px;margin:10px 0 !important}.invoice-content .qr-holder{text-align:center}.invoice-content .qr-holder svg{width:70px !important}.invoice-content.contract{width:100%}.invoice-content.contract .invoice-header{margin:auto;width:100%;margin-bottom:20px !important}.invoice-content.contract .invoice-header .col-lg-4{width:32.5% !important}.invoice-content.contract .invoice-bottom-header .invoice-th-info{padding:0px !important;background-color:#fff !important;margin-bottom:10px !important}.invoice-content.contract .invoice-bottom-header .invoice-th-info h6{font-size:15px !important}.invoice-content.contract .invoice-bottom-header .employee-data{margin-bottom:8px !important}.invoice-content.contract .invoice-bottom-header .invoice-content{padding:13px !important;padding-top:15px !important}.invoice-content.contract .invoice-bottom-header .invoice-content.none-over{margin-bottom:0px !important}.invoice-content.contract .invoice-bottom-header .invoice-content .table-bordered{margin-bottom:0px !important}.invoice-content.contract .contract-content .invoice-content{padding:13px !important;padding-top:15px !important;margin-top:10px !important}.invoice-content.contract .contract-content .invoice-content .row .col-half{width:50% !important}}.table-responsive{width:100%;overflow-x:auto}.table-dark th{background-color:#243848}.table,.table thead{box-shadow:0 0 5px 0 #ddd;border-radius:5px}.table .img{width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;object-fit:cover}.table td{vertical-align:middle}.table-bordered th{font-weight:bold !important}.table-bordered td{font-weight:normal !important}.table-bordered th,.table-bordered td{font-size:12px !important}.table-bordered .fs-15px{font-size:15px !important}.table-bordered .fs-14px{font-size:14px !important}.table-bordered .alert{font-size:12px !important}.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}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#e9e9e9}::-webkit-scrollbar-thumb{background:#555;border-radius:0px}body{font-family:"Noto Kufi Arabic",sans-serif;background-color:#e9e9e9;font-size:14px;direction:rtl;min-width:100%;min-height:100%;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;background-color:rgba(0,0,0,0);padding:0}.btn-sm{font-size:13px !important}.form-control{direction:rtl !important;font-size:14px !important;border:1px solid #ddd !important}.form-control.border-start-0{border-right:0 !important}.form-control::placeholder{font-size:12px}.form-control:focus::placeholder{opacity:0;transition:.3s}select.form-control{font-size:12px !important}.form-select:disabled{background-image:none !important}.main-section{padding:1.5rem 0;min-height:calc(100vh - 41.88px - 54.5px - 69px)}.modal-header .modal-title{font-size:15px !important}.modal-header .btn-close{margin:unset !important}input[readonly]{cursor:context-menu}input[readonly]:focus{box-shadow:none !important}.btn-info{color:#fff}.btn-info:hover{color:#fff}.btn-info:hover:focus{color:#fff}.profile-bar{position:relative;border-radius:4px;box-shadow:0 2px 6px -1px rgba(0,0,0,.1);transition:box-shadow .2s ease-in-out;word-wrap:break-word;background-color:#fff}.profile-bar .main-info{display:flex;align-items:center;justify-content:space-between;padding:15px}.profile-bar .main-info .user{display:flex;align-items:center;gap:10px}.profile-bar .main-info .user .img-holder{position:relative;width:60px;height:60px}.profile-bar .main-info .user .img-holder img{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 5px #fff}.profile-bar .main-info .user .img-holder .icon-holder{position:absolute;background-color:#fff;left:-5px;bottom:-5px;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.profile-bar .main-info .user .img-holder .icon-holder i,.profile-bar .main-info .user .img-holder .icon-holder svg{font-size:20px;color:#17c666}.profile-bar .main-info .user .data{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.profile-bar .main-info .user .data .name{margin-bottom:0;font-size:13px}.profile-bar .main-info .user .data .title{margin-bottom:0;font-size:11px}.bar-list-no{list-style:none;margin:0;margin-bottom:16px;padding:0}.bar-list-no li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.125);padding:13px 15px}.bar-list-no li .key{display:flex;align-items:center;justify-content:flex-start;gap:5px}.bar-list-no li .key i,.bar-list-no li .key svg{font-size:13px;color:#999}.bar-list-no li .key .name{font-size:12.5px}.bar-list-no li .key .tooltip-ques{background-color:#000;width:15px;height:15px;border-radius:50%;line-height:15px}.bar-list-no li .key .tooltip-ques i,.bar-list-no li .key .tooltip-ques svg{color:#fff;font-size:8px}.bar-list-no li .value{margin:0;font-size:12px}.list-option{width:100%}.list-option:last-child{border:0 !important}.list-option .btn-holder{display:flex;justify-content:center;margin:3px 0;padding:5px;position:relative}.list-option .btn-holder span{position:absolute;top:0;left:0;background-color:red;color:#fff;border-radius:50%;width:20px;height:20px;text-align:center}.list-option .nav-link{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid rgba(0,0,0,.125);border-radius:0 !important;color:#495057 !important;background-color:#fff !important}.list-option .nav-link:hover{background-color:#f8f9fa !important}.list-option .nav-link.active{background-color:#17c666 !important;color:#f8f9fa !important}.list-option .nav-link.active .arrow{color:#495057 !important}.list-option .nav-link i,.list-option .nav-link svg{font-size:20px;margin-bottom:3px}.list-option .nav-link .name{font-size:14px;display:flex;align-items:center;gap:10px;padding:3px}.list-option .nav-link .name i,.list-option .nav-link .name svg{font-size:20px}.list-option .nav-link .arrow{font-size:11px}.list-option .nav-link.box-link{justify-content:baseline;border:2px solid rgba(0,0,0,.125);padding:20px 10px;flex-direction:column;border-radius:12px !important;width:100%;height:100%}.main-tab-color .nav-item .nav-link{color:#17c666 !important}.main-tab-color .nav-item .nav-link.active{background-color:#17c666 !important;color:#fff !important;border:2px solid rgba(255,0,0,.125)}.main-tab-color.border-tap{gap:12px}.main-tab-color.border-tap .nav-item .nav-link{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #17c666}.main-tab-color.border-tap .nav-item .nav-link .badged{border-radius:50%;width:20px;height:20px;line-height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#17c666;transition:.3s}.main-tab-color.border-tap .nav-item .nav-link:hover{background-color:#17c666 !important;color:#fff !important}.main-tab-color.border-tap .nav-item .nav-link:hover .badged{color:#17c666;background-color:#fff}.main-tab-color.border-tap .nav-item .nav-link.active .badged{color:#17c666 !important;background-color:#fff !important}.tap-outline-color .nav-link{color:#17c666;font-size:13px}.status{font-size:10px;padding:0px 5px;border-radius:2px;background-color:#daf6e7;color:#17c666;width:fit-content;border:1px solid #daf6e7;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.status.lade{background:#e8e7fc;color:#7267ef;border-color:#e8e7fc}.status.red{background:#fce3e3;color:#ea4d4d;border-color:#fce3e3}.status.warning{background:#fff0db;color:#ffa21d;border-color:#fff0db}.main-pagination{border-radius:4px !important}.main-pagination .page-item .page-link{color:#6c757d !important;font-size:13px}.main-pagination .page-item.active .page-link{background-color:#17c666 !important;border-color:#17c666 !important;color:#fff !important}.loader-container{display:flex;align-items:center;justify-content:center;z-index:9999;background-color:rgba(255,255,255,.968627451);visibility:visible;opacity:1}.loader-container .the_loader{border-radius:50%;width:190px;height:190px}.loader-container.hidden-loader{transition:.4s;opacity:0;visibility:hidden}.loader-container .spinner{position:relative;width:20px;height:20px}.loader-container .spinner div{animation:spinner-4t3wzl 1.875s infinite backwards;background-color:#17c666;border-radius:50%;height:100%;position:absolute;width:100%}.loader-container .spinner div:nth-child(1){animation-delay:.15s;background-color:rgba(23,198,102,.9)}.loader-container .spinner div:nth-child(2){animation-delay:.3s;background-color:rgba(23,198,102,.8)}.loader-container .spinner div:nth-child(3){animation-delay:.45s;background-color:rgba(23,198,102,.7)}.loader-container .spinner div:nth-child(4){animation-delay:.6s;background-color:rgba(23,198,102,.6)}.loader-container .spinner div:nth-child(5){animation-delay:.75s;background-color:rgba(23,198,102,.5)}@keyframes spinner-4t3wzl{0%{transform:rotate(0deg) translateY(-200%)}60%,100%{transform:rotate(360deg) translateY(-200%)}}.issue-main-info{background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;padding:16px}.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 i,.issue-main-info ul li svg{font-size:45px;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:16px}.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:15px;font-weight:600;margin:0}.box-data .bar-name .box-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;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:20px;color:#fff}.box-data .amount{font-weight:700;font-size:23px;margin-bottom:10px}.box-data .more{color:#2e5789;font-weight:500;font-size:13px}.box-data .more i,.box-data .more svg{margin-right:6px}.box-data .more img{width:6px;height:auto}.box-data.box-main-color .box-icon{background-color:#2e5789}.box-data.box-blue{background-color:#e3f5ff}.box-data.box-blue .box-icon{background-color:#1e88e5}.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:#8d1ee5}.box-data.box-red{background-color:#fde7e7}.box-data.box-red .box-icon{background-color:#ff3636}.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}.content-white{background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;padding:16px}.invoice-content{position:relative;overflow:hidden;border-radius:.375rem;padding:16px}.invoice-content .status-invoice{position:absolute;top:0%;right:0%;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(47px, -13px)}.invoice-content .invoice-header{border:1px solid #ddd;border-radius:20px;padding:15px}.invoice-content .invoice-header .invoice-th-info h6{font-size:15px}.invoice-content .invoice-header .invoice-th-info span{font-size:14px}.invoice-content .invoice-bottom-header .invoice-th-info h6{font-size:17px}.invoice-content .invoice-bottom-header .employee-data{display:flex;border:1px solid #ddd;align-items:center;gap:25px;justify-content:flex-start;flex-wrap:wrap}.invoice-content .invoice-bottom-header .employee-data .head{height:100%;margin-bottom:0;padding:10px 15px;font-size:14px;border-left:1px solid #ddd;background-color:#ececec;vertical-align:middle}.invoice-content .invoice-bottom-header .employee-data .data{display:flex;align-items:center;justify-content:space-between;flex-grow:1}.invoice-content .invoice-bottom-header .employee-data .data .info{margin-bottom:0;font-size:13px}.invoice-content .invoice-content{border:1px solid #ddd}.invoice-content .invoice-content .title{position:absolute;top:-12px;right:15px;padding:0 10px;font-weight:700;font-size:16px;margin-bottom:0;background-color:#fdfdfd;z-index:111}.invoice-content .invoice-content .info{text-align:center}.invoice-content.none-over{overflow:initial !important}ul.timeline{list-style-type:none;position:relative}ul.timeline:before{content:" ";background:#d4d9df;display:inline-block;position:absolute;left:29px;width:2px;height:100%;z-index:400}ul.timeline>li{margin:20px 0;padding-left:20px}ul.timeline>li:before{content:" ";background:#fff;display:inline-block;position:absolute;border-radius:50%;border:3px solid #22c0e8;left:20px;width:20px;height:20px;z-index:400}.boxes-holder{display:flex;flex-direction:column;gap:60px;min-height:150px;background-color:#fff;border-radius:.3rem;box-shadow:0 2px 6px -1px rgba(0,0,0,.1);padding:2rem;padding-bottom:3.7rem}.boxes-holder .bar-boxes{display:flex;align-items:center;justify-content:space-around;gap:65px;flex-wrap:wrap}.boxes-holder .bar-boxes .box-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:100%;width:250px;gap:15px;border:1px solid #ddd;padding:15px;border-radius:8px}.boxes-holder .bar-boxes .box-content .inp-holder input{padding:7px 13px !important;border-radius:4px;text-align:center}.boxes-holder .bar-boxes .box-content .inp-holder input.colored{border-color:#17c666 !important;background-color:#f3f3f3}.boxes-holder .bar-boxes .box-content .inp-holder input:focus{box-shadow:none !important}.boxes-holder .bar-boxes .box-content .btn-add-bottom,.boxes-holder .bar-boxes .box-content .btn-add-right,.boxes-holder .bar-boxes .box-content .btn-add-left{position:absolute;border:1px solid #ddd;padding:6px 22px}.boxes-holder .bar-boxes .box-content .btn-add-bottom i,.boxes-holder .bar-boxes .box-content .btn-add-bottom svg,.boxes-holder .bar-boxes .box-content .btn-add-right i,.boxes-holder .bar-boxes .box-content .btn-add-right svg,.boxes-holder .bar-boxes .box-content .btn-add-left i,.boxes-holder .bar-boxes .box-content .btn-add-left svg{color:#bbbaba}.boxes-holder .bar-boxes .box-content .btn-add-bottom{border-top:none;bottom:-35px}.boxes-holder .bar-boxes .box-content .btn-add-right{top:62%;right:-47px;transform:rotate(90deg) translateX(-50%)}.boxes-holder .bar-boxes .box-content .btn-add-left{top:62%;left:-47px;transform:rotate(90deg) translateX(-50%)}.app{overflow-x:hidden;display:flex}.app .sidebar{-ms-overflow-style:none;scrollbar-width:none;position:fixed;right:0;top:0%;height:100%;width:240px;z-index:11;background-color:#3d3d3d;transition:300ms}.app .sidebar::-webkit-scrollbar{display:none}@media(max-width: 991.98px){.app .sidebar{right:-240px}}.app .sidebar .close{color:#fff;font-size:30px;position:absolute;top:0px;cursor:pointer;display:none;left:10px}@media(max-width: 991.98px){.app .sidebar .close{display:block}}.app .sidebar .logo{display:block;width:90px;margin:25px auto}@media(max-width: 991.98px){.app .sidebar .logo{margin:55px auto 25px auto}}.app .sidebar .list{padding-top:51px !important;padding-bottom:55px !important;padding:0;margin:0;overflow-y:auto;height:100%}@media(max-width: 767.98px){.app .sidebar .list{padding-top:0px !important}}.app .sidebar .list .list-item{white-space:nowrap}.app .sidebar .list .list-item a,.app .sidebar .list .list-item button{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;color:#fff;padding:10px 11px 10px 12px;gap:7px;font-size:14px;font-weight:300;border-top:1px solid #5c5c5c}.app .sidebar .list .list-item a svg,.app .sidebar .list .list-item a i,.app .sidebar .list .list-item button svg,.app .sidebar .list .list-item button i{font-size:15px;text-shadow:none;color:#969696;margin-left:6px}.app .sidebar .list .list-item a .arrow,.app .sidebar .list .list-item button .arrow{margin-left:6px;font-size:12px;font-weight:300;transition:transform ease-in-out .3s}.app .sidebar .list .list-item a:not(.active):hover,.app .sidebar .list .list-item button:not(.active):hover{cursor:pointer;background:#303030}.app .sidebar .list .list-item a .badge-count,.app .sidebar .list .list-item button .badge-count{position:absolute;background-color:#ed4e2a;top:50%;left:45px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);min-width:17px;height:17px;font-size:10px}.app .sidebar .list .list-item a[aria-expanded=true] .arrow,.app .sidebar .list .list-item button[aria-expanded=true] .arrow{transform:rotate(90deg)}.app .sidebar .list .list-item.active a{background:#17c666;border-top-color:rgba(0,0,0,0) !important}.app .sidebar .list .list-item.active a:hover{background:#14b35c !important}.app .sidebar .list .list-item.active a svg,.app .sidebar .list .list-item.active a i{color:#fff !important}.app .sidebar .list .list-item.active a ::before{content:"";position:absolute;top:8px;left:0%;border-width:12px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-style:solid}.app .sidebar .list .item-collapse{margin-top:4px;margin-right:22px;list-style:none;position:relative}.app .sidebar .list .item-collapse::before{position:absolute;right:-7px;top:0;border-radius:10px;width:3px;height:100%;content:"";-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#ddd}.app .sidebar .list .item-collapse .list-item a{font-size:14px;padding:12px;height:unset !important}.app .sidebar .list .item-collapse .list-item a svg,.app .sidebar .list .item-collapse .list-item a i{font-size:15px}.app .sidebar .list .item-collapse .list-item a .badge-count{min-width:20px;font-size:12px;height:20px;left:32px}.app .main-side{width:calc(100% - 240px);margin:0 auto 0 0;overflow-y:auto;transition:300ms}@media(max-width: 991.98px){.app .main-side{width:100%}}.app .main-side .container-fluid{min-height:calc(100vh - 55px - 48.5px)}@media(max-width: 767.98px){.app .main-side .container-fluid{min-height:calc(100vh - 50.5px - 73px);padding-bottom:73px}}@media(max-width: 575.98px){.app .main-side .container-fluid{margin-top:.3rem !important}}.app.active .sidebar{width:50px}@media(max-width: 991.98px){.app.active .sidebar{width:240px;right:0}}.app.active .sidebar .list{transition:300ms}.app.active .sidebar .list .list-item{overflow:hidden}.app.active .sidebar .list .list-item a{gap:18px}.app.active .sidebar .list .list-item a svg:not(.arrow){width:29px}.app.active .sidebar .list .list-item a .badge-count{display:none}.app.active .sidebar .logo{opacity:0;transition:300ms;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms}.app.active .sidebar:hover{width:240px}.app.active .sidebar:hover .list .list-item{overflow:unset}.app.active .sidebar:hover .list .list-item a{gap:7px}.app.active .sidebar:hover .list .list-item a .badge-count{display:flex}.app.active .sidebar:hover .logo{opacity:1}.app.active .main-side{width:calc(100% - 50px)}@media(max-width: 1007px){.app .sidebar,.app .main-side{margin-top:3rem}}.option-section .a_content{position:relative}.option-section .a_content::before{content:"";position:absolute;transform:rotate(180deg);width:6%;height:45px;top:23px;right:4px;z-index:1111;border:1px dashed #999;visibility:visible;opacity:1}.option-section{display:flex;flex-direction:column}.option-section .item{padding:7px 10px;border-radius:4px;color:#c2c7d0;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;display:flex;gap:10px;position:relative;font-size:13px;align-items:center}.option-section .item:hover{background-color:rgba(255,255,255,.1);color:#fff}.option-section .collapse-border .item::before{content:"";position:absolute;right:-16px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:16px;height:1px;background-color:#c2c7d0}.option-section .item .arrow-after{display:none}.option-section .item[aria-expanded=true] .arrow-before{display:none}.option-section .item[aria-expanded=true] .arrow-after{display:block}.option-section .item .arrow-after,.option-section .item .arrow-before{color:#c2c7d0;font-size:14px}.option-section .item .content-item{display:flex;gap:10px;align-items:center}.option-section .item .content-item i,.option-section .item .content-item svg{color:#c2c7d0;font-size:16px}.option-section .collapse-border{position:relative}.option-section .collapse-border::before{content:"";position:absolute;right:13.5px;top:0;height:calc(100% - 17px);width:1px;background-color:#c2c7d0}.option-section .mar-side{margin-right:30px}.main-navbar{width:100%;height:51px;z-index:111;position:fixed;top:0%;right:0%;background-color:#3d3d3d;padding:6px 15px;color:#fff}.main-navbar .tog-nav{font-size:25px;display:flex;cursor:pointer}.main-navbar .list-item{display:flex;align-items:center;gap:1rem}.main-navbar .list-item .icon-nav{color:#fff;font-size:18px !important}.main-navbar .list-item .icon-nav.notice .badge-count{background-color:#09aece}.main-navbar .list-item .icon-nav.msg .badge-count{border-radius:50%}.main-navbar .list-item .icon-nav .badge-count{position:absolute;right:-8px;top:-4px;z-index:2;width:15px;height:15px}.main-navbar .list-item .icon-nav .dropdown-toggle{position:relative}.main-navbar .list-item .icon-nav .dropdown-toggle::after{display:none}@media(max-width: 767.98px){.main-navbar .list-item{flex-wrap:wrap}.main-navbar .list-item .btn{font-size:10px !important;padding:2px !important;display:block !important}}.main-navbar .btn-nav{position:relative;color:#fff;background:rgba(255,255,255,.15);display:block;padding:.6rem .9rem;border-radius:4px;font-weight:500;width:fit-content}.main-navbar .btn-nav .icon{font-size:19px}.main-navbar .btn-nav .badged{position:absolute;top:-2px;left:-5px;border-radius:50%;width:19px;height:19px;line-height:19px;font-size:13px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#dc3545}@media(max-width: 1007px){.main-navbar{height:auto}}button.icon-nav{font-size:15px !important}.bottom-nav-mobile{position:fixed;bottom:0;left:0;width:100%;z-index:100;padding:5px 0 0;background-color:#fff;transition:300ms;border-top:1px solid #efeff0}.bottom-nav-mobile .nav-menu{display:flex;align-items:center;justify-content:center;flex-grow:1;margin:0;padding:0;list-style:none}.bottom-nav-mobile .nav-menu .nav-item .nav-link{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:6px 20px;color:#afb1b6;transition:300ms}.bottom-nav-mobile .nav-menu .nav-item .nav-link .nav-icon{font-size:19px}.bottom-nav-mobile .nav-menu .nav-item .nav-link .nav-name{font-weight:500;font-size:14px}.bottom-nav-mobile .nav-menu .nav-item .nav-link.active .nav-icon,.bottom-nav-mobile .nav-menu .nav-item .nav-link.active .nav-name{color:#17c666}.bottom-nav-mobile .nav-menu .nav-item .nav-link:hover{color:#19191b}body{font-family:"Noto Kufi Arabic",sans-serif;background-color:#e9e9e9;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;background-color:rgba(0,0,0,0);padding:0}.form-control{font-size:14px !important;border:1px solid #ddd !important}.main-section{padding:1.5rem 0;min-height:calc(100vh - 41.88px - 54.5px - 69px)}.modal-header .modal-title{font-size:15px !important}.modal-header .btn-close{margin:unset !important}.tab-pane{display:none}.tab-pane.active{display:block}.box-invoice{border:2px solid #000;border-radius:10px;padding:0 10px;margin-bottom:8px}.box-invoice p{margin-bottom:2px;font-size:15px}.box-invoice h6{font-size:14px}.table-invoice .duble-border{border-bottom-width:2px;border-bottom-color:#000}.table-invoice{border:1px solid #bbb !important}.table-invoice td{border-bottom:1px solid #bbb;border-top:1px solid #bbb;border-right:1px solid #bbb;border-left:1px solid #bbb;vertical-align:middle;padding:9px !important;font-size:14px;font-weight:bold;text-align:center}.table-invoice th{border-top:1px solid #bbb !important;background-color:#f4f4f4;border-right:1px solid #bbb !important;font-size:14px !important;padding:9px !important;font-weight:bolder;border-bottom:1px solid #bbb !important;text-align:center;border-left:1px solid #bbb !important}.table-invoice .td-head{background-color:#f4f4f4;border-left:1px solid #bbb !important;text-align:right;font-size:13px !important;font-weight:bold;width:60%}.barcode{max-width:150px !important}.print{display:inline-block;width:fit-content;color:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%)}.print:hover{color:#fff}@media print{.table th,.table td{padding:7px !important;font-size:12px !important}.content-print *{direction:rtl}.printContract .col-lg-4{flex:0 0 33.333333% !important;max-width:33.333333% !important}.box-invoice .col-md-4.p-3{width:33.3333333333%}.box-invoice .col-md-4.p-3 *{font-size:14px}.box-invoice .col-md-4.p-3 img{width:100px}.parent-barcode{width:25%}.table-info{width:74%}.table-invoice{margin:0}.table-invoice th{font-size:10px !important}.table-invoice td{font-size:11px !important}.dashboard-card{visibility:hidden}.print-margin{margin-top:-120px !important}.not-print{display:none !important}.print-show{display:block !important}.dashboard-content{width:100% !important;margin-right:0 !important}.print-table-sm th,.print-table-sm td{font-size:11px !important;padding:3px !important;white-space:wrap !important}.print-d-table-header{display:table-header-group !important}}.login_page{min-height:100vh;background-color:#f1f1f1;display:flex;flex-wrap:wrap}.login_page *{font-family:"Cairo",sans-serif !important}.login_page .box-col{width:50%;padding:88px}.login_page .box-col.box-bg{position:relative;z-index:1;color:#fff}.login_page .box-col.box-bg::after{content:"";position:absolute;left:0;top:0;background-color:rgba(24,149,80,.62);width:100%;height:100%;z-index:-1}.login_page .box-col.box-bg .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2;object-fit:cover}.login_page .box-col.box-bg .logo-bg{width:270px;height:auto}.login_page .box-col.box-bg .text-bg .title{font-weight:700;font-size:45px;margin-bottom:1rem}.login_page .box-col.box-bg .text-bg .p{font-weight:500;font-size:30px}.login_page .box-col.box-bg .text-bg-2{font-weight:500;font-size:20px;line-height:45px}@media(max-width: 1199.98px){.login_page .box-col{width:100%;padding:12px}.login_page .box-col .title{text-align:center}}.login_page .box-col .form_content{width:100%;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:1rem;margin-left:auto;margin-right:auto}.login_page .box-col .form_content .header_title .title{font-size:1.75rem;margin-bottom:.5rem;font-weight:500}.login_page .box-col .form_content label{font-size:16px;margin-bottom:.5rem}.login_page .box-col .form_content .form-group{margin-bottom:1rem}.login_page .box-col .form_content .text-muted{color:#6c757d !important}.login_page .box-col .form_content .group-inp{display:flex;align-items:center;border:1px solid #cecece;border-radius:8px;font-size:14px;overflow:hidden;padding:.6rem 1rem}.login_page .box-col .form_content .group-inp .inp{flex:1;border:0;outline:0}.login_page .box-col .form_content .group-inp .box{padding-right:1rem}.login_page .box-col .form_content .group-inp .box .icon{width:24px;width:100%;height:auto}.login_page .box-col .form_content .reseat{font-size:14px;color:#17c666}.login_page .box-col .form_content .sub_btn{background:#17c666}.login_page .box-col .form_content .sub_btn:hover{background-color:#17c666}.login_page .logo-form,.login_page .logo-bg{width:130px;mix-blend-mode:multiply}.login_page .icon-nav i,.login_page .icon-nav svg{font-size:30px}.loginPage{width:100%;min-height:calc(100vh - 155px - 463.38);display:flex;align-items:center;justify-content:center}@media(max-width: 991.98px){.loginPage .login_box{width:100% !important}}@media(max-width: 767.98px){.loginPage .login_box{width:80% !important}.loginPage .login_box .image_holder img{border-radius:15px 15px 0px 0 !important}}.loginPage .login_box{min-height:380px;background-color:#fff;border-radius:15px;width:70%;margin:auto}.loginPage .login_box .image_holder{width:100%;height:100%}.loginPage .login_box .image_holder img{width:100%;height:100%;border-radius:0px 15px 15px 0;object-fit:cover}.loginPage .login_box .login-form{padding:2.5rem;display:flex;align-items:center;justify-content:center;height:100%}.loginPage .login_box .login-form .login_content{margin-bottom:20px}.loginPage .login_box .login-form .login_content .title{margin-bottom:1rem;font-size:16px;font-weight:600}.loginPage .login_box .login-form .login_content .inp_holder{margin-bottom:15px}.loginPage .login_box .login-form .login_content .inp_holder .login-label{margin-bottom:6px;font-size:11px;color:#959595;font-weight:600}.loginPage .login_box .login-form .login_content .inp_holder .login-inp{padding:5px 13px !important;border-radius:6px}.loginPage .login_box .login-form .login_content .btn_holder .login-btn{transition:background-color .4s;width:100%;color:#fff;text-align:center;margin-top:15px;padding:.5rem 1rem;line-height:1.25rem;font-weight:500;border-radius:.5rem;background-color:#17c666}.loginPage .login_box .login-form .login_content .btn_holder .login-btn:hover{background-color:#17c666}.btn-main-sm{padding:.3rem .7rem;transition:300ms;color:#fff;background:#243848;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 #243848;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:#243848;border:1px solid #243848}.btn-main-sm:hover::before{left:0}.btn-purple{color:#fff;background-color:#8e44ad;border-color:#8e44ad}.btn-purple:focus{box-shadow:none;background-color:#7b3399;border-color:#7b3399;color:#fff}.btn-purple:hover{background-color:#7b3399;border-color:#7b3399;color:#fff}.ignoreBtn_bg{background-color:#ff1f1d;color:#fff}.ignoreBtn_bg:hover{color:#fff;background-color:#da2624}.badge-count{background-color:#17c666;font-size:12px;width:fit-content;height:18px;min-width:18px;font-family:sans-serif;border-radius:5px;color:#fff;display:inline-flex;align-items:center;justify-content:center}.main-btn{background-color:#17c666 !important;color:#fff !important}.main-btn:hover{background-color:#14b35c !important}.main-btn.btn-sm{font-size:13px !important}.main-nav-pills .nav-link{color:#17c666 !important}.main-nav-pills .nav-link:hover{color:#14b35c !important}.main-nav-pills .nav-link.active{color:#fff !important;background-color:#17c666 !important}.btn-light-blue{padding:5px 18px;background:#daecfb;border-radius:25px;font-weight:600;font-size:14px;text-align:center;color:#369fff}.btn-light-green{padding:5px 18px;background:#d4f2e2;border-radius:25px;font-weight:600;font-size:14px;text-align:center;color:#0fc859}.btn-light-red{padding:5px 18px;background:#ebc8c8;border-radius:25px;font-weight:600;font-size:14px;text-align:center;color:#c80f0f}.btn-light-yellow{padding:5px 18px;background:#ffecb4;border-radius:25px;font-weight:600;text-align:center;font-size:14px;color:#ffc107}.alerts-list{list-style:none;padding:0;margin:0}.alerts-list .item{display:flex;align-items:center;justify-content:space-between;padding:11px;border-top:1px solid #ddd}.alerts-list .item .name{margin-bottom:0;font-size:14px;color:#777}.alerts-list .item .name i,.alerts-list .item .name svg{width:20px;font-size:19px;margin-left:4px}.alerts-list .item .val{display:flex;align-items:center;justify-content:flex-end;gap:5px}.alerts-list .item .val .title{color:#0fc859;font-size:13px}.alerts-list .item .val .badge{font-size:10px}.alerts-list .item:first-child{border-top:none}.small-label{color:#6b7280;font-size:12px;display:block;margin-bottom:5px}.title-sm{color:#6b7280;font-size:13px;display:block;margin-bottom:5px}.content_view{background-color:#fff;border-radius:.3rem;box-shadow:0 2px 6px -1px rgba(0,0,0,.1);padding:1rem}.content_view .content_header{border-bottom:1px solid #f1f1f1;display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1rem}.content_view .content_header .title{color:#525f71;font-size:13px;font-weight:600}.content_view .content_footer{border-top:1px solid #f1f1f1;padding-top:1rem;margin-top:1rem}.status_box{position:relative;height:100%;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:20px;left:15px}.status_box .icon>svg{font-size:50px;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}.blue-icon{color:#148a9d}.success-icon{color:#228e3b}.danger-icon{color:#bb2d3b}.warning-icon{color:#d9a406}.box-team-work{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#000;border-radius:3px;box-shadow:0 0 0 #000;padding:15px;min-height:80px;font-size:13px}.box-team-work.bg-warning{background-color:#feae01}.box-team-work.bg-purple{background-color:#92416b;color:#fff}.box-team-work.bg-blue{background-color:#578ead;color:#fff}.box-team-work.bg-red{background-color:#a74136;color:#fff}.box-team-work.bg-green{background-color:#60d936}.badge-table{background-color:#17c666;color:#fff;padding:.5rem 1rem;border-radius:5px}.box-view{background-color:#17c666;color:#fff;padding:1rem;min-width:165px;line-height:26px;max-width:100%;border-radius:5px;width:fit-content;margin:1rem auto 0;display:flex;align-items:center;flex-direction:column;font-size:30px}.box-view span{font-size:20px}.header-report{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.header-report .logo{text-align:center}.header-report .logo img{width:100px;height:auto;max-width:100%}.step-anchor{border:0}.step-anchor li{position:relative;margin-right:2px;display:flex;flex-grow:1}.step-anchor li a,.step-anchor li button{cursor:pointer;padding:0 3.75rem 0 2rem;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:2.5rem;outline:0 !important;border:0 !important;background:rgba(0,0,0,0) !important;text-decoration:none;color:#293240;font-weight:500}.step-anchor li a .icon,.step-anchor li button .icon{position:absolute;right:0;font-size:2rem;left:auto}.step-anchor li a .title-small,.step-anchor li button .title-small{font-size:12px;color:#6c757d !important}.step-anchor li a.active,.step-anchor li a:hover,.step-anchor li button.active,.step-anchor li button:hover{color:#17c666 !important}.box-ticket{display:flex;align-items:flex-start;gap:30px}.box-ticket .site-logo .logo{width:65px;height:65px;border-radius:50%;background-color:#fff;padding:5px}.box-ticket .ticket-info{position:relative;background-color:#fff;padding:15px 15px 15px 30px;border-radius:4px;border-left:3px solid #cdcdcd}.box-ticket .ticket-info::before{content:"";position:absolute;top:0;right:-16px;background-color:#cdcdcd;width:1px;height:100%}.box-ticket .ticket-info .name{font-size:15px;color:#777782;margin-bottom:7px}.box-ticket .ticket-info .des{font-size:12px;color:#5a595a;margin-bottom:9px}.box-ticket .ticket-info .des p{font-size:12px;color:#5a595a;margin-bottom:9px}.box-ticket .ticket-info .bar-info{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px}.box-ticket .ticket-info .bar-info p{font-size:12px;margin-bottom:0px;color:#5f6168}.box-ticket .ticket-info .bar-info .user{font-size:11px}.box-ticket .ticket-info .bar-info .user img{width:17px}.box-ticket .ticket-info .bar-info .status-ticket{font-size:11px}.box-ticket .ticket-info .bar-option{display:flex;align-items:flex-end;gap:10px}.box-ticket .ticket-info .bar-option .btn-option{font-size:11px;color:#6c757d;padding:3px 8px;background-color:#eee;border-radius:3px;transition:.3s}.box-ticket .ticket-info .bar-option .btn-option:hover{background-color:#e1dfdf}.box-comments{max-height:45vh;overflow:auto}.box-comments .comment{border:1px solid #ccc;padding:10px;margin-bottom:1rem;background-color:#eee;max-width:600px;width:fit-content;margin-right:auto;border-radius:23px;border-bottom-left-radius:0}.box-comments .comment .comment-header{display:flex;align-items:center;margin-bottom:10px;justify-content:space-between;gap:.5rem}.box-comments .comment .comment-header .info-user{display:flex;align-items:center;gap:.25rem}.box-comments .comment .comment-header .info-user img{width:40px;height:40px;border-radius:50%}.box-comments .comment .comment-header .info-user .comment-username{margin-right:10px;font-size:16px;margin:0;font-weight:bold}.box-comments .comment .comment-header .comment-date{font-size:13px;color:#666;margin:0}.box-comments .comment .comment-body{font-size:16px;line-height:1.5}.box-comments .comment .comment-content{margin:0}.box-comments .comment.my-comment{margin-left:auto;margin-right:0;border-bottom-left-radius:23px;border-bottom-right-radius:0;background-color:#17c666;color:#fff}.box-comments .comment.my-comment .comment-header{flex-direction:row-reverse}.box-comments .comment.my-comment .comment-header .info-user{flex-direction:row-reverse}.box-comments .comment.my-comment .comment-header .comment-date{color:#f3f3f3}.bar-box{white-space:nowrap}.bar-box .bar{display:block;width:10px;padding:5px 0;height:30px;float:left;background-color:#fbedd9;margin:1px;text-align:center;cursor:pointer}.bar-box .bar.active{background-color:#edb867}.bar-box .current-rating{font-size:20px;float:left;padding:0 20px 0 20px;color:#edb867;font-weight:500}.box-slide-info .slide-info .logo{text-align:center}.box-slide-info .slide-info .logo .img{width:80px;margin:2px}.box-slide-info .slide-info .logo .name{font-size:20px;color:#17c666;font-weight:bold}.info-input{background-color:#fcfcfc;color:#444;border-radius:4px;padding:7px}.slide-head-orange{background-color:#17c666;color:#fff;border-radius:4px;padding:7px;text-align:center;font-weight:bold;font-size:15px}.head-and-filter .head .title{color:#17c666;position:relative;font-size:15px}.head-and-filter .head .title::before{content:"";position:absolute;right:0;bottom:-14px;width:50%;height:3px;background-color:#17c666}.head-and-filter .content .title{font-size:16px;white-space:nowrap}.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:#e9e9e9;border-bottom:1px solid #ddd;color:#000;font-size:14px;padding:10px;border-radius:10px 10px 0px 0px;font-weight:bold;text-align:center}.card-barcode .content{padding:7px;font-size:13px}.card-barcode .content .img-barcode{max-width:270px;margin:0 auto;margin-top:15px;display:block}.box-header-invoice{border:1px solid #ddd;border-radius:10px;padding:10px;margin-bottom:8px;flex:1}.progress{position:relative !important}.progress .num{color:#000;height:100%;position:absolute;left:0;top:0;width:100%;display:flex;align-items:center;justify-content:center}.box-chat{height:calc(100vh - 320px);display:flex;padding:4px;overflow-y:auto;flex-direction:column;gap:10px}.box-chat .msg{padding:8px;background-color:#0fc859;border-radius:8px 8px 0 8px;color:#fff;font-size:14px;width:fit-content;max-width:80%;word-wrap:break-word}.box-chat .msg .title{font-size:20px;background-color:#f5f6f6;padding:2px 6px;border-radius:8px;color:#000;margin-bottom:.7rem}.box-chat .msg.not{align-self:flex-end;color:#000;border-radius:8px 8px 8px 0;background-color:#ebebeb}select.form-control{-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;padding-top:0 !important;padding-bottom:0 !important;height:35px}.form-select{color:#6b7280;font-size:13px}.view-img-form{width:150px;max-width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.inp-chat{display:flex;align-items:stretch;padding:7px 16px 7px 7px;border:1px solid #bbb;border-radius:7px;gap:7px;margin-top:20px}.inp-chat .inp{border:0;flex:1;outline:0}.inp-chat .btn-send{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#0fc859;outline:0;border:0;color:#fff;width:40px;font-size:20px;height:40px}.footer-app{background:#3d3d3d;height:55px;color:#999;z-index:1;position:relative;text-align:start;padding:10px 10px}.footer-app a{color:#999}.footer-app a:hover{color:#a09f9f}.footer-app .logo{width:50px}