span.ico_btn {
  padding: 5px;
  cursor: pointer;
  text-align: right;
  display: inline-block;
  color: grey;
  margin: 0px;
  margin-left: 10px;
  font-size: 1.3em;
  float: right;
  font-style: inherit;
  margin-bottom: -4px;
  line-height: 1.3em;
}

span.ico_btn:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

span.ico_btn:hover {
  color: black;
}

span.ico_accept:before {
  content: '\f164';
  font-weight: 400 !important;
}

span.ico_accept:after {
  content: ' Accept';
}

span.ico_add:before {
  content: '\f067';
}

span.ico_add:after {
  content: ' Add';
}

span.ico_approve:before {
  content: '\f164';
  font-weight: 400 !important;
}

span.ico_approve:after {
  content: ' Approve';
}

span.ico_archive:before {
  content: '\f187';
}

span.ico_archive:after {
  content: ' Archive';
}

span.ico_article:before {
  content: '\f1ea';
}

span.ico_article:after {
  content: ' Article';
}

span.ico_back:before {
  content: '\f048';
}

span.ico_back:after {
  content: ' Back';
}

span.ico_case:before {
  content: '\f24e';
}

span.ico_case:after {
  content: ' Case';
}

span.ico_cashdeposit:before {
  content: '\f093';
}

span.ico_cashdeposit:after {
  content: ' Deposit';
}

span.ico_cashup:before {
  content: '\f093';
}

span.ico_cashup:after {
  content: ' Cashup';
}

span.ico_check:before {
  content: '\f05d';
}

span.ico_check:after {
  content: ' Check';
}

span.ico_chk:before {
  content: '\f046';
}

span.ico_chk:after {
  content: ' Check';
}

span.ico_close:before {
  content: '\f00d';
}

span.ico_close:after {
  content: ' Close';
}

span.ico_close:hover {
  color: red;
}

span.ico_commissiondetail:before {
  content: '\f1ea';
  font-weight: 400 !important;
}

span.ico_commissiondetail:after {
  content: ' Detail';
}

span.ico_commissionfiles:before {
  content: '\f3d1';
  font-weight: 400 !important;
}

span.ico_commissionfiles:after {
  content: ' Files';
}

span.ico_commissionsummary:before {
  content: '\f0ce';
}

span.ico_commissionsummary:after {
  content: ' Summary';
}

span.ico_copy {
  margin: 2px 0 !important;
}

span.ico_copy:before {
  content: "\f0c5";
  font-weight: 400;
}

span.ico_copy:after {
  content: " Copy";
  font-size: 0.7em;
}

span.ico_cut:before {
  content: '\f0c4';
}

span.ico_cut:after {
  content: ' Cut';
}

span.ico_decline:before {
  content: '\f165';
  font-weight: 400 !important;
}

span.ico_decline:after {
  content: ' Decline';
}

span.ico_delete:before {
  content: '\f2ed';
}

span.ico_delete:after {
  content: ' Delete';
}

span.ico_detail:before {
  content: '\f044';
}

span.ico_detail:after {
  content: ' Detail';
}

span.ico_discard:before {
  content: '\f165';
  font-weight: 400 !important;
}

span.ico_discard:after {
  content: ' Discard';
}

span.ico_disapprove:before {
  content: '\f165';
  font-weight: 400 !important;
}

span.ico_disapprove:after {
  content: ' Disapprove';
}

span.ico_dislike:before {
  content: '\f165';
  font-weight: 400 !important;
}

span.ico_dislike:after {
  content: ' Dislike';
}

span.ico_done:before {
  content: '\f2b5';
  font-weight: 400 !important;
}

span.ico_done:after {
  content: ' Done';
}

span.ico_download:before {
  content: '\f019';
}

span.ico_download:after {
  content: ' Download';
}

span.ico_edit:before {
  content: '\f044';
}

span.ico_edit:after {
  content: ' Edit';
}

span.ico_editmass:before {
  content: '\f205';
}

span.ico_editmass:after {
  content: ' Capture View';
}

span.ico_editmass0:before {
  content: '\f204';
}

span.ico_editmass0:after {
  content: ' Form View';
}

span.ico_email:before {
  content: '\f003';
}

span.ico_email:after {
  content: ' Email';
}

span.ico_employment:before {
  content: '\f19c';
}

span.ico_employment:after {
  content: ' Employment';
}

span.ico_etaproject:before {
  content: '\f050';
}

span.ico_etaproject:after {
  content: ' ETA';
}

span.ico_export:before {
  content: '\f1c3';
}

span.ico_export:after {
  content: ' Export';
}

span.ico_googlemaps {
  margin: 2px 0 !important;
}

span.ico_googlemaps:before {
  content: "\f21d";
}

span.ico_googlemaps:after {
  content: " Google";
  font-size: 0.7em;
}

span.ico_help:before {
  content: '\f059';
  font-weight: 400 !important;
}

span.ico_help:after {
  content: ' Help';
}

span.ico_hide:before {
  content: '\f070';
}

span.ico_hide:after {
  content: ' Hide';
}

span.ico_history:before {
  content: '\f1da';
}

span.ico_history:after {
  content: ' History';
}

span.ico_invoice:before {
  content: '\f1c1';
}

span.ico_invoice:after {
  content: ' Invoice';
}

span.ico_openclient:before {
  content: '\f2c0';
}

span.ico_openclient {
  float: left
}

span.ico_reject:before {
  content: '\f165';
  font-weight: 400 !important;
}

span.ico_reject:after {
  content: ' Reject';
}

span.ico_reply:before {
  content: '\f3e5';
}

span.ico_reply:after {
  content: ' Reply';
}

span.ico_like:before {
  content: '\f164';
  font-weight: 400 !important;
}

span.ico_like:after {
  content: ' Like';
}

span.ico_log:before {
  content: '\f0f6';
}

span.ico_log:after {
  content: ' Log';
}

span.ico_mass:before {
  content: '\f16c';
}

span.ico_mass:after {
  content: ' Mass Capture';
}

span.ico_members:before {
  content: '\f044';
}

span.ico_members:after {
  content: ' Members';
}

span.ico_more:before {
  content: '\f103';
}

span.ico_more:after {
  content: ' More';
}

span.ico_namelist:before {
  content: '\f022';
}

span.ico_namelist:after {
  content: ' Name List';
}

span.ico_new:before {
  content: '\f067';
}

span.ico_new:after {
  content: ' New';
}

span.ico_pay:before {
  content: '\f0d6';
}

span.ico_pay:after {
  content: ' Payment';
}

span.ico_paycard:before {
  content: '\f09d';
}

span.ico_paycard:after {
  content: ' Pay Card';
}

span.ico_paycash:before {
  content: '\f0d6';
}

span.ico_paycash:after {
  content: ' Pay Cash';
}

span.ico_performance:before {
  content: '\f201';
}

span.ico_performance:after {
  content: ' Performance';
}

span.ico_post:before {
  content: '\f164';
  font-weight: 400;
}

span.ico_post:after {
  content: ' Post';
}

span.ico_process:before {
  content: '\f110';
}

span.ico_process:after {
  content: ' Process';
}

span.ico_quote:before {
  content: '\f10e';
}

span.ico_quote:after {
  content: ' Quote';
}

span.ico_refresh:before {
  content: '\f1da';
}

span.ico_refresh:after {
  content: ' Refresh';
}

span.ico_refund:before {
  content: '\f165';
  font-weight: 400 !important
}

span.ico_refund:after {
  content: ' Refund';
}

span.ico_remove:before {
  content: '\f2ed';
}

span.ico_remove:after {
  content: ' Remove';
}

span.ico_save:before {
  content: '\f164';
  font-weight: 400 !important;
}

span.ico_save:after {
  content: ' Save';
}

span.ico_security:before {
  content: '\f023';
}

span.ico_security:after {
  content: ' Security';
}

span.ico_send:before {
  content: '\f003';
}

span.ico_send:after {
  content: ' Send';
}

span.ico_showall:before {
  content: '\f06e';
}

span.ico_showall:after {
  content: ' Show All';
}

span.ico_showless:before {
  content: '\f102';
}

span.ico_showless:after {
  content: ' Show Less';
}

span.ico_showmore:before {
  content: '\f103';
}

span.ico_showmore:after {
  content: ' Show More';
}

span.ico_sms:before {
  content: '\f10b';
}

span.ico_sms:after {
  content: ' SMS';
}

span.ico_startproject:before {
  content: '\f04b';
}

span.ico_startproject:after {
  content: ' Start';
}

span.ico_statement:before {
  content: '\f1c1';
}

span.ico_statement:after {
  content: ' Statement';
}

span.ico_stopproject:before {
  content: '\f04d';
}

span.ico_stopproject:after {
  content: ' Stop';
}

span.ico_skils:before {
  content: '\f19d';
}

span.ico_skils:after {
  content: ' Skils';
}

span.ico_tag:before {
  content: '\f02b';
}

span.ico_tag:after {
  content: ' Tag';
}

span.ico_target:before {
  content: '\f140';
}

span.ico_target:after {
  content: ' Target';
}

span.ico_task:before {
  content: '\f0ae';
}

span.ico_task:after {
  content: ' Tasks';
}

span.ico_top:before {
  content: '\f049';
}

span.ico_top:after {
  content: ' Top';
}

span.ico_update:before {
  content: '\f079';
}

span.ico_update:after {
  content: ' Update';
}

span.ico_upload:before {
  content: '\f093';
}

span.ico_upload:after {
  content: ' Upload';
}

span.ico_view:before {
  content: '\f15b';
  font-weight: 400 !important;
}

span.ico_view:after {
  content: ' View';
}

span.ico_viewall:before {
  content: '\f06e';
}

span.ico_viewall:after {
  content: ' View All';
}

span.ico_viewpdf:before {
  content: '\f1c1';
  font-weight: 400 !important;
}

span.ico_viewpdf:after {
  content: ' Preview';
}

span.ico_worklog:before {
  content: '\f017';
}

span.ico_worklog:after {
  content: ' Work Log';
}

.dateico:hover {
  color: deepskyblue !important;
}

.app_f i.fa-sitemap.selectcategory {
  height: calc(1em - -1px);
}

i.fa-sitemap.selectcategory {
  font-weight: 900 !important;
}

.dateico {
  position: relative;
  font-size: 1.5em !important;
  background-color: whitesmoke !important;
  border-left: 1px solid silver;
  padding: 3px;
  color: gray !important;
  cursor: pointer;
  font-weight: normal !important;
  height: calc(1em - -1px) !important;
  float: right;
  margin-right: 1px !important;
  margin-left: -30px;
  margin-top: 1px !important;
  height: 1.1em;
}

label.app_f .dateico {
  font-size: 1.5em;
  left: -12px;
}

.searchico {
  font-size: 1.5em;
  background-color: whitesmoke;
  border-left: 1px solid silver;
  padding: 5px;
  float: right;
  display: inline-block;
  width: 1em;
  align-items: center;
  text-align: center;
  height: 1em;
  margin-top: 1px;
}

.searchicon {
  display: inline;
  float: left;
  margin-bottom: -30px;
  top: 2px;
  left: 0px;
  font-size: 1.5em;
  padding: 5px;
  position: relative;
  width: 20px;
  align-items: center;
  text-align: center;
  height: 17px;
}

.ui-state-highlight {
  height: 1.5em;
  line-height: 1.2em;
  background-color: red;
}

i.icobtn2.fa:after,
i.icobtn2.fab:after {
  font-size: 8px;
  font-family: Tahoma, Arial, sans-serif, Verdana;
  position: relative;
  bottom: 0px;
  display: block;
  margin-bottom: -11px;
  margin-top: 2px;
}

.icotxtProfile:after {
  content: "Profile";
}

.icotxtPersonal:after {
  content: "Personal";
}

.icotxtSecurity:after {
  content: "Security";
}

.icotxtCompany:after {
  content: "Company";
}

.icotxtNewClient:after {
  content: "New Client";
}

.icotxtContact:after {
  content: "Contact";
}

.icotxtFinancial:after {
  content: "Financial";
}

.icotxtEmployer:after {
  content: "Employer";
}

.icotxtQA:after {
  content: "Q / A";
}

.icotxtApp:after {
  content: "App";
}

.icotxtMedical:after {
  content: "Medical";
}

.icotxtRip:after {
  content: "Deceased";
}

.icotxtKin:after {
  content: "Next of Kin";
}

.icotxtExperiance:after {
  content: "Experiance";
}

.icotxtBank:after {
  content: "Accounts";
}

.icotxtEmployment:after {
  content: "Employment";
}

.icotxtSkils:after {
  content: "Skills";
}

.icotxtNewFirm:before {
  content: "\f275";
}

.icotxtNewFirm:after {
  content: "New Firm";
}

.icotxtNewUser:before {
  content: "\f2be";
}

.icotxtNewUser:after {
  content: "User";
}

.icotxtFamily:before {
  content: "\f1ae";
}

.icotxtFamily:after {
  content: "Dependants";
}

.icotxtFTP:after {
  content: "Storage";
}

.icotxtFirm:before {
  content: "\f275";
}

.icotxtFirm:after {
  content: "Firm Profile";
}

i.fa.icohelp {
  color: deepskyblue;
  border: 2px solid deepskyblue;
  background-color: white;
  font-size: 2em;
  width: 14px;
  height: 18px;
  border-radius: 20px;
  padding: 2px 6px 5px 5px;
  float: right;
  align-items: center;
  vertical-align: middle;
  margin-top: 2px;
  cursor: pointer;
}

i.fa.icohelp:hover {
  background-color: yellowgreen;
  color: white;
  border: 2px solid yellowgreen;
}

.tbldata i.fa:hover {
  background-color: inherit;
}

i.fa.ajaxicohelp:hover {
  background-color: yellowgreen;
  color: white;
  border: 2px solid yellowgreen;
}

i.fa.ajaxicohelp {
  color: deepskyblue;
  border: 2px solid deepskyblue;
  background-color: white;
  font-size: 1em;
  width: 9px;
  height: 14px;
  border-radius: 20px;
  padding: 2px 8px 5px 4px;
  float: right;
  align-items: center;
  vertical-align: middle;
  margin-top: -2px;
  cursor: pointer;
}

i.fa.faclick:hover {
  color: black;
  background-color: rgba(255, 255, 0, 0.25);
}

i.fa.faclick {
  color: gray;
  padding: 10px;
  cursor: pointer;
  font-size: 1.3em;
  position: relative;
  left: 0;
  top: 0;
  font-family: Font Awesome 5 Free, Tahoma, Arial, sans-serif, Verdana;
}

i.fa.faselect {
  border-bottom: 2px solid blue;
  color: blue;
}

.floatbtn {
  border: 1px solid lightgrey;
  background: whitesmoke;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
}

.paybtn {
  background-color: deepskyblue;
  color: white !important;
  padding: 7px !important;
  width: 100px;
  text-align: center !important;
  font-size: 1.3em !important;
  border: 1px solid lightgrey;
  margin-bottom: 9px !important;
  margin-top: 7px !important;
  float: none !important;
  margin-left: 0 !important;
}

.selected {
  background-color: lightgreen;
}

h3.ui-accordion-header::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  line-height: 1rem;
  margin-left: -1.4rem;
}

.aico_personal::before {
  content: "\f2bd";
}

.aico_network::before {
  content: "\f0c0";
}

.aico_clip::before {
  content: "\f0c6";
}

.aico_followers::before {
  content: "\f0c0";
  color: white;
  text-shadow: 0 0 3px black;
}

.aico_following::before {
  content: "\f0c0";
}

.aico_bookmark::before {
  content: "\f02e";
}

.aico_reported::before {
  content: "\f05e";
}

.aico_blocked::before {
  content: "\f070";
}

.aico_calendar::before {
  content: "\f073";
}

.aico_connections::before {
  content: "\f0c0";
}

.aico_calculator::before {
  content: "\f1ec";
}

.aico_agenda::before {
  content: "\f2b5";
}

.aico_chat::before {
  font-weight: 400;
  content: "\f086";
}

.aico_comments::before {
  font-weight: 400;
  content: "\f086";
}

.aico_documents::before {
  content: "\f0c2";
}

.aico_email::before {
  content: "\f003";
}

.aico_fax::before {
  content: "\f1ac";
}

.aico_history::before {
  font-family: 'Font Awesome 5 Brands';
  content: "\f16c";
  font-size: 1.2em;
}

.aico_inbox::before {
  content: "\f01c";
}

.aico_related::before {
  content: "\f16c";
}

.aico_relatedvideo::before {
  font-weight: 400;
  content: "\f1c8";
}

.aico_outbox::before {
  content: "\f01c";
  color: grey;
}

.aico_profile::before {
  content: "\f007";
}

.aico_projects::before {
  content: "\f0ad";
}

.aico_schedules::before {
  font-weight: 400;
  content: "\f0f3";
}

.aico_video::before {
  content: "\f03d";
}

.aico_feed::before {
  content: "";
}

.aico_feed {
  text-align: left;
  height: 50px;
  color: white;
  border-bottom: 0;
  padding-left: 10px !important;
}

.aico_bankaccount::before {
  content: "\f1ac";
}

.aico_yearfinancial::before {
  content: "\f1ac";
}

.aico_accounthistory::before {
  content: "\f080";
}

.aico_accountinformation::before {
  content: "\f2bd";
}

.aico_quotation::before {
  content: "\f0cb";
}

.aico_loans::before {
  font-weight: 400;
  content: "\f3d1";
}

.aico_language::before {
  content: "\f57c";
}

.aico_policy::before {
  content: "\f0e9";
}

.aico_claims::before {
  content: "\f0f0";
}

.aico_reports::before {
  content: "\f0c5";
}

.aico_performance::before {
  content: "\f200";
}

.aico_officetools::before {
  font-family: 'Font Awesome 5 Brands';
  content: "\f3ab";
}

.aico_admintools::before {
  content: "\f085";
}

.aico_bureauservices::before {
  content: "\f09d";
}

.aico_supporttools::before {
  content: "\f1cd";
}

.aico_wizard::before {
  content: "\f12e";
}

.aico_reportsexports::before {
  content: "\f0c5";
}

.aico_videos::before {
  content: "\f03d";
}

.aico_profileclient::before {
  font-weight: normal;
  content: "\f2bd";
}

.aico_profileuser::before,
.aico_tray_desktop::before {
  content: "\f2bd";
}

.aico_profilecompany::before {
  content: "\f275";
}

.aico_profilefirm::before {
  content: "\f275";
}

.aico_cases::before {
  content: "\f24e";
}

.aico_time::before {
  font-weight: 400;
  content: "\f017";
}

.aico_report::before {
  content: "\f02f";
}

.aico_case_dispute::before {
  font-weight: 400;
  content: "\f119";
}

.aico_case_allocation::before {
  content: "\f0c1";
}

.aico_case_jurisdiction::before {
  content: "\f0e3";
}

.aico_case_outcome::before {
  font-weight: 400;
  content: "\f2b5";
}

.aico_talk::before {
  content: "\f0e6";
}

.aico_employee::before {
  content: "\f0c0";
}

.aico_bug::before {
  content: "\f188";
}

.aico_activebook::before {
  content: "\f02d";
}

.aico_productline::before {
  content: "\f0e8";
}

.aico_tray_private::before {
  content: "\f023";
}

.aico_tray_trash::before {
  content: "\f2ed";
}

.aico_tray_info::before {
  content: "\f674";
}

.aico_tray_legal::before {
  content: "\f24e";
}

.aico_tray_sales::before {
  content: "\f788";
}

.aico_tray_briefcase::before {
  content: "\f0b1";
}

.aico_tray_media::before {
  content: "\f030";
}

.aico_privacy::before {
  content: "\f21b";
}

.aico_language::before {
  content: "\f024";
}

.aico_signin::before {
  content: "\f084";
}

.fac-purple {
  color: purple !important
}

td.configcell::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f013";
  padding: 5px;
  font-size: 1.3em;
  color: silver;
}

td.configcell:hover {
  color: black;
}

.fa-quora:before {
  font-weight: 900;
  font-family: 'Font Awesome 5 Brands' !important;
}

span.keystring {
  padding: 3px;
  border: 1px solid lightgrey;
  width: auto;
  float: left;
  margin-right: 0px !important;
  border-radius: 4px;
  background-color: whitesmoke;
  display: inline !important;
  cursor: no-drop;
}

span.keystring:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f00d";
  padding-left: 10px;
  top: -4px;
  position: relative;
}

.addkey {
  border-left: 1px solid lightgrey;
  float: right;
  height: 100%;
  position: absolute;
  right: -1px;
  top: -1px;
  background-color: whitesmoke;
  font-size: 1.5em;
  padding: 5px;
  cursor: pointer;
}

.addkey:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f1e0";
}

.aico_fire {
  content: "\f06d"
}