body{font-family:"Inter",sans-serif;color:#334155;background:#f8fafc;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body,html{font-size:16px}body>*{font-size:14px}rt.display-block{display:block}.tooltip{position:fixed}.color-white{color:#fff !important}.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-5ths{width:20%;float:left}@media (min-width:768px){.col-sm-5ths{width:20%;float:left}}@media (min-width:992px){.col-md-5ths{width:20%;float:left}}@media (min-width:1200px){.col-lg-5ths{width:20%;float:left}}[dir="rtl"] .mright5{margin-right:0px;margin-left:5px}[dir="rtl"] .mright10{margin-right:0px;margin-left:10px}[dir="rtl"] .mleft5{margin-left:0px;margin-right:5px}[dir="rtl"] .mleft10{margin-left:0px;margin-right:10px}[dir="rtl"] .input-group-addon:last-child{border-left:1px solid #ccc}[dir="rtl"] .colorpicker.colorpicker-visible.dropdown-menu{left:0px !important;right:auto;padding-left:3px;margin-left:45px}.border-right{border-right:1px solid #f0f0f0}.line-throught{text-decoration:line-through}.full-width{width:100%}.no-margin{margin:0px !important}.no-mtop{margin-top:0px !important}.no-p-left{padding-left:0px !important}.no-p-right{padding-right:0px}.relative{position:relative}.font-medium{font-size:15px}.inline-block{display:inline-block}.alert-validation{margin-top:5px}.table-image{height:75px;width:250px;margin:15px 0px}.announcement small{font-size:12px;color:#333}.announcement{font-size:14px}.bgwhite{background:white;border:1px solid #e4e5e7}.warning-bg{background:#ff6f00 !important;color:#fff !important;border:1px solid #ff6f00 !important}.success-bg{background:#84c529 !important;color:#fff !important;border:1px solid #84c529 !important}.primary-bg{background:#28b8da;color:#fff !important;border:1px solid #28b8da}.info-bg{background:#03a9f4 !important;color:#fff !important;border:1px solid #03a9f4 !important}.danger-bg{background:#fc2d42 !important;color:#fff !important;border:1px solid #fc2d42 !important}.submenu{display:inline-block;float:right;margin-bottom:25px}.submenu li{display:inline-block;margin-right:15px}.submenu li:last-child{margin-right:0px}.submenu li a{font-size:17px;color:#475569 !important}.submenu li a:hover,.submenu li a:active,.submenu li a:focus{color:#1e293b !important}.tickets table tr.text-danger a{color:#fc2d42}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}.text-white{color:#fff !important}#wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}footer{background:#f1f5f9;padding:15px;width:100%;height:50px;margin-top:25px;border-top:1px solid #e2e8f0}h1,h2,h3,h4{font-weight:400}h1,h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}.h4,h4,.h3,h3{font-weight:400}a:hover,a:focus,a:active,a:visited{text-decoration:none}.navbar{padding:0px;min-height:60px;border-radius:0px}.navbar-default{border:0;border-bottom:1px solid #e2e8f0;background:white}.navbar-default .navbar-nav>li>a{color:#334155;line-height:85px;font-size:14.5px;display:inline;margin-right:3px;font-weight:500}.navbar-default .navbar-nav>li>a i{margin-right:5px;color:inherit}.navbar-default .navbar-nav>li:last-child>a{margin-right:0}@media (min-width:768px){.navbar-nav>li>a{padding:8px 10px}}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#0f172a;border-radius:6px;background:#f1f5f9}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background:#f1f5f9;border-radius:4px;color:#0f172a;transition:ease-in-out 0.2s}.navbar-default .navbar-nav>li.dropdown>a.dropdown-toggle:focus,.navbar-default .navbar-nav>li.dropdown>a.dropdown-toggle:hover{background:transparent;border-radius:0}.navbar a.navbar-brand{padding:23px 0px 25px 0px;height:auto;margin-right:10px}.navbar a.navbar-brand img{width:auto;height:34px}.navbar-default .navbar-nav>li.customers-nav-item-login>a{background:#2563eb !important;color:#fff !important;display:inline;font-weight:500;font-size:14px;border-radius:6px !important;padding:8px 16px;margin-left:10px}.navbar-default .navbar-nav>li.customers-nav-item-login>a:hover,.navbar-default .navbar-nav>li.customers-nav-item-login>a:active{background:#1d4ed8 !important;border-radius:6px !important}.navbar-default .navbar-nav>li.customers-nav-item-profile>a{padding-right:0}@media (max-width:767px){.customers-nav-item-languages{display:none}}.btn.btn-input-group{padding:7px 16px;border:1px transparent}.btn-icon{padding:2px 6px 2px 6px !important}.original-button{margin-top:22px;padding:6px 12px}#client-home-chart{max-width:100%}.client-reply .panel-body{background:#fefce8 !important;color:#854d0e}body.viewinvoice .alert{margin-top:10px;margin-bottom:-7px;border-radius:1px}.navbar-default .navbar-brand.logo-text{font-size:24px;margin-top:13px;display:inline-block;color:#1e293b;font-weight:600}.logo-text:hover,.logo-text:focus,.logo-text:active{color:#0f172a}@media (max-width:767px){.navbar a.navbar-brand img{margin-left:25px}.navbar-default .navbar-brand.logo-text{margin-left:15px;margin-top:15px}}.p7{padding:7px}.p8{padding:8px}.p8-half{padding:8.5px}.p15{padding:15px}.valign-middle{vertical-align:middle}.mtop5{margin-top:5px}.mtop7{margin-top:7px}.mtop10{margin-top:10px}.mtop15{margin-top:15px}.mtop20{margin-top:20px}.mtop25{margin-top:25px}.mtop30{margin-top:30px}.mtop40{margin-top:40px}.mbot5{margin-bottom:5px}.mbot10{margin-bottom:10px}.mbot15{margin-bottom:15px}.mbot20{margin-bottom:20px}.mbot25{margin-bottom:25px}.mbot30{margin-bottom:30px}.mbot40{margin-bottom:40px}.mleft5{margin-left:5px}.mleft10{margin-left:10px}.mright5{margin-right:5px}.mright10{margin-right:10px}.padding-30{padding:30px !important}.no-mbot{margin-bottom:0px}.invoice-quick-info h5{margin-top:0px}.table.items{margin-top:25px;font-size:13.5px}.table.items thead{background:#f1f5f9;color:#1e293b}.table.items>thead:first-child>tr:first-child>th{border-top:1px solid #e2e8f0}.table.items thead th{border-right:1px solid #e2e8f0}.table.items thead th:first-child{border-left:1px solid #e2e8f0}.table.items tbody>tr>td,.table.items thead>tr>th{padding:8px 10px}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e2e8f0}.navbar-default .navbar-toggle{border-color:transparent}.navbar-default .navbar-toggle .icon-bar{background-color:#cbd5e1}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}@media (max-width:767px){.navbar-default .navbar-nav>li>a{line-height:35px;color:#64748b}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background:transparent}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#475569}.navbar-default .navbar-nav>li.customers-nav-item-login{padding-bottom:10px}.navbar-default .navbar-nav>li.customers-nav-item-login>a{margin-left:15px}.navbar a.navbar-brand{padding:13px 0px 19px 0px}.navbar-toggle{margin-top:15px}#staff_logged_in{display:none}.viewestimate .panel-body,.viewinvoice .panel-body{padding:0px}}.dataTables_length select{padding-top:5px;height:inherit}[dir="rtl"] div.dataTables_wrapper div.dataTables_filter{text-align:left}[dir="rtl"] div.dataTables_wrapper{direction:rtl}[dir="rtl"] div.dataTables_wrapper div.dataTables_filter .input-group-addon{border-right:1px solid #bfcbd9}.label-href:visited,.label-href{outline:0 !important;border:0 !important}.pointer{cursor:pointer}.mime{background-repeat:no-repeat;background-position:0 0;padding:1px 0 4px 26px}.mime-word{background-image:url(../../../images/mime/word.png)}.mime-excel{background-image:url(../../../images/mime/excel.png)}.mime-powerpoint{background-image:url(../../../images/mime/powerpoint.png)}.mime-pdf{background-image:url(../../../images/mime/pdf.png)}.mime-zip{background-image:url(../../../images/mime/zip.png)}.mime-image{background-image:url(../../../images/mime/image.png)}.mime-file{background-image:url(../../../images/mime/file.png)}.mime-photoshop{background-image:url(../../../images/mime/photoshop.png)}.mime-illustrator{background-image:url(../../../images/mime/illustrator.png)}.mime-video{background-image:url(../../../images/mime/video.png)}.mime-audio{background-image:url(../../../images/mime/audio.png)}.files-container{margin:0 0 10px}.files{padding-left:0;list-style:none;margin:0}.hr-10{margin-top:10px;margin-bottom:10px}.mime>a{color:#555 !important;text-decoration:none}.white{color:#fff}.advanced-editor-wrapper{border:1px solid #ccc;margin-bottom:15px}.staff-profile-image-small{height:32px;width:32px;border-radius:50%}.staff-profile-xs-image{width:20px;height:20px;border-radius:50%}.staff-profile-image-small{height:32px;width:32px;border-radius:50%}.staff-profile-image-thumb{height:160px;width:160px;border-radius:50%}.task-attachment{border:1px solid #f0f0f0;padding:10px;border-radius:3px;max-height:255px;min-height:255px;overflow:hidden}.task-attachment .task-attachment-no-preview{margin-top:45px;text-align:center}.task-attachment .preview_image{margin:0px;width:100%}.task-attachment .open-in-external{position:absolute;right:30px}.task-attachment .task-attachment-user{padding-bottom:10px;display:inline-block;width:100%;margin-left:0px;border-bottom:1px solid #f0f0f0}.media-body{word-break:break-word}#proposal-wrapper{overflow:hidden;min-height:100%}#proposal-wrapper .proposal-left img{margin-left:10px;margin-right:10px}div.proposal-wrapper img:not(.media-object){display:block;max-width:100%;height:auto}.proposal-comment{display:inline-block;width:100%;margin-bottom:15px}.table.proposal-items thead>tr>th{padding-left:10px}.table.proposal-items tbody>tr>td,.table.proposal-items thead>tr>th{text-align:left}.client-profile-image-small{height:32px;width:32px;border-radius:50%}.client-profile-image-thumb{height:160px;width:160px;border-radius:50%}#task h4{font-size:15px}#task h5{font-size:14px}#task .task-info{font-size:10px;vertical-align:middle;padding:10px}#task .task-info h5{font-size:13px;font-weight:400}.jquery-comments [contentEditable="true"]:empty:not(:focus):before{color:#a1b4cc;font-size:14px}.jquery-comments ul.main{list-style:none !important}.jquery-comments.tc-content ul.main ul:not(.child-comments){list-style:initial !important}.jquery-comments ul.navigation li,.jquery-comments ul.main li.comment .actions>*,.jquery-comments ul.main li.comment .name,.jquery-comments .highlight-font-bold{font-weight:500 !important}.jquery-comments ul.main li.comment .name{color:#0081bb}.jquery-comments ul.main li.comment .wrapper .content{padding:5px 0px 5px 0px}.jquery-comments ul.navigation li{color:#323a45}.jquery-comments .textarea-wrapper .control-row>span.upload{padding:5px 20px;background-color:#7d838b}.jquery-comments .highlight-background{background:#03a9f4 !important}.jquery-comments .textarea-wrapper .control-row>span{padding:5px 20px !important;border-radius:4px}.jquery-comments .textarea-wrapper .control-row{margin-top:10px}.jquery-comments ul.main li.comment .actions>*{color:#7c838b}.jquery-comments ul.navigation .navigation-wrapper{padding:10px 0px 0px 0px}.jquery-comments ul.navigation{border-bottom:1px solid #efefef;margin-bottom:1.5em}.jquery-comments .textarea-wrapper{padding-left:21px}.jquery-comments .textarea-wrapper:before{border:0px}.jquery-comments .textarea-wrapper .textarea{border-radius:3px;border:1px solid #bfcbd9}.project-info-bg{background:#fbfbfb !important;color:#333 !important;border-top:1px solid #e4e5e7;border-left:1px solid #e4e5e7;border-right:1px solid #e4e5e7;font-weight:500}.no-radius{border-radius:0px !important}.team-members .panel-body{padding:0px}.team-members .media-left{padding:10px}.team-members .media-body{padding-right:10px;padding-top:12px}.team-members .media:last-child{border-bottom:0px}.team-members .media{margin-top:0px;border-bottom:1px solid #f0f0f0}.project-percent{position:absolute;font-size:33px;font-weight:500;top:35%;left:0;right:0}.project-file-image{border:1px solid #f0f0f0;border-radius:4px;margin-right:15px}#task-tracking-stats-modal{z-index:999999999999}.phase-logged-time{color:#3b6900}.progress-bg-dark{background-color:#7c838b}.project-overview-progress-bar{height:50px;background-color:#7c838b;position:relative}.project-overview-progress-bar .project-progress-number{font-size:16px;position:absolute;display:block;width:100%;color:#fff;font-weight:500;margin-top:15px;text-shadow:0px 0px 2px #333}.task-user{border:1px solid #f0f0f0;padding:2px;border-radius:50%;vertical-align:middle;margin-right:10px;display:inline-block;position:relative}.task-checklist-indicator{border-radius:50%;border:1px solid #f0f0f0;width:20px;height:21px;display:inline-block}.task-checklist-indicator i{margin:0 auto;vertical-align:middle;margin-left:3px}#task-comments{background:#fdfdfd;margin-right:-20px;margin-left:-20px;padding:20px;display:inline-block}form.dropzone{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px}.dropzone .dz-message{margin-top:45px;color:#03a9f4}@media (max-width:768px){#content{padding:15px}._buttons .mleft5{margin-left:0px !important}._buttons .mright10{margin-right:0px !important}._buttons .pull-left,._buttons .pull-right{float:none !important}._buttons .btn,._buttons .btn-group{display:inline-block;margin-left:0px !important;width:100%;margin-bottom:5px !important;float:none !important}.project-overview-column{margin-top:15px}}.tasks-phases .kan-ban-col .panel-heading{padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px}.tasks-phases .panel-body{background:#fbfbfb;padding:10px}.tasks-phases ._task_wrapper{background:#fff;padding:5px 10px 5px 10px;border:1px solid #e4e5e7;border-radius:4px}.activity-feed{padding:15px}.activity-feed .feed-item{position:relative;padding-bottom:20px;padding-left:30px;border-left:2px solid #84c529}.activity-feed .feed-item:last-child{border-color:transparent}.activity-feed .feed-item:after{content:"";display:block;position:absolute;top:0;left:-6px;width:10px;height:10px;border-radius:6px;background:#fff;border:1px solid #4b5158}.activity-feed .feed-item .date{position:relative;top:-5px;color:#333;text-transform:uppercase;font-size:12px;font-weight:500}.activity-feed .feed-item .text{position:relative;top:-3px}.full-screen-modal{width:90%;height:90%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;overflow-y:initial !important}.full-screen-modal .modal-content{height:100%;min-height:100%;max-height:100%}.full-screen-modal .modal-footer{bottom:0px;position:absolute;width:100%}.project_file_discusssions_area,.project_file_area{overflow-y:scroll;height:400px}@media (max-width:768px){.project_file_discusssions_area,.project_file_area{height:auto !important}.full-screen-modal{width:auto;height:auto;position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:10px;overflow-y:initial !important}.project_file_discusssions_area{margin-top:30px}.full-screen-modal .modal-footer{width:auto;position:relative !important}}.preview_image{height:auto;width:250px;overflow:hidden;margin-bottom:15px;margin-top:15px}.preview_image:last-child{margin-top:0px;margin-bottom:0px}.preview_image img{width:100%;height:auto}.fc-event{padding:8px !important;border:0px !important;border-radius:2px !important;margin:5px 10px 5px 10px !important;font-size:11px;cursor:pointer}.fc-view{overflow-y:scroll}#calendar .fc-header-toolbar button,#calendar .fc-day-header,#calendar .fc-toolbar .fc-center{text-transform:capitalize}.tc-content ul,.tc-content ol{list-style:inherit;margin-left:15px}.tc-content ol{list-style-type:decimal}.tc-content ul{list-style-type:disc}.tc-content table{margin-top:0px;border-collapse:initial}.tc-content table>tbody>tr>td{padding:5px 10px 5px 10px}.tc-content img{max-width:100%}.tc-content table[border="1"],.tc-content table[border="1"] td{border:1px solid}.tc-content em{font-style:italic}.tc-content p:empty:before{content:' ';white-space:pre}.proposal-view .tc-content ul,.proposal-view .tc-content ol,.contract-view .tc-content ul,.contract-view .tc-content ol{margin-left:0px}.kb-search-jumbotron{margin-top:-20px;margin-bottom:10px;background:#f9fafb}.has-feedback.has-feedback-left .form-control-feedback{left:0}.kb-search .form-control-feedback{left:6px !important;top:17px;font-size:16px}.kb-search input[type="search"]{padding-left:45px;height:50px;font-size:16px}.kb-search button[type="submit"]{height:50px;padding-left:25px;padding-right:25px;border-top-left-radius:0px;border-bottom-left-radius:0px;font-weight:600}#toplink,#botlink{position:fixed;right:7.5%;bottom:53%;padding:10px;margin:0 -20px 0 0;color:#666;background:#e9ebef;font-size:1.5em;border:1px solid #b4b4b4;border-bottom:1px solid #b8b8b8;border-radius:6px 6px 0 0;z-index:99;-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.25);box-shadow:1px 2px 3px rgba(0,0,0,0.25)}#botlink{top:47%;padding:10px;bottom:auto;border:1px solid #b4b4b4;border-top:1px solid #ddd;border-radius:0 0 6px 6px}#toplink:hover,#botlink:hover{color:#84c529;background:#fcfcfc;text-decoration:none}.panel-body.project-description{padding:11px}.custom-field-inline-edit-link{float:left;margin-right:5px}.task-single-status .label{float:left}._task_wrapper.overdue-task{background:#f2dede !important;border-color:#eab8b7 !important}.form-group + p.alert-validation{margin-top:-10px}@media screen and (max-height:575px),screen and (min-width:992px) and (max-width:1199px){#rc-imageselect,.g-recaptcha{transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webkit-transform-origin:0 0}}th[align="left"],td[align="left"]{text-align:left}th[align="right"],td[align="right"]{text-align:right}th[align="center"],td[align="center"]{text-align:center !important}[dir="rtl"] th[align="left"],[dir="rtl"] td[align="left"]{text-align:right !important}[dir="rtl"] th[align="right"],[dir="rtl"] td[align="right"]{text-align:left !important}.signature-pad--body{border-radius:4px;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #c0cbda}.gdpr-right{background:white;border:1px solid #e2e8f0;padding:35px 15px;text-align:center;margin-bottom:25px;border-radius:6px}.gdpr-right .gdpr-right-heading{margin-top:0px;margin-bottom:20px;font-size:22px}.gdpr-purpose{border:1px solid #d8d8d8;padding:15px;margin-bottom:10px;border-radius:4px}.gdpr-purpose .gdpr-purpose-heading{margin-top:0px;margin-bottom:0px;font-size:18px;font-weight:500;color:#5a5a5a}.list-status h3{margin-top:0px}.list-status:last-child{border-right:0px}.list-status a{border:1px solid #eeeeee;padding:15px;display:inline-block;width:100%;border-radius:4px}.list-status a.active{background:#f9fafb}.ticket-info p:last-child{margin-bottom:0px}.gpicker{opacity:0}.gpicker + div[id^="dropbox-chooser"]{float:right;margin-left:5px}.gpicker{height:14px;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;color:#4c4c4c;text-decoration:none;padding:1px 7px 5px 3px;border:1px solid #ebebeb;border-radius:2px;border-bottom-color:#d4d4d4;background:#fcfcfc;background:-webkit-gradient( linear,left top,left bottom,from(#fcfcfc),to(#f5f5f5) );background:linear-gradient(to bottom,#fcfcfc 0%,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#f5f5f5',GradientType=0);line-height:18px !important;text-decoration:none !important;box-sizing:content-box !important;-webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important}.preview-sticky-header{z-index:1;background:#fff;padding-top:15px;padding-bottom:15px;-webkit-box-shadow:0px 1px 15px 1px rgba(90,90,90,0.08);box-shadow:0px 1px 15px 1px rgba(90,90,90,0.08);width:100% !important;left:0px !important}@media (max-width:767px){.preview-sticky-header{padding-right:20px;padding-left:20px}}.preview-sticky-header .sticky-hidden{display:none !important}.preview-sticky-header .sticky-visible{display:inherit !important}.mobile .preview-sticky-header{padding:15px}@media (min-width:1281px),(min-width:1025px) and (max-width:1280px){.preview-top-wrapper{margin-top:25px}}[dir="rtl"] .bootstrap-select .dropdown-toggle .filter-option{right:0;margin-right:auto;text-align:right;padding-right:16px}.task-comment .task-attachment-col-more{display:block !important}.comment-content .task-attachment-col:nth-child(2),.comment-content .task-attachment-col:nth-child(3),.comment-content .task-attachment-col:nth-child(4){margin-top:15px}.task-comment .task-attachment-col{margin-left:0;padding-left:0}.tasks-phases{overflow:scroll hidden}.kan-ban-col{width:326px;height:416px;margin-right:6px;display:inline-block}.tasks-phases .kan-ban-col .panel-body{height:100%;overflow-y:auto}@media (max-width:768px){.kan-ban-col{width:216px;height:416px;margin-right:6px;display:inline-block}}body[dir="rtl"].safari .table-responsive .table{max-width:none;-webkit-overflow-scrolling:touch !important}@media (max-width:991px){.register-heading.text-right{text-align:center}}.g-recaptcha>div{margin:0 auto}.honey-element{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1}@media screen and (max-height:575px),screen and (min-width:992px) and (max-width:1199px){#rc-imageselect,.g-recaptcha{transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webkit-transform-origin:0 0}}body.customers_login{background:radial-gradient(circle at 12% 8%,#123a6a 0%,#0a2450 45%,#071a38 100%);min-height:100vh;font-family:"Inter",sans-serif;color:#1c2b43}body.customers_login .header{display:none !important}body.customers_login footer{display:none !important}body.customers_login #wrapper{min-height:100vh}body.customers_login #content>.container{max-width:100%;padding:0;width:100%}body.customers_login #content>.container>.row{margin:0}.client-login-shell{min-height:100vh;display:grid;place-items:start center;padding:80px 20px 56px;position:relative;overflow:hidden;width:100%}.client-login-bg{position:absolute;inset:0;pointer-events:none}.client-login-card{width:min(480px,92vw);background:#ffffff;border-radius:3px;padding:34px 40px 28px;box-shadow:0 20px 40px rgba(4,18,38,0.38);border:1px solid rgba(15,23,42,0.08);text-align:center;position:relative;z-index:1;animation:card-float 0.8s ease both}.client-login-brand{margin-bottom:10px}.client-login-logo-mark{display:inline-flex;justify-content:center;margin-bottom:8px}.client-login-logo-mark img{max-height:65px;width:auto}.client-login-logo{font-size:44px;font-weight:700;color:#152842;line-height:1.1;margin-bottom:12px;letter-spacing:-0.02em}.client-login-title{font-size:24px;letter-spacing:0.01em;text-transform:uppercase;margin:0 0 10px;color:#1c2b43;font-weight:700}.client-login-subtitle{color:#5b6b79;font-size:14px;margin:0 0 22px}body.customers_login .form-group{text-align:left;margin-bottom:12px}.client-login-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body.customers_login .form-control{background:#f5f7f9;border:1px solid #d4dbe3;border-radius:6px;padding:10px 12px;height:auto;box-shadow:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}body.customers_login .form-control:focus{border-color:#2f7a8f;box-shadow:0 0 0 3px rgba(48,122,143,0.18)}body.customers_login .bootstrap-select>.dropdown-toggle{background:#f5f7f9;border:1px solid #d4dbe3;border-radius:6px;height:auto;padding:10px 12px}.client-login-remember{display:flex;align-items:center;margin-bottom:10px}.client-login-actions{margin-top:14px}body.customers_login .btn-primary{background:#2f7a8f;border-color:#2f7a8f;border-radius:6px;padding:10px 16px;font-weight:500;letter-spacing:0.02em;transition:transform 0.2s ease,box-shadow 0.2s ease}body.customers_login .btn-primary:hover{background:#2a6e81;border-color:#2a6e81;transform:translateY(-1px);box-shadow:0 10px 18px rgba(36,74,104,0.2)}.client-login-register-btn.btn-default{margin-top:8px;border-radius:6px;color:#2f7a8f;border-color:#c4d8de;background:#f0f8fa}.client-login-register-btn.btn-default:hover{background:#e0f0f4;border-color:#2f7a8f}.client-login-links{margin-top:14px;text-align:center;display:grid;gap:10px}.client-login-link{color:#53b2c8;font-size:13px;text-decoration:none}.client-login-link:hover,.client-login-link:focus,.client-login-link:visited{color:#3a9ab1;text-decoration:none}.client-login-footer{margin-top:18px;font-size:11px;line-height:1.4;text-align:center;color:#8a99a8}.client-login-recaptcha{margin:16px 0 8px}.client-login-orb{position:absolute;width:16px;height:16px;border-radius:50%;background:rgba(140,210,235,0.7);animation:orb-float 6s ease-in-out infinite}.client-login-orb.orb-1{top:36px;right:40px}.client-login-orb.orb-2{width:26px;height:26px;top:96px;right:120px;background:rgba(120,200,220,0.45);animation-delay:-2s}.client-login-shape{position:absolute;background:rgba(95,190,214,0.35);animation:shape-drift 10s ease-in-out infinite}.client-login-shape.shape-1{width:500px;height:500px;border-radius:46% 54% 52% 48%;right:-180px;bottom:-200px;background:rgba(95,190,214,0.55);animation-delay:-3s}.client-login-shape.shape-2{width:340px;height:340px;border-radius:30% 70% 70% 30%;right:40px;bottom:40px;background:rgba(70,160,190,0.45)}.client-login-shape.shape-3{width:140px;height:140px;right:120px;top:120px;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:rgba(135,220,235,0.55);animation-delay:-4s}.client-login-shape.shape-4{width:90px;height:90px;right:220px;top:220px;clip-path:polygon(0 0,100% 20%,70% 100%,10% 80%);background:rgba(60,140,175,0.5);animation-delay:-6s}@media (max-width:640px){.client-login-shell{padding:40px 16px 40px}.client-login-card{padding:28px 24px 22px}.client-login-logo{font-size:36px}.client-login-logo-mark img{max-height:55px}.client-login-title{font-size:18px;letter-spacing:0.01em}.client-login-shape.shape-1{width:300px;height:300px;right:-120px;bottom:-120px}.client-login-shape.shape-2{width:220px;height:220px;right:20px;bottom:20px}.client-login-shape.shape-3,.client-login-shape.shape-4{display:none}}@media (prefers-reduced-motion:reduce){.client-login-card,.client-login-shape,.client-login-orb{animation:none}}:root{--portal-navy:#0b1f3a;--portal-navy-2:#122c52;--portal-primary:#005bc8;--portal-primary-d:#0049a3;--portal-primary-l:#e7f1ff;--portal-text:#0f172a;--portal-muted:#64748b;--portal-bg:#f4f6fa;--portal-card:#ffffff;--portal-border:#e6eaf1;--portal-radius:12px;--portal-radius-sm:8px;--portal-shadow:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);--portal-shadow-md:0 4px 16px rgba(15,23,42,0.08);--portal-shadow-lg:0 12px 32px rgba(11,31,58,0.14);--portal-success:#16a34a;--portal-danger:#dc2626;--portal-warning:#d97706}body.customers{background:var(--portal-bg);color:#334155}.navbar-default{background:var(--portal-navy);border:0;border-bottom:1px solid rgba(255,255,255,0.06);box-shadow:0 2px 14px rgba(11,31,58,0.28)}.navbar{min-height:68px}.navbar a.navbar-brand{padding:10px 0;height:auto}.navbar a.navbar-brand img{height:48px;width:auto;max-width:none}.navbar-default .navbar-brand.logo-text,.logo-text:hover,.logo-text:focus,.logo-text:active{color:#fff}@media (min-width:768px){.navbar-default .container{display:flex;align-items:center;min-height:68px}.navbar-default .navbar-header{float:none}.navbar-default .navbar-collapse{flex:1 1 auto;padding:0}.navbar-default .navbar-nav.navbar-right{float:none !important;display:flex;align-items:center;justify-content:flex-end;margin:0}.navbar-default .navbar-nav>li{float:none}.navbar-default .navbar-nav>li>a{display:inline-flex;align-items:center;line-height:1.2;padding:9px 14px}}.navbar-default .navbar-nav>li>a{color:rgba(255,255,255,0.82);font-weight:500;border-radius:var(--portal-radius-sm);margin:0 2px;transition:background 0.18s ease,color 0.18s ease}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background:rgba(255,255,255,0.1);color:#fff;border-radius:var(--portal-radius-sm)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background:var(--portal-primary);color:#fff;border-radius:var(--portal-radius-sm)}.navbar-default .navbar-nav>li.customers-nav-item-login>a,.navbar-default .navbar-nav>li.customers-nav-item-login>a:hover,.navbar-default .navbar-nav>li.customers-nav-item-login>a:active{background:var(--portal-primary) !important;color:#fff !important}.navbar-default .navbar-nav>li.customers-nav-item-login>a:hover{background:var(--portal-primary-d) !important}.client-profile-image-small{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.35)}.navbar-default .navbar-nav>li.customers-nav-item-profile>a.portal-profile-toggle{display:inline-flex;align-items:center;gap:9px;padding:8px 12px}.portal-profile-name{color:#fff;font-weight:600;font-size:13.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-profile-caret{color:rgba(255,255,255,0.6);font-size:12px}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:rgba(255,255,255,0.1);color:#fff}@media (max-width:767px){.portal-profile-name,.portal-profile-caret{color:rgba(255,255,255,0.85)}}.navbar-default .navbar-nav>li>a>i{margin-right:6px;font-size:13px;opacity:0.9}.navbar-nav .open .dropdown-menu,.navbar-nav .dropdown-menu{border:1px solid var(--portal-border);border-radius:10px;box-shadow:var(--portal-shadow-lg);padding:6px;margin-top:8px;min-width:210px}.navbar-nav .dropdown-menu>li>a{border-radius:var(--portal-radius-sm);padding:8px 12px;color:var(--portal-text);font-weight:500}.navbar-nav .dropdown-menu>li>a:hover,.navbar-nav .dropdown-menu>li>a:focus{background:var(--portal-primary-l);color:var(--portal-primary)}.navbar-nav .dropdown-menu .badge{background:var(--portal-primary)}.navbar-default .navbar-toggle{border-color:rgba(255,255,255,0.25);margin-top:17px}.navbar-default .navbar-toggle .icon-bar{background:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:rgba(255,255,255,0.12)}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:rgba(255,255,255,0.08)}@media (max-width:767px){.navbar-default .navbar-nav>li>a{color:rgba(255,255,255,0.85)}.navbar-default .navbar-nav .open .dropdown-menu{background:transparent;border:0;box-shadow:none;margin-top:0;padding:0 0 6px}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:rgba(255,255,255,0.85);padding-left:30px;line-height:30px}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background:rgba(255,255,255,0.1)}}.customer-top-submenu{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius);box-shadow:var(--portal-shadow);padding:6px;display:inline-flex;float:none;gap:4px;margin:0 0 22px}.customer-top-submenu li{margin:0}.customer-top-submenu li a{font-size:14px !important;color:var(--portal-muted) !important;padding:8px 14px;border-radius:var(--portal-radius-sm);display:inline-flex;align-items:center;font-weight:500;transition:background 0.18s ease,color 0.18s ease}.customer-top-submenu li a:hover{background:var(--portal-primary-l);color:var(--portal-primary) !important}.panel_s{border:1px solid var(--portal-border);border-radius:var(--portal-radius);box-shadow:var(--portal-shadow);background:var(--portal-card)}.panel_s .panel-heading{border-top-left-radius:var(--portal-radius);border-top-right-radius:var(--portal-radius)}.panel_s .panel-body{padding:22px}.panel_s .panel-footer{background:#fafbfc;border-top:1px solid var(--portal-border);border-bottom-left-radius:var(--portal-radius);border-bottom-right-radius:var(--portal-radius)}.btn{border-radius:var(--portal-radius-sm);font-weight:500;transition:background 0.18s ease,box-shadow 0.18s ease,transform 0.05s ease}.btn:active{transform:translateY(1px)}.btn-primary,.btn-info{background:var(--portal-primary);border-color:var(--portal-primary);color:#fff}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-info:hover,.btn-info:focus,.btn-info:active{background:var(--portal-primary-d);border-color:var(--portal-primary-d);color:#fff}.btn-default{background:#fff;border-color:var(--portal-border);color:var(--portal-text)}.btn-default:hover,.btn-default:focus{background:var(--portal-primary-l);border-color:#c7dbf5;color:var(--portal-primary)}.btn-success{background:var(--portal-success);border-color:var(--portal-success)}.btn-danger{background:var(--portal-danger);border-color:var(--portal-danger)}.form-control{border-radius:var(--portal-radius-sm);border-color:#d8dee9;box-shadow:none;transition:border-color 0.18s ease,box-shadow 0.18s ease}.form-control:focus{border-color:var(--portal-primary);box-shadow:0 0 0 3px rgba(0,91,200,0.15)}.bootstrap-select>.dropdown-toggle,.selectpicker + .dropdown-toggle{border-radius:var(--portal-radius-sm) !important}.table>thead>tr>th{border-bottom:1px solid var(--portal-border);color:var(--portal-muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:0.03em}.table>tbody>tr>td{border-top:1px solid #f1f3f7;vertical-align:middle}.table-hover>tbody>tr:hover{background:#f7f9fc}.nav-tabs{border-bottom:1px solid var(--portal-border)}.nav-tabs>li>a{color:var(--portal-muted);border:0;border-bottom:2px solid transparent;border-radius:0;font-weight:500}.nav-tabs>li>a:hover{background:transparent;border-color:transparent;border-bottom-color:#c7dbf5;color:var(--portal-primary)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:var(--portal-primary);border:0;border-bottom:2px solid var(--portal-primary);background:transparent}.badge{background:var(--portal-primary);border-radius:9999px}.pagination>li>a,.pagination>li>span{color:var(--portal-primary)}.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span{background:var(--portal-primary);border-color:var(--portal-primary)}.alert{border-radius:var(--portal-radius-sm);border:0}body.customers #content{padding-bottom:40px}body.customers #content>.container{padding-top:26px}.portal-page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 22px}.portal-page-header .ph-title{margin:0;font-size:22px;font-weight:700;color:var(--portal-text);letter-spacing:-0.01em}.portal-page-header .ph-sub{margin:3px 0 0;color:var(--portal-muted);font-size:13.5px}.portal-page-header .ph-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;background:linear-gradient(120deg,var(--portal-navy) 0%,#173a6b 100%);color:#fff;border-radius:16px;padding:26px 28px;margin-bottom:22px;box-shadow:var(--portal-shadow-md)}.portal-hero::after{content:"";position:absolute;right:-50px;top:-60px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,0.06)}.portal-hero::before{content:"";position:absolute;right:90px;bottom:-90px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,0.05)}.portal-hero .hero-text{position:relative;z-index:1}.portal-hero h2{margin:0;font-size:24px;font-weight:700}.portal-hero p{margin:7px 0 0;color:rgba(255,255,255,0.82);font-size:14px}.portal-hero .hero-badge{position:relative;z-index:1;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);border-radius:14px;padding:12px 18px;text-align:center;backdrop-filter:blur(2px)}.portal-hero .hero-badge .hb-label{font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:rgba(255,255,255,0.72)}.portal-hero .hero-badge .hb-value{font-size:20px;font-weight:700;letter-spacing:0.06em;margin-top:2px}.portal-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}@media (max-width:991px){.portal-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.portal-stat-grid{grid-template-columns:1fr}}.portal-stat-grid.grid-auto{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.portal-stat{display:block;background:var(--portal-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius);box-shadow:var(--portal-shadow);padding:18px;color:inherit;text-decoration:none;transition:box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease}a.portal-stat:hover,a.portal-stat:focus{box-shadow:var(--portal-shadow-md);transform:translateY(-2px);text-decoration:none;color:inherit;border-color:#d7e0ec}.portal-stat .ps-top{display:flex;align-items:center;justify-content:space-between}.portal-stat .ps-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:19px}.portal-stat .ps-label{color:var(--portal-muted);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:0.03em;margin-top:14px}.portal-stat .ps-value{font-size:26px;font-weight:700;color:var(--portal-text);line-height:1.1;margin-top:3px}.portal-stat .ps-meta{font-size:12.5px;color:var(--portal-muted);margin-top:4px}.portal-stat .progress{height:6px;border-radius:99px;margin:12px 0 0;background:#eef1f6;box-shadow:none}.portal-stat .progress .progress-bar{border-radius:99px;box-shadow:none}.ps-icon.tone-blue{background:var(--portal-primary-l);color:var(--portal-primary)}.ps-icon.tone-green{background:#e7f7ee;color:var(--portal-success)}.ps-icon.tone-amber{background:#fef3e2;color:var(--portal-warning)}.ps-icon.tone-red{background:#fde8e8;color:var(--portal-danger)}.ps-icon.tone-navy{background:#e8edf5;color:var(--portal-navy)}.ps-icon.tone-purple{background:#f3e8ff;color:#7e22ce}.progress-bar-purple{background-color:#7c3aed}.portal-card{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius);box-shadow:var(--portal-shadow);margin-bottom:22px}.portal-card .pc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--portal-border)}.portal-card .pc-head h3{margin:0;font-size:16px;font-weight:700;color:var(--portal-text)}.portal-card .pc-head .pc-link{font-size:13px;font-weight:600;color:var(--portal-primary)}.portal-card .pc-body{padding:20px}.portal-card .pc-body.no-pad{padding:0}.portal-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}@media (max-width:767px){.portal-quick{grid-template-columns:repeat(2,1fr)}}.portal-quick a{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 10px;border:1px solid var(--portal-border);border-radius:12px;background:#fff;color:var(--portal-text);font-weight:600;font-size:13px;text-align:center;transition:0.2s ease}.portal-quick a:hover,.portal-quick a:focus{border-color:var(--portal-primary);background:var(--portal-primary-l);color:var(--portal-primary);text-decoration:none;transform:translateY(-2px)}.portal-quick a i{font-size:22px;color:var(--portal-primary)}.portal-pill{display:inline-block;padding:3px 11px;border-radius:99px;font-size:12px;font-weight:600;line-height:1.7}.pill-success{background:#e7f7ee;color:#15803d}.pill-danger{background:#fde8e8;color:#b91c1c}.pill-warning{background:#fef3e2;color:#b45309}.pill-info{background:var(--portal-primary-l);color:var(--portal-primary)}.pill-purple{background:#f3e8ff;color:#7e22ce}.pill-default{background:#eef1f6;color:#475569}.portal-table-card .panel-body{padding:8px 4px}.portal-table-card .dataTables_wrapper{padding:8px 16px 4px}.portal-empty{text-align:center;padding:44px 20px;color:var(--portal-muted)}.portal-empty i{font-size:42px;color:#cbd5e1;display:block;margin-bottom:12px}.portal-empty h4{margin:0 0 4px;color:var(--portal-text);font-weight:600}.portal-dash-cols{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start}@media (max-width:991px){.portal-dash-cols{grid-template-columns:1fr}}.loyalty-hero-tier{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.25);border-radius:99px;padding:4px 14px;font-weight:700;font-size:13px;letter-spacing:0.02em;margin-bottom:10px}.loyalty-hero h2{font-size:34px}.loyalty-hero-progress{margin-top:14px;max-width:460px}.loyalty-hero-progress .lhp-bar{height:8px;border-radius:99px;background:rgba(255,255,255,0.22);overflow:hidden}.loyalty-hero-progress .lhp-bar>span{display:block;height:100%;border-radius:99px;background:#fff}.loyalty-pts-pos{color:var(--portal-success);font-weight:700}.loyalty-pts-neg{color:var(--portal-danger);font-weight:700}.loyalty-tier-list{list-style:none;margin:0;padding:0}.loyalty-tier-list li{display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid var(--portal-border)}.loyalty-tier-list li:last-child{border-bottom:0}.loyalty-tier-list li.is-current{background:var(--portal-primary-l)}.loyalty-tier-list .lt-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.loyalty-tier-list .lt-name{font-weight:600;color:var(--portal-text)}.loyalty-tier-list .lt-min{margin-left:auto;color:var(--portal-muted);font-size:13px}.loyalty-tier-list li.is-current .lt-min{margin-left:auto}.loyalty-reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.loyalty-reward{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius);box-shadow:var(--portal-shadow);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.2s ease,transform 0.2s ease}.loyalty-reward:hover{box-shadow:var(--portal-shadow-md);transform:translateY(-2px)}.loyalty-reward.is-disabled{opacity:0.72}.loyalty-reward .lr-media{height:130px;background:linear-gradient(135deg,var(--portal-primary-l),#f3f8ff);display:flex;align-items:center;justify-content:center;color:var(--portal-primary);font-size:42px}.loyalty-reward .lr-media img{width:100%;height:100%;object-fit:cover}.loyalty-reward .lr-body{padding:16px;display:flex;flex-direction:column;flex:1}.loyalty-reward .lr-name{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--portal-text)}.loyalty-reward .lr-desc{margin:0 0 14px;font-size:13px;color:var(--portal-muted);flex:1}.loyalty-reward .lr-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.loyalty-reward .lr-cost{font-weight:700;color:var(--portal-text);display:inline-flex;align-items:center;gap:6px}.loyalty-reward .lr-cost i{color:#d4a017}
/* ===== Invoice payment widget + billing header (restored from original feez style.min.css, git blob c806c937) ===== */
.pw-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 24px rgba(15,23,42,.08);overflow:hidden;font-family:inherit}.pw-header{padding:18px 20px 14px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pw-header-left h3{margin:0 0 2px;font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.2px}.pw-header-left p{margin:0;font-size:11.5px;color:#64748b}.pw-header-amount .pw-amt-label{display:block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:1px;text-align:right}.pw-header-amount .pw-amt-val{display:block;font-size:21px;font-weight:800;color:#0f172a;letter-spacing:-.5px;text-align:right}.pa-list{border-top:1px solid #f1f5f9}.pa-item{border-bottom:1px solid #f1f5f9}.pa-item:last-child{border-bottom:none}.pa-header{display:flex;align-items:center;gap:11px;padding:13px 18px;cursor:pointer;background:#fff;transition:background .12s;user-select:none;-webkit-user-select:none}.pa-header:hover{background:#f8fafc}.pa-item.open>.pa-header{background:#f0fdf9}.pa-radio{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .12s}.pa-radio-dot{width:8px;height:8px;border-radius:50%;background:#0f766e;display:none}.pa-item.open>.pa-header .pa-radio{border-color:#0f766e}.pa-item.open>.pa-header .pa-radio-dot{display:block}.pa-icon{width:28px;height:28px;flex-shrink:0;background:#f1f5f9;border-radius:7px;display:flex;align-items:center;justify-content:center}.pa-icon svg{width:14px;height:14px;stroke:#64748b;fill:none}.pa-item.open>.pa-header .pa-icon{background:#ccfbf1}.pa-item.open>.pa-header .pa-icon svg{stroke:#0f766e}.pa-title{flex:1;font-size:13px;font-weight:600;color:#0f172a}.pa-item.open>.pa-header .pa-title{color:#0f766e}.pa-logos{display:flex;gap:4px;align-items:center;flex-shrink:0}.pa-logo-sm{height:16px;width:auto;max-width:40px;object-fit:contain;opacity:.75;border-radius:2px}.pa-logo-more{font-size:10px;color:#94a3b8;font-weight:500;white-space:nowrap}.pa-chevron{width:16px;height:16px;flex-shrink:0;transition:transform .22s}.pa-item.open>.pa-header>.pa-chevron{transform:rotate(180deg)}.pa-body{display:none;padding:6px 18px 16px}.pa-item.open>.pa-body{display:block}.op-desc{font-size:12.5px;color:#475569;line-height:1.6;margin:0 0 12px}.op-desc p{margin:0 0 4px}.op-ref-box{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:11px 14px}.op-ref-icon{width:34px;height:34px;border-radius:8px;background:#0f172a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.op-ref-icon svg{width:16px;height:16px;stroke:#fff;fill:none}.op-ref-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;display:block;margin-bottom:2px}.op-ref-val{font-size:14px;font-weight:800;color:#0f172a;letter-spacing:.3px}.pw-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin:0 0 9px}.pw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}@media(max-width:300px){.pw-grid{grid-template-columns:repeat(2,1fr)}}.pw-grid-2{grid-template-columns:repeat(2,1fr)!important}.pw-method{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px 9px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s,transform .1s;position:relative;width:100%;text-align:center;min-height:72px}.pw-method:hover{border-color:#5eead4;background:#f0fdf9;box-shadow:0 2px 10px rgba(15,118,110,.1);transform:translateY(-1px)}.pw-method.selected{border-color:#0f766e;background:#f0fdf9;box-shadow:0 3px 12px rgba(15,118,110,.18)}.pw-method.selected::after{content:'✓';position:absolute;top:5px;right:7px;font-size:9px;font-weight:900;color:#0f766e;line-height:1}.pw-logo{width:100%;aspect-ratio:501/178;max-height:42px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;padding:0 4px;box-sizing:border-box}.pw-logo img{width:100%;height:100%;object-fit:contain;display:block}.pw-logo-fb{width:100%;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:10px;flex-shrink:0;letter-spacing:-.3px;color:#fff}.pw-mname{font-size:10px;font-weight:600;color:#334155;line-height:1.3;text-align:center;width:100%}.pw-subtabs{display:flex;gap:6px;margin-bottom:10px}.pw-subtab{padding:5px 14px;border:1.5px solid #e2e8f0;border-radius:20px;background:#fff;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:5px;transition:border-color .12s,background .12s,color .12s}.pw-subtab svg{width:12px;height:12px;flex-shrink:0}.pw-subtab:hover{border-color:#5eead4;color:#0f766e}.pw-subtab.active{background:#0f766e;border-color:#0f766e;color:#fff}.pw-subpanel{display:none}.pw-subpanel.active{display:block}.pw-card-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin-bottom:10px;font-size:12px;color:#475569;line-height:1.6}.pw-card-info strong{color:#0f172a;display:block;margin-bottom:3px}.pw-card-info .pw-badge-row{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.pw-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.2px}.pw-amt-section{padding:12px 16px 0}.pw-amt-label-sm{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:4px;display:block}.pw-amt-big{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.5px}.pw-amt-input-wrap label{font-size:12px;font-weight:600;color:#475569;display:block;margin-bottom:5px}.pw-amt-input-wrap .input-group input{border-radius:8px 0 0 8px!important;border-color:#cbd5e1;font-size:14px;font-weight:600;color:#0f172a}.pw-amt-input-wrap .input-group .input-group-addon{border-radius:0 8px 8px 0!important;background:#f1f5f9;color:#64748b;font-weight:600;border-color:#cbd5e1}.pw-footer{padding:16px 18px 20px;border-top:1px solid #f1f5f9}#pw-btn-wrap{margin-bottom:9px}.pw-pay-btn{width:100%;padding:13px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#0f766e 0%,#0369a1 100%);color:#fff;font-size:14px;font-weight:700;letter-spacing:.05px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px rgba(15,118,110,.28);transition:transform .13s,box-shadow .13s,filter .12s;min-height:48px}.pw-pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,118,110,.34);filter:brightness(1.06)}.pw-pay-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px rgba(15,118,110,.22)}.pw-pay-btn:disabled{background:linear-gradient(135deg,#94a3b8 0%,#cbd5e1 100%);box-shadow:none;cursor:not-allowed}.pw-pay-btn svg{width:15px;height:15px;flex-shrink:0}.pw-secure{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;color:#94a3b8;margin:10px 0 0}.pw-secure svg{width:11px;height:11px;flex-shrink:0;color:#0f766e}.pw-card-iframe-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;min-height:320px;background:#fff}.pw-card-iframe-wrap iframe{width:100%!important;border:none;display:block}.pw-card-iframe-loading{display:flex;align-items:center;justify-content:center;min-height:320px;color:#94a3b8;font-size:13px;gap:8px;flex-direction:column}.pw-card-iframe-loading svg{width:24px;height:24px;opacity:.4}@media(max-width:540px){#payment-section{padding-left:0;padding-right:0;margin-left:-15px;margin-right:-15px}.pw-card{background:transparent;border:none;box-shadow:none;border-radius:0;overflow:visible}.pw-header{padding:14px 14px 12px;flex-wrap:wrap;gap:8px}.pa-header{padding:10px 10px;gap:6px}.pa-radio{width:15px;height:15px;flex-shrink:0}.pa-icon{width:22px;height:22px;flex-shrink:0}.pw-header-left h3{font-size:15px}.pw-header-left p{font-size:12.5px}.pw-amt-label{font-size:11px!important}.pw-amt-val{font-size:22px!important}.pa-title{font-size:13.5px;line-height:1.3}.pa-logos{gap:3px;flex-shrink:1;min-width:0;overflow:hidden}.pa-logo-sm{height:14px;max-width:30px}.pa-logo-more{font-size:10px}.pw-mname{font-size:11px}.op-desc{font-size:13px}.op-ref-label{font-size:11px}.op-ref-val{font-size:15px}.pw-section-label{font-size:11px}.pa-chevron{width:13px;height:13px;flex-shrink:0}.pa-body{padding:6px 12px 14px}.pw-grid{grid-template-columns:repeat(3,1fr)!important}.pw-amt-section{padding:10px 12px 0}.pw-footer{padding:10px 12px 12px}.pw-secure{flex-wrap:wrap;justify-content:center;text-align:center}.op-ref-box{padding:9px 12px}}

.preview-sticky-header{z-index:1;background:#fff;padding-top:15px;padding-bottom:15px;-webkit-box-shadow:0 1px 15px 1px rgba(90,90,90,.08);box-shadow:0 1px 15px 1px rgba(90,90,90,.08);width:100%!important;left:0!important}
@media(max-width:767px){.preview-sticky-header{padding-right:20px;padding-left:20px}}
.preview-sticky-header .sticky-hidden{display:none!important}
.preview-sticky-header .sticky-visible{display:inherit!important}
.mobile .preview-sticky-header{padding:15px}
@media(min-width:1281px),(min-width:1025px) and (max-width:1280px){.preview-top-wrapper{margin-top:25px}}
.bill-card{background:#f0f4f8;border-radius:12px;padding:20px 22px;height:100%}
.bill-card-heading{font-size:14px;font-weight:700;color:#7c3aed;margin:0 0 10px}
.bill-card address{font-size:13px;color:#475569;line-height:1.4;font-style:normal;margin:0 0 10px}
.bill-card address strong,.bill-card address b{font-size:13.5px;font-weight:700;color:#0f172a;display:block;margin-bottom:1px}
.bill-kv{display:flex;gap:12px;font-size:12.5px;margin-bottom:3px;line-height:1.3}
.bill-kv-label{font-weight:700;color:#0f172a;min-width:90px;flex-shrink:0}
.bill-kv-val{color:#334155}
.bill-row{display:flex;flex-wrap:wrap}
.bill-row>[class*="col-"]{display:flex;flex-direction:column;float:none}
@media(max-width:767px){.bill-row>[class*="col-"]+[class*="col-"]{margin-top:12px}.bill-card{padding:16px}}
.cert-verify{max-width:720px;margin:0 auto;padding:8px 0 32px}.cert-verify-logo{text-align:center;margin-bottom:20px}.cert-verify-logo img{max-height:56px;width:auto}.cert-verify-logo .cv-company-name{display:block;margin-top:8px;font-weight:700;color:var(--portal-navy);font-size:15px}.cert-verify-head{text-align:center;margin-bottom:4px}.cert-verify-head h1{margin:0;font-size:23px;font-weight:700;color:var(--portal-navy);letter-spacing:-.01em}.cert-verify-head p{margin:6px 0 0;color:var(--portal-muted);font-size:14px}.cert-verify-badge-row{text-align:center;margin:16px 0 24px}.cert-verify-badge-row .portal-pill{font-size:13.5px;padding:5px 16px}.cert-verify-badge-row .portal-pill i{margin-right:5px}.cert-verify-grid{display:grid;grid-template-columns:1fr 1fr}.cvi{padding:14px 20px}.cvi-full{grid-column:1/-1}.cvi:nth-child(n+3){border-top:1px solid var(--portal-border)}.cvi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--portal-muted);margin-bottom:3px}.cvi-value{font-size:14.5px;font-weight:600;color:var(--portal-text);word-break:break-word}.cert-verify-foot{text-align:center;margin-top:20px;color:var(--portal-muted);font-size:12.5px}@media(max-width:640px){.cert-verify-grid{grid-template-columns:1fr}.cvi:nth-child(n+3){border-top:none}.cvi:nth-child(n+2){border-top:1px solid var(--portal-border)}}
.cert-verify-notfound{text-align:center;padding:56px 20px}.cert-verify-notfound i{font-size:50px;color:#cbd5e1;margin-bottom:16px;display:block}.cert-verify-notfound h1{font-size:21px;font-weight:700;color:var(--portal-text);margin:0 0 8px}.cert-verify-notfound p{color:var(--portal-muted);font-size:14px;max-width:420px;margin:0 auto}
