/* generated by make-pigs-css.py from HESK customer app.css */
a{color: #c9607d}
a:hover{color: #3b2230}
.footer a{color: #c9607d}
.icon-actions{fill: #c9607d}
.icon-add{fill: #c9607d}
.icon-anonymize{fill: #dccfd5}
.icon-assign-no{fill: #1f1a1d}
.icon-assign-plus{fill: #1f1a1d}
.icon-assign{fill: #1f1a1d}
.icon-attach{fill: #dccfd5}
.icon-back{fill: #1f1a1d}
.icon-chevron-down{fill: #1f1a1d}
.icon-close{fill: #dccfd5}
.icon-cross{fill: #dccfd5}
.icon-delete{fill: #dccfd5}
.icon-dismiss{fill: #c9607d}
.icon-document{fill: #9a8a91}
.icon-down{fill: #1f1a1d}
.icon-edit-ticket{fill: #dccfd5}
.icon-edit{fill: #c9607d}
.icon-export{fill: #dccfd5}
.icon-eye-close{fill: #dccfd5}
.icon-eye-open{fill: #dccfd5}
.icon-filters{fill: #c9607d}
.icon-folder{fill: #9a8a91}
.icon-info{fill: #9a8a91}
.icon-inquiries{fill: #9a8a91}
.icon-label{fill: #9a8a91}
.icon-lock{fill: #dccfd5}
.icon-log-out{fill: #9a8a91}
.icon-mail-small{fill: #dccfd5}
.icon-mail{fill: #dccfd5}
.icon-merge{fill: #1f1a1d}
.icon-move-to{fill: #1f1a1d}
.icon-note{fill: #dccfd5}
.icon-notification{fill: #dccfd5}
.icon-pause{fill: #9a8a91}
.icon-pin{fill: #9a8a91}
.icon-print{fill: #dccfd5}
.icon-priority{fill: #1f1a1d}
.icon-refresh{fill: #dccfd5}
.icon-search{fill: #dccfd5}
.icon-select{fill: #9a8a91}
.icon-smile-bad{fill: #9a8a91}
.icon-smile-good{fill: #9a8a91}
.icon-smile-neutral{fill: #9a8a91}
.icon-star-stroke{fill: #ebe3e6}
.icon-status{fill: #1f1a1d}
.icon-submit-ticket{fill: #9a8a91}
.icon-support{fill: #9a8a91}
.icon-tag{fill: #dccfd5}
.icon-thumb-up{fill: #9a8a91}
.icon-thumb-down{fill: #9a8a91}
.icon-tick{fill: #3b2230}
.selectize-dropdown-header-close{color: #1f1a1d}
.selectize-dropdown, .selectize-input, .selectize-input input{color: #3b2230}
.selectize-control.multi .selectize-input>div{color: #1f1a1d}
.selectize-control.multi .selectize-input>div.active{color: #1f1a1d}
.selectize-dropdown [data-selectable] .highlight{background: rgba(201, 96, 125, .2)}
.selectize-dropdown .optgroup-header{color: #1f1a1d}
.selectize-dropdown .active{color: #5a4d53}
.selectize-dropdown .active.create{color: #5a4d53}
.selectize-input{border: solid 1px #ebe3e6}
.selectize-input.input-active{border: solid 1px #c9607d!important}
.selectize-input:hover, .selectize-input.dropdown-active:hover{border: solid 1px #3b2230!important;background-color: #c9607d!important}
.selectize-control.multi .selectize-input>div{color: #1f1a1d}
.selectize-control .selectize-input{border: solid 1px #c9607d}
.selectize-control .selectize-dropdown{box-shadow: 0 2px 5px 0 rgba(59, 34, 48, .3)}
.selectize-control .selectize-dropdown .option{color: #3b2230}
.selectize-control .selectize-dropdown .option.active{background-color: #c9607d}
.datepicker--cell.-current-{color: #e58aa2}
.datepicker--cell.-current-.-in-range-{color: #e58aa2}
.datepicker--cell.-in-range-{background: rgba(243, 167, 185, .1)}
.datepicker--cell.-in-range-.-focus-{background-color: rgba(243, 167, 185, .2)}
.datepicker--cell.-range-from-{border: 1px solid rgba(243, 167, 185, .5);background-color: rgba(243, 167, 185, .1)}
.datepicker--cell.-range-to-{border: 1px solid rgba(243, 167, 185, .5);background-color: rgba(243, 167, 185, .1)}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-{background: #f3a7b9}
.datepicker--cell.-selected-.-focus-{background: #e58aa2}
.datepicker{color: #3b2230}
.datepicker--button{color: #e58aa2}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background: #f3a7b9;border-color: #f3a7b9}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background: #f3a7b9;border-color: #f3a7b9}
.datepicker--time-row input[type=range]:focus::-ms-thumb{background: #f3a7b9;border-color: #f3a7b9}
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade-{background: #f7c2cf}
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade-{background: #f3a7b9}
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade-{background-color: rgba(243, 167, 185, .1)}
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color: rgba(243, 167, 185, .2)}
:root{font-family: Poppins, Arial, sans-serif}
.link{color: #c9607d}
.link:hover{color: #c9607d}
.c_battleship-grey{color: #5a4d53}
.dropdown .icon-chevron-down, .dropdown-select .icon-chevron-down, .with-label .icon-chevron-down{fill: #3b2230}
.dropdown label, .dropdown-select label, .with-label label{color: #3b2230}
.dropdown .label, .dropdown-select .label, .with-label .label{color: #3b2230}
.dropdown .dropdown-list, .dropdown-select .dropdown-list, .with-label .dropdown-list{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, 0.1);border: 1px solid #c9607d}
.dropdown .dropdown-list .separator, .dropdown-select .dropdown-list .separator, .with-label .dropdown-list .separator{background-color: #ebe3e6}
.dropdown .dropdown-list>li, .dropdown-select .dropdown-list>li, .with-label .dropdown-list>li{color: #3b2230}
.dropdown .dropdown-list>li a, .dropdown-select .dropdown-list>li a, .with-label .dropdown-list>li a{color: #3b2230}
.dropdown .dropdown-list>li svg, .dropdown-select .dropdown-list>li svg, .with-label .dropdown-list>li svg{fill: #9a8a91}
.dropdown .dropdown-list>li:hover, .dropdown-select .dropdown-list>li:hover, .with-label .dropdown-list>li:hover{background-color: #c9607d}
.modal{background-color: rgba(59, 34, 48, 0.8)}
.modal .modal__body{box-shadow: 0 8px 16px 0 rgba(59, 34, 48, 0.1)}
.modal .modal__body .modal__close:hover .icon-close{fill: #3b2230}
.modal .modal__body h3{font-family: Poppins, Arial, sans-serif}
.modal .modal__body .modal__description{font-family: Poppins, Arial, sans-serif}
.dropdown.priority .low{fill: #9a8a91!important}
button{font-family: Poppins, Arial, sans-serif;color: #1f1a1d}
.btn-transparent{border: 1px solid #dccfd5;color: #5a4d53}
.btn.cancel{border: 1px solid #3b2230;color: #3b2230}
.btn-full{background-color: #c9607d;border: 1px solid #3b2230}
.btn-full:hover{background-color: #3b2230}
.btn-full.disabled, .btn-full:disabled{border-color: #fbf5f7;background-color: #fbf5f7;color: #9a8a91}
.btn--blue{color: #c9607d}
.btn-border{border: 1px solid #3b2230;color: #3b2230}
.btn--blue-border{border: 1px solid #c9607d;color: #c9607d}
.btn--blue-border:hover{border-color: #3b2230;background-color: #c9607d}
.btn-banner{background-color: #fbf5f7;color: #3b2230}
::-webkit-input-placeholder{color: #9a8a91}
::-moz-placeholder{color: #9a8a91}
:-ms-input-placeholder{color: #9a8a91}
:-moz-placeholder{color: #9a8a91}
.form textarea.form-control{font-family: Poppins, Arial, sans-serif}
.input-group-append--icon:hover .icon{fill: #c9607d}
.input-group-append--icon .icon{fill: #dccfd5}
.form-group label{color: #c9607d}
.form input.form-control, .form textarea.form-control{border: solid 1px #c9607d;background-color: #fdf7f9;color: #1f1a1d}
.form input.form-control:-ms-input-placeholder, .form textarea.form-control:-ms-input-placeholder{color: #9a8a91}
.form input.form-control::placeholder, .form textarea.form-control::placeholder{color: #9a8a91}
.form input.form-control:hover, .form textarea.form-control:hover{border-color: #9a8a91}
.form input.form-control:focus, .form textarea.form-control:focus{color: #1f1a1d!important;border-color: #3b2230}
.form__search .search--type{color: #9a8a91}
.form__search .form__search_type{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.form__search .form__search_type h5{color: #1f1a1d}
.form__search .form__search_type .type--list li{color: #3b2230}
.form__search .form__search_type .type--list li:hover{background-color: #fbf5f7}
.form__search .form__search_type .type--list li .icon{fill: #9a8a91}
.form__search .form__search_results{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.form__search .form__search_results h5{color: #5a4d53}
.form__search .form__search_results .results--list li{color: #1f1a1d}
.form__search .form__search_results .results--list li:hover{background-color: #fbf5f7}
.form__search .form__search_results .results--list li a{color: #c9607d}
.form__search .form__search_results .results--list li a:hover{color: #3b2230}
.form__search.focus .icon-search{fill: #3b2230!important}
.form__search.value .icon-search{fill: #3b2230!important}
.form__search input{font-family: Poppins, Arial, sans-serif;color: #1f1a1d}
.form__search .form__control::-webkit-input-placeholder{color: #9a8a91}
.form__search .form__control::-moz-placeholder{color: #9a8a91}
.form__search .form__control:-ms-input-placeholder{color: #9a8a91}
.form__search .form__control:-moz-placeholder{color: #9a8a91}
.form__search .form__control:hover::-webkit-input-placeholder{color: #5a4d53}
.form__search .form__control:hover::-moz-placeholder{color: #5a4d53}
.form__search .form__control:hover:-ms-input-placeholder{color: #5a4d53}
.form__search .form__control:hover:-moz-placeholder{color: #5a4d53}
.checkbox-custom [type=checkbox]:not(:checked)+label{color: #c9607d}
.checkbox-custom [type=checkbox]:checked+label{color: #3b2230}
.checkbox-custom [type=checkbox]:checked+label:before, .checkbox-custom [type=checkbox]:not(:checked)+label:before{border: 1px solid #c9607d}
.radio-custom [type=radio]:checked+label, .radio-custom [type=radio]:not(:checked)+label{color: #c9607d}
.radio-custom [type=radio]:checked+label:before, .radio-custom [type=radio]:not(:checked)+label:before{border: 1px solid #3b2230}
.radio-custom [type=radio]:checked+label:after, .radio-custom [type=radio]:not(:checked)+label:after{background-color: #3b2230}
.select-items{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.same-as-selected, .select-items div:hover{color: #c9607d}
.select--priority .select-selected[data-value=low]+div+select+.priority-label{background-color: #9a8a91}
.switch-checkbox .switch-checkbox__bullet{border: 1px solid #ebe3e6}
.switch-checkbox input[type=checkbox]:checked+.switch-checkbox__bullet{background-color: #3b2230;border-color: #3b2230}
.switch-checkbox a{color: #c9607d}
.switch-checkbox a:hover{color: #3b2230}
.block--attach{font-family: Poppins, Arial, sans-serif;color: #c9607d}
.block--attach .icon-attach{fill: #c9607d}
.block--attach:hover{color: #3b2230}
.block--attach:hover .icon-attach{fill: #3b2230}
.ticket__body_block{box-shadow: 0 2px 4px 0 rgba(59, 34, 48, .1)}
.ticket__body_block.response{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.ticket__body_block h1{color: #3b2230}
.ticket__body_block h2{color: #3b2230}
.ticket__body_block h3{font-family: Poppins, Arial, sans-serif}
.ticket__body_block p>a{color: #c9607d}
.ticket__body_block p>a:hover{color: #3b2230}
.ticket__body_block .block--head{font-family: Poppins, Arial, sans-serif}
.ticket__body_block .block--head .contact>span{color: #c9607d}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li{font-family: Poppins, Arial, sans-serif}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li .title{color: #9a8a91}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li .value{color: #1f1a1d}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li a{color: #3b2230}
.ticket__body_block .block--head time{color: #c9607d}
.ticket__body_block .block--head .more span{color: #9a8a91}
.ticket__body_block .block--head .more .icon-chevron-down{fill: #9a8a91}
.ticket__body_block .block--head .more a{color: #9a8a91}
.ticket__body_block .block--head .more a svg{fill: #9a8a91}
.ticket__body_block .block--head .more a:hover{color: #3b2230}
.ticket__body_block .block--head .more a:hover svg{fill: #3b2230}
.ticket__body_block .block--head .more label:hover>span{color: #3b2230}
.ticket__body_block .block--head .more label:hover>svg{fill: #3b2230}
.ticket__body_block .block--head .more .dropdown-list a{color: #3b2230}
.ticket__body_block .block--description{font-family: Poppins, Arial, sans-serif}
.ticket__body_block .block--uploads{font-family: Poppins, Arial, sans-serif}
.ticket__body_block .block--uploads a{color: #c9607d}
.ticket__body_block .block--uploads a:hover{color: #3b2230}
.ticket__body_block .block--suggested{font-family: Poppins, Arial, sans-serif}
.ticket__body_block .block--suggested a{color: #c9607d}
.ticket__body_block .block--suggested a:hover{color: #3b2230}
.ticket__body_block .block--timer{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.ticket__body_block .block--timer span{font-family: Poppins, Arial, sans-serif;color: #9a8a91}
.ticket__body_block .block--timer a svg{fill: #9a8a91}
.ticket__body_block .block--timer a:hover svg{fill: #3b2230}
.ticket__body_block .block--message{border: solid 1px #ebe3e6}
.ticket__body_block .block--message textarea{font-family: Poppins, Arial, sans-serif}
.ticket__body_block .block--message .placeholder{font-family: Poppins, Arial, sans-serif;color: #9a8a91}
.ticket__body_block .block--message .placeholder a{color: #c9607d}
.ticket__body_block .block--message .placeholder a:hover{color: #3b2230}
.ticket__body_block .block--attach-list div{background-color: #fbf5f7;font-family: Poppins, Arial, sans-serif}
.ticket__body_block .block--attach-list div i svg{fill: #dccfd5}
.ticket__body_block .block--attach-list div i:hover svg{fill: #9a8a91}
.ticket__body_block .block--checkboxs{border-bottom: 1px solid #ebe3e6}
.ticket__body_block .block--checkboxs .checkbox-custom{font-family: Poppins, Arial, sans-serif}
.ticket__body_block .block--checkboxs .checkbox-custom .dropdown-select li, .ticket__body_block .block--checkboxs .checkbox-custom .dropdown-select>span{color: #9a8a91}
.ticket__body_block .block--checkboxs .checkbox-custom .dropdown-select svg{fill: #9a8a91}
.ticket__body_block .block--checkboxs .checkbox-custom label{color: #9a8a91}
.ticket__body_block .block--checkboxs .checkbox-custom input[type=checkbox]:checked+label{color: #3b2230}
.ticket__body_block .block--checkboxs .checkbox-custom input[type=checkbox]:checked+label::before{border-color: #3b2230}
.ticket__body_block .block--checkboxs .checkbox-custom input[type=checkbox]:checked+label svg{fill: #3b2230}
.ticket__body_block .block--checkboxs .checkbox-custom.checked .dropdown-select li, .ticket__body_block .block--checkboxs .checkbox-custom.checked .dropdown-select>span{color: #3b2230}
.ticket__body_block .block--submit .submit-us{font-family: Poppins, Arial, sans-serif;color: #c9607d}
.ticket__body_block .block--submit .submit-us span{color: #c9607d}
.ticket__body_block .block--submit .submit-us .icon-chevron-down{fill: #c9607d}
.ticket__replies .ticket__replies_link{font-family: Poppins, Arial, sans-serif;color: #c9607d}
.ticket__replies .ticket__replies_link:hover{color: #3b2230}
.ticket__replies .ticket__replies_link:hover .icon-chevron-down{fill: #3b2230}
.ticket__replies .ticket__replies_link .icon-chevron-down{fill: #c9607d}
.ticket__params .params--bar{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.ticket__params .params--bar a svg{fill: #9a8a91}
.ticket__params .params--bar a:hover svg{fill: #3b2230}
.ticket__params .params--bar .dropdown{border-left: 1px solid #ebe3e6}
.ticket__params .params--bar .dropdown label svg{fill: #9a8a91}
.ticket__params .params--bar .dropdown:hover svg{fill: #3b2230}
.ticket__params .params--block{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.ticket__params .params--block.params [data-value=low] .icon-label{fill: #9a8a91}
.ticket__params .params--block .row{font-family: Poppins, Arial, sans-serif;border-bottom: 1px solid #a9979f}
.ticket__params .params--block .row .title{color: #c9607d}
.ticket__params .params--block h4{font-family: Poppins, Arial, sans-serif}
.ticket__params .params--block h4 .icon-chevron-down{fill: #dccfd5}
.main__content.notifications .notifications__list{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.main__content.notifications .notifications__list li.new{border-left: 2px solid #c9607d}
.main__content.notifications .notifications__list li h5 a{color: #3b2230}
.main__content.notifications .notifications__list li time{color: #5a4d53}
.footer{color: #3b2230}
.pagination a{color: #3b2230}
.pagination__item.is-current .pagination__link{background-color: #ebe3e6}
.pagination__stroke{color: #3b2230}
.pagination__link{color: #3b2230}
.breadcrumbs__inner a{color: #c9607d}
.breadcrumbs__inner a:hover{color: #3b2230}
.search__title{color: #3b2230}
.search__form{background-color: #c9607d}
.search__form .form-group input:-ms-input-placeholder{color: #5a4d53}
.search__form .form-group input::placeholder{color: #6e5e66}
.search__form .form-group input:focus, .search__form .form-group input:hover{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.search__form .form-group .icon-search{fill: #c9607d}
.form-group .search-clear .icon{fill: #dccfd5}
.form-group .search-clear:hover .icon{fill: #3b2230}
.alert{border: solid 1px #c9607d;background-color: #fbf5f7}
.alert .icon-warning{fill: #c9607d}
.alert__title{color: #1f1a1d}
.cust-help .lightgrey{color: #c9607d}
.cust-help .h-3{color: #3b2230}
.cust-help .header{border-bottom: 1px solid #a9979f;background-color: #3b2230}
.cust-help .header__logo{color: #fdf0f3}
.cust-help .btn:hover .icon{fill: #3b2230}
.tabbed__head{border-bottom: 2px solid #f9e1e8}
.tabbed__head .tabbed__head_tabs li{color: #3b2230;border-bottom: 2px solid #f9e1e8}
.tabbed__head .tabbed__head_tabs li:not(.current):hover{background-color: #c9607d;border-bottom: 2px solid #3b2230}
.tabbed__head .tabbed__head_tabs li.current{border-bottom-color: #c9607d;color: #c9607d;box-shadow: 0 4px 8px 0 rgba(59, 34, 48, .3)}
.tabbed__tabs .tabbed__tabs_tab{box-shadow: 0 4px 8px 0 rgba(59, 34, 48, .3)}
.icon-in-circle{background-color: #c9607d}
.navlink{box-shadow: 0 4px 8px 0 rgba(59, 34, 48, .3);color: #c9607d}
.navlink:hover{box-shadow: 0 2px 3px 0 rgba(59, 34, 48, .4)}
.navlink .navlink__title{color: #c9607d}
.navlink:hover>.icon-in-circle{background-color: #3b2230}
.navlink-condensed{box-shadow: 0 2px 5px 0 rgba(59, 34, 48, .1)}
.navlink-condensed:hover{box-shadow: 0 4px 6px 0 rgba(59, 34, 48, .1)}
.select__title{color: #3b2230}
.article .block__head{border-bottom: 1px solid #c9607d;background-color: #c9607d;box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .3)}
.article__heading{color: #c9607d}
.article__footer .link{color: #c9607d}
.preview{border-bottom: 1px solid #f0b3c3;box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .3)}
.preview:hover{background-color: #fdf0f3}
.preview .preview__title{color: #c9607d}
.kb-suggestions h6{color: #1f1a1d}
.suggest-preview{border-bottom: 1px solid #ebe3e6}
a.suggest-preview{color: #1f1a1d}
a.suggest-preview:hover{background-color: #fdf0f3}
.suggest-preview .suggest-preview__title{color: #c9607d}
.topics{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .3)}
.topics__title{color: #c9607d}
.topics__title .icon{fill: #c9607d}
.topics__list{color: #c9607d}
.topics__list a{color: #c9607d}
.topics__list a:hover{color: #3b2230}
.divider{background-color: #c9607d}
.label{color: #c9607d}
.article-heading-tip{color: #c9607d}
.form-submit-ticket{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .3)}
.btn-refresh .icon{fill: #9a8a91}
.attach .attach-tooltype>span{color: #c9607d}
.attach .tooltype ul li::before{background-color: #5a4d53}
.param.calendar .calendar--button button{background-color: #c9607d}
.param.calendar .calendar--button button:hover{border: 1px solid #c9607d}
.param.calendar .calendar--value{color: #c9607d}
.param.calendar .calendar--value .close:hover svg{fill: #3b2230}
.param.calendar .calendar--value .close svg{fill: #3b2230}
.form-footer .link{color: #c9607d}
.block--head .contact span+span{color: #1f1a1d!important}
.btn-action .icon{fill: #9a8a91}
.ticket__block-footer{color: #6e5e66;border-top: 1px solid #a9979f}
.ticket__params .params--block .list{color: #c9607d}
.wrapper{font-family: Poppins, Arial, sans-serif;color: #3b2230}
.main__content{background-color: #fbf5f7}
.notification{box-shadow: 0 4px 8px 0 rgba(59, 34, 48, .3);font-family: Poppins, Arial, sans-serif}
.notification.blue{background-color: #fdf0f3}
.notification.blue::before{background-color: #c9607d}
.notification-flash{box-shadow: 0 4px 8px 0 rgba(59, 34, 48, .1);font-family: Poppins, Arial, sans-serif}
.notification-flash.blue::before{background-color: #3b2230}
.notification-flash .close svg{fill: #dccfd5}
.notification-flash .notification--title{color: #1f1a1d}
.notification-flash .notification--text{color: #5a4d53}
.tooltype .icon-info{fill: #9a8a91}
.tooltype:hover .icon-info{fill: #3b2230}
.tooltype .tooltype__content{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1);font-family: Poppins, Arial, sans-serif;color: #5a4d53}
.tooltype .tooltype__content a{color: #c9607d}
.tooltype .tooltype__content a:hover{color: #3b2230}
.tooltype .tooltype__content::before{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.datepicker{font-family: Poppins, Arial, sans-serif;box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .3)}
.datepicker .datepicker--pointer{box-shadow: 0 2px 8px 0 rgba(59, 34, 48, .1)}
.datepicker .datepicker--nav{color: #3b2230}
.datepicker .datepicker--nav i{color: #3b2230}
.datepicker .datepicker--cells .datepicker--cell:hover:not(.-selected-){background-color: #c9607d}
.datepicker .datepicker--days-names{border-bottom: 1px solid #ebe3e6}
.datepicker .datepicker--days-names .datepicker--day-name{font-family: Poppins, Arial, sans-serif;color: #c9607d}
.notification-bar{background-color: #c9607d}
.notification-bar .close:hover svg{fill: #ebe3e6}
.notification-bar.blue{background-color: #3b2230}
.notification-bar.white{border-top: solid 1px #ebe3e6;border-bottom: solid 1px #ebe3e6}
.notification-bar.white .notification--text{color: #1f1a1d}
.notification-bar.white .btn{color: #3b2230;border-color: #3b2230}
.notification-bar.white svg{fill: #dccfd5}
.browser-default a{color: #c9607d}
.kb--folder a{color: #c9607d}
.kb--folder a:hover{color: #3b2230!important}
.kb--folder>.icon-folder, .kb--folder>.icon-knowledge{fill: #9a8a91}
.kb--folder>.icon-chevron-right{fill: #9a8a91}
.go-back{fill: #c9607d}
.go-back-button{background-color: #c9607d}
.go-back-button:hover{background-color: #3b2230}
.param.calendar .calendar--button button:hover .icon-calendar{fill: #c9607d!important}
.radio-custom [type=radio]:checked+label{color: #3b2230}
.custom-field-title{color: #9a8a91}
.dropzone{border: 1px solid #ebe3e6}
.attachment-row svg:hover{fill: #3b2230}

/* Flying Pigs look for the HESK help desk, hand-written part: the site's
   header bar (header.txt) in place of HESK's, the fonts, and the site's
   button and card shapes. The recolor of HESK's own rules is generated. */
@font-face { font-family: "Fredoka"; src: url("https://flying-pigs.wpspeedmeup.com/wp-content/themes/flying-pigs/assets/fonts/Fredoka-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
:root { --fp-ink: #1f1a1d; --fp-sub: #5a4d53; --fp-plum: #3b2230; --fp-pig: #f3a7b9; --fp-rose: #c9607d; --fp-panel: #fbf5f7; --fp-line: #ebe3e6; font-family: Poppins, Arial, sans-serif; }
body, button, input, select, textarea { font-family: Poppins, Arial, sans-serif; }
body { color: var(--fp-ink); -webkit-font-smoothing: antialiased; }

/* The site's header bar; HESK's own title bar steps aside. */
.header { display: none; }
.fp-hd { position: sticky; top: 0; z-index: 50; background: #fff; box-shadow: 0 1px 0 var(--fp-line), 0 6px 18px rgba(59, 34, 48, 0.05); }
.fp-hd__in { max-width: 1200px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.fp-hd__brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--fp-plum); font-family: Fredoka, Poppins, sans-serif; font-weight: 600; font-size: 1.35rem; }
.fp-hd__brand img { width: 70px; height: 32px; }
.fp-hd__brand small { font-family: Poppins, sans-serif; font-weight: 500; font-size: 0.85rem; color: var(--fp-sub); border-left: 1px solid var(--fp-line); padding-left: 10px; }
.fp-hd__brand:hover { color: var(--fp-plum); }
.fp-hd__nav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.fp-hd__nav a { text-decoration: none; font-weight: 500; font-size: 0.95rem; color: var(--fp-ink); padding: 8px 12px; border-radius: 8px; }
.fp-hd__nav a:hover { color: var(--fp-rose); }
.fp-hd__nav a.fp-hd__cta { background: var(--fp-rose); color: #fff; font-weight: 600; padding: 10px 18px; border-radius: 10px; margin-left: 8px; }
.fp-hd__nav a.fp-hd__cta:hover { background: var(--fp-pig); color: var(--fp-plum); }
@media (max-width: 640px) { .fp-hd__nav a:not(.fp-hd__cta) { display: none; } .fp-hd__brand small { display: none; } }

/* Page, headings and the search band. */
.main { background: var(--fp-panel); }
.breadcrumbs { background: #fff; border-bottom: 1px solid var(--fp-line); }
h1, h2, h3, h4, h5, .search__title, .article__heading, .preview__title, .navlink__title { color: var(--fp-plum); font-family: Poppins, Arial, sans-serif; }
.search__title { font-weight: 700; letter-spacing: -0.01em; }

/* Buttons: the site's shape. */
.btn { border-radius: 10px; }
.btn-full { background-color: var(--fp-rose); border-color: var(--fp-rose); color: #fff; font-weight: 600; }
.btn-full:hover { background-color: var(--fp-pig); border-color: var(--fp-pig); color: var(--fp-plum); }

/* Circle icons: rose ground, white glyph. */
.icon-in-circle { background-color: var(--fp-rose); }
.icon-in-circle .icon { fill: #fff; }

/* Cards: white on the pink page with the site's hairline. */
.navlink, .preview, .article, .ticket__body, .form, .notification { border-radius: 16px; }

/* Descriptions inside link cards read as body text, not as links. */
.navlink__descr, .preview__text p, .preview p { color: var(--fp-sub); }
.lightgrey { color: #9a8a91; }
.navlink:hover .navlink__title, .preview:hover .preview__title { color: var(--fp-plum); }

/* Knowledge base folders: ink text, rose on hover, so the lists are not all one pink. */
.topics .title-link, .topics__list a, a.title-link { color: var(--fp-ink); text-decoration: none; }
.topics .title-link:hover, .topics__list a:hover, a.title-link:hover { color: var(--fp-rose); }
.topics__list li::marker { color: var(--fp-rose); }