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-lg-5ths,.col-md-5ths,.col-sm-5ths,.col-xs-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:0;margin-left:5px}[dir=rtl] .mright10{margin-right:0;margin-left:10px}[dir=rtl] .mleft5{margin-left:0;margin-right:5px}[dir=rtl] .mleft10{margin-left:0;margin-right:10px}[dir=rtl] .input-group-addon:last-child{border-left:1px solid #ccc}[dir=rtl] .colorpicker.colorpicker-visible.dropdown-menu{left:0!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:0!important}.no-mtop{margin-top:0!important}.no-p-left{padding-left:0!important}.no-p-right{padding-right:0}.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 0}.announcement small{font-size:12px;color:#333}.announcement{font-size:14px}.bgwhite{background:#fff;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:0}.submenu li a{font-size:17px;color:#475569!important}.submenu li a:active,.submenu li a:focus,.submenu li a:hover{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}.h3,.h4,h3,h4{font-weight:400}a:active,a:focus,a:hover,a:visited{text-decoration:none}.navbar{padding:0;min-height:60px;border-radius:0}.navbar-default{border:0;border-bottom:1px solid #e2e8f0;background:#fff}.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 .2s}.navbar-default .navbar-nav>li.dropdown>a.dropdown-toggle:focus,.navbar-default .navbar-nav>li.dropdown>a.dropdown-toggle:hover{background:0 0;border-radius:0}.navbar a.navbar-brand{padding:23px 0 25px 0;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:active,.navbar-default .navbar-nav>li.customers-nav-item-login>a:hover{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:active,.logo-text:focus,.logo-text:hover{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:0}.invoice-quick-info h5{margin-top:0}.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:0 0}.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 0 19px 0}.navbar-toggle{margin-top:15px}#staff_logged_in{display:none}.viewestimate .panel-body,.viewinvoice .panel-body{padding:0}}.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,.label-href:visited{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:0;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:0;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 .highlight-font-bold,.jquery-comments ul.main li.comment .actions>*,.jquery-comments ul.main li.comment .name,.jquery-comments ul.navigation li{font-weight:500!important}.jquery-comments ul.main li.comment .name{color:#0081bb}.jquery-comments ul.main li.comment .wrapper .content{padding:5px 0 5px 0}.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 0 0 0}.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:0}.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:0!important}.team-members .panel-body{padding:0}.team-members .media-left{padding:10px}.team-members .media-body{padding-right:10px;padding-top:12px}.team-members .media:last-child{border-bottom:0}.team-members .media{margin-top:0;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:0 0 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:0!important}._buttons .mright10{margin-right:0!important}._buttons .pull-left,._buttons .pull-right{float:none!important}._buttons .btn,._buttons .btn-group{display:inline-block;margin-left:0!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:0;position:absolute;width:100%}.project_file_area,.project_file_discusssions_area{overflow-y:scroll;height:400px}@media (max-width:768px){.project_file_area,.project_file_discusssions_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:0;margin-bottom:0}.preview_image img{width:100%;height:auto}.fc-event{padding:8px!important;border:0!important;border-radius:2px!important;margin:5px 10px 5px 10px!important;font-size:11px;cursor:pointer}.fc-view{overflow-y:scroll}#calendar .fc-day-header,#calendar .fc-header-toolbar button,#calendar .fc-toolbar .fc-center{text-transform:capitalize}.tc-content ol,.tc-content ul{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:0;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}.contract-view .tc-content ol,.contract-view .tc-content ul,.proposal-view .tc-content ol,.proposal-view .tc-content ul{margin-left:0}.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:0;border-bottom-left-radius:0;font-weight:600}#botlink,#toplink{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,.25);box-shadow:1px 2px 3px rgba(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}#botlink:hover,#toplink: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(.83);-webkit-transform:scale(.83);transform-origin:0 0;-webkit-transform-origin:0 0}}td[align=left],th[align=left]{text-align:left}td[align=right],th[align=right]{text-align:right}td[align=center],th[align=center]{text-align:center!important}[dir=rtl] td[align=left],[dir=rtl] th[align=left]{text-align:right!important}[dir=rtl] td[align=right],[dir=rtl] th[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:#fff;border:1px solid #e2e8f0;padding:35px 15px;text-align:center;margin-bottom:25px;border-radius:6px}.gdpr-right .gdpr-right-heading{margin-top:0;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:0;margin-bottom:0;font-size:18px;font-weight:500;color:#5a5a5a}.list-status h3{margin-top:0}.list-status:last-child{border-right:0px}.list-status a{border:1px solid #eee;padding:15px;display:inline-block;width:100%;border-radius:4px}.list-status a.active{background:#f9fafb}.ticket-info p:last-child{margin-bottom:0}.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%);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: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}}[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(.83);-webkit-transform:scale(.83);transform-origin:0 0;-webkit-transform-origin:0 0}}
/* ==========================================================================
   Member profile page (clients/profile)
   ========================================================================== */

.bgc-profile {
  margin-top: 10px;
}

.bgc-card {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #eef0f3;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04);
  margin-bottom: 20px;
}

.bgc-card-body {
  padding: 22px;
}

.bgc-card-footer {
  padding: 14px 22px;
  border-top: 1px solid #f1f3f5;
}

.bgc-profile-header {
  margin-bottom: 20px;
}

.bgc-profile-header-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.bgc-profile-header-main {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  position: relative;
}

.bgc-avatar-edit {
  position: relative;
  display: inline-block;
  margin: 0;
  cursor: pointer;
}

.bgc-avatar {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #eef0f3;
  background: #f1f5f9;
}

.bgc-avatar-edit-icon {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #2563eb;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  border: 2px solid #fff;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.bgc-avatar-edit:hover .bgc-avatar-edit-icon {
  opacity: 1;
}

input.bgc-hidden-file-input {
  display: none !important;
}

.bgc-avatar-remove {
  position: absolute;
  top: -6px;
  left: 62px;
  color: #dc2626;
  background: #fff;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
}

.bgc-profile-header-info {
  min-width: 0;
}

.bgc-profile-name {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
}

.bgc-verified-badge {
  color: #16a34a;
  font-size: 14px;
  margin-left: 4px;
}

.bgc-profile-subtitle {
  color: #2563eb;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 10px;
}

.bgc-profile-subtitle i {
  margin-right: 6px;
}

.bgc-profile-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.bgc-fact {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #64748b;
}

.bgc-fact i {
  margin-right: 6px;
  color: #94a3b8;
  width: 14px;
  text-align: center;
}

.bgc-profile-header-actions .btn {
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  font-size: 13px;
}

.bgc-tabs.nav-tabs {
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 20px;
}

.bgc-tabs.nav-tabs > li > a {
  border: none;
  background: transparent !important;
  color: #64748b;
  font-weight: 600;
  font-size: 13px;
  padding: 10px 4px;
  margin-right: 26px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
}

.bgc-tabs.nav-tabs > li > a:hover {
  border-color: transparent;
  color: #1f2937;
  background: transparent;
}

.bgc-tabs.nav-tabs > li.active > a,
.bgc-tabs.nav-tabs > li.active > a:hover,
.bgc-tabs.nav-tabs > li.active > a:focus {
  color: #2563eb;
  border: none;
  border-bottom: 2px solid #2563eb;
  background: transparent;
}

.bgc-divider {
  border-top: 1px solid #f1f3f5;
  margin: 20px 0;
}

.bgc-subheading {
  font-weight: 700;
  font-size: 13px;
  color: #1f2937;
  margin-bottom: 14px;
}

.bgc-card-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 12px;
}

.bgc-checkbox-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 28px;
}

.bgc-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.bgc-pill-success {
  background: #dcfce7;
  color: #15803d;
}

.bgc-pill-muted {
  background: #f1f5f9;
  color: #64748b;
}

.bgc-pill-lg {
  font-size: 13px;
  padding: 6px 16px;
}

.bgc-pill-lg i {
  font-size: 8px;
}

.bgc-kv-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 32px;
}

.bgc-kv {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 140px;
}

.bgc-kv-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
}

.bgc-kv-value {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
}

.bgc-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bgc-timeline li {
  position: relative;
  padding: 0 0 18px 20px;
  border-left: 2px solid #eef0f3;
}

.bgc-timeline li:last-child {
  border-color: transparent;
  padding-bottom: 0;
}

.bgc-timeline-dot {
  position: absolute;
  left: -6px;
  top: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2563eb;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #eef0f3;
}

.bgc-timeline-content {
  font-size: 13px;
  color: #475569;
}

.bgc-empty-text {
  color: #94a3b8;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}

.bgc-hint-text {
  color: #94a3b8;
  font-size: 12px;
  margin: 10px 0 0;
}

.bgc-list-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #f1f3f5;
}

.bgc-list-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.bgc-list-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bgc-list-main {
  min-width: 0;
  flex: 1;
}

.bgc-list-title {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bgc-list-sub {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 2px;
}

.bgc-list-status {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .bgc-profile-header-inner {
    flex-direction: column;
  }

  .bgc-avatar-remove {
    left: auto;
    right: -6px;
  }
}
.bgc-kyc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.bgc-kyc-slot {
  border: 1px solid #eef0f3;
  border-radius: 8px;
  padding: 14px;
}

.bgc-kyc-slot-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.bgc-kyc-slot-label {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}

.bgc-kyc-slot-form {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bgc-kyc-slot-form input[type="file"] {
  flex: 1;
  min-width: 0;
  font-size: 12px;
}

#calendar {
  min-height: 500px;
}

@media (max-width: 767px) {
  .bgc-profile-header-inner {
    flex-direction: column;
  }

  .bgc-avatar-remove {
    left: auto;
    right: -6px;
  }

  .bgc-kyc-grid {
    grid-template-columns: 1fr;
  }

  .bgc-kyc-slot-form {
    flex-direction: column;
    align-items: stretch;
  }
}
.bgc-calendar-card {
  padding: 0;
  overflow: hidden;
}

.bgc-calendar-iframe {
  width: 100%;
  height: 700px;
  border: 0;
  display: block;
}

.bgc-kyc-slot-submitted {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}

.bgc-pill-danger {
  background: #fee2e2;
  color: #b91c1c;
}

.bgc-pill-warning {
  background: #fef3c7;
  color: #92400e;
}

.bgc-kyc-slot-rejected {
  margin: 0 0 8px;
  font-size: 12px;
  color: #b91c1c;
}


/* ==========================================================================
   Public landing page (site root) — green theme, HomeVista-style layout
   ========================================================================== */

.bgc-landing {
  margin-top: 10px;
  --bgc-green: #16a34a;
  --bgc-green-dark: #14532d;
  --bgc-green-darker: #0f2e1c;
}

.bgc-landing .btn-primary {
  background-color: var(--bgc-green);
  border-color: var(--bgc-green);
}

.bgc-landing .btn-primary:hover,
.bgc-landing .btn-primary:focus {
  background-color: #15803d;
  border-color: #15803d;
}

/* Hero */

.bgc-landing-hero-v2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  padding: 40px 0 24px;
}

.bgc-landing-hero-v2-text h1 {
  font-size: 42px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.2;
  margin: 0 0 18px;
}

.bgc-landing-hero-v2-text h1 span {
  color: var(--bgc-green);
}

.bgc-landing-hero-v2-text p {
  font-size: 16px;
  color: #64748b;
  line-height: 1.6;
  margin: 0 0 24px;
  max-width: 460px;
}

.bgc-landing-hero-cta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.bgc-landing-trust-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bgc-landing-trust-row span {
  font-size: 13px;
  color: #64748b;
}

.bgc-landing-avatars {
  display: flex;
}

.bgc-landing-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e2e8f0;
  color: #94a3b8;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  margin-left: -10px;
}

.bgc-landing-avatar:first-child {
  margin-left: 0;
}

.bgc-landing-avatar-plus {
  background: var(--bgc-green);
  color: #fff;
  font-weight: 700;
}

.bgc-landing-hero-v2-media {
  position: relative;
}

.bgc-landing-hero-v2-media img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  border-radius: 16px;
}

.bgc-landing-hero-card {
  position: absolute;
  bottom: -20px;
  right: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 260px;
}

.bgc-landing-hero-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #dcfce7;
  color: var(--bgc-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.bgc-landing-hero-card-title {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
}

.bgc-landing-hero-card-subtitle {
  font-size: 12px;
  color: #64748b;
}

.bgc-landing-hero-card-subtitle i {
  color: var(--bgc-green);
  margin-right: 2px;
}

/* Search bar */

.bgc-landing-search-wrap {
  padding: 36px 0 20px;
}

.bgc-landing-search-bar {
  background: #fff;
  border: 1px solid #eef0f3;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.06);
  padding: 18px 20px;
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.bgc-landing-search-field {
  flex: 1;
  min-width: 160px;
}

.bgc-landing-search-field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 6px;
}

.bgc-landing-search-btn {
  white-space: nowrap;
}

/* Section headers */

.bgc-landing-section {
  padding: 40px 0;
}

.bgc-landing-section-muted {
  background: #f8fafc;
  border-radius: 16px;
  padding: 44px 32px;
  margin: 24px 0;
}

.bgc-landing-section-header {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 36px;
}

.bgc-landing-section-header-left {
  text-align: left;
  max-width: none;
  margin: 0 0 24px;
}

.bgc-landing-section-header h2 {
  font-size: 26px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 10px;
}

.bgc-landing-section-header p {
  color: #64748b;
  font-size: 15px;
  margin: 0;
}

/* Categories */

.bgc-landing-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.bgc-landing-category-card {
  flex: 1;
  min-width: 200px;
  background: #fff;
  border: 1px solid #eef0f3;
  border-radius: 12px;
  padding: 20px;
  text-decoration: none;
  display: block;
  transition: box-shadow 0.15s ease;
}

.bgc-landing-category-card:hover {
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.08);
  text-decoration: none;
}

.bgc-landing-category-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #dcfce7;
  color: var(--bgc-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 14px;
}

.bgc-landing-category-name {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
}

.bgc-landing-category-cta {
  display: block;
  font-size: 12px;
  color: var(--bgc-green);
  font-weight: 600;
}

/* Featured shares */

.bgc-landing-shares-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.bgc-landing-share-card {
  background: #fff;
  border: 1px solid #eef0f3;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04);
}

.bgc-landing-share-photo {
  position: relative;
  height: 160px;
  background-size: cover;
  background-position: center;
  background-color: #e2e8f0;
}

.bgc-landing-share-card-body {
  padding: 18px 20px 20px;
}

.bgc-landing-share-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-block;
  background: #dcfce7;
  color: #15803d;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
}

.bgc-landing-share-card h4 {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 6px;
}

.bgc-landing-share-location {
  font-size: 13px;
  color: #64748b;
  margin: 0 0 14px;
}

.bgc-landing-share-location i {
  margin-right: 4px;
  color: var(--bgc-green);
}

.bgc-landing-share-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--bgc-green);
}

.bgc-landing-empty {
  text-align: center;
  color: #64748b;
  font-size: 14px;
  margin: 16px 0 0;
}

.bgc-landing-empty-state {
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}

.bgc-landing-empty-state img {
  width: 100%;
  max-width: 360px;
  border-radius: 12px;
  opacity: 0.85;
  margin: 0 auto;
  display: block;
}

/* Why choose us */

.bgc-landing-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.bgc-landing-why-card {
  text-align: center;
  padding: 10px;
}

.bgc-landing-why-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
  color: var(--bgc-green);
  font-size: 22px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
}

.bgc-landing-why-card h4 {
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 8px;
}

.bgc-landing-why-card p {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}

/* FAQ (replaces fabricated testimonials) */

.bgc-landing-faq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.bgc-landing-faq-card {
  background: #fff;
  border: 1px solid #eef0f3;
  border-radius: 10px;
  padding: 26px 22px;
}

.bgc-landing-faq-card i {
  font-size: 22px;
  color: var(--bgc-green);
  margin-bottom: 12px;
}

.bgc-landing-faq-card h4 {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px;
}

.bgc-landing-faq-card p {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}

/* Newsletter / updates band */

.bgc-landing-updates {
  display: grid;
  grid-template-columns: 260px 1fr;
  align-items: stretch;
  background: var(--bgc-green-darker);
  border-radius: 16px;
  overflow: hidden;
  margin: 24px 0;
}

.bgc-landing-updates-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 180px;
}

.bgc-landing-updates-text {
  padding: 36px;
}

.bgc-landing-updates-text h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 8px;
}

.bgc-landing-updates-text p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  margin: 0 0 20px;
}

.bgc-landing-updates-form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 460px;
}

.bgc-landing-updates-form input {
  flex: 1;
  min-width: 200px;
  border: none;
  border-radius: 999px;
  padding: 12px 18px;
  font-size: 14px;
}

.bgc-landing-updates-form .btn {
  border-radius: 999px;
  padding: 12px 22px;
}

/* Contact section */

.bgc-landing-contact-section {
  background: #f8fafc;
  border-radius: 16px;
  padding: 48px 32px;
}

.bgc-landing-contact-inner {
  max-width: 640px;
  margin: 0 auto;
}

.bgc-landing-contact-card {
  background: #fff;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.bgc-landing-contact-form textarea {
  resize: vertical;
}

@media (max-width: 991px) {
  .bgc-landing-hero-v2 {
    grid-template-columns: 1fr;
  }

  .bgc-landing-hero-v2-media {
    order: -1;
  }

  .bgc-landing-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bgc-landing-shares-grid,
  .bgc-landing-faq-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bgc-landing-updates {
    grid-template-columns: 1fr;
  }

  .bgc-landing-updates-media img {
    min-height: 140px;
  }
}

@media (max-width: 599px) {
  .bgc-landing-hero-v2-text h1 {
    font-size: 30px;
  }

  .bgc-landing-search-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .bgc-landing-why-grid,
  .bgc-landing-shares-grid,
  .bgc-landing-faq-grid,
  .bgc-landing-categories {
    grid-template-columns: 1fr;
  }

  .bgc-landing-category-card {
    min-width: 100%;
  }
}
