@font-face {
  font-family: 'turbo_icon';
  src: url('fonts/turbo_icon.eot?k896jl');
  src: url('fonts/turbo_icon.eot?k896jl#iefix') format('embedded-opentype'), url('fonts/turbo_icon.ttf?k896jl') format('truetype'), url('fonts/turbo_icon.woff?k896jl') format('woff'), url('fonts/turbo_icon.svg?k896jl#turbo_icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="tub-"],
[class*="tub-"] {

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'turbo_icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/*   display: inline-block;
  vertical-align: middle; */
  position: relative;  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="tub-"] wfont:not(:first-child),
[class*="tub-"] wfont:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
}

[class^="tub-"] wfont:empty {

  /*   position: relative */
}

.tub-cloud-cross wfont:nth-child(1):before {
  content: "\e900";
  color: currentcolor;
}

.tub-cloud-cross wfont:nth-child(2):before {
  content: "\e901";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-drizzle wfont:nth-child(1):before {
  content: "\e902";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-drizzle wfont:nth-child(2):before {
  content: "\e903";
  color: currentcolor;
}

.tub-cloud-fog wfont:nth-child(1):before {
  content: "\e904";
  color: currentcolor;
}

.tub-cloud-fog wfont:nth-child(2):before {
  content: "\e905";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-fog wfont:nth-child(3):before {
  content: "\e906";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-fog wfont:nth-child(4):before {
  content: "\e907";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-lightning wfont:nth-child(1):before {
  content: "\e908";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-lightning wfont:nth-child(2):before {
  content: "\e909";
  color: currentcolor;
}

.tub-cloud-minus wfont:nth-child(1):before {
  content: "\e90a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-minus wfont:nth-child(2):before {
  content: "\e90b";
  color: currentcolor;
}

.tub-cloud-notif wfont:nth-child(1):before {
  content: "\e90c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-notif wfont:nth-child(2):before {
  content: "\e90d";
  color: currentcolor;
}

.tub-cloud-plus wfont:nth-child(1):before {
  content: "\e90e";
  color: currentcolor;
}

.tub-cloud-plus wfont:nth-child(2):before {
  content: "\e90f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-snow wfont:nth-child(1):before {
  content: "\e910";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-snow wfont:nth-child(2):before {
  content: "\e911";
  color: currentcolor;
}

.tub-cloud-sunny wfont:nth-child(1):before {
  content: "\e912";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-sunny wfont:nth-child(2):before {
  content: "\e913";
  color: currentcolor;
}

.tub-cloud wfont:nth-child(1):before {
  content: "\e914";
  color: currentcolor;
}

.tub-cloud wfont:nth-child(2):before {
  content: "\e915";
  color: currentcolor;
  opacity: 0.4;
}

.tub-drop wfont:nth-child(1):before {
  content: "\e916";
  color: currentcolor;
}

.tub-drop wfont:nth-child(2):before {
  content: "\e917";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flash wfont:nth-child(1):before {
  content: "\e918";
  color: currentcolor;
}

.tub-flash wfont:nth-child(2):before {
  content: "\e919";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flash wfont:nth-child(3):before {
  content: "\e91a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flash wfont:nth-child(4):before {
  content: "\e91b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-moon wfont:nth-child(1):before {
  content: "\e91c";
  color: currentcolor;
}

.tub-moon wfont:nth-child(2):before {
  content: "\e91d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun-1 wfont:nth-child(1):before {
  content: "\e91e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun-1 wfont:nth-child(2):before {
  content: "\e91f";
  color: currentcolor;
}

.tub-sun-fog wfont:nth-child(1):before {
  content: "\e920";
  color: currentcolor;
}

.tub-sun-fog wfont:nth-child(2):before {
  content: "\e921";
  color: currentcolor;
}

.tub-sun-fog wfont:nth-child(3):before {
  content: "\e922";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun-fog wfont:nth-child(4):before {
  content: "\e923";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun-fog wfont:nth-child(5):before {
  content: "\e924";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun wfont:nth-child(1):before {
  content: "\e925";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun wfont:nth-child(2):before {
  content: "\e926";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun wfont:nth-child(3):before {
  content: "\e927";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun wfont:nth-child(4):before {
  content: "\e928";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun wfont:nth-child(5):before {
  content: "\e929";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun wfont:nth-child(6):before {
  content: "\e92a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sun wfont:nth-child(7):before {
  content: "\e92b";
  color: currentcolor;
}

.tub-wind-2 wfont:nth-child(1):before {
  content: "\e92c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wind-2 wfont:nth-child(2):before {
  content: "\e92d";
  color: currentcolor;
}

.tub-wind-2 wfont:nth-child(3):before {
  content: "\e92e";
  color: currentcolor;
}

.tub-wind wfont:nth-child(1):before {
  content: "\e92f";
  color: currentcolor;
}

.tub-wind wfont:nth-child(2):before {
  content: "\e930";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wind wfont:nth-child(3):before {
  content: "\e931";
  color: currentcolor;
}

.tub-people wfont:nth-child(1):before {
  content: "\e932";
  color: currentcolor;
  opacity: 0.4;
}

.tub-people wfont:nth-child(2):before {
  content: "\e933";
  color: currentcolor;
  opacity: 0.4;
}

.tub-people wfont:nth-child(3):before {
  content: "\e934";
  color: currentcolor;
  opacity: 0.4;
}

.tub-people wfont:nth-child(4):before {
  content: "\e935";
  color: currentcolor;
  opacity: 0.4;
}

.tub-people wfont:nth-child(5):before {
  content: "\e936";
  color: currentcolor;
}

.tub-people wfont:nth-child(6):before {
  content: "\e937";
  color: currentcolor;
}

.tub-profile-2user wfont:nth-child(1):before {
  content: "\e938";
  color: currentcolor;
  opacity: 0.4;
}

.tub-profile-2user wfont:nth-child(2):before {
  content: "\e939";
  color: currentcolor;
}

.tub-profile-2user wfont:nth-child(3):before {
  content: "\e93a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-profile-2user wfont:nth-child(4):before {
  content: "\e93b";
  color: currentcolor;
}

.tub-profile-add wfont:nth-child(1):before {
  content: "\e93c";
  color: currentcolor;
}

.tub-profile-add wfont:nth-child(2):before {
  content: "\e93d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-profile-add wfont:nth-child(3):before {
  content: "\e93e";
  color: currentcolor;
}

.tub-profile-circle wfont:nth-child(1):before {
  content: "\e93f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-profile-circle wfont:nth-child(2):before {
  content: "\e940";
  color: currentcolor;
}

.tub-profile-circle wfont:nth-child(3):before {
  content: "\e941";
  color: currentcolor;
}

.tub-profile-delete wfont:nth-child(1):before {
  content: "\e942";
  color: currentcolor;
}

.tub-profile-delete wfont:nth-child(2):before {
  content: "\e943";
  color: currentcolor;
  opacity: 0.4;
}

.tub-profile-delete wfont:nth-child(3):before {
  content: "\e944";
  color: currentcolor;
}

.tub-profile-remove wfont:nth-child(1):before {
  content: "\e945";
  color: currentcolor;
}

.tub-profile-remove wfont:nth-child(2):before {
  content: "\e946";
  color: currentcolor;
  opacity: 0.4;
}

.tub-profile-remove wfont:nth-child(3):before {
  content: "\e947";
  color: currentcolor;
}

.tub-profile-tick wfont:nth-child(1):before {
  content: "\e948";
  color: currentcolor;
}

.tub-profile-tick wfont:nth-child(2):before {
  content: "\e949";
  color: currentcolor;
  opacity: 0.4;
}

.tub-profile-tick wfont:nth-child(3):before {
  content: "\e94a";
  color: currentcolor;
}

.tub-profile wfont:nth-child(1):before {
  content: "\e94b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-profile wfont:nth-child(2):before {
  content: "\e94c";
  color: currentcolor;
}

.tub-tag-user wfont:nth-child(1):before {
  content: "\e94d";
  color: currentcolor;
}

.tub-tag-user wfont:nth-child(2):before {
  content: "\e94e";
  color: currentcolor;
}

.tub-tag-user wfont:nth-child(3):before {
  content: "\e94f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-add wfont:nth-child(1):before {
  content: "\e950";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-add wfont:nth-child(2):before {
  content: "\e951";
  color: currentcolor;
}

.tub-user-add wfont:nth-child(3):before {
  content: "\e952";
  color: currentcolor;
}

.tub-user-cirlce-add wfont:nth-child(1):before {
  content: "\e953";
  color: currentcolor;
}

.tub-user-cirlce-add wfont:nth-child(2):before {
  content: "\e954";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-cirlce-add wfont:nth-child(3):before {
  content: "\e955";
  color: currentcolor;
}

.tub-user-cirlce-add wfont:nth-child(4):before {
  content: "\e956";
  color: currentcolor;
}

.tub-user-edit wfont:nth-child(1):before {
  content: "\e957";
  color: currentcolor;
}

.tub-user-edit wfont:nth-child(2):before {
  content: "\e958";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-edit wfont:nth-child(3):before {
  content: "\e959";
  color: currentcolor;
}

.tub-user-minus wfont:nth-child(1):before {
  content: "\e95a";
  color: currentcolor;
}

.tub-user-minus wfont:nth-child(2):before {
  content: "\e95b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-minus wfont:nth-child(3):before {
  content: "\e95c";
  color: currentcolor;
}

.tub-user-octagon wfont:nth-child(1):before {
  content: "\e95d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-octagon wfont:nth-child(2):before {
  content: "\e95e";
  color: currentcolor;
}

.tub-user-octagon wfont:nth-child(3):before {
  content: "\e95f";
  color: currentcolor;
}

.tub-user-remove wfont:nth-child(1):before {
  content: "\e960";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-remove wfont:nth-child(2):before {
  content: "\e961";
  color: currentcolor;
}

.tub-user-remove wfont:nth-child(3):before {
  content: "\e962";
  color: currentcolor;
}

.tub-user-search wfont:nth-child(1):before {
  content: "\e963";
  color: currentcolor;
}

.tub-user-search wfont:nth-child(2):before {
  content: "\e964";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-search wfont:nth-child(3):before {
  content: "\e965";
  color: currentcolor;
}

.tub-user-square wfont:nth-child(1):before {
  content: "\e966";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-square wfont:nth-child(2):before {
  content: "\e967";
  color: currentcolor;
}

.tub-user-square wfont:nth-child(3):before {
  content: "\e968";
  color: currentcolor;
}

.tub-user-tag wfont:nth-child(1):before {
  content: "\e969";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-tag wfont:nth-child(2):before {
  content: "\e96a";
  color: currentcolor;
}

.tub-user-tag wfont:nth-child(3):before {
  content: "\e96b";
  color: currentcolor;
}

.tub-user-tick wfont:nth-child(1):before {
  content: "\e96c";
  color: currentcolor;
}

.tub-user-tick wfont:nth-child(2):before {
  content: "\e96d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user-tick wfont:nth-child(3):before {
  content: "\e96e";
  color: currentcolor;
}

.tub-user wfont:nth-child(1):before {
  content: "\e96f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-user wfont:nth-child(2):before {
  content: "\e970";
  color: currentcolor;
}

.tub-attach-circle wfont:nth-child(1):before {
  content: "\e971";
  color: currentcolor;
  opacity: 0.4;
}

.tub-attach-circle wfont:nth-child(2):before {
  content: "\e972";
  color: currentcolor;
}

.tub-attach-square wfont:nth-child(1):before {
  content: "\e973";
  color: currentcolor;
  opacity: 0.4;
}

.tub-attach-square wfont:nth-child(2):before {
  content: "\e974";
  color: currentcolor;
}

.tub-eraser wfont:nth-child(1):before {
  content: "\e975";
  color: currentcolor;
  opacity: 0.4;
}

.tub-eraser wfont:nth-child(2):before {
  content: "\e976";
  color: currentcolor;
}

.tub-eraser wfont:nth-child(3):before {
  content: "\e977";
  color: currentcolor;
  opacity: 0.6;
}

.tub-firstline wfont:nth-child(1):before {
  content: "\e978";
  color: currentcolor;
}

.tub-firstline wfont:nth-child(2):before {
  content: "\e979";
  color: currentcolor;
  opacity: 0.4;
}

.tub-firstline wfont:nth-child(3):before {
  content: "\e97a";
  color: currentcolor;
}

.tub-firstline wfont:nth-child(4):before {
  content: "\e97b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-firstline wfont:nth-child(5):before {
  content: "\e97c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-language-circle wfont:nth-child(1):before {
  content: "\e97d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-language-circle wfont:nth-child(2):before {
  content: "\e97e";
  color: currentcolor;
}

.tub-language-square wfont:nth-child(1):before {
  content: "\e97f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-language-square wfont:nth-child(2):before {
  content: "\e980";
  color: currentcolor;
}

.tub-link-1 wfont:nth-child(1):before {
  content: "\e981";
  color: currentcolor;
}

.tub-link-1 wfont:nth-child(2):before {
  content: "\e982";
  color: currentcolor;
  opacity: 0.4;
}

.tub-link-1 wfont:nth-child(3):before {
  content: "\e983";
  color: currentcolor;
}

.tub-link-1 wfont:nth-child(4):before {
  content: "\e984";
  color: currentcolor;
  opacity: 0.5;
}

.tub-link-2 wfont:nth-child(1):before {
  content: "\e985";
  color: currentcolor;
}

.tub-link-2 wfont:nth-child(2):before {
  content: "\e986";
  color: currentcolor;
  opacity: 0.4;
}

.tub-link-3 wfont:nth-child(1):before {
  content: "\e987";
  color: currentcolor;
}

.tub-link-3 wfont:nth-child(2):before {
  content: "\e988";
  color: currentcolor;
  opacity: 0.4;
}

.tub-link-3 wfont:nth-child(3):before {
  content: "\e989";
  color: currentcolor;
}

.tub-link-3 wfont:nth-child(4):before {
  content: "\e98a";
  color: currentcolor;
  opacity: 0.5;
}

.tub-link-circle wfont:nth-child(1):before {
  content: "\e98b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-link-circle wfont:nth-child(2):before {
  content: "\e98c";
  color: currentcolor;
}

.tub-link-circle wfont:nth-child(3):before {
  content: "\e98d";
  color: currentcolor;
}

.tub-link-square wfont:nth-child(1):before {
  content: "\e98e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-link-square wfont:nth-child(2):before {
  content: "\e98f";
  color: currentcolor;
}

.tub-link-square wfont:nth-child(3):before {
  content: "\e990";
  color: currentcolor;
}

.tub-link wfont:nth-child(1):before {
  content: "\e991";
  color: currentcolor;
  opacity: 0.4;
}

.tub-link wfont:nth-child(2):before {
  content: "\e992";
  color: currentcolor;
  opacity: 0.4;
}

.tub-link wfont:nth-child(3):before {
  content: "\e993";
  color: currentcolor;
}

.tub-maximize wfont:nth-child(1):before {
  content: "\e994";
  color: currentcolor;
  opacity: 0.4;
}

.tub-maximize wfont:nth-child(2):before {
  content: "\e995";
  color: currentcolor;
}

.tub-paperclip-2 wfont:nth-child(1):before {
  content: "\e996";
  color: currentcolor;
  opacity: 0.4;
}

.tub-paperclip-2 wfont:nth-child(2):before {
  content: "\e997";
  color: currentcolor;
}

.tub-paperclip wfont:nth-child(1):before {
  content: "\e998";
  color: currentcolor;
  opacity: 0.4;
}

.tub-paperclip wfont:nth-child(2):before {
  content: "\e999";
  color: currentcolor;
}

.tub-pharagraphspacing wfont:nth-child(1):before {
  content: "\e99a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-pharagraphspacing wfont:nth-child(2):before {
  content: "\e99b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-pharagraphspacing wfont:nth-child(3):before {
  content: "\e99c";
  color: currentcolor;
}

.tub-quote-down-circle wfont:nth-child(1):before {
  content: "\e99d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-quote-down-circle wfont:nth-child(2):before {
  content: "\e99e";
  color: currentcolor;
}

.tub-quote-down-circle wfont:nth-child(3):before {
  content: "\e99f";
  color: currentcolor;
}

.tub-quote-down-square wfont:nth-child(1):before {
  content: "\e9a0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-quote-down-square wfont:nth-child(2):before {
  content: "\e9a1";
  color: currentcolor;
}

.tub-quote-down-square wfont:nth-child(3):before {
  content: "\e9a2";
  color: currentcolor;
}

.tub-quote-down wfont:nth-child(1):before {
  content: "\e9a3";
  color: currentcolor;
}

.tub-quote-down wfont:nth-child(2):before {
  content: "\e9a4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-quote-up-circle wfont:nth-child(1):before {
  content: "\e9a5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-quote-up-circle wfont:nth-child(2):before {
  content: "\e9a6";
  color: currentcolor;
}

.tub-quote-up-circle wfont:nth-child(3):before {
  content: "\e9a7";
  color: currentcolor;
}

.tub-quote-up-square wfont:nth-child(1):before {
  content: "\e9a8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-quote-up-square wfont:nth-child(2):before {
  content: "\e9a9";
  color: currentcolor;
}

.tub-quote-up-square wfont:nth-child(3):before {
  content: "\e9aa";
  color: currentcolor;
}

.tub-quote-up wfont:nth-child(1):before {
  content: "\e9ab";
  color: currentcolor;
}

.tub-quote-up wfont:nth-child(2):before {
  content: "\e9ac";
  color: currentcolor;
  opacity: 0.4;
}

.tub-smallcaps wfont:nth-child(1):before {
  content: "\e9ad";
  color: currentcolor;
  opacity: 0.4;
}

.tub-smallcaps wfont:nth-child(2):before {
  content: "\e9ae";
  color: currentcolor;
}

.tub-smallcaps wfont:nth-child(3):before {
  content: "\e9af";
  color: currentcolor;
}

.tub-text-block wfont:nth-child(1):before {
  content: "\e9b0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-text-block wfont:nth-child(2):before {
  content: "\e9b1";
  color: currentcolor;
}

.tub-text-bold wfont:nth-child(1):before {
  content: "\e9b2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-text-bold wfont:nth-child(2):before {
  content: "\e9b3";
  color: currentcolor;
}

.tub-text-italic wfont:nth-child(1):before {
  content: "\e9b4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-text-italic wfont:nth-child(2):before {
  content: "\e9b5";
  color: currentcolor;
}

.tub-text-underline wfont:nth-child(1):before {
  content: "\e9b6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-text-underline wfont:nth-child(2):before {
  content: "\e9b7";
  color: currentcolor;
}

.tub-text-underline wfont:nth-child(3):before {
  content: "\e9b8";
  color: currentcolor;
}

.tub-text wfont:nth-child(1):before {
  content: "\e9b9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-text wfont:nth-child(2):before {
  content: "\e9ba";
  color: currentcolor;
}

.tub-textalign-center wfont:nth-child(1):before {
  content: "\e9bb";
  color: currentcolor;
}

.tub-textalign-center wfont:nth-child(2):before {
  content: "\e9bc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-center wfont:nth-child(3):before {
  content: "\e9bd";
  color: currentcolor;
}

.tub-textalign-center wfont:nth-child(4):before {
  content: "\e9be";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-justifycenter wfont:nth-child(1):before {
  content: "\e9bf";
  color: currentcolor;
}

.tub-textalign-justifycenter wfont:nth-child(2):before {
  content: "\e9c0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-justifycenter wfont:nth-child(3):before {
  content: "\e9c1";
  color: currentcolor;
}

.tub-textalign-justifycenter wfont:nth-child(4):before {
  content: "\e9c2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-justifyleft wfont:nth-child(1):before {
  content: "\e9c3";
  color: currentcolor;
}

.tub-textalign-justifyleft wfont:nth-child(2):before {
  content: "\e9c4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-justifyleft wfont:nth-child(3):before {
  content: "\e9c5";
  color: currentcolor;
}

.tub-textalign-justifyleft wfont:nth-child(4):before {
  content: "\e9c6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-justifyright wfont:nth-child(1):before {
  content: "\e9c7";
  color: currentcolor;
}

.tub-textalign-justifyright wfont:nth-child(2):before {
  content: "\e9c8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-justifyright wfont:nth-child(3):before {
  content: "\e9c9";
  color: currentcolor;
}

.tub-textalign-justifyright wfont:nth-child(4):before {
  content: "\e9ca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-left wfont:nth-child(1):before {
  content: "\e9cb";
  color: currentcolor;
}

.tub-textalign-left wfont:nth-child(2):before {
  content: "\e9cc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-left wfont:nth-child(3):before {
  content: "\e9cd";
  color: currentcolor;
}

.tub-textalign-left wfont:nth-child(4):before {
  content: "\e9ce";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-right wfont:nth-child(1):before {
  content: "\e9cf";
  color: currentcolor;
}

.tub-textalign-right wfont:nth-child(2):before {
  content: "\e9d0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-textalign-right wfont:nth-child(3):before {
  content: "\e9d1";
  color: currentcolor;
}

.tub-textalign-right wfont:nth-child(4):before {
  content: "\e9d2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-translate wfont:nth-child(1):before {
  content: "\e9d3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-translate wfont:nth-child(2):before {
  content: "\e9d4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-translate wfont:nth-child(3):before {
  content: "\e9d5";
  color: currentcolor;
}

.tub-translate wfont:nth-child(4):before {
  content: "\e9d6";
  color: currentcolor;
}

.tub-translate wfont:nth-child(5):before {
  content: "\e9d7";
  color: currentcolor;
}

.tub-translate wfont:nth-child(6):before {
  content: "\e9d8";
  color: currentcolor;
}

.tub-support wfont:nth-child(1):before {
  content: "\e9d9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-support wfont:nth-child(2):before {
  content: "\e9da";
  color: currentcolor;
}

.tub-support wfont:nth-child(3):before {
  content: "\e9db";
  color: currentcolor;
}

.tub-dislike wfont:nth-child(1):before {
  content: "\e9dc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dislike wfont:nth-child(2):before {
  content: "\e9dd";
  color: currentcolor;
}

.tub-heart-add wfont:nth-child(1):before {
  content: "\e9de";
  color: currentcolor;
}

.tub-heart-add wfont:nth-child(2):before {
  content: "\e9df";
  color: currentcolor;
  opacity: 0.4;
}

.tub-heart-circle wfont:nth-child(1):before {
  content: "\e9e0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-heart-circle wfont:nth-child(2):before {
  content: "\e9e1";
  color: currentcolor;
}

.tub-heart-edit wfont:nth-child(1):before {
  content: "\e9e2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-heart-edit wfont:nth-child(2):before {
  content: "\e9e3";
  color: currentcolor;
}

.tub-heart-search wfont:nth-child(1):before {
  content: "\e9e4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-heart-search wfont:nth-child(2):before {
  content: "\e9e5";
  color: currentcolor;
}

.tub-heart-slash wfont:nth-child(1):before {
  content: "\e9e6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-heart-slash wfont:nth-child(2):before {
  content: "\e9e7";
  color: currentcolor;
}

.tub-heart-tick wfont:nth-child(1):before {
  content: "\e9e8";
  color: currentcolor;
}

.tub-heart-tick wfont:nth-child(2):before {
  content: "\e9e9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-heart wfont:nth-child(1):before {
  content: "\e9ea";
  color: currentcolor;
}

.tub-heart wfont:nth-child(2):before {
  content: "\e9eb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-like-1 wfont:nth-child(1):before {
  content: "\e9ec";
  color: currentcolor;
  opacity: 0.4;
}

.tub-like-1 wfont:nth-child(2):before {
  content: "\e9ed";
  color: currentcolor;
}

.tub-like-dislike wfont:nth-child(1):before {
  content: "\e9ee";
  color: currentcolor;
  opacity: 0.4;
}

.tub-like-dislike wfont:nth-child(2):before {
  content: "\e9ef";
  color: currentcolor;
}

.tub-like-dislike wfont:nth-child(3):before {
  content: "\e9f0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-like-dislike wfont:nth-child(4):before {
  content: "\e9f1";
  color: currentcolor;
}

.tub-like-shapes wfont:nth-child(1):before {
  content: "\e9f2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-like-shapes wfont:nth-child(2):before {
  content: "\e9f3";
  color: currentcolor;
}

.tub-like-tag wfont:nth-child(1):before {
  content: "\e9f4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-like-tag wfont:nth-child(2):before {
  content: "\e9f5";
  color: currentcolor;
}

.tub-like wfont:nth-child(1):before {
  content: "\e9f6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-like wfont:nth-child(2):before {
  content: "\e9f7";
  color: currentcolor;
}

.tub-lovely wfont:nth-child(1):before {
  content: "\e9f8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lovely wfont:nth-child(2):before {
  content: "\e9f9";
  color: currentcolor;
}

.tub-magic-star wfont:nth-child(1):before {
  content: "\e9fa";
  color: currentcolor;
}

.tub-magic-star wfont:nth-child(2):before {
  content: "\e9fb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-medal-star wfont:nth-child(1):before {
  content: "\e9fc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-medal-star wfont:nth-child(2):before {
  content: "\e9fd";
  color: currentcolor;
}

.tub-medal-star wfont:nth-child(3):before {
  content: "\e9fe";
  color: currentcolor;
}

.tub-medal wfont:nth-child(1):before {
  content: "\e9ff";
  color: currentcolor;
}

.tub-medal wfont:nth-child(2):before {
  content: "\ea00";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-question wfont:nth-child(1):before {
  content: "\ea01";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-question wfont:nth-child(2):before {
  content: "\ea02";
  color: currentcolor;
}

.tub-message-question wfont:nth-child(3):before {
  content: "\ea03";
  color: currentcolor;
}

.tub-ranking1 wfont:nth-child(1):before {
  content: "\ea04";
  color: currentcolor;
}

.tub-ranking1 wfont:nth-child(2):before {
  content: "\ea05";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ranking1 wfont:nth-child(3):before {
  content: "\ea06";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ranking1 wfont:nth-child(4):before {
  content: "\ea07";
  color: currentcolor;
  opacity: 0.4;
}

.tub-smileys wfont:nth-child(1):before {
  content: "\ea08";
  color: currentcolor;
  opacity: 0.4;
}

.tub-smileys wfont:nth-child(2):before {
  content: "\ea09";
  color: currentcolor;
}

.tub-smileys wfont:nth-child(3):before {
  content: "\ea0a";
  color: currentcolor;
}

.tub-smileys wfont:nth-child(4):before {
  content: "\ea0b";
  color: currentcolor;
}

.tub-smileys wfont:nth-child(5):before {
  content: "\ea0c";
  color: currentcolor;
}

.tub-smileys wfont:nth-child(6):before {
  content: "\ea0d";
  color: currentcolor;
}

.tub-star-1 wfont:nth-child(1):before {
  content: "\ea0e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-star-1 wfont:nth-child(2):before {
  content: "\ea0f";
  color: currentcolor;
}

.tub-star-slash wfont:nth-child(1):before {
  content: "\ea10";
  color: currentcolor;
  opacity: 0.4;
}

.tub-star-slash wfont:nth-child(2):before {
  content: "\ea11";
  color: currentcolor;
  opacity: 0.4;
}

.tub-star-slash wfont:nth-child(3):before {
  content: "\ea12";
  color: currentcolor;
}

.tub-star wfont:nth-child(1):before {
  content: "\ea13";
  color: currentcolor;
}

.tub-star wfont:nth-child(2):before {
  content: "\ea14";
  color: currentcolor;
  opacity: 0.4;
}

.tub-star wfont:nth-child(3):before {
  content: "\ea15";
  color: currentcolor;
  opacity: 0.4;
}

.tub-star wfont:nth-child(4):before {
  content: "\ea16";
  color: currentcolor;
  opacity: 0.4;
}

.tub-unlimited wfont:nth-child(1):before {
  content: "\ea17";
  color: currentcolor;
  opacity: 0.4;
}

.tub-unlimited wfont:nth-child(2):before {
  content: "\ea18";
  color: currentcolor;
}

.tub-unlimited wfont:nth-child(3):before {
  content: "\ea19";
  color: currentcolor;
}

.tub-calendar-1 wfont:nth-child(1):before {
  content: "\ea1a";
  color: currentcolor;
}

.tub-calendar-1 wfont:nth-child(2):before {
  content: "\ea1b";
  color: currentcolor;
}

.tub-calendar-1 wfont:nth-child(3):before {
  content: "\ea1c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar-1 wfont:nth-child(4):before {
  content: "\ea1d";
  color: currentcolor;
}

.tub-calendar-1 wfont:nth-child(5):before {
  content: "\ea1e";
  color: currentcolor;
}

.tub-calendar-2 wfont:nth-child(1):before {
  content: "\ea1f";
  color: currentcolor;
}

.tub-calendar-2 wfont:nth-child(2):before {
  content: "\ea20";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar-2 wfont:nth-child(3):before {
  content: "\ea21";
  color: currentcolor;
}

.tub-calendar-2 wfont:nth-child(4):before {
  content: "\ea22";
  color: currentcolor;
}

.tub-calendar-2 wfont:nth-child(5):before {
  content: "\ea23";
  color: currentcolor;
}

.tub-calendar-add wfont:nth-child(1):before {
  content: "\ea24";
  color: currentcolor;
}

.tub-calendar-add wfont:nth-child(2):before {
  content: "\ea25";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar-add wfont:nth-child(3):before {
  content: "\ea26";
  color: currentcolor;
}

.tub-calendar-add wfont:nth-child(4):before {
  content: "\ea27";
  color: currentcolor;
}

.tub-calendar-add wfont:nth-child(5):before {
  content: "\ea28";
  color: currentcolor;
}

.tub-calendar-add wfont:nth-child(6):before {
  content: "\ea29";
  color: currentcolor;
}

.tub-calendar-circle wfont:nth-child(1):before {
  content: "\ea2a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar-circle wfont:nth-child(2):before {
  content: "\ea2b";
  color: currentcolor;
}

.tub-calendar-circle wfont:nth-child(3):before {
  content: "\ea2c";
  color: currentcolor;
}

.tub-calendar-edit wfont:nth-child(1):before {
  content: "\ea2d";
  color: currentcolor;
}

.tub-calendar-edit wfont:nth-child(2):before {
  content: "\ea2e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar-edit wfont:nth-child(3):before {
  content: "\ea2f";
  color: currentcolor;
}

.tub-calendar-remove wfont:nth-child(1):before {
  content: "\ea30";
  color: currentcolor;
}

.tub-calendar-remove wfont:nth-child(2):before {
  content: "\ea31";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar-remove wfont:nth-child(3):before {
  content: "\ea32";
  color: currentcolor;
}

.tub-calendar-remove wfont:nth-child(4):before {
  content: "\ea33";
  color: currentcolor;
}

.tub-calendar-remove wfont:nth-child(5):before {
  content: "\ea34";
  color: currentcolor;
}

.tub-calendar-remove wfont:nth-child(6):before {
  content: "\ea35";
  color: currentcolor;
}

.tub-calendar-search wfont:nth-child(1):before {
  content: "\ea36";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar-search wfont:nth-child(2):before {
  content: "\ea37";
  color: currentcolor;
}

.tub-calendar-search wfont:nth-child(3):before {
  content: "\ea38";
  color: currentcolor;
}

.tub-calendar-tick wfont:nth-child(1):before {
  content: "\ea39";
  color: currentcolor;
}

.tub-calendar-tick wfont:nth-child(2):before {
  content: "\ea3a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar-tick wfont:nth-child(3):before {
  content: "\ea3b";
  color: currentcolor;
}

.tub-calendar-tick wfont:nth-child(4):before {
  content: "\ea3c";
  color: currentcolor;
}

.tub-calendar-tick wfont:nth-child(5):before {
  content: "\ea3d";
  color: currentcolor;
}

.tub-calendar-tick wfont:nth-child(6):before {
  content: "\ea3e";
  color: currentcolor;
}

.tub-calendar wfont:nth-child(1):before {
  content: "\ea3f";
  color: currentcolor;
}

.tub-calendar wfont:nth-child(2):before {
  content: "\ea40";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calendar wfont:nth-child(3):before {
  content: "\ea41";
  color: currentcolor;
}

.tub-calendar wfont:nth-child(4):before {
  content: "\ea42";
  color: currentcolor;
}

.tub-calendar wfont:nth-child(5):before {
  content: "\ea43";
  color: currentcolor;
}

.tub-calendar wfont:nth-child(6):before {
  content: "\ea44";
  color: currentcolor;
}

.tub-calendar wfont:nth-child(7):before {
  content: "\ea45";
  color: currentcolor;
}

.tub-calendar wfont:nth-child(8):before {
  content: "\ea46";
  color: currentcolor;
}

.tub-clock wfont:nth-child(1):before {
  content: "\ea47";
  color: currentcolor;
  opacity: 0.4;
}

.tub-clock wfont:nth-child(2):before {
  content: "\ea48";
  color: currentcolor;
}

.tub-security-time wfont:nth-child(1):before {
  content: "\ea49";
  color: currentcolor;
  opacity: 0.4;
}

.tub-security-time wfont:nth-child(2):before {
  content: "\ea4a";
  color: currentcolor;
}

.tub-security-time wfont:nth-child(3):before {
  content: "\ea4b";
  color: currentcolor;
}

.tub-timer-1 wfont:nth-child(1):before {
  content: "\ea4c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-timer-1 wfont:nth-child(2):before {
  content: "\ea4d";
  color: currentcolor;
}

.tub-timer-1 wfont:nth-child(3):before {
  content: "\ea4e";
  color: currentcolor;
}

.tub-timer-pause wfont:nth-child(1):before {
  content: "\ea4f";
  color: currentcolor;
}

.tub-timer-pause wfont:nth-child(2):before {
  content: "\ea50";
  color: currentcolor;
}

.tub-timer-pause wfont:nth-child(3):before {
  content: "\ea51";
  color: currentcolor;
  opacity: 0.4;
}

.tub-timer-pause wfont:nth-child(4):before {
  content: "\ea52";
  color: currentcolor;
}

.tub-timer-start wfont:nth-child(1):before {
  content: "\ea53";
  color: currentcolor;
}

.tub-timer-start wfont:nth-child(2):before {
  content: "\ea54";
  color: currentcolor;
}

.tub-timer-start wfont:nth-child(3):before {
  content: "\ea55";
  color: currentcolor;
  opacity: 0.4;
}

.tub-timer-start wfont:nth-child(4):before {
  content: "\ea56";
  color: currentcolor;
}

.tub-timer wfont:nth-child(1):before {
  content: "\ea57";
  color: currentcolor;
  opacity: 0.4;
}

.tub-timer wfont:nth-child(2):before {
  content: "\ea58";
  color: currentcolor;
}

.tub-timer wfont:nth-child(3):before {
  content: "\ea59";
  color: currentcolor;
}

.tub-bag-2 wfont:nth-child(1):before {
  content: "\ea5a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-2 wfont:nth-child(2):before {
  content: "\ea5b";
  color: currentcolor;
}

.tub-bag-cross-1 wfont:nth-child(1):before {
  content: "\ea5c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-cross-1 wfont:nth-child(2):before {
  content: "\ea5d";
  color: currentcolor;
}

.tub-bag-cross wfont:nth-child(1):before {
  content: "\ea5e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-cross wfont:nth-child(2):before {
  content: "\ea5f";
  color: currentcolor;
}

.tub-bag-cross wfont:nth-child(3):before {
  content: "\ea60";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-cross wfont:nth-child(4):before {
  content: "\ea61";
  color: currentcolor;
}

.tub-bag-happy wfont:nth-child(1):before {
  content: "\ea62";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-happy wfont:nth-child(2):before {
  content: "\ea63";
  color: currentcolor;
}

.tub-bag-tick-2 wfont:nth-child(1):before {
  content: "\ea64";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-tick-2 wfont:nth-child(2):before {
  content: "\ea65";
  color: currentcolor;
}

.tub-bag-tick-2 wfont:nth-child(3):before {
  content: "\ea66";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-tick-2 wfont:nth-child(4):before {
  content: "\ea67";
  color: currentcolor;
}

.tub-bag-tick wfont:nth-child(1):before {
  content: "\ea68";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-tick wfont:nth-child(2):before {
  content: "\ea69";
  color: currentcolor;
}

.tub-bag-timer wfont:nth-child(1):before {
  content: "\ea6a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-timer wfont:nth-child(2):before {
  content: "\ea6b";
  color: currentcolor;
}

.tub-bag-timer wfont:nth-child(3):before {
  content: "\ea6c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag-timer wfont:nth-child(4):before {
  content: "\ea6d";
  color: currentcolor;
}

.tub-bag wfont:nth-child(1):before {
  content: "\ea6e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bag wfont:nth-child(2):before {
  content: "\ea6f";
  color: currentcolor;
}

.tub-barcode wfont:nth-child(1):before {
  content: "\ea70";
  color: currentcolor;
  opacity: 0.4;
}

.tub-barcode wfont:nth-child(2):before {
  content: "\ea71";
  color: currentcolor;
}

.tub-barcode wfont:nth-child(3):before {
  content: "\ea72";
  color: currentcolor;
}

.tub-barcode wfont:nth-child(4):before {
  content: "\ea73";
  color: currentcolor;
}

.tub-barcode wfont:nth-child(5):before {
  content: "\ea74";
  color: currentcolor;
}

.tub-barcode wfont:nth-child(6):before {
  content: "\ea75";
  color: currentcolor;
}

.tub-barcode wfont:nth-child(7):before {
  content: "\ea76";
  color: currentcolor;
}

.tub-barcode wfont:nth-child(8):before {
  content: "\ea77";
  color: currentcolor;
}

.tub-shop-add wfont:nth-child(1):before {
  content: "\ea78";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shop-add wfont:nth-child(2):before {
  content: "\ea79";
  color: currentcolor;
}

.tub-shop-add wfont:nth-child(3):before {
  content: "\ea7a";
  color: currentcolor;
  opacity: 0.6;
}

.tub-shop-add wfont:nth-child(4):before {
  content: "\ea7b";
  color: currentcolor;
  opacity: 0.6;
}

.tub-shop-add wfont:nth-child(5):before {
  content: "\ea7c";
  color: currentcolor;
}

.tub-shop-remove wfont:nth-child(1):before {
  content: "\ea7d";
  color: currentcolor;
}

.tub-shop-remove wfont:nth-child(2):before {
  content: "\ea7e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shop-remove wfont:nth-child(3):before {
  content: "\ea7f";
  color: currentcolor;
}

.tub-shop-remove wfont:nth-child(4):before {
  content: "\ea80";
  color: currentcolor;
  opacity: 0.6;
}

.tub-shop-remove wfont:nth-child(5):before {
  content: "\ea81";
  color: currentcolor;
  opacity: 0.6;
}

.tub-shop wfont:nth-child(1):before {
  content: "\ea82";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shop wfont:nth-child(2):before {
  content: "\ea83";
  color: currentcolor;
}

.tub-shop wfont:nth-child(3):before {
  content: "\ea84";
  color: currentcolor;
  opacity: 0.6;
}

.tub-shop wfont:nth-child(4):before {
  content: "\ea85";
  color: currentcolor;
  opacity: 0.6;
}

.tub-shop wfont:nth-child(5):before {
  content: "\ea86";
  color: currentcolor;
}

.tub-shopping-bag wfont:nth-child(1):before {
  content: "\ea87";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shopping-bag wfont:nth-child(2):before {
  content: "\ea88";
  color: currentcolor;
}

.tub-shopping-bag wfont:nth-child(3):before {
  content: "\ea89";
  color: currentcolor;
}

.tub-shopping-cart wfont:nth-child(1):before {
  content: "\ea8a";
  color: currentcolor;
}

.tub-shopping-cart wfont:nth-child(2):before {
  content: "\ea8b";
  color: currentcolor;
}

.tub-shopping-cart wfont:nth-child(3):before {
  content: "\ea8c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shopping-cart wfont:nth-child(4):before {
  content: "\ea8d";
  color: currentcolor;
}

.tub-candle-2 wfont:nth-child(1):before {
  content: "\ea8e";
  color: currentcolor;
}

.tub-candle-2 wfont:nth-child(2):before {
  content: "\ea8f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-candle wfont:nth-child(1):before {
  content: "\ea90";
  color: currentcolor;
  opacity: 0.4;
}

.tub-candle wfont:nth-child(2):before {
  content: "\ea91";
  color: currentcolor;
}

.tub-category-2 wfont:nth-child(1):before {
  content: "\ea92";
  color: currentcolor;
  opacity: 0.4;
}

.tub-category-2 wfont:nth-child(2):before {
  content: "\ea93";
  color: currentcolor;
  opacity: 0.4;
}

.tub-category-2 wfont:nth-child(3):before {
  content: "\ea94";
  color: currentcolor;
}

.tub-category-2 wfont:nth-child(4):before {
  content: "\ea95";
  color: currentcolor;
}

.tub-category wfont:nth-child(1):before {
  content: "\ea96";
  color: currentcolor;
}

.tub-category wfont:nth-child(2):before {
  content: "\ea97";
  color: currentcolor;
  opacity: 0.4;
}

.tub-category wfont:nth-child(3):before {
  content: "\ea98";
  color: currentcolor;
}

.tub-category wfont:nth-child(4):before {
  content: "\ea99";
  color: currentcolor;
  opacity: 0.4;
}

.tub-menu wfont:nth-child(1):before {
  content: "\ea9a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-menu wfont:nth-child(2):before {
  content: "\ea9b";
  color: currentcolor;
}

.tub-menu wfont:nth-child(3):before {
  content: "\ea9c";
  color: currentcolor;
}

.tub-menu wfont:nth-child(4):before {
  content: "\ea9d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-more-2 wfont:nth-child(1):before {
  content: "\ea9e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-more-2 wfont:nth-child(2):before {
  content: "\ea9f";
  color: currentcolor;
  opacity: 0.97;
}

.tub-more-2 wfont:nth-child(3):before {
  content: "\eaa0";
  color: currentcolor;
  opacity: 0.97;
}

.tub-more-2 wfont:nth-child(4):before {
  content: "\eaa1";
  color: currentcolor;
  opacity: 0.97;
}

.tub-more wfont:nth-child(1):before {
  content: "\eaa2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-more wfont:nth-child(2):before {
  content: "\eaa3";
  color: currentcolor;
}

.tub-more wfont:nth-child(3):before {
  content: "\eaa4";
  color: currentcolor;
}

.tub-more wfont:nth-child(4):before {
  content: "\eaa5";
  color: currentcolor;
}

.tub-setting-2 wfont:nth-child(1):before {
  content: "\eaa6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-2 wfont:nth-child(2):before {
  content: "\eaa7";
  color: currentcolor;
}

.tub-setting-3 wfont:nth-child(1):before {
  content: "\eaa8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-3 wfont:nth-child(2):before {
  content: "\eaa9";
  color: currentcolor;
}

.tub-setting-3 wfont:nth-child(3):before {
  content: "\eaaa";
  color: currentcolor;
}

.tub-setting-3 wfont:nth-child(4):before {
  content: "\eaab";
  color: currentcolor;
}

.tub-setting-3 wfont:nth-child(5):before {
  content: "\eaac";
  color: currentcolor;
}

.tub-setting-3 wfont:nth-child(6):before {
  content: "\eaad";
  color: currentcolor;
}

.tub-setting-3 wfont:nth-child(7):before {
  content: "\eaae";
  color: currentcolor;
}

.tub-setting-4 wfont:nth-child(1):before {
  content: "\eaaf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-4 wfont:nth-child(2):before {
  content: "\eab0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-4 wfont:nth-child(3):before {
  content: "\eab1";
  color: currentcolor;
}

.tub-setting-4 wfont:nth-child(4):before {
  content: "\eab2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-4 wfont:nth-child(5):before {
  content: "\eab3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-4 wfont:nth-child(6):before {
  content: "\eab4";
  color: currentcolor;
}

.tub-setting-5 wfont:nth-child(1):before {
  content: "\eab5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-5 wfont:nth-child(2):before {
  content: "\eab6";
  color: currentcolor;
}

.tub-setting-5 wfont:nth-child(3):before {
  content: "\eab7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-5 wfont:nth-child(4):before {
  content: "\eab8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-5 wfont:nth-child(5):before {
  content: "\eab9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting-5 wfont:nth-child(6):before {
  content: "\eaba";
  color: currentcolor;
}

.tub-setting wfont:nth-child(1):before {
  content: "\eabb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-setting wfont:nth-child(2):before {
  content: "\eabc";
  color: currentcolor;
}

.tub-settings wfont:nth-child(1):before {
  content: "\eabd";
  color: currentcolor;
}

.tub-settings wfont:nth-child(2):before {
  content: "\eabe";
  color: currentcolor;
  opacity: 0.16;
}

.tub-settings wfont:nth-child(3):before {
  content: "\eabf";
  color: currentcolor;
  opacity: 0.16;
}

.tub-toggle-off-circle wfont:nth-child(1):before {
  content: "\eac0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-toggle-off-circle wfont:nth-child(2):before {
  content: "\eac1";
  color: currentcolor;
}

.tub-toggle-off wfont:nth-child(1):before {
  content: "\eac2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-toggle-off wfont:nth-child(2):before {
  content: "\eac3";
  color: currentcolor;
}

.tub-toggle-on-circle wfont:nth-child(1):before {
  content: "\eac4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-toggle-on-circle wfont:nth-child(2):before {
  content: "\eac5";
  color: currentcolor;
}

.tub-toggle-on wfont:nth-child(1):before {
  content: "\eac6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-toggle-on wfont:nth-child(2):before {
  content: "\eac7";
  color: currentcolor;
}

.tub-alarm wfont:nth-child(1):before {
  content: "\eac8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-alarm wfont:nth-child(2):before {
  content: "\eac9";
  color: currentcolor;
}

.tub-alarm wfont:nth-child(3):before {
  content: "\eaca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-alarm wfont:nth-child(4):before {
  content: "\eacb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-alarm wfont:nth-child(5):before {
  content: "\eacc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-check wfont:nth-child(1):before {
  content: "\eacd";
  color: currentcolor;
}

.tub-check wfont:nth-child(2):before {
  content: "\eace";
  color: currentcolor;
  opacity: 0.4;
}

.tub-check wfont:nth-child(3):before {
  content: "\eacf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-check wfont:nth-child(4):before {
  content: "\ead0";
  color: currentcolor;
}

.tub-eye-slash wfont:nth-child(1):before {
  content: "\ead1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-eye-slash wfont:nth-child(2):before {
  content: "\ead2";
  color: currentcolor;
}

.tub-eye-slash wfont:nth-child(3):before {
  content: "\ead3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-eye-slash wfont:nth-child(4):before {
  content: "\ead4";
  color: currentcolor;
}

.tub-eye-slash wfont:nth-child(5):before {
  content: "\ead5";
  color: currentcolor;
}

.tub-finger-cricle wfont:nth-child(1):before {
  content: "\ead6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-finger-cricle wfont:nth-child(2):before {
  content: "\ead7";
  color: currentcolor;
}

.tub-finger-cricle wfont:nth-child(3):before {
  content: "\ead8";
  color: currentcolor;
}

.tub-finger-scan wfont:nth-child(1):before {
  content: "\ead9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-finger-scan wfont:nth-child(2):before {
  content: "\eada";
  color: currentcolor;
}

.tub-finger-scan wfont:nth-child(3):before {
  content: "\eadb";
  color: currentcolor;
}

.tub-finger-scan wfont:nth-child(4):before {
  content: "\eadc";
  color: currentcolor;
}

.tub-finger-scan wfont:nth-child(5):before {
  content: "\eadd";
  color: currentcolor;
}

.tub-finger-scan wfont:nth-child(6):before {
  content: "\eade";
  color: currentcolor;
}

.tub-frame wfont:nth-child(1):before {
  content: "\eadf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame wfont:nth-child(2):before {
  content: "\eae0";
  color: currentcolor;
}

.tub-key-square wfont:nth-child(1):before {
  content: "\eae1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-key-square wfont:nth-child(2):before {
  content: "\eae2";
  color: currentcolor;
}

.tub-key wfont:nth-child(1):before {
  content: "\eae3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-key wfont:nth-child(2):before {
  content: "\eae4";
  color: currentcolor;
}

.tub-lock-1 wfont:nth-child(1):before {
  content: "\eae5";
  color: currentcolor;
}

.tub-lock-1 wfont:nth-child(2):before {
  content: "\eae6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lock-1 wfont:nth-child(3):before {
  content: "\eae7";
  color: currentcolor;
}

.tub-lock-1 wfont:nth-child(4):before {
  content: "\eae8";
  color: currentcolor;
}

.tub-lock-1 wfont:nth-child(5):before {
  content: "\eae9";
  color: currentcolor;
}

.tub-lock-circle wfont:nth-child(1):before {
  content: "\eaea";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lock-circle wfont:nth-child(2):before {
  content: "\eaeb";
  color: currentcolor;
}

.tub-lock-slash wfont:nth-child(1):before {
  content: "\eaec";
  color: currentcolor;
}

.tub-lock-slash wfont:nth-child(2):before {
  content: "\eaed";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lock-slash wfont:nth-child(3):before {
  content: "\eaee";
  color: currentcolor;
}

.tub-lock-slash wfont:nth-child(4):before {
  content: "\eaef";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lock-slash wfont:nth-child(5):before {
  content: "\eaf0";
  color: currentcolor;
}

.tub-lock wfont:nth-child(1):before {
  content: "\eaf1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lock wfont:nth-child(2):before {
  content: "\eaf2";
  color: currentcolor;
}

.tub-lock wfont:nth-child(3):before {
  content: "\eaf3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-password-check wfont:nth-child(1):before {
  content: "\eaf4";
  color: currentcolor;
}

.tub-password-check wfont:nth-child(2):before {
  content: "\eaf5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-password-check wfont:nth-child(3):before {
  content: "\eaf6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-password-check wfont:nth-child(4):before {
  content: "\eaf7";
  color: currentcolor;
}

.tub-password-check wfont:nth-child(5):before {
  content: "\eaf8";
  color: currentcolor;
}

.tub-radar wfont:nth-child(1):before {
  content: "\eaf9";
  color: currentcolor;
}

.tub-radar wfont:nth-child(2):before {
  content: "\eafa";
  color: currentcolor;
  opacity: 0.4;
}

.tub-radar wfont:nth-child(3):before {
  content: "\eafb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-radar wfont:nth-child(4):before {
  content: "\eafc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-radar wfont:nth-child(5):before {
  content: "\eafd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scan-barcode wfont:nth-child(1):before {
  content: "\eafe";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scan-barcode wfont:nth-child(2):before {
  content: "\eaff";
  color: currentcolor;
}

.tub-scan-barcode wfont:nth-child(3):before {
  content: "\eb00";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scan-barcode wfont:nth-child(4):before {
  content: "\eb01";
  color: currentcolor;
}

.tub-scan-barcode wfont:nth-child(5):before {
  content: "\eb02";
  color: currentcolor;
}

.tub-scan-barcode wfont:nth-child(6):before {
  content: "\eb03";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scan-barcode wfont:nth-child(7):before {
  content: "\eb04";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scan-barcode wfont:nth-child(8):before {
  content: "\eb05";
  color: currentcolor;
}

.tub-scan wfont:nth-child(1):before {
  content: "\eb06";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scan wfont:nth-child(2):before {
  content: "\eb07";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scan wfont:nth-child(3):before {
  content: "\eb08";
  color: currentcolor;
}

.tub-scan wfont:nth-child(4):before {
  content: "\eb09";
  color: currentcolor;
}

.tub-scan wfont:nth-child(5):before {
  content: "\eb0a";
  color: currentcolor;
}

.tub-scan wfont:nth-child(6):before {
  content: "\eb0b";
  color: currentcolor;
}

.tub-scan wfont:nth-child(7):before {
  content: "\eb0c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scanner wfont:nth-child(1):before {
  content: "\eb0d";
  color: currentcolor;
}

.tub-scanner wfont:nth-child(2):before {
  content: "\eb0e";
  color: currentcolor;
}

.tub-scanner wfont:nth-child(3):before {
  content: "\eb0f";
  color: currentcolor;
}

.tub-scanner wfont:nth-child(4):before {
  content: "\eb10";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scanner wfont:nth-child(5):before {
  content: "\eb11";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scanning wfont:nth-child(1):before {
  content: "\eb12";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scanning wfont:nth-child(2):before {
  content: "\eb13";
  color: currentcolor;
}

.tub-scanning wfont:nth-child(3):before {
  content: "\eb14";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scanning wfont:nth-child(4):before {
  content: "\eb15";
  color: currentcolor;
}

.tub-scanning wfont:nth-child(5):before {
  content: "\eb16";
  color: currentcolor;
}

.tub-scanning wfont:nth-child(6):before {
  content: "\eb17";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scanning wfont:nth-child(7):before {
  content: "\eb18";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scanning wfont:nth-child(8):before {
  content: "\eb19";
  color: currentcolor;
}

.tub-security-safe wfont:nth-child(1):before {
  content: "\eb1a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-security-safe wfont:nth-child(2):before {
  content: "\eb1b";
  color: currentcolor;
}

.tub-security-user wfont:nth-child(1):before {
  content: "\eb1c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-security-user wfont:nth-child(2):before {
  content: "\eb1d";
  color: currentcolor;
}

.tub-security-user wfont:nth-child(3):before {
  content: "\eb1e";
  color: currentcolor;
}

.tub-security wfont:nth-child(1):before {
  content: "\eb1f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-security wfont:nth-child(2):before {
  content: "\eb20";
  color: currentcolor;
}

.tub-shield-cross wfont:nth-child(1):before {
  content: "\eb21";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shield-cross wfont:nth-child(2):before {
  content: "\eb22";
  color: currentcolor;
}

.tub-shield-search wfont:nth-child(1):before {
  content: "\eb23";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shield-search wfont:nth-child(2):before {
  content: "\eb24";
  color: currentcolor;
}

.tub-shield-search wfont:nth-child(3):before {
  content: "\eb25";
  color: currentcolor;
}

.tub-shield-security wfont:nth-child(1):before {
  content: "\eb26";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shield-security wfont:nth-child(2):before {
  content: "\eb27";
  color: currentcolor;
}

.tub-shield-slash wfont:nth-child(1):before {
  content: "\eb28";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shield-slash wfont:nth-child(2):before {
  content: "\eb29";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shield-slash wfont:nth-child(3):before {
  content: "\eb2a";
  color: currentcolor;
}

.tub-shield-tick wfont:nth-child(1):before {
  content: "\eb2b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shield-tick wfont:nth-child(2):before {
  content: "\eb2c";
  color: currentcolor;
}

.tub-shield wfont:nth-child(1):before {
  content: "\eb2d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shield wfont:nth-child(2):before {
  content: "\eb2e";
  color: currentcolor;
}

.tub-unlock wfont:nth-child(1):before {
  content: "\eb2f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-unlock wfont:nth-child(2):before {
  content: "\eb30";
  color: currentcolor;
}

.tub-unlock wfont:nth-child(3):before {
  content: "\eb31";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-favorite-1 wfont:nth-child(1):before {
  content: "\eb32";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-favorite-1 wfont:nth-child(2):before {
  content: "\eb33";
  color: currentcolor;
}

.tub-search-favorite-1 wfont:nth-child(3):before {
  content: "\eb34";
  color: currentcolor;
}

.tub-search-favorite wfont:nth-child(1):before {
  content: "\eb35";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-favorite wfont:nth-child(2):before {
  content: "\eb36";
  color: currentcolor;
}

.tub-search-favorite wfont:nth-child(3):before {
  content: "\eb37";
  color: currentcolor;
}

.tub-search-normal-1 wfont:nth-child(1):before {
  content: "\eb38";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-normal-1 wfont:nth-child(2):before {
  content: "\eb39";
  color: currentcolor;
}

.tub-search-normal wfont:nth-child(1):before {
  content: "\eb3a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-normal wfont:nth-child(2):before {
  content: "\eb3b";
  color: currentcolor;
}

.tub-search-status-1 wfont:nth-child(1):before {
  content: "\eb3c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-status-1 wfont:nth-child(2):before {
  content: "\eb3d";
  color: currentcolor;
}

.tub-search-status-1 wfont:nth-child(3):before {
  content: "\eb3e";
  color: currentcolor;
}

.tub-search-status-1 wfont:nth-child(4):before {
  content: "\eb3f";
  color: currentcolor;
}

.tub-search-status wfont:nth-child(1):before {
  content: "\eb40";
  color: currentcolor;
}

.tub-search-status wfont:nth-child(2):before {
  content: "\eb41";
  color: currentcolor;
}

.tub-search-status wfont:nth-child(3):before {
  content: "\eb42";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-status wfont:nth-child(4):before {
  content: "\eb43";
  color: currentcolor;
}

.tub-search-zoom-in-1 wfont:nth-child(1):before {
  content: "\eb44";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-zoom-in-1 wfont:nth-child(2):before {
  content: "\eb45";
  color: currentcolor;
}

.tub-search-zoom-in-1 wfont:nth-child(3):before {
  content: "\eb46";
  color: currentcolor;
}

.tub-search-zoom-in wfont:nth-child(1):before {
  content: "\eb47";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-zoom-in wfont:nth-child(2):before {
  content: "\eb48";
  color: currentcolor;
}

.tub-search-zoom-in wfont:nth-child(3):before {
  content: "\eb49";
  color: currentcolor;
}

.tub-search-zoom-out-1 wfont:nth-child(1):before {
  content: "\eb4a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-zoom-out-1 wfont:nth-child(2):before {
  content: "\eb4b";
  color: currentcolor;
}

.tub-search-zoom-out-1 wfont:nth-child(3):before {
  content: "\eb4c";
  color: currentcolor;
}

.tub-search-zoom-out wfont:nth-child(1):before {
  content: "\eb4d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-search-zoom-out wfont:nth-child(2):before {
  content: "\eb4e";
  color: currentcolor;
}

.tub-search-zoom-out wfont:nth-child(3):before {
  content: "\eb4f";
  color: currentcolor;
}

.tub-code-1 wfont:nth-child(1):before {
  content: "\eb50";
  color: currentcolor;
  opacity: 0.4;
}

.tub-code-1 wfont:nth-child(2):before {
  content: "\eb51";
  color: currentcolor;
}

.tub-code-1 wfont:nth-child(3):before {
  content: "\eb52";
  color: currentcolor;
}

.tub-code-1 wfont:nth-child(4):before {
  content: "\eb53";
  color: currentcolor;
}

.tub-code-circle wfont:nth-child(1):before {
  content: "\eb54";
  color: currentcolor;
  opacity: 0.4;
}

.tub-code-circle wfont:nth-child(2):before {
  content: "\eb55";
  color: currentcolor;
}

.tub-code-circle wfont:nth-child(3):before {
  content: "\eb56";
  color: currentcolor;
}

.tub-code-circle wfont:nth-child(4):before {
  content: "\eb57";
  color: currentcolor;
}

.tub-code wfont:nth-child(1):before {
  content: "\eb58";
  color: currentcolor;
  opacity: 0.4;
}

.tub-code wfont:nth-child(2):before {
  content: "\eb59";
  color: currentcolor;
}

.tub-code wfont:nth-child(3):before {
  content: "\eb5a";
  color: currentcolor;
}

.tub-command-square wfont:nth-child(1):before {
  content: "\eb5b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-command-square wfont:nth-child(2):before {
  content: "\eb5c";
  color: currentcolor;
}

.tub-command-square wfont:nth-child(3):before {
  content: "\eb5d";
  color: currentcolor;
}

.tub-command-square wfont:nth-child(4):before {
  content: "\eb5e";
  color: currentcolor;
}

.tub-command-square wfont:nth-child(5):before {
  content: "\eb5f";
  color: currentcolor;
}

.tub-command-square wfont:nth-child(6):before {
  content: "\eb60";
  color: currentcolor;
}

.tub-command wfont:nth-child(1):before {
  content: "\eb61";
  color: currentcolor;
}

.tub-command wfont:nth-child(2):before {
  content: "\eb62";
  color: currentcolor;
  opacity: 0.4;
}

.tub-command wfont:nth-child(3):before {
  content: "\eb63";
  color: currentcolor;
  opacity: 0.4;
}

.tub-command wfont:nth-child(4):before {
  content: "\eb64";
  color: currentcolor;
  opacity: 0.4;
}

.tub-command wfont:nth-child(5):before {
  content: "\eb65";
  color: currentcolor;
  opacity: 0.4;
}

.tub-data-2 wfont:nth-child(1):before {
  content: "\eb66";
  color: currentcolor;
}

.tub-data-2 wfont:nth-child(2):before {
  content: "\eb67";
  color: currentcolor;
}

.tub-data-2 wfont:nth-child(3):before {
  content: "\eb68";
  color: currentcolor;
}

.tub-data-2 wfont:nth-child(4):before {
  content: "\eb69";
  color: currentcolor;
  opacity: 0.37;
}

.tub-data-2 wfont:nth-child(5):before {
  content: "\eb6a";
  color: currentcolor;
}

.tub-data wfont:nth-child(1):before {
  content: "\eb6b";
  color: currentcolor;
}

.tub-data wfont:nth-child(2):before {
  content: "\eb6c";
  color: currentcolor;
}

.tub-data wfont:nth-child(3):before {
  content: "\eb6d";
  color: currentcolor;
}

.tub-data wfont:nth-child(4):before {
  content: "\eb6e";
  color: currentcolor;
}

.tub-data wfont:nth-child(5):before {
  content: "\eb6f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-code-2 wfont:nth-child(1):before {
  content: "\eb70";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-code-2 wfont:nth-child(2):before {
  content: "\eb71";
  color: currentcolor;
}

.tub-document-code-2 wfont:nth-child(3):before {
  content: "\eb72";
  color: currentcolor;
}

.tub-document-code wfont:nth-child(1):before {
  content: "\eb73";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-code wfont:nth-child(2):before {
  content: "\eb74";
  color: currentcolor;
}

.tub-document-code wfont:nth-child(3):before {
  content: "\eb75";
  color: currentcolor;
}

.tub-document-code wfont:nth-child(4):before {
  content: "\eb76";
  color: currentcolor;
}

.tub-hashtag-down wfont:nth-child(1):before {
  content: "\eb77";
  color: currentcolor;
}

.tub-hashtag-down wfont:nth-child(2):before {
  content: "\eb78";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hashtag-down wfont:nth-child(3):before {
  content: "\eb79";
  color: currentcolor;
}

.tub-hashtag-up wfont:nth-child(1):before {
  content: "\eb7a";
  color: currentcolor;
}

.tub-hashtag-up wfont:nth-child(2):before {
  content: "\eb7b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hashtag-up wfont:nth-child(3):before {
  content: "\eb7c";
  color: currentcolor;
}

.tub-hashtag wfont:nth-child(1):before {
  content: "\eb7d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hashtag wfont:nth-child(2):before {
  content: "\eb7e";
  color: currentcolor;
}

.tub-hierarchy-2 wfont:nth-child(1):before {
  content: "\eb7f";
  color: currentcolor;
}

.tub-hierarchy-2 wfont:nth-child(2):before {
  content: "\eb80";
  color: currentcolor;
}

.tub-hierarchy-2 wfont:nth-child(3):before {
  content: "\eb81";
  color: currentcolor;
}

.tub-hierarchy-2 wfont:nth-child(4):before {
  content: "\eb82";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hierarchy-3 wfont:nth-child(1):before {
  content: "\eb83";
  color: currentcolor;
}

.tub-hierarchy-3 wfont:nth-child(2):before {
  content: "\eb84";
  color: currentcolor;
}

.tub-hierarchy-3 wfont:nth-child(3):before {
  content: "\eb85";
  color: currentcolor;
}

.tub-hierarchy-3 wfont:nth-child(4):before {
  content: "\eb86";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hierarchy-square-2 wfont:nth-child(1):before {
  content: "\eb87";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hierarchy-square-2 wfont:nth-child(2):before {
  content: "\eb88";
  color: currentcolor;
}

.tub-hierarchy-square-3 wfont:nth-child(1):before {
  content: "\eb89";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hierarchy-square-3 wfont:nth-child(2):before {
  content: "\eb8a";
  color: currentcolor;
}

.tub-hierarchy-square wfont:nth-child(1):before {
  content: "\eb8b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hierarchy-square wfont:nth-child(2):before {
  content: "\eb8c";
  color: currentcolor;
}

.tub-hierarchy-square wfont:nth-child(3):before {
  content: "\eb8d";
  color: currentcolor;
}

.tub-hierarchy wfont:nth-child(1):before {
  content: "\eb8e";
  color: currentcolor;
}

.tub-hierarchy wfont:nth-child(2):before {
  content: "\eb8f";
  color: currentcolor;
}

.tub-hierarchy wfont:nth-child(3):before {
  content: "\eb90";
  color: currentcolor;
}

.tub-hierarchy wfont:nth-child(4):before {
  content: "\eb91";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-programming wfont:nth-child(1):before {
  content: "\eb92";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-programming wfont:nth-child(2):before {
  content: "\eb93";
  color: currentcolor;
}

.tub-message-programming wfont:nth-child(3):before {
  content: "\eb94";
  color: currentcolor;
}

.tub-message-programming wfont:nth-child(4):before {
  content: "\eb95";
  color: currentcolor;
}

.tub-mobile-programming wfont:nth-child(1):before {
  content: "\eb96";
  color: currentcolor;
}

.tub-mobile-programming wfont:nth-child(2):before {
  content: "\eb97";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mobile-programming wfont:nth-child(3):before {
  content: "\eb98";
  color: currentcolor;
}

.tub-programming-arrow wfont:nth-child(1):before {
  content: "\eb99";
  color: currentcolor;
  opacity: 0.4;
}

.tub-programming-arrow wfont:nth-child(2):before {
  content: "\eb9a";
  color: currentcolor;
}

.tub-programming-arrows wfont:nth-child(1):before {
  content: "\eb9b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-programming-arrows wfont:nth-child(2):before {
  content: "\eb9c";
  color: currentcolor;
}

.tub-programming-arrows wfont:nth-child(3):before {
  content: "\eb9d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-programming-arrows wfont:nth-child(4):before {
  content: "\eb9e";
  color: currentcolor;
}

.tub-scroll wfont:nth-child(1):before {
  content: "\eb9f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scroll wfont:nth-child(2):before {
  content: "\eba0";
  color: currentcolor;
}

.tub-scroll wfont:nth-child(3):before {
  content: "\eba1";
  color: currentcolor;
}

.tub-sidebar-bottom wfont:nth-child(1):before {
  content: "\eba2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sidebar-bottom wfont:nth-child(2):before {
  content: "\eba3";
  color: currentcolor;
}

.tub-sidebar-bottom wfont:nth-child(3):before {
  content: "\eba4";
  color: currentcolor;
}

.tub-sidebar-left wfont:nth-child(1):before {
  content: "\eba5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sidebar-left wfont:nth-child(2):before {
  content: "\eba6";
  color: currentcolor;
}

.tub-sidebar-left wfont:nth-child(3):before {
  content: "\eba7";
  color: currentcolor;
}

.tub-sidebar-right wfont:nth-child(1):before {
  content: "\eba8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sidebar-right wfont:nth-child(2):before {
  content: "\eba9";
  color: currentcolor;
}

.tub-sidebar-right wfont:nth-child(3):before {
  content: "\ebaa";
  color: currentcolor;
}

.tub-sidebar-top wfont:nth-child(1):before {
  content: "\ebab";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sidebar-top wfont:nth-child(2):before {
  content: "\ebac";
  color: currentcolor;
}

.tub-sidebar-top wfont:nth-child(3):before {
  content: "\ebad";
  color: currentcolor;
}

.tub-lamp-charge wfont:nth-child(1):before {
  content: "\ebae";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lamp-charge wfont:nth-child(2):before {
  content: "\ebaf";
  color: currentcolor;
}

.tub-lamp-charge wfont:nth-child(3):before {
  content: "\ebb0";
  color: currentcolor;
}

.tub-lamp-on wfont:nth-child(1):before {
  content: "\ebb1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lamp-on wfont:nth-child(2):before {
  content: "\ebb2";
  color: currentcolor;
}

.tub-lamp-slash wfont:nth-child(1):before {
  content: "\ebb3";
  color: currentcolor;
}

.tub-lamp-slash wfont:nth-child(2):before {
  content: "\ebb4";
  color: currentcolor;
}

.tub-lamp-slash wfont:nth-child(3):before {
  content: "\ebb5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lamp-slash wfont:nth-child(4):before {
  content: "\ebb6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-notification-1 wfont:nth-child(1):before {
  content: "\ebb7";
  color: currentcolor;
}

.tub-notification-1 wfont:nth-child(2):before {
  content: "\ebb8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-notification-bing wfont:nth-child(1):before {
  content: "\ebb9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-notification-bing wfont:nth-child(2):before {
  content: "\ebba";
  color: currentcolor;
}

.tub-notification-bing wfont:nth-child(3):before {
  content: "\ebbb";
  color: currentcolor;
}

.tub-notification-circle wfont:nth-child(1):before {
  content: "\ebbc";
  color: currentcolor;
}

.tub-notification-circle wfont:nth-child(2):before {
  content: "\ebbd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-notification-favorite wfont:nth-child(1):before {
  content: "\ebbe";
  color: currentcolor;
}

.tub-notification-favorite wfont:nth-child(2):before {
  content: "\ebbf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-notification-favorite wfont:nth-child(3):before {
  content: "\ebc0";
  color: currentcolor;
}

.tub-notification-status wfont:nth-child(1):before {
  content: "\ebc1";
  color: currentcolor;
}

.tub-notification-status wfont:nth-child(2):before {
  content: "\ebc2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-notification-status wfont:nth-child(3):before {
  content: "\ebc3";
  color: currentcolor;
}

.tub-notification-status wfont:nth-child(4):before {
  content: "\ebc4";
  color: currentcolor;
}

.tub-notification wfont:nth-child(1):before {
  content: "\ebc5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-notification wfont:nth-child(2):before {
  content: "\ebc6";
  color: currentcolor;
}

.tub-notification wfont:nth-child(3):before {
  content: "\ebc7";
  color: currentcolor;
}

.tub-archive wfont:nth-child(1):before {
  content: "\ebc8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive wfont:nth-child(2):before {
  content: "\ebc9";
  color: currentcolor;
}

.tub-card-add wfont:nth-child(1):before {
  content: "\ebca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-add wfont:nth-child(2):before {
  content: "\ebcb";
  color: currentcolor;
}

.tub-card-add wfont:nth-child(3):before {
  content: "\ebcc";
  color: currentcolor;
}

.tub-card-edit wfont:nth-child(1):before {
  content: "\ebcd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-edit wfont:nth-child(2):before {
  content: "\ebce";
  color: currentcolor;
}

.tub-card-edit wfont:nth-child(3):before {
  content: "\ebcf";
  color: currentcolor;
}

.tub-card-pos wfont:nth-child(1):before {
  content: "\ebd0";
  color: currentcolor;
}

.tub-card-pos wfont:nth-child(2):before {
  content: "\ebd1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-pos wfont:nth-child(3):before {
  content: "\ebd2";
  color: currentcolor;
}

.tub-card-pos wfont:nth-child(4):before {
  content: "\ebd3";
  color: currentcolor;
}

.tub-card-pos wfont:nth-child(5):before {
  content: "\ebd4";
  color: currentcolor;
}

.tub-card-receive wfont:nth-child(1):before {
  content: "\ebd5";
  color: currentcolor;
}

.tub-card-receive wfont:nth-child(2):before {
  content: "\ebd6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-receive wfont:nth-child(3):before {
  content: "\ebd7";
  color: currentcolor;
}

.tub-card-remove-1 wfont:nth-child(1):before {
  content: "\ebd8";
  color: currentcolor;
}

.tub-card-remove-1 wfont:nth-child(2):before {
  content: "\ebd9";
  color: currentcolor;
}

.tub-card-remove-1 wfont:nth-child(3):before {
  content: "\ebda";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-remove-1 wfont:nth-child(4):before {
  content: "\ebdb";
  color: currentcolor;
}

.tub-card-remove wfont:nth-child(1):before {
  content: "\ebdc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-remove wfont:nth-child(2):before {
  content: "\ebdd";
  color: currentcolor;
}

.tub-card-remove wfont:nth-child(3):before {
  content: "\ebde";
  color: currentcolor;
}

.tub-card-send wfont:nth-child(1):before {
  content: "\ebdf";
  color: currentcolor;
}

.tub-card-send wfont:nth-child(2):before {
  content: "\ebe0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-send wfont:nth-child(3):before {
  content: "\ebe1";
  color: currentcolor;
}

.tub-card-slash wfont:nth-child(1):before {
  content: "\ebe2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-slash wfont:nth-child(2):before {
  content: "\ebe3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-slash wfont:nth-child(3):before {
  content: "\ebe4";
  color: currentcolor;
}

.tub-card-slash wfont:nth-child(4):before {
  content: "\ebe5";
  color: currentcolor;
}

.tub-card-slash wfont:nth-child(5):before {
  content: "\ebe6";
  color: currentcolor;
}

.tub-card-slash wfont:nth-child(6):before {
  content: "\ebe7";
  color: currentcolor;
}

.tub-card-slash wfont:nth-child(7):before {
  content: "\ebe8";
  color: currentcolor;
}

.tub-card-tick-1 wfont:nth-child(1):before {
  content: "\ebe9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-tick-1 wfont:nth-child(2):before {
  content: "\ebea";
  color: currentcolor;
}

.tub-card-tick-1 wfont:nth-child(3):before {
  content: "\ebeb";
  color: currentcolor;
}

.tub-card-tick wfont:nth-child(1):before {
  content: "\ebec";
  color: currentcolor;
}

.tub-card-tick wfont:nth-child(2):before {
  content: "\ebed";
  color: currentcolor;
}

.tub-card-tick wfont:nth-child(3):before {
  content: "\ebee";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-tick wfont:nth-child(4):before {
  content: "\ebef";
  color: currentcolor;
}

.tub-card wfont:nth-child(1):before {
  content: "\ebf0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card wfont:nth-child(2):before {
  content: "\ebf1";
  color: currentcolor;
}

.tub-card wfont:nth-child(3):before {
  content: "\ebf2";
  color: currentcolor;
}

.tub-card wfont:nth-child(4):before {
  content: "\ebf3";
  color: currentcolor;
}

.tub-cards wfont:nth-child(1):before {
  content: "\ebf4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cards wfont:nth-child(2):before {
  content: "\ebf5";
  color: currentcolor;
}

.tub-cards wfont:nth-child(3):before {
  content: "\ebf6";
  color: currentcolor;
}

.tub-cards wfont:nth-child(4):before {
  content: "\ebf7";
  color: currentcolor;
}

.tub-cards wfont:nth-child(5):before {
  content: "\ebf8";
  color: currentcolor;
}

.tub-chart-square wfont:nth-child(1):before {
  content: "\ebf9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chart-square wfont:nth-child(2):before {
  content: "\ebfa";
  color: currentcolor;
}

.tub-chart-square wfont:nth-child(3):before {
  content: "\ebfb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chart-square wfont:nth-child(4):before {
  content: "\ebfc";
  color: currentcolor;
}

.tub-coin-1 wfont:nth-child(1):before {
  content: "\ebfd";
  color: currentcolor;
}

.tub-coin-1 wfont:nth-child(2):before {
  content: "\ebfe";
  color: currentcolor;
  opacity: 0.4;
}

.tub-coin-1 wfont:nth-child(3):before {
  content: "\ebff";
  color: currentcolor;
}

.tub-coin wfont:nth-child(1):before {
  content: "\ec00";
  color: currentcolor;
  opacity: 0.4;
}

.tub-coin wfont:nth-child(2):before {
  content: "\ec01";
  color: currentcolor;
}

.tub-coin wfont:nth-child(3):before {
  content: "\ec02";
  color: currentcolor;
}

.tub-convert-card wfont:nth-child(1):before {
  content: "\ec03";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convert-card wfont:nth-child(2):before {
  content: "\ec04";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convert-card wfont:nth-child(3):before {
  content: "\ec05";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convert-card wfont:nth-child(4):before {
  content: "\ec06";
  color: currentcolor;
}

.tub-convert-card wfont:nth-child(5):before {
  content: "\ec07";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convert-card wfont:nth-child(6):before {
  content: "\ec08";
  color: currentcolor;
}

.tub-discount-circle wfont:nth-child(1):before {
  content: "\ec09";
  color: currentcolor;
  opacity: 0.4;
}

.tub-discount-circle wfont:nth-child(2):before {
  content: "\ec0a";
  color: currentcolor;
}

.tub-discount-circle wfont:nth-child(3):before {
  content: "\ec0b";
  color: currentcolor;
}

.tub-discount-circle wfont:nth-child(4):before {
  content: "\ec0c";
  color: currentcolor;
}

.tub-discount-shape wfont:nth-child(1):before {
  content: "\ec0d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-discount-shape wfont:nth-child(2):before {
  content: "\ec0e";
  color: currentcolor;
}

.tub-discount-shape wfont:nth-child(3):before {
  content: "\ec0f";
  color: currentcolor;
}

.tub-discount-shape wfont:nth-child(4):before {
  content: "\ec10";
  color: currentcolor;
}

.tub-document wfont:nth-child(1):before {
  content: "\ec11";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document wfont:nth-child(2):before {
  content: "\ec12";
  color: currentcolor;
}

.tub-document wfont:nth-child(3):before {
  content: "\ec13";
  color: currentcolor;
}

.tub-dollar-circle wfont:nth-child(1):before {
  content: "\ec14";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dollar-circle wfont:nth-child(2):before {
  content: "\ec15";
  color: currentcolor;
}

.tub-dollar-square wfont:nth-child(1):before {
  content: "\ec16";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dollar-square wfont:nth-child(2):before {
  content: "\ec17";
  color: currentcolor;
}

.tub-empty-wallet-add wfont:nth-child(1):before {
  content: "\ec18";
  color: currentcolor;
  opacity: 0.4;
}

.tub-empty-wallet-add wfont:nth-child(2):before {
  content: "\ec19";
  color: currentcolor;
}

.tub-empty-wallet-add wfont:nth-child(3):before {
  content: "\ec1a";
  color: currentcolor;
}

.tub-empty-wallet-add wfont:nth-child(4):before {
  content: "\ec1b";
  color: currentcolor;
}

.tub-empty-wallet-add wfont:nth-child(5):before {
  content: "\ec1c";
  color: currentcolor;
}

.tub-empty-wallet-change wfont:nth-child(1):before {
  content: "\ec1d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-empty-wallet-change wfont:nth-child(2):before {
  content: "\ec1e";
  color: currentcolor;
}

.tub-empty-wallet-change wfont:nth-child(3):before {
  content: "\ec1f";
  color: currentcolor;
}

.tub-empty-wallet-change wfont:nth-child(4):before {
  content: "\ec20";
  color: currentcolor;
}

.tub-empty-wallet-change wfont:nth-child(5):before {
  content: "\ec21";
  color: currentcolor;
}

.tub-empty-wallet-remove wfont:nth-child(1):before {
  content: "\ec22";
  color: currentcolor;
  opacity: 0.4;
}

.tub-empty-wallet-remove wfont:nth-child(2):before {
  content: "\ec23";
  color: currentcolor;
}

.tub-empty-wallet-remove wfont:nth-child(3):before {
  content: "\ec24";
  color: currentcolor;
}

.tub-empty-wallet-remove wfont:nth-child(4):before {
  content: "\ec25";
  color: currentcolor;
}

.tub-empty-wallet-remove wfont:nth-child(5):before {
  content: "\ec26";
  color: currentcolor;
}

.tub-empty-wallet-tick wfont:nth-child(1):before {
  content: "\ec27";
  color: currentcolor;
}

.tub-empty-wallet-tick wfont:nth-child(2):before {
  content: "\ec28";
  color: currentcolor;
  opacity: 0.4;
}

.tub-empty-wallet-tick wfont:nth-child(3):before {
  content: "\ec29";
  color: currentcolor;
}

.tub-empty-wallet-tick wfont:nth-child(4):before {
  content: "\ec2a";
  color: currentcolor;
}

.tub-empty-wallet-tick wfont:nth-child(5):before {
  content: "\ec2b";
  color: currentcolor;
}

.tub-empty-wallet-time wfont:nth-child(1):before {
  content: "\ec2c";
  color: currentcolor;
}

.tub-empty-wallet-time wfont:nth-child(2):before {
  content: "\ec2d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-empty-wallet-time wfont:nth-child(3):before {
  content: "\ec2e";
  color: currentcolor;
}

.tub-empty-wallet-time wfont:nth-child(4):before {
  content: "\ec2f";
  color: currentcolor;
}

.tub-empty-wallet-time wfont:nth-child(5):before {
  content: "\ec30";
  color: currentcolor;
}

.tub-empty-wallet wfont:nth-child(1):before {
  content: "\ec31";
  color: currentcolor;
  opacity: 0.4;
}

.tub-empty-wallet wfont:nth-child(2):before {
  content: "\ec32";
  color: currentcolor;
}

.tub-empty-wallet wfont:nth-child(3):before {
  content: "\ec33";
  color: currentcolor;
}

.tub-empty-wallet wfont:nth-child(4):before {
  content: "\ec34";
  color: currentcolor;
}

.tub-math wfont:nth-child(1):before {
  content: "\ec35";
  color: currentcolor;
  opacity: 0.4;
}

.tub-math wfont:nth-child(2):before {
  content: "\ec36";
  color: currentcolor;
}

.tub-math wfont:nth-child(3):before {
  content: "\ec37";
  color: currentcolor;
}

.tub-math wfont:nth-child(4):before {
  content: "\ec38";
  color: currentcolor;
}

.tub-math wfont:nth-child(5):before {
  content: "\ec39";
  color: currentcolor;
}

.tub-math wfont:nth-child(6):before {
  content: "\ec3a";
  color: currentcolor;
}

.tub-money-2 wfont:nth-child(1):before {
  content: "\ec3b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-2 wfont:nth-child(2):before {
  content: "\ec3c";
  color: currentcolor;
}

.tub-money-2 wfont:nth-child(3):before {
  content: "\ec3d";
  color: currentcolor;
}

.tub-money-2 wfont:nth-child(4):before {
  content: "\ec3e";
  color: currentcolor;
}

.tub-money-2 wfont:nth-child(5):before {
  content: "\ec3f";
  color: currentcolor;
}

.tub-money-2 wfont:nth-child(6):before {
  content: "\ec40";
  color: currentcolor;
}

.tub-money-3 wfont:nth-child(1):before {
  content: "\ec41";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-3 wfont:nth-child(2):before {
  content: "\ec42";
  color: currentcolor;
}

.tub-money-3 wfont:nth-child(3):before {
  content: "\ec43";
  color: currentcolor;
}

.tub-money-3 wfont:nth-child(4):before {
  content: "\ec44";
  color: currentcolor;
}

.tub-money-4 wfont:nth-child(1):before {
  content: "\ec45";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-4 wfont:nth-child(2):before {
  content: "\ec46";
  color: currentcolor;
}

.tub-money-4 wfont:nth-child(3):before {
  content: "\ec47";
  color: currentcolor;
}

.tub-money-4 wfont:nth-child(4):before {
  content: "\ec48";
  color: currentcolor;
}

.tub-money-4 wfont:nth-child(5):before {
  content: "\ec49";
  color: currentcolor;
}

.tub-money-4 wfont:nth-child(6):before {
  content: "\ec4a";
  color: currentcolor;
}

.tub-money-add wfont:nth-child(1):before {
  content: "\ec4b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-add wfont:nth-child(2):before {
  content: "\ec4c";
  color: currentcolor;
}

.tub-money-add wfont:nth-child(3):before {
  content: "\ec4d";
  color: currentcolor;
}

.tub-money-add wfont:nth-child(4):before {
  content: "\ec4e";
  color: currentcolor;
}

.tub-money-change wfont:nth-child(1):before {
  content: "\ec4f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-change wfont:nth-child(2):before {
  content: "\ec50";
  color: currentcolor;
}

.tub-money-change wfont:nth-child(3):before {
  content: "\ec51";
  color: currentcolor;
}

.tub-money-change wfont:nth-child(4):before {
  content: "\ec52";
  color: currentcolor;
}

.tub-money-forbidden wfont:nth-child(1):before {
  content: "\ec53";
  color: currentcolor;
}

.tub-money-forbidden wfont:nth-child(2):before {
  content: "\ec54";
  color: currentcolor;
}

.tub-money-forbidden wfont:nth-child(3):before {
  content: "\ec55";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-forbidden wfont:nth-child(4):before {
  content: "\ec56";
  color: currentcolor;
}

.tub-money-forbidden wfont:nth-child(5):before {
  content: "\ec57";
  color: currentcolor;
}

.tub-money-recive wfont:nth-child(1):before {
  content: "\ec58";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-recive wfont:nth-child(2):before {
  content: "\ec59";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-recive wfont:nth-child(3):before {
  content: "\ec5a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-recive wfont:nth-child(4):before {
  content: "\ec5b";
  color: currentcolor;
}

.tub-money-recive wfont:nth-child(5):before {
  content: "\ec5c";
  color: currentcolor;
}

.tub-money-recive wfont:nth-child(6):before {
  content: "\ec5d";
  color: currentcolor;
}

.tub-money-recive wfont:nth-child(7):before {
  content: "\ec5e";
  color: currentcolor;
}

.tub-money-remove wfont:nth-child(1):before {
  content: "\ec5f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-remove wfont:nth-child(2):before {
  content: "\ec60";
  color: currentcolor;
}

.tub-money-remove wfont:nth-child(3):before {
  content: "\ec61";
  color: currentcolor;
}

.tub-money-remove wfont:nth-child(4):before {
  content: "\ec62";
  color: currentcolor;
}

.tub-money-send wfont:nth-child(1):before {
  content: "\ec63";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-send wfont:nth-child(2):before {
  content: "\ec64";
  color: currentcolor;
}

.tub-money-send wfont:nth-child(3):before {
  content: "\ec65";
  color: currentcolor;
}

.tub-money-tick wfont:nth-child(1):before {
  content: "\ec66";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-tick wfont:nth-child(2):before {
  content: "\ec67";
  color: currentcolor;
}

.tub-money-tick wfont:nth-child(3):before {
  content: "\ec68";
  color: currentcolor;
}

.tub-money-tick wfont:nth-child(4):before {
  content: "\ec69";
  color: currentcolor;
}

.tub-money-time wfont:nth-child(1):before {
  content: "\ec6a";
  color: currentcolor;
}

.tub-money-time wfont:nth-child(2):before {
  content: "\ec6b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money-time wfont:nth-child(3):before {
  content: "\ec6c";
  color: currentcolor;
}

.tub-money-time wfont:nth-child(4):before {
  content: "\ec6d";
  color: currentcolor;
}

.tub-money wfont:nth-child(1):before {
  content: "\ec6e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-money wfont:nth-child(2):before {
  content: "\ec6f";
  color: currentcolor;
}

.tub-money wfont:nth-child(3):before {
  content: "\ec70";
  color: currentcolor;
}

.tub-money wfont:nth-child(4):before {
  content: "\ec71";
  color: currentcolor;
}

.tub-moneys wfont:nth-child(1):before {
  content: "\ec72";
  color: currentcolor;
  opacity: 0.4;
}

.tub-moneys wfont:nth-child(2):before {
  content: "\ec73";
  color: currentcolor;
}

.tub-moneys wfont:nth-child(3):before {
  content: "\ec74";
  color: currentcolor;
}

.tub-moneys wfont:nth-child(4):before {
  content: "\ec75";
  color: currentcolor;
}

.tub-moneys wfont:nth-child(5):before {
  content: "\ec76";
  color: currentcolor;
}

.tub-percentage-circle wfont:nth-child(1):before {
  content: "\ec77";
  color: currentcolor;
  opacity: 0.4;
}

.tub-percentage-circle wfont:nth-child(2):before {
  content: "\ec78";
  color: currentcolor;
}

.tub-percentage-circle wfont:nth-child(3):before {
  content: "\ec79";
  color: currentcolor;
}

.tub-percentage-circle wfont:nth-child(4):before {
  content: "\ec7a";
  color: currentcolor;
}

.tub-percentage-square wfont:nth-child(1):before {
  content: "\ec7b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-percentage-square wfont:nth-child(2):before {
  content: "\ec7c";
  color: currentcolor;
}

.tub-percentage-square wfont:nth-child(3):before {
  content: "\ec7d";
  color: currentcolor;
}

.tub-percentage-square wfont:nth-child(4):before {
  content: "\ec7e";
  color: currentcolor;
}

.tub-receipt-1 wfont:nth-child(1):before {
  content: "\ec7f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-1 wfont:nth-child(2):before {
  content: "\ec80";
  color: currentcolor;
}

.tub-receipt-1 wfont:nth-child(3):before {
  content: "\ec81";
  color: currentcolor;
}

.tub-receipt-1 wfont:nth-child(4):before {
  content: "\ec82";
  color: currentcolor;
}

.tub-receipt-1 wfont:nth-child(5):before {
  content: "\ec83";
  color: currentcolor;
}

.tub-receipt-2 wfont:nth-child(1):before {
  content: "\ec84";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-2 wfont:nth-child(2):before {
  content: "\ec85";
  color: currentcolor;
}

.tub-receipt-2 wfont:nth-child(3):before {
  content: "\ec86";
  color: currentcolor;
}

.tub-receipt-3 wfont:nth-child(1):before {
  content: "\ec87";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-3 wfont:nth-child(2):before {
  content: "\ec88";
  color: currentcolor;
}

.tub-receipt-3 wfont:nth-child(3):before {
  content: "\ec89";
  color: currentcolor;
}

.tub-receipt-add wfont:nth-child(1):before {
  content: "\ec8a";
  color: currentcolor;
}

.tub-receipt-add wfont:nth-child(2):before {
  content: "\ec8b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-add wfont:nth-child(3):before {
  content: "\ec8c";
  color: currentcolor;
}

.tub-receipt-discount wfont:nth-child(1):before {
  content: "\ec8d";
  color: currentcolor;
}

.tub-receipt-discount wfont:nth-child(2):before {
  content: "\ec8e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-discount wfont:nth-child(3):before {
  content: "\ec8f";
  color: currentcolor;
}

.tub-receipt-discount wfont:nth-child(4):before {
  content: "\ec90";
  color: currentcolor;
}

.tub-receipt-discount wfont:nth-child(5):before {
  content: "\ec91";
  color: currentcolor;
}

.tub-receipt-disscount wfont:nth-child(1):before {
  content: "\ec92";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-disscount wfont:nth-child(2):before {
  content: "\ec93";
  color: currentcolor;
}

.tub-receipt-disscount wfont:nth-child(3):before {
  content: "\ec94";
  color: currentcolor;
}

.tub-receipt-disscount wfont:nth-child(4):before {
  content: "\ec95";
  color: currentcolor;
}

.tub-receipt-edit wfont:nth-child(1):before {
  content: "\ec96";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-edit wfont:nth-child(2):before {
  content: "\ec97";
  color: currentcolor;
}

.tub-receipt-item wfont:nth-child(1):before {
  content: "\ec98";
  color: currentcolor;
}

.tub-receipt-item wfont:nth-child(2):before {
  content: "\ec99";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-item wfont:nth-child(3):before {
  content: "\ec9a";
  color: currentcolor;
}

.tub-receipt-item wfont:nth-child(4):before {
  content: "\ec9b";
  color: currentcolor;
}

.tub-receipt-item wfont:nth-child(5):before {
  content: "\ec9c";
  color: currentcolor;
}

.tub-receipt-item wfont:nth-child(6):before {
  content: "\ec9d";
  color: currentcolor;
}

.tub-receipt-minus wfont:nth-child(1):before {
  content: "\ec9e";
  color: currentcolor;
}

.tub-receipt-minus wfont:nth-child(2):before {
  content: "\ec9f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-minus wfont:nth-child(3):before {
  content: "\eca0";
  color: currentcolor;
}

.tub-receipt-search wfont:nth-child(1):before {
  content: "\eca1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-search wfont:nth-child(2):before {
  content: "\eca2";
  color: currentcolor;
}

.tub-receipt-text wfont:nth-child(1):before {
  content: "\eca3";
  color: currentcolor;
}

.tub-receipt-text wfont:nth-child(2):before {
  content: "\eca4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receipt-text wfont:nth-child(3):before {
  content: "\eca5";
  color: currentcolor;
}

.tub-receipt-text wfont:nth-child(4):before {
  content: "\eca6";
  color: currentcolor;
}

.tub-receipt wfont:nth-child(1):before {
  content: "\eca7";
  color: currentcolor;
}

.tub-receipt wfont:nth-child(2):before {
  content: "\eca8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-security-card wfont:nth-child(1):before {
  content: "\eca9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-security-card wfont:nth-child(2):before {
  content: "\ecaa";
  color: currentcolor;
}

.tub-security-card wfont:nth-child(3):before {
  content: "\ecab";
  color: currentcolor;
}

.tub-strongbox-2 wfont:nth-child(1):before {
  content: "\ecac";
  color: currentcolor;
  opacity: 0.4;
}

.tub-strongbox-2 wfont:nth-child(2):before {
  content: "\ecad";
  color: currentcolor;
}

.tub-strongbox-2 wfont:nth-child(3):before {
  content: "\ecae";
  color: currentcolor;
}

.tub-strongbox wfont:nth-child(1):before {
  content: "\ecaf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-strongbox wfont:nth-child(2):before {
  content: "\ecb0";
  color: currentcolor;
}

.tub-tag-2 wfont:nth-child(1):before {
  content: "\ecb1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tag-2 wfont:nth-child(2):before {
  content: "\ecb2";
  color: currentcolor;
}

.tub-tag-2 wfont:nth-child(3):before {
  content: "\ecb3";
  color: currentcolor;
}

.tub-tag wfont:nth-child(1):before {
  content: "\ecb4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tag wfont:nth-child(2):before {
  content: "\ecb5";
  color: currentcolor;
}

.tub-ticket-2 wfont:nth-child(1):before {
  content: "\ecb6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ticket-2 wfont:nth-child(2):before {
  content: "\ecb7";
  color: currentcolor;
}

.tub-ticket-2 wfont:nth-child(3):before {
  content: "\ecb8";
  color: currentcolor;
}

.tub-ticket-discount wfont:nth-child(1):before {
  content: "\ecb9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ticket-discount wfont:nth-child(2):before {
  content: "\ecba";
  color: currentcolor;
}

.tub-ticket-discount wfont:nth-child(3):before {
  content: "\ecbb";
  color: currentcolor;
}

.tub-ticket-discount wfont:nth-child(4):before {
  content: "\ecbc";
  color: currentcolor;
}

.tub-ticket-expired wfont:nth-child(1):before {
  content: "\ecbd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ticket-expired wfont:nth-child(2):before {
  content: "\ecbe";
  color: currentcolor;
}

.tub-ticket-star wfont:nth-child(1):before {
  content: "\ecbf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ticket-star wfont:nth-child(2):before {
  content: "\ecc0";
  color: currentcolor;
}

.tub-ticket-star wfont:nth-child(3):before {
  content: "\ecc1";
  color: currentcolor;
}

.tub-ticket wfont:nth-child(1):before {
  content: "\ecc2";
  color: currentcolor;
}

.tub-ticket wfont:nth-child(2):before {
  content: "\ecc3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-transaction-minus wfont:nth-child(1):before {
  content: "\ecc4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-transaction-minus wfont:nth-child(2):before {
  content: "\ecc5";
  color: currentcolor;
}

.tub-wallet-1 wfont:nth-child(1):before {
  content: "\ecc6";
  color: currentcolor;
  opacity: 0.8;
}

.tub-wallet-1 wfont:nth-child(2):before {
  content: "\ecc7";
  color: currentcolor;
}

.tub-wallet-1 wfont:nth-child(3):before {
  content: "\ecc8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-1 wfont:nth-child(4):before {
  content: "\ecc9";
  color: currentcolor;
  opacity: 0.6;
}

.tub-wallet-1 wfont:nth-child(5):before {
  content: "\ecca";
  color: currentcolor;
  opacity: 0.6;
}

.tub-wallet-2 wfont:nth-child(1):before {
  content: "\eccb";
  color: currentcolor;
}

.tub-wallet-2 wfont:nth-child(2):before {
  content: "\eccc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-2 wfont:nth-child(3):before {
  content: "\eccd";
  color: currentcolor;
}

.tub-wallet-3 wfont:nth-child(1):before {
  content: "\ecce";
  color: currentcolor;
}

.tub-wallet-3 wfont:nth-child(2):before {
  content: "\eccf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-3 wfont:nth-child(3):before {
  content: "\ecd0";
  color: currentcolor;
}

.tub-wallet-3 wfont:nth-child(4):before {
  content: "\ecd1";
  color: currentcolor;
}

.tub-wallet-add-1 wfont:nth-child(1):before {
  content: "\ecd2";
  color: currentcolor;
  opacity: 0.8;
}

.tub-wallet-add-1 wfont:nth-child(2):before {
  content: "\ecd3";
  color: currentcolor;
}

.tub-wallet-add-1 wfont:nth-child(3):before {
  content: "\ecd4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-add-1 wfont:nth-child(4):before {
  content: "\ecd5";
  color: currentcolor;
  opacity: 0.6;
}

.tub-wallet-add-1 wfont:nth-child(5):before {
  content: "\ecd6";
  color: currentcolor;
  opacity: 0.6;
}

.tub-wallet-add-1 wfont:nth-child(6):before {
  content: "\ecd7";
  color: currentcolor;
}

.tub-wallet-add wfont:nth-child(1):before {
  content: "\ecd8";
  color: currentcolor;
}

.tub-wallet-add wfont:nth-child(2):before {
  content: "\ecd9";
  color: currentcolor;
}

.tub-wallet-add wfont:nth-child(3):before {
  content: "\ecda";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-add wfont:nth-child(4):before {
  content: "\ecdb";
  color: currentcolor;
}

.tub-wallet-check wfont:nth-child(1):before {
  content: "\ecdc";
  color: currentcolor;
}

.tub-wallet-check wfont:nth-child(2):before {
  content: "\ecdd";
  color: currentcolor;
}

.tub-wallet-check wfont:nth-child(3):before {
  content: "\ecde";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-check wfont:nth-child(4):before {
  content: "\ecdf";
  color: currentcolor;
}

.tub-wallet-minus wfont:nth-child(1):before {
  content: "\ece0";
  color: currentcolor;
  opacity: 0.8;
}

.tub-wallet-minus wfont:nth-child(2):before {
  content: "\ece1";
  color: currentcolor;
}

.tub-wallet-minus wfont:nth-child(3):before {
  content: "\ece2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-minus wfont:nth-child(4):before {
  content: "\ece3";
  color: currentcolor;
  opacity: 0.6;
}

.tub-wallet-minus wfont:nth-child(5):before {
  content: "\ece4";
  color: currentcolor;
  opacity: 0.6;
}

.tub-wallet-minus wfont:nth-child(6):before {
  content: "\ece5";
  color: currentcolor;
}

.tub-wallet-money wfont:nth-child(1):before {
  content: "\ece6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-money wfont:nth-child(2):before {
  content: "\ece7";
  color: currentcolor;
}

.tub-wallet-remove wfont:nth-child(1):before {
  content: "\ece8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-remove wfont:nth-child(2):before {
  content: "\ece9";
  color: currentcolor;
}

.tub-wallet-remove wfont:nth-child(3):before {
  content: "\ecea";
  color: currentcolor;
}

.tub-wallet-remove wfont:nth-child(4):before {
  content: "\eceb";
  color: currentcolor;
}

.tub-wallet-search wfont:nth-child(1):before {
  content: "\ecec";
  color: currentcolor;
}

.tub-wallet-search wfont:nth-child(2):before {
  content: "\eced";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet-search wfont:nth-child(3):before {
  content: "\ecee";
  color: currentcolor;
}

.tub-wallet-search wfont:nth-child(4):before {
  content: "\ecef";
  color: currentcolor;
}

.tub-wallet wfont:nth-child(1):before {
  content: "\ecf0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wallet wfont:nth-child(2):before {
  content: "\ecf1";
  color: currentcolor;
}

.tub-wallet wfont:nth-child(3):before {
  content: "\ecf2";
  color: currentcolor;
}

.tub-audio-square wfont:nth-child(1):before {
  content: "\ecf3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-audio-square wfont:nth-child(2):before {
  content: "\ecf4";
  color: currentcolor;
}

.tub-backward-5-seconds wfont:nth-child(1):before {
  content: "\ecf5";
  color: currentcolor;
}

.tub-backward-5-seconds wfont:nth-child(2):before {
  content: "\ecf6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-backward-10-seconds wfont:nth-child(1):before {
  content: "\ecf7";
  color: currentcolor;
}

.tub-backward-10-seconds wfont:nth-child(2):before {
  content: "\ecf8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-backward-10-seconds wfont:nth-child(3):before {
  content: "\ecf9";
  color: currentcolor;
}

.tub-backward-15-seconds wfont:nth-child(1):before {
  content: "\ecfa";
  color: currentcolor;
}

.tub-backward-15-seconds wfont:nth-child(2):before {
  content: "\ecfb";
  color: currentcolor;
}

.tub-backward-15-seconds wfont:nth-child(3):before {
  content: "\ecfc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-backward wfont:nth-child(1):before {
  content: "\ecfd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-backward wfont:nth-child(2):before {
  content: "\ecfe";
  color: currentcolor;
}

.tub-camera-slash wfont:nth-child(1):before {
  content: "\ecff";
  color: currentcolor;
}

.tub-camera-slash wfont:nth-child(2):before {
  content: "\ed00";
  color: currentcolor;
  opacity: 0.4;
}

.tub-camera-slash wfont:nth-child(3):before {
  content: "\ed01";
  color: currentcolor;
  opacity: 0.4;
}

.tub-camera-slash wfont:nth-child(4):before {
  content: "\ed02";
  color: currentcolor;
}

.tub-camera-slash wfont:nth-child(5):before {
  content: "\ed03";
  color: currentcolor;
}

.tub-camera-slash wfont:nth-child(6):before {
  content: "\ed04";
  color: currentcolor;
}

.tub-camera wfont:nth-child(1):before {
  content: "\ed05";
  color: currentcolor;
  opacity: 0.4;
}

.tub-camera wfont:nth-child(2):before {
  content: "\ed06";
  color: currentcolor;
}

.tub-camera wfont:nth-child(3):before {
  content: "\ed07";
  color: currentcolor;
}

.tub-devices wfont:nth-child(1):before {
  content: "\ed08";
  color: currentcolor;
}

.tub-devices wfont:nth-child(2):before {
  content: "\ed09";
  color: currentcolor;
  opacity: 0.4;
}

.tub-devices wfont:nth-child(3):before {
  content: "\ed0a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-devices wfont:nth-child(4):before {
  content: "\ed0b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-devices wfont:nth-child(5):before {
  content: "\ed0c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-devices wfont:nth-child(6):before {
  content: "\ed0d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-devices wfont:nth-child(7):before {
  content: "\ed0e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-devices wfont:nth-child(8):before {
  content: "\ed0f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forward-5-seconds wfont:nth-child(1):before {
  content: "\ed10";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forward-5-seconds wfont:nth-child(2):before {
  content: "\ed11";
  color: currentcolor;
}

.tub-forward-10-seconds wfont:nth-child(1):before {
  content: "\ed12";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forward-10-seconds wfont:nth-child(2):before {
  content: "\ed13";
  color: currentcolor;
}

.tub-forward-10-seconds wfont:nth-child(3):before {
  content: "\ed14";
  color: currentcolor;
}

.tub-forward-15-seconds wfont:nth-child(1):before {
  content: "\ed15";
  color: currentcolor;
}

.tub-forward-15-seconds wfont:nth-child(2):before {
  content: "\ed16";
  color: currentcolor;
}

.tub-forward-15-seconds wfont:nth-child(3):before {
  content: "\ed17";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forward wfont:nth-child(1):before {
  content: "\ed18";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forward wfont:nth-child(2):before {
  content: "\ed19";
  color: currentcolor;
}

.tub-frame1 wfont:nth-child(1):before {
  content: "\ed1a";
  color: currentcolor;
}

.tub-frame1 wfont:nth-child(2):before {
  content: "\ed1b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame1 wfont:nth-child(3):before {
  content: "\ed1c";
  color: currentcolor;
}

.tub-frame1 wfont:nth-child(4):before {
  content: "\ed1d";
  color: currentcolor;
}

.tub-gallery-add wfont:nth-child(1):before {
  content: "\ed1e";
  color: currentcolor;
}

.tub-gallery-add wfont:nth-child(2):before {
  content: "\ed1f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery-add wfont:nth-child(3):before {
  content: "\ed20";
  color: currentcolor;
}

.tub-gallery-add wfont:nth-child(4):before {
  content: "\ed21";
  color: currentcolor;
}

.tub-gallery-edit wfont:nth-child(1):before {
  content: "\ed22";
  color: currentcolor;
}

.tub-gallery-edit wfont:nth-child(2):before {
  content: "\ed23";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery-edit wfont:nth-child(3):before {
  content: "\ed24";
  color: currentcolor;
}

.tub-gallery-edit wfont:nth-child(4):before {
  content: "\ed25";
  color: currentcolor;
}

.tub-gallery-favorite wfont:nth-child(1):before {
  content: "\ed26";
  color: currentcolor;
}

.tub-gallery-favorite wfont:nth-child(2):before {
  content: "\ed27";
  color: currentcolor;
}

.tub-gallery-favorite wfont:nth-child(3):before {
  content: "\ed28";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery-favorite wfont:nth-child(4):before {
  content: "\ed29";
  color: currentcolor;
}

.tub-gallery-import wfont:nth-child(1):before {
  content: "\ed2a";
  color: currentcolor;
}

.tub-gallery-import wfont:nth-child(2):before {
  content: "\ed2b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery-import wfont:nth-child(3):before {
  content: "\ed2c";
  color: currentcolor;
}

.tub-gallery-import wfont:nth-child(4):before {
  content: "\ed2d";
  color: currentcolor;
}

.tub-gallery-remove wfont:nth-child(1):before {
  content: "\ed2e";
  color: currentcolor;
}

.tub-gallery-remove wfont:nth-child(2):before {
  content: "\ed2f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery-remove wfont:nth-child(3):before {
  content: "\ed30";
  color: currentcolor;
}

.tub-gallery-remove wfont:nth-child(4):before {
  content: "\ed31";
  color: currentcolor;
}

.tub-gallery-slash wfont:nth-child(1):before {
  content: "\ed32";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery-slash wfont:nth-child(2):before {
  content: "\ed33";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery-slash wfont:nth-child(3):before {
  content: "\ed34";
  color: currentcolor;
}

.tub-gallery-slash wfont:nth-child(4):before {
  content: "\ed35";
  color: currentcolor;
}

.tub-gallery-slash wfont:nth-child(5):before {
  content: "\ed36";
  color: currentcolor;
}

.tub-gallery-tick wfont:nth-child(1):before {
  content: "\ed37";
  color: currentcolor;
}

.tub-gallery-tick wfont:nth-child(2):before {
  content: "\ed38";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery-tick wfont:nth-child(3):before {
  content: "\ed39";
  color: currentcolor;
}

.tub-gallery-tick wfont:nth-child(4):before {
  content: "\ed3a";
  color: currentcolor;
}

.tub-gallery wfont:nth-child(1):before {
  content: "\ed3b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gallery wfont:nth-child(2):before {
  content: "\ed3c";
  color: currentcolor;
}

.tub-gallery wfont:nth-child(3):before {
  content: "\ed3d";
  color: currentcolor;
}

.tub-image wfont:nth-child(1):before {
  content: "\ed3e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-image wfont:nth-child(2):before {
  content: "\ed3f";
  color: currentcolor;
}

.tub-microphone-2 wfont:nth-child(1):before {
  content: "\ed40";
  color: currentcolor;
  opacity: 0.4;
}

.tub-microphone-2 wfont:nth-child(2):before {
  content: "\ed41";
  color: currentcolor;
}

.tub-microphone-slash-1 wfont:nth-child(1):before {
  content: "\ed42";
  color: currentcolor;
  opacity: 0.4;
}

.tub-microphone-slash-1 wfont:nth-child(2):before {
  content: "\ed43";
  color: currentcolor;
}

.tub-microphone-slash-1 wfont:nth-child(3):before {
  content: "\ed44";
  color: currentcolor;
}

.tub-microphone-slash-1 wfont:nth-child(4):before {
  content: "\ed45";
  color: currentcolor;
}

.tub-microphone-slash wfont:nth-child(1):before {
  content: "\ed46";
  color: currentcolor;
}

.tub-microphone-slash wfont:nth-child(2):before {
  content: "\ed47";
  color: currentcolor;
  opacity: 0.4;
}

.tub-microphone-slash wfont:nth-child(3):before {
  content: "\ed48";
  color: currentcolor;
  opacity: 0.4;
}

.tub-microphone-slash wfont:nth-child(4):before {
  content: "\ed49";
  color: currentcolor;
  opacity: 0.4;
}

.tub-microphone-slash wfont:nth-child(5):before {
  content: "\ed4a";
  color: currentcolor;
}

.tub-microphone wfont:nth-child(1):before {
  content: "\ed4b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-microphone wfont:nth-child(2):before {
  content: "\ed4c";
  color: currentcolor;
}

.tub-mini-music-sqaure wfont:nth-child(1):before {
  content: "\ed4d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mini-music-sqaure wfont:nth-child(2):before {
  content: "\ed4e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mini-music-sqaure wfont:nth-child(3):before {
  content: "\ed4f";
  color: currentcolor;
}

.tub-music-circle wfont:nth-child(1):before {
  content: "\ed50";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-circle wfont:nth-child(2):before {
  content: "\ed51";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-circle wfont:nth-child(3):before {
  content: "\ed52";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-circle wfont:nth-child(4):before {
  content: "\ed53";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-circle wfont:nth-child(5):before {
  content: "\ed54";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-circle wfont:nth-child(6):before {
  content: "\ed55";
  color: currentcolor;
}

.tub-music-dashboard wfont:nth-child(1):before {
  content: "\ed56";
  color: currentcolor;
}

.tub-music-dashboard wfont:nth-child(2):before {
  content: "\ed57";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-dashboard wfont:nth-child(3):before {
  content: "\ed58";
  color: currentcolor;
}

.tub-music-filter wfont:nth-child(1):before {
  content: "\ed59";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-filter wfont:nth-child(2):before {
  content: "\ed5a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-filter wfont:nth-child(3):before {
  content: "\ed5b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-filter wfont:nth-child(4):before {
  content: "\ed5c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-filter wfont:nth-child(5):before {
  content: "\ed5d";
  color: currentcolor;
}

.tub-music-library-2 wfont:nth-child(1):before {
  content: "\ed5e";
  color: currentcolor;
}

.tub-music-library-2 wfont:nth-child(2):before {
  content: "\ed5f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-library-2 wfont:nth-child(3):before {
  content: "\ed60";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-library-2 wfont:nth-child(4):before {
  content: "\ed61";
  color: currentcolor;
}

.tub-music-playlist wfont:nth-child(1):before {
  content: "\ed62";
  color: currentcolor;
}

.tub-music-playlist wfont:nth-child(2):before {
  content: "\ed63";
  color: currentcolor;
}

.tub-music-playlist wfont:nth-child(3):before {
  content: "\ed64";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-playlist wfont:nth-child(4):before {
  content: "\ed65";
  color: currentcolor;
}

.tub-music-square-add wfont:nth-child(1):before {
  content: "\ed66";
  color: currentcolor;
}

.tub-music-square-add wfont:nth-child(2):before {
  content: "\ed67";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-square-add wfont:nth-child(3):before {
  content: "\ed68";
  color: currentcolor;
}

.tub-music-square-remove wfont:nth-child(1):before {
  content: "\ed69";
  color: currentcolor;
}

.tub-music-square-remove wfont:nth-child(2):before {
  content: "\ed6a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-square-remove wfont:nth-child(3):before {
  content: "\ed6b";
  color: currentcolor;
}

.tub-music-square-search wfont:nth-child(1):before {
  content: "\ed6c";
  color: currentcolor;
}

.tub-music-square-search wfont:nth-child(2):before {
  content: "\ed6d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-square-search wfont:nth-child(3):before {
  content: "\ed6e";
  color: currentcolor;
}

.tub-music-square wfont:nth-child(1):before {
  content: "\ed6f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-square wfont:nth-child(2):before {
  content: "\ed70";
  color: currentcolor;
}

.tub-music wfont:nth-child(1):before {
  content: "\ed71";
  color: currentcolor;
}

.tub-music wfont:nth-child(2):before {
  content: "\ed72";
  color: currentcolor;
}

.tub-music wfont:nth-child(3):before {
  content: "\ed73";
  color: currentcolor;
  opacity: 0.4;
}

.tub-musicnote wfont:nth-child(1):before {
  content: "\ed74";
  color: currentcolor;
  opacity: 0.4;
}

.tub-musicnote wfont:nth-child(2):before {
  content: "\ed75";
  color: currentcolor;
}

.tub-next wfont:nth-child(1):before {
  content: "\ed76";
  color: currentcolor;
  opacity: 0.4;
}

.tub-next wfont:nth-child(2):before {
  content: "\ed77";
  color: currentcolor;
}

.tub-note-square wfont:nth-child(1):before {
  content: "\ed78";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note-square wfont:nth-child(2):before {
  content: "\ed79";
  color: currentcolor;
}

.tub-pause-circle wfont:nth-child(1):before {
  content: "\ed7a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-pause-circle wfont:nth-child(2):before {
  content: "\ed7b";
  color: currentcolor;
}

.tub-pause-circle wfont:nth-child(3):before {
  content: "\ed7c";
  color: currentcolor;
}

.tub-pause wfont:nth-child(1):before {
  content: "\ed7d";
  color: currentcolor;
}

.tub-pause wfont:nth-child(2):before {
  content: "\ed7e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-play-add wfont:nth-child(1):before {
  content: "\ed7f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-play-add wfont:nth-child(2):before {
  content: "\ed80";
  color: currentcolor;
}

.tub-play-add wfont:nth-child(3):before {
  content: "\ed81";
  color: currentcolor;
}

.tub-play-circle wfont:nth-child(1):before {
  content: "\ed82";
  color: currentcolor;
  opacity: 0.4;
}

.tub-play-circle wfont:nth-child(2):before {
  content: "\ed83";
  color: currentcolor;
}

.tub-play-cricle wfont:nth-child(1):before {
  content: "\ed84";
  color: currentcolor;
  opacity: 0.4;
}

.tub-play-cricle wfont:nth-child(2):before {
  content: "\ed85";
  color: currentcolor;
  opacity: 0.4;
}

.tub-play-cricle wfont:nth-child(3):before {
  content: "\ed86";
  color: currentcolor;
  opacity: 0.4;
}

.tub-play-cricle wfont:nth-child(4):before {
  content: "\ed87";
  color: currentcolor;
  opacity: 0.4;
}

.tub-play-cricle wfont:nth-child(5):before {
  content: "\ed88";
  color: currentcolor;
}

.tub-play-remove wfont:nth-child(1):before {
  content: "\ed89";
  color: currentcolor;
}

.tub-play-remove wfont:nth-child(2):before {
  content: "\ed8a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-play-remove wfont:nth-child(3):before {
  content: "\ed8b";
  color: currentcolor;
}

.tub-play wfont:nth-child(1):before {
  content: "\ed8c";
  color: currentcolor;
}

.tub-play wfont:nth-child(2):before {
  content: "\ed8d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-previous wfont:nth-child(1):before {
  content: "\ed8e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-previous wfont:nth-child(2):before {
  content: "\ed8f";
  color: currentcolor;
}

.tub-radio wfont:nth-child(1):before {
  content: "\ed90";
  color: currentcolor;
  opacity: 0.4;
}

.tub-radio wfont:nth-child(2):before {
  content: "\ed91";
  color: currentcolor;
}

.tub-radio wfont:nth-child(3):before {
  content: "\ed92";
  color: currentcolor;
}

.tub-radio wfont:nth-child(4):before {
  content: "\ed93";
  color: currentcolor;
}

.tub-radio wfont:nth-child(5):before {
  content: "\ed94";
  color: currentcolor;
}

.tub-radio wfont:nth-child(6):before {
  content: "\ed95";
  color: currentcolor;
}

.tub-record-circle wfont:nth-child(1):before {
  content: "\ed96";
  color: currentcolor;
  opacity: 0.4;
}

.tub-record-circle wfont:nth-child(2):before {
  content: "\ed97";
  color: currentcolor;
}

.tub-record wfont:nth-child(1):before {
  content: "\ed98";
  color: currentcolor;
}

.tub-record wfont:nth-child(2):before {
  content: "\ed99";
  color: currentcolor;
  opacity: 0.4;
}

.tub-repeate-music wfont:nth-child(1):before {
  content: "\ed9a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-repeate-music wfont:nth-child(2):before {
  content: "\ed9b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-repeate-music wfont:nth-child(3):before {
  content: "\ed9c";
  color: currentcolor;
}

.tub-repeate-one wfont:nth-child(1):before {
  content: "\ed9d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-repeate-one wfont:nth-child(2):before {
  content: "\ed9e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-repeate-one wfont:nth-child(3):before {
  content: "\ed9f";
  color: currentcolor;
}

.tub-scissor wfont:nth-child(1):before {
  content: "\eda0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-scissor wfont:nth-child(2):before {
  content: "\eda1";
  color: currentcolor;
}

.tub-screenmirroring wfont:nth-child(1):before {
  content: "\eda2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-screenmirroring wfont:nth-child(2):before {
  content: "\eda3";
  color: currentcolor;
}

.tub-shuffle wfont:nth-child(1):before {
  content: "\eda4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shuffle wfont:nth-child(2):before {
  content: "\eda5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shuffle wfont:nth-child(3):before {
  content: "\eda6";
  color: currentcolor;
}

.tub-stop-circle wfont:nth-child(1):before {
  content: "\eda7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-stop-circle wfont:nth-child(2):before {
  content: "\eda8";
  color: currentcolor;
}

.tub-stop wfont:nth-child(1):before {
  content: "\eda9";
  color: currentcolor;
}

.tub-stop wfont:nth-child(2):before {
  content: "\edaa";
  color: currentcolor;
  opacity: 0.4;
}

.tub-subtitle wfont:nth-child(1):before {
  content: "\edab";
  color: currentcolor;
}

.tub-subtitle wfont:nth-child(2):before {
  content: "\edac";
  color: currentcolor;
}

.tub-subtitle wfont:nth-child(3):before {
  content: "\edad";
  color: currentcolor;
}

.tub-subtitle wfont:nth-child(4):before {
  content: "\edae";
  color: currentcolor;
}

.tub-subtitle wfont:nth-child(5):before {
  content: "\edaf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-add wfont:nth-child(1):before {
  content: "\edb0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-add wfont:nth-child(2):before {
  content: "\edb1";
  color: currentcolor;
}

.tub-video-add wfont:nth-child(3):before {
  content: "\edb2";
  color: currentcolor;
}

.tub-video-circle wfont:nth-child(1):before {
  content: "\edb3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-circle wfont:nth-child(2):before {
  content: "\edb4";
  color: currentcolor;
}

.tub-video-horizontal wfont:nth-child(1):before {
  content: "\edb5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-horizontal wfont:nth-child(2):before {
  content: "\edb6";
  color: currentcolor;
}

.tub-video-octagon wfont:nth-child(1):before {
  content: "\edb7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-octagon wfont:nth-child(2):before {
  content: "\edb8";
  color: currentcolor;
}

.tub-video-play wfont:nth-child(1):before {
  content: "\edb9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-play wfont:nth-child(2):before {
  content: "\edba";
  color: currentcolor;
}

.tub-video-play wfont:nth-child(3):before {
  content: "\edbb";
  color: currentcolor;
}

.tub-video-remove wfont:nth-child(1):before {
  content: "\edbc";
  color: currentcolor;
}

.tub-video-remove wfont:nth-child(2):before {
  content: "\edbd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-remove wfont:nth-child(3):before {
  content: "\edbe";
  color: currentcolor;
}

.tub-video-slash wfont:nth-child(1):before {
  content: "\edbf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-slash wfont:nth-child(2):before {
  content: "\edc0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-slash wfont:nth-child(3):before {
  content: "\edc1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-slash wfont:nth-child(4):before {
  content: "\edc2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-slash wfont:nth-child(5):before {
  content: "\edc3";
  color: currentcolor;
}

.tub-video-slash wfont:nth-child(6):before {
  content: "\edc4";
  color: currentcolor;
}

.tub-video-square wfont:nth-child(1):before {
  content: "\edc5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-square wfont:nth-child(2):before {
  content: "\edc6";
  color: currentcolor;
}

.tub-video-tick wfont:nth-child(1):before {
  content: "\edc7";
  color: currentcolor;
}

.tub-video-tick wfont:nth-child(2):before {
  content: "\edc8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-tick wfont:nth-child(3):before {
  content: "\edc9";
  color: currentcolor;
}

.tub-video-time wfont:nth-child(1):before {
  content: "\edca";
  color: currentcolor;
}

.tub-video-time wfont:nth-child(2):before {
  content: "\edcb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-time wfont:nth-child(3):before {
  content: "\edcc";
  color: currentcolor;
}

.tub-video-vertical wfont:nth-child(1):before {
  content: "\edcd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video-vertical wfont:nth-child(2):before {
  content: "\edce";
  color: currentcolor;
}

.tub-video wfont:nth-child(1):before {
  content: "\edcf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-video wfont:nth-child(2):before {
  content: "\edd0";
  color: currentcolor;
}

.tub-video wfont:nth-child(3):before {
  content: "\edd1";
  color: currentcolor;
}

.tub-voice-cricle wfont:nth-child(1):before {
  content: "\edd2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-voice-cricle wfont:nth-child(2):before {
  content: "\edd3";
  color: currentcolor;
}

.tub-voice-cricle wfont:nth-child(3):before {
  content: "\edd4";
  color: currentcolor;
}

.tub-voice-cricle wfont:nth-child(4):before {
  content: "\edd5";
  color: currentcolor;
}

.tub-voice-cricle wfont:nth-child(5):before {
  content: "\edd6";
  color: currentcolor;
}

.tub-voice-cricle wfont:nth-child(6):before {
  content: "\edd7";
  color: currentcolor;
}

.tub-voice-square wfont:nth-child(1):before {
  content: "\edd8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-voice-square wfont:nth-child(2):before {
  content: "\edd9";
  color: currentcolor;
}

.tub-voice-square wfont:nth-child(3):before {
  content: "\edda";
  color: currentcolor;
}

.tub-voice-square wfont:nth-child(4):before {
  content: "\eddb";
  color: currentcolor;
}

.tub-voice-square wfont:nth-child(5):before {
  content: "\eddc";
  color: currentcolor;
}

.tub-voice-square wfont:nth-child(6):before {
  content: "\eddd";
  color: currentcolor;
}

.tub-volume-cross wfont:nth-child(1):before {
  content: "\edde";
  color: currentcolor;
}

.tub-volume-cross wfont:nth-child(2):before {
  content: "\eddf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-volume-cross wfont:nth-child(3):before {
  content: "\ede0";
  color: currentcolor;
}

.tub-volume-high wfont:nth-child(1):before {
  content: "\ede1";
  color: currentcolor;
}

.tub-volume-high wfont:nth-child(2):before {
  content: "\ede2";
  color: currentcolor;
}

.tub-volume-high wfont:nth-child(3):before {
  content: "\ede3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-volume-high wfont:nth-child(4):before {
  content: "\ede4";
  color: currentcolor;
}

.tub-volume-low-1 wfont:nth-child(1):before {
  content: "\ede5";
  color: currentcolor;
}

.tub-volume-low-1 wfont:nth-child(2):before {
  content: "\ede6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-volume-low-1 wfont:nth-child(3):before {
  content: "\ede7";
  color: currentcolor;
}

.tub-volume-low wfont:nth-child(1):before {
  content: "\ede8";
  color: currentcolor;
}

.tub-volume-low wfont:nth-child(2):before {
  content: "\ede9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-volume-low wfont:nth-child(3):before {
  content: "\edea";
  color: currentcolor;
}

.tub-volume-mute wfont:nth-child(1):before {
  content: "\edeb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-volume-mute wfont:nth-child(2):before {
  content: "\edec";
  color: currentcolor;
}

.tub-volume-slash wfont:nth-child(1):before {
  content: "\eded";
  color: currentcolor;
}

.tub-volume-slash wfont:nth-child(2):before {
  content: "\edee";
  color: currentcolor;
}

.tub-volume-slash wfont:nth-child(3):before {
  content: "\edef";
  color: currentcolor;
  opacity: 0.4;
}

.tub-volume-slash wfont:nth-child(4):before {
  content: "\edf0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-volume-slash wfont:nth-child(5):before {
  content: "\edf1";
  color: currentcolor;
}

.tub-volume-up wfont:nth-child(1):before {
  content: "\edf2";
  color: currentcolor;
}

.tub-volume-up wfont:nth-child(2):before {
  content: "\edf3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-volume-up wfont:nth-child(3):before {
  content: "\edf4";
  color: currentcolor;
}

.tub-vuesax-twotone-maximize-circle wfont:nth-child(1):before {
  content: "\edf5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-vuesax-twotone-maximize-circle wfont:nth-child(2):before {
  content: "\edf6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-vuesax-twotone-maximize-circle wfont:nth-child(3):before {
  content: "\edf7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-vuesax-twotone-maximize-circle wfont:nth-child(4):before {
  content: "\edf8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-vuesax-twotone-maximize-circle wfont:nth-child(5):before {
  content: "\edf9";
  color: currentcolor;
}

.tub-vuesax-twotone-maximize-circle wfont:nth-child(6):before {
  content: "\edfa";
  color: currentcolor;
}

.tub-sms wfont:nth-child(1):before {
  content: "\edfb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sms wfont:nth-child(2):before {
  content: "\edfc";
  color: currentcolor;
}

.tub-sms-tracking wfont:nth-child(1):before {
  content: "\edfd";
  color: currentcolor;
}

.tub-sms-tracking wfont:nth-child(2):before {
  content: "\edfe";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sms-tracking wfont:nth-child(3):before {
  content: "\edff";
  color: currentcolor;
}

.tub-sms-star wfont:nth-child(1):before {
  content: "\ee00";
  color: currentcolor;
}

.tub-sms-star wfont:nth-child(2):before {
  content: "\ee01";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sms-star wfont:nth-child(3):before {
  content: "\ee02";
  color: currentcolor;
}

.tub-sms-search wfont:nth-child(1):before {
  content: "\ee03";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sms-search wfont:nth-child(2):before {
  content: "\ee04";
  color: currentcolor;
}

.tub-sms-search wfont:nth-child(3):before {
  content: "\ee05";
  color: currentcolor;
}

.tub-sms-notification wfont:nth-child(1):before {
  content: "\ee06";
  color: currentcolor;
}

.tub-sms-notification wfont:nth-child(2):before {
  content: "\ee07";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sms-notification wfont:nth-child(3):before {
  content: "\ee08";
  color: currentcolor;
}

.tub-sms-edit wfont:nth-child(1):before {
  content: "\ee09";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sms-edit wfont:nth-child(2):before {
  content: "\ee0a";
  color: currentcolor;
}

.tub-sms-edit wfont:nth-child(3):before {
  content: "\ee0b";
  color: currentcolor;
}

.tub-messages wfont:nth-child(1):before {
  content: "\ee0c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-messages wfont:nth-child(2):before {
  content: "\ee0d";
  color: currentcolor;
}

.tub-messages wfont:nth-child(3):before {
  content: "\ee0e";
  color: currentcolor;
}

.tub-messages wfont:nth-child(4):before {
  content: "\ee0f";
  color: currentcolor;
}

.tub-messages wfont:nth-child(5):before {
  content: "\ee10";
  color: currentcolor;
}

.tub-messages-3 wfont:nth-child(1):before {
  content: "\ee11";
  color: currentcolor;
  opacity: 0.4;
}

.tub-messages-3 wfont:nth-child(2):before {
  content: "\ee12";
  color: currentcolor;
}

.tub-messages-2 wfont:nth-child(1):before {
  content: "\ee13";
  color: currentcolor;
  opacity: 0.4;
}

.tub-messages-2 wfont:nth-child(2):before {
  content: "\ee14";
  color: currentcolor;
}

.tub-messages-1 wfont:nth-child(1):before {
  content: "\ee15";
  color: currentcolor;
  opacity: 0.4;
}

.tub-messages-1 wfont:nth-child(2):before {
  content: "\ee16";
  color: currentcolor;
}

.tub-messages-1 wfont:nth-child(3):before {
  content: "\ee17";
  color: currentcolor;
}

.tub-message wfont:nth-child(1):before {
  content: "\ee18";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message wfont:nth-child(2):before {
  content: "\ee19";
  color: currentcolor;
}

.tub-message wfont:nth-child(3):before {
  content: "\ee1a";
  color: currentcolor;
}

.tub-message wfont:nth-child(4):before {
  content: "\ee1b";
  color: currentcolor;
}

.tub-message-time wfont:nth-child(1):before {
  content: "\ee1c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-time wfont:nth-child(2):before {
  content: "\ee1d";
  color: currentcolor;
}

.tub-message-time wfont:nth-child(3):before {
  content: "\ee1e";
  color: currentcolor;
}

.tub-message-tick wfont:nth-child(1):before {
  content: "\ee1f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-tick wfont:nth-child(2):before {
  content: "\ee20";
  color: currentcolor;
}

.tub-message-tick wfont:nth-child(3):before {
  content: "\ee21";
  color: currentcolor;
}

.tub-message-text wfont:nth-child(1):before {
  content: "\ee22";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-text wfont:nth-child(2):before {
  content: "\ee23";
  color: currentcolor;
}

.tub-message-text wfont:nth-child(3):before {
  content: "\ee24";
  color: currentcolor;
}

.tub-message-text-1 wfont:nth-child(1):before {
  content: "\ee25";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-text-1 wfont:nth-child(2):before {
  content: "\ee26";
  color: currentcolor;
}

.tub-message-text-1 wfont:nth-child(3):before {
  content: "\ee27";
  color: currentcolor;
}

.tub-message-square wfont:nth-child(1):before {
  content: "\ee28";
  color: currentcolor;
}

.tub-message-square wfont:nth-child(2):before {
  content: "\ee29";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-search wfont:nth-child(1):before {
  content: "\ee2a";
  color: currentcolor;
}

.tub-message-search wfont:nth-child(2):before {
  content: "\ee2b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-search wfont:nth-child(3):before {
  content: "\ee2c";
  color: currentcolor;
}

.tub-message-search wfont:nth-child(4):before {
  content: "\ee2d";
  color: currentcolor;
}

.tub-message-search wfont:nth-child(5):before {
  content: "\ee2e";
  color: currentcolor;
}

.tub-message-remove wfont:nth-child(1):before {
  content: "\ee2f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-remove wfont:nth-child(2):before {
  content: "\ee30";
  color: currentcolor;
}

.tub-message-remove wfont:nth-child(3):before {
  content: "\ee31";
  color: currentcolor;
}

.tub-message-notif wfont:nth-child(1):before {
  content: "\ee32";
  color: currentcolor;
}

.tub-message-notif wfont:nth-child(2):before {
  content: "\ee33";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-notif wfont:nth-child(3):before {
  content: "\ee34";
  color: currentcolor;
}

.tub-message-notif wfont:nth-child(4):before {
  content: "\ee35";
  color: currentcolor;
}

.tub-message-notif wfont:nth-child(5):before {
  content: "\ee36";
  color: currentcolor;
}

.tub-message-minus wfont:nth-child(1):before {
  content: "\ee37";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-minus wfont:nth-child(2):before {
  content: "\ee38";
  color: currentcolor;
}

.tub-message-favorite wfont:nth-child(1):before {
  content: "\ee39";
  color: currentcolor;
}

.tub-message-favorite wfont:nth-child(2):before {
  content: "\ee3a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-favorite wfont:nth-child(3):before {
  content: "\ee3b";
  color: currentcolor;
}

.tub-message-favorite wfont:nth-child(4):before {
  content: "\ee3c";
  color: currentcolor;
}

.tub-message-favorite wfont:nth-child(5):before {
  content: "\ee3d";
  color: currentcolor;
}

.tub-message-edit wfont:nth-child(1):before {
  content: "\ee3e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-edit wfont:nth-child(2):before {
  content: "\ee3f";
  color: currentcolor;
}

.tub-message-edit wfont:nth-child(3):before {
  content: "\ee40";
  color: currentcolor;
}

.tub-message-circle wfont:nth-child(1):before {
  content: "\ee41";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-circle wfont:nth-child(2):before {
  content: "\ee42";
  color: currentcolor;
}

.tub-message-add wfont:nth-child(1):before {
  content: "\ee43";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-add wfont:nth-child(2):before {
  content: "\ee44";
  color: currentcolor;
}

.tub-message-add wfont:nth-child(3):before {
  content: "\ee45";
  color: currentcolor;
}

.tub-message-add-1 wfont:nth-child(1):before {
  content: "\ee46";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-add-1 wfont:nth-child(2):before {
  content: "\ee47";
  color: currentcolor;
}

.tub-message-2 wfont:nth-child(1):before {
  content: "\ee48";
  color: currentcolor;
  opacity: 0.4;
}

.tub-message-2 wfont:nth-child(2):before {
  content: "\ee49";
  color: currentcolor;
}

.tub-directbox-send wfont:nth-child(1):before {
  content: "\ee4a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-directbox-send wfont:nth-child(2):before {
  content: "\ee4b";
  color: currentcolor;
}

.tub-directbox-send wfont:nth-child(3):before {
  content: "\ee4c";
  color: currentcolor;
}

.tub-directbox-send wfont:nth-child(4):before {
  content: "\ee4d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-directbox-receive wfont:nth-child(1):before {
  content: "\ee4e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-directbox-receive wfont:nth-child(2):before {
  content: "\ee4f";
  color: currentcolor;
}

.tub-directbox-receive wfont:nth-child(3):before {
  content: "\ee50";
  color: currentcolor;
}

.tub-directbox-receive wfont:nth-child(4):before {
  content: "\ee51";
  color: currentcolor;
  opacity: 0.4;
}

.tub-directbox-notif wfont:nth-child(1):before {
  content: "\ee52";
  color: currentcolor;
}

.tub-directbox-notif wfont:nth-child(2):before {
  content: "\ee53";
  color: currentcolor;
  opacity: 0.4;
}

.tub-directbox-notif wfont:nth-child(3):before {
  content: "\ee54";
  color: currentcolor;
  opacity: 0.4;
}

.tub-directbox-default wfont:nth-child(1):before {
  content: "\ee55";
  color: currentcolor;
}

.tub-directbox-default wfont:nth-child(2):before {
  content: "\ee56";
  color: currentcolor;
  opacity: 0.4;
}

.tub-directbox-default wfont:nth-child(3):before {
  content: "\ee57";
  color: currentcolor;
}

.tub-directbox-default wfont:nth-child(4):before {
  content: "\ee58";
  color: currentcolor;
}

.tub-direct wfont:nth-child(1):before {
  content: "\ee59";
  color: currentcolor;
  opacity: 0.4;
}

.tub-direct wfont:nth-child(2):before {
  content: "\ee5a";
  color: currentcolor;
}

.tub-direct wfont:nth-child(3):before {
  content: "\ee5b";
  color: currentcolor;
}

.tub-direct wfont:nth-child(4):before {
  content: "\ee5c";
  color: currentcolor;
}

.tub-direct-send wfont:nth-child(1):before {
  content: "\ee5d";
  color: currentcolor;
}

.tub-direct-send wfont:nth-child(2):before {
  content: "\ee5e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-direct-send wfont:nth-child(3):before {
  content: "\ee5f";
  color: currentcolor;
}

.tub-direct-notification wfont:nth-child(1):before {
  content: "\ee60";
  color: currentcolor;
}

.tub-direct-notification wfont:nth-child(2):before {
  content: "\ee61";
  color: currentcolor;
}

.tub-direct-notification wfont:nth-child(3):before {
  content: "\ee62";
  color: currentcolor;
  opacity: 0.4;
}

.tub-direct-normal wfont:nth-child(1):before {
  content: "\ee63";
  color: currentcolor;
  opacity: 0.4;
}

.tub-direct-normal wfont:nth-child(2):before {
  content: "\ee64";
  color: currentcolor;
}

.tub-direct-inbox wfont:nth-child(1):before {
  content: "\ee65";
  color: currentcolor;
  opacity: 0.4;
}

.tub-direct-inbox wfont:nth-child(2):before {
  content: "\ee66";
  color: currentcolor;
}

.tub-direct-inbox wfont:nth-child(3):before {
  content: "\ee67";
  color: currentcolor;
}

.tub-device-message wfont:nth-child(1):before {
  content: "\ee68";
  color: currentcolor;
}

.tub-device-message wfont:nth-child(2):before {
  content: "\ee69";
  color: currentcolor;
  opacity: 0.4;
}

.tub-device-message wfont:nth-child(3):before {
  content: "\ee6a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-device-message wfont:nth-child(4):before {
  content: "\ee6b";
  color: currentcolor;
}

.tub-device-message wfont:nth-child(5):before {
  content: "\ee6c";
  color: currentcolor;
}

.tub-device-message wfont:nth-child(6):before {
  content: "\ee6d";
  color: currentcolor;
}

.tub-arrow-square wfont:nth-child(1):before {
  content: "\ee6e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-square wfont:nth-child(2):before {
  content: "\ee6f";
  color: currentcolor;
}

.tub-arrow wfont:nth-child(1):before {
  content: "\ee70";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow wfont:nth-child(2):before {
  content: "\ee71";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow wfont:nth-child(3):before {
  content: "\ee72";
  color: currentcolor;
}

.tub-arrow wfont:nth-child(4):before {
  content: "\ee73";
  color: currentcolor;
}

.tub-arrow wfont:nth-child(5):before {
  content: "\ee74";
  color: currentcolor;
}

.tub-arrow wfont:nth-child(6):before {
  content: "\ee75";
  color: currentcolor;
}

.tub-direct-down wfont:nth-child(1):before {
  content: "\ee76";
  color: currentcolor;
}

.tub-direct-down wfont:nth-child(2):before {
  content: "\ee77";
  color: currentcolor;
  opacity: 0.4;
}

.tub-direct-left wfont:nth-child(1):before {
  content: "\ee78";
  color: currentcolor;
}

.tub-direct-left wfont:nth-child(2):before {
  content: "\ee79";
  color: currentcolor;
  opacity: 0.4;
}

.tub-direct-right wfont:nth-child(1):before {
  content: "\ee7a";
  color: currentcolor;
}

.tub-direct-right wfont:nth-child(2):before {
  content: "\ee7b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-direct-up wfont:nth-child(1):before {
  content: "\ee7c";
  color: currentcolor;
}

.tub-direct-up wfont:nth-child(2):before {
  content: "\ee7d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-discover wfont:nth-child(1):before {
  content: "\ee7e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-discover wfont:nth-child(2):before {
  content: "\ee7f";
  color: currentcolor;
}

.tub-global-edit wfont:nth-child(1):before {
  content: "\ee80";
  color: currentcolor;
}

.tub-global-edit wfont:nth-child(2):before {
  content: "\ee81";
  color: currentcolor;
}

.tub-global-edit wfont:nth-child(3):before {
  content: "\ee82";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-edit wfont:nth-child(4):before {
  content: "\ee83";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-edit wfont:nth-child(5):before {
  content: "\ee84";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-edit wfont:nth-child(6):before {
  content: "\ee85";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-edit wfont:nth-child(7):before {
  content: "\ee86";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-edit wfont:nth-child(8):before {
  content: "\ee87";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-edit wfont:nth-child(9):before {
  content: "\ee88";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-edit wfont:nth-child(1)0:before {
  content: "\ee89";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-refresh wfont:nth-child(1):before {
  content: "\ee8a";
  color: currentcolor;
}

.tub-global-refresh wfont:nth-child(2):before {
  content: "\ee8b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-refresh wfont:nth-child(3):before {
  content: "\ee8c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-refresh wfont:nth-child(4):before {
  content: "\ee8d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-refresh wfont:nth-child(5):before {
  content: "\ee8e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-refresh wfont:nth-child(6):before {
  content: "\ee8f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-refresh wfont:nth-child(7):before {
  content: "\ee90";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-refresh wfont:nth-child(8):before {
  content: "\ee91";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-refresh wfont:nth-child(9):before {
  content: "\ee92";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-search wfont:nth-child(1):before {
  content: "\ee93";
  color: currentcolor;
}

.tub-global-search wfont:nth-child(2):before {
  content: "\ee94";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-search wfont:nth-child(3):before {
  content: "\ee95";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-search wfont:nth-child(4):before {
  content: "\ee96";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-search wfont:nth-child(5):before {
  content: "\ee97";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-search wfont:nth-child(6):before {
  content: "\ee98";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-search wfont:nth-child(7):before {
  content: "\ee99";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-search wfont:nth-child(8):before {
  content: "\ee9a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global-search wfont:nth-child(9):before {
  content: "\ee9b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global wfont:nth-child(1):before {
  content: "\ee9c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global wfont:nth-child(2):before {
  content: "\ee9d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global wfont:nth-child(3):before {
  content: "\ee9e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global wfont:nth-child(4):before {
  content: "\ee9f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-global wfont:nth-child(5):before {
  content: "\eea0";
  color: currentcolor;
}

.tub-global wfont:nth-child(6):before {
  content: "\eea1";
  color: currentcolor;
}

.tub-global wfont:nth-child(7):before {
  content: "\eea2";
  color: currentcolor;
}

.tub-global wfont:nth-child(8):before {
  content: "\eea3";
  color: currentcolor;
}

.tub-global wfont:nth-child(9):before {
  content: "\eea4";
  color: currentcolor;
}

.tub-gps-slash wfont:nth-child(1):before {
  content: "\eea5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gps-slash wfont:nth-child(2):before {
  content: "\eea6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gps-slash wfont:nth-child(3):before {
  content: "\eea7";
  color: currentcolor;
}

.tub-gps-slash wfont:nth-child(4):before {
  content: "\eea8";
  color: currentcolor;
}

.tub-gps-slash wfont:nth-child(5):before {
  content: "\eea9";
  color: currentcolor;
}

.tub-gps-slash wfont:nth-child(6):before {
  content: "\eeaa";
  color: currentcolor;
}

.tub-gps-slash wfont:nth-child(7):before {
  content: "\eeab";
  color: currentcolor;
}

.tub-gps-slash wfont:nth-child(8):before {
  content: "\eeac";
  color: currentcolor;
}

.tub-gps wfont:nth-child(1):before {
  content: "\eead";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gps wfont:nth-child(2):before {
  content: "\eeae";
  color: currentcolor;
}

.tub-gps wfont:nth-child(3):before {
  content: "\eeaf";
  color: currentcolor;
}

.tub-gps wfont:nth-child(4):before {
  content: "\eeb0";
  color: currentcolor;
}

.tub-gps wfont:nth-child(5):before {
  content: "\eeb1";
  color: currentcolor;
}

.tub-gps wfont:nth-child(6):before {
  content: "\eeb2";
  color: currentcolor;
}

.tub-location-add wfont:nth-child(1):before {
  content: "\eeb3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-location-add wfont:nth-child(2):before {
  content: "\eeb4";
  color: currentcolor;
}

.tub-location-cross wfont:nth-child(1):before {
  content: "\eeb5";
  color: currentcolor;
}

.tub-location-cross wfont:nth-child(2):before {
  content: "\eeb6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-location-minus wfont:nth-child(1):before {
  content: "\eeb7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-location-minus wfont:nth-child(2):before {
  content: "\eeb8";
  color: currentcolor;
}

.tub-location-slash wfont:nth-child(1):before {
  content: "\eeb9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-location-slash wfont:nth-child(2):before {
  content: "\eeba";
  color: currentcolor;
  opacity: 0.4;
}

.tub-location-slash wfont:nth-child(3):before {
  content: "\eebb";
  color: currentcolor;
}

.tub-location-tick wfont:nth-child(1):before {
  content: "\eebc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-location-tick wfont:nth-child(2):before {
  content: "\eebd";
  color: currentcolor;
}

.tub-location wfont:nth-child(1):before {
  content: "\eebe";
  color: currentcolor;
  opacity: 0.4;
}

.tub-location wfont:nth-child(2):before {
  content: "\eebf";
  color: currentcolor;
}

.tub-map-1 wfont:nth-child(1):before {
  content: "\eec0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-map-1 wfont:nth-child(2):before {
  content: "\eec1";
  color: currentcolor;
}

.tub-map-1 wfont:nth-child(3):before {
  content: "\eec2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-map wfont:nth-child(1):before {
  content: "\eec3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-map wfont:nth-child(2):before {
  content: "\eec4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-map wfont:nth-child(3):before {
  content: "\eec5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-map wfont:nth-child(4):before {
  content: "\eec6";
  color: currentcolor;
}

.tub-map wfont:nth-child(5):before {
  content: "\eec7";
  color: currentcolor;
}

.tub-picture-frame wfont:nth-child(1):before {
  content: "\eec8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-picture-frame wfont:nth-child(2):before {
  content: "\eec9";
  color: currentcolor;
}

.tub-radar-2 wfont:nth-child(1):before {
  content: "\eeca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-radar-2 wfont:nth-child(2):before {
  content: "\eecb";
  color: currentcolor;
}

.tub-radar1 wfont:nth-child(1):before {
  content: "\eecc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-radar1 wfont:nth-child(2):before {
  content: "\eecd";
  color: currentcolor;
}

.tub-route-square wfont:nth-child(1):before {
  content: "\eece";
  color: currentcolor;
  opacity: 0.4;
}

.tub-route-square wfont:nth-child(2):before {
  content: "\eecf";
  color: currentcolor;
}

.tub-routing-2 wfont:nth-child(1):before {
  content: "\eed0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-routing-2 wfont:nth-child(2):before {
  content: "\eed1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-routing-2 wfont:nth-child(3):before {
  content: "\eed2";
  color: currentcolor;
}

.tub-routing-2 wfont:nth-child(4):before {
  content: "\eed3";
  color: currentcolor;
}

.tub-routing-2 wfont:nth-child(5):before {
  content: "\eed4";
  color: currentcolor;
}

.tub-routing wfont:nth-child(1):before {
  content: "\eed5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-routing wfont:nth-child(2):before {
  content: "\eed6";
  color: currentcolor;
}

.tub-routing wfont:nth-child(3):before {
  content: "\eed7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-routing wfont:nth-child(4):before {
  content: "\eed8";
  color: currentcolor;
}

.tub-routing wfont:nth-child(5):before {
  content: "\eed9";
  color: currentcolor;
}

.tub-award wfont:nth-child(1):before {
  content: "\eeda";
  color: currentcolor;
  opacity: 0.4;
}

.tub-award wfont:nth-child(2):before {
  content: "\eedb";
  color: currentcolor;
}

.tub-award wfont:nth-child(3):before {
  content: "\eedc";
  color: currentcolor;
}

.tub-book-1 wfont:nth-child(1):before {
  content: "\eedd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-book-1 wfont:nth-child(2):before {
  content: "\eede";
  color: currentcolor;
}

.tub-book-1 wfont:nth-child(3):before {
  content: "\eedf";
  color: currentcolor;
}

.tub-book-1 wfont:nth-child(4):before {
  content: "\eee0";
  color: currentcolor;
}

.tub-book wfont:nth-child(1):before {
  content: "\eee1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-book wfont:nth-child(2):before {
  content: "\eee2";
  color: currentcolor;
}

.tub-book wfont:nth-child(3):before {
  content: "\eee3";
  color: currentcolor;
}

.tub-book wfont:nth-child(4):before {
  content: "\eee4";
  color: currentcolor;
}

.tub-bookmark-2 wfont:nth-child(1):before {
  content: "\eee5";
  color: currentcolor;
}

.tub-bookmark-2 wfont:nth-child(2):before {
  content: "\eee6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bookmark wfont:nth-child(1):before {
  content: "\eee7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bookmark wfont:nth-child(2):before {
  content: "\eee8";
  color: currentcolor;
}

.tub-briefcase wfont:nth-child(1):before {
  content: "\eee9";
  color: currentcolor;
}

.tub-briefcase wfont:nth-child(2):before {
  content: "\eeea";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brifecase-cross wfont:nth-child(1):before {
  content: "\eeeb";
  color: currentcolor;
}

.tub-brifecase-cross wfont:nth-child(2):before {
  content: "\eeec";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brifecase-cross wfont:nth-child(3):before {
  content: "\eeed";
  color: currentcolor;
}

.tub-brifecase-tick wfont:nth-child(1):before {
  content: "\eeee";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brifecase-tick wfont:nth-child(2):before {
  content: "\eeef";
  color: currentcolor;
}

.tub-brifecase-tick wfont:nth-child(3):before {
  content: "\eef0";
  color: currentcolor;
}

.tub-brifecase-timer wfont:nth-child(1):before {
  content: "\eef1";
  color: currentcolor;
}

.tub-brifecase-timer wfont:nth-child(2):before {
  content: "\eef2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brifecase-timer wfont:nth-child(3):before {
  content: "\eef3";
  color: currentcolor;
}

.tub-calculator wfont:nth-child(1):before {
  content: "\eef4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-calculator wfont:nth-child(2):before {
  content: "\eef5";
  color: currentcolor;
}

.tub-calculator wfont:nth-child(3):before {
  content: "\eef6";
  color: currentcolor;
}

.tub-calculator wfont:nth-child(4):before {
  content: "\eef7";
  color: currentcolor;
}

.tub-calculator wfont:nth-child(5):before {
  content: "\eef8";
  color: currentcolor;
}

.tub-calculator wfont:nth-child(6):before {
  content: "\eef9";
  color: currentcolor;
}

.tub-calculator wfont:nth-child(7):before {
  content: "\eefa";
  color: currentcolor;
}

.tub-calculator wfont:nth-child(8):before {
  content: "\eefb";
  color: currentcolor;
}

.tub-clipboard wfont:nth-child(1):before {
  content: "\eefc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-clipboard wfont:nth-child(2):before {
  content: "\eefd";
  color: currentcolor;
}

.tub-clipboard wfont:nth-child(3):before {
  content: "\eefe";
  color: currentcolor;
}

.tub-gift wfont:nth-child(1):before {
  content: "\eeff";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gift wfont:nth-child(2):before {
  content: "\ef00";
  color: currentcolor;
}

.tub-gift wfont:nth-child(3):before {
  content: "\ef01";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gift wfont:nth-child(4):before {
  content: "\ef02";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gift wfont:nth-child(5):before {
  content: "\ef03";
  color: currentcolor;
  opacity: 0.6;
}

.tub-note-2 wfont:nth-child(1):before {
  content: "\ef04";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note-2 wfont:nth-child(2):before {
  content: "\ef05";
  color: currentcolor;
}

.tub-note-2 wfont:nth-child(3):before {
  content: "\ef06";
  color: currentcolor;
}

.tub-note-2 wfont:nth-child(4):before {
  content: "\ef07";
  color: currentcolor;
}

.tub-note wfont:nth-child(1):before {
  content: "\ef08";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note wfont:nth-child(2):before {
  content: "\ef09";
  color: currentcolor;
}

.tub-teacher wfont:nth-child(1):before {
  content: "\ef0a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-teacher wfont:nth-child(2):before {
  content: "\ef0b";
  color: currentcolor;
}

.tub-square wfont:nth-child(1):before {
  content: "\ef0c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-square wfont:nth-child(2):before {
  content: "\ef0d";
  color: currentcolor;
  opacity: 0.6;
}

.tub-square wfont:nth-child(3):before {
  content: "\ef0e";
  color: currentcolor;
}

.tub-align-bottom wfont:nth-child(1):before {
  content: "\ef0f";
  color: currentcolor;
}

.tub-align-bottom wfont:nth-child(2):before {
  content: "\ef10";
  color: currentcolor;
  opacity: 0.4;
}

.tub-align-bottom wfont:nth-child(3):before {
  content: "\ef11";
  color: currentcolor;
}

.tub-align-horizontally wfont:nth-child(1):before {
  content: "\ef12";
  color: currentcolor;
}

.tub-align-horizontally wfont:nth-child(2):before {
  content: "\ef13";
  color: currentcolor;
}

.tub-align-horizontally wfont:nth-child(3):before {
  content: "\ef14";
  color: currentcolor;
}

.tub-align-horizontally wfont:nth-child(4):before {
  content: "\ef15";
  color: currentcolor;
}

.tub-align-horizontally wfont:nth-child(5):before {
  content: "\ef16";
  color: currentcolor;
  opacity: 0.4;
}

.tub-align-left wfont:nth-child(1):before {
  content: "\ef17";
  color: currentcolor;
}

.tub-align-left wfont:nth-child(2):before {
  content: "\ef18";
  color: currentcolor;
  opacity: 0.4;
}

.tub-align-left wfont:nth-child(3):before {
  content: "\ef19";
  color: currentcolor;
}

.tub-align-right wfont:nth-child(1):before {
  content: "\ef1a";
  color: currentcolor;
}

.tub-align-right wfont:nth-child(2):before {
  content: "\ef1b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-align-right wfont:nth-child(3):before {
  content: "\ef1c";
  color: currentcolor;
}

.tub-align-vertically wfont:nth-child(1):before {
  content: "\ef1d";
  color: currentcolor;
}

.tub-align-vertically wfont:nth-child(2):before {
  content: "\ef1e";
  color: currentcolor;
}

.tub-align-vertically wfont:nth-child(3):before {
  content: "\ef1f";
  color: currentcolor;
}

.tub-align-vertically wfont:nth-child(4):before {
  content: "\ef20";
  color: currentcolor;
}

.tub-align-vertically wfont:nth-child(5):before {
  content: "\ef21";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convertshape-2 wfont:nth-child(1):before {
  content: "\ef22";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convertshape-2 wfont:nth-child(2):before {
  content: "\ef23";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convertshape-2 wfont:nth-child(3):before {
  content: "\ef24";
  color: currentcolor;
}

.tub-convertshape-2 wfont:nth-child(4):before {
  content: "\ef25";
  color: currentcolor;
}

.tub-convertshape wfont:nth-child(1):before {
  content: "\ef26";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convertshape wfont:nth-child(2):before {
  content: "\ef27";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convertshape wfont:nth-child(3):before {
  content: "\ef28";
  color: currentcolor;
}

.tub-convertshape wfont:nth-child(4):before {
  content: "\ef29";
  color: currentcolor;
}

.tub-crop wfont:nth-child(1):before {
  content: "\ef2a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-crop wfont:nth-child(2):before {
  content: "\ef2b";
  color: currentcolor;
}

.tub-crop wfont:nth-child(3):before {
  content: "\ef2c";
  color: currentcolor;
}

.tub-element-1 wfont:nth-child(1):before {
  content: "\ef2d";
  color: currentcolor;
}

.tub-element-1 wfont:nth-child(2):before {
  content: "\ef2e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-1 wfont:nth-child(3):before {
  content: "\ef2f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-2 wfont:nth-child(1):before {
  content: "\ef30";
  color: currentcolor;
}

.tub-element-2 wfont:nth-child(2):before {
  content: "\ef31";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-2 wfont:nth-child(3):before {
  content: "\ef32";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-3 wfont:nth-child(1):before {
  content: "\ef33";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-3 wfont:nth-child(2):before {
  content: "\ef34";
  color: currentcolor;
}

.tub-element-3 wfont:nth-child(3):before {
  content: "\ef35";
  color: currentcolor;
}

.tub-element-3 wfont:nth-child(4):before {
  content: "\ef36";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-4 wfont:nth-child(1):before {
  content: "\ef37";
  color: currentcolor;
}

.tub-element-4 wfont:nth-child(2):before {
  content: "\ef38";
  color: currentcolor;
}

.tub-element-4 wfont:nth-child(3):before {
  content: "\ef39";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-4 wfont:nth-child(4):before {
  content: "\ef3a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-equal wfont:nth-child(1):before {
  content: "\ef3b";
  color: currentcolor;
}

.tub-element-equal wfont:nth-child(2):before {
  content: "\ef3c";
  color: currentcolor;
}

.tub-element-equal wfont:nth-child(3):before {
  content: "\ef3d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-equal wfont:nth-child(4):before {
  content: "\ef3e";
  color: currentcolor;
}

.tub-element-equal wfont:nth-child(5):before {
  content: "\ef3f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-plus wfont:nth-child(1):before {
  content: "\ef40";
  color: currentcolor;
}

.tub-element-plus wfont:nth-child(2):before {
  content: "\ef41";
  color: currentcolor;
  opacity: 0.4;
}

.tub-element-plus wfont:nth-child(3):before {
  content: "\ef42";
  color: currentcolor;
}

.tub-element-plus wfont:nth-child(4):before {
  content: "\ef43";
  color: currentcolor;
  opacity: 0.4;
}

.tub-fatrows wfont:nth-child(1):before {
  content: "\ef44";
  color: currentcolor;
}

.tub-fatrows wfont:nth-child(2):before {
  content: "\ef45";
  color: currentcolor;
  opacity: 0.4;
}

.tub-format-circle wfont:nth-child(1):before {
  content: "\ef46";
  color: currentcolor;
}

.tub-format-circle wfont:nth-child(2):before {
  content: "\ef47";
  color: currentcolor;
}

.tub-format-circle wfont:nth-child(3):before {
  content: "\ef48";
  color: currentcolor;
}

.tub-format-circle wfont:nth-child(4):before {
  content: "\ef49";
  color: currentcolor;
}

.tub-format-circle wfont:nth-child(5):before {
  content: "\ef4a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-format-square wfont:nth-child(1):before {
  content: "\ef4b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-format-square wfont:nth-child(2):before {
  content: "\ef4c";
  color: currentcolor;
}

.tub-format-square wfont:nth-child(3):before {
  content: "\ef4d";
  color: currentcolor;
}

.tub-format-square wfont:nth-child(4):before {
  content: "\ef4e";
  color: currentcolor;
}

.tub-format-square wfont:nth-child(5):before {
  content: "\ef4f";
  color: currentcolor;
}

.tub-frame2 wfont:nth-child(1):before {
  content: "\ef50";
  color: currentcolor;
}

.tub-frame2 wfont:nth-child(2):before {
  content: "\ef51";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame2 wfont:nth-child(3):before {
  content: "\ef52";
  color: currentcolor;
}

.tub-grid-1 wfont:nth-child(1):before {
  content: "\ef53";
  color: currentcolor;
}

.tub-grid-1 wfont:nth-child(2):before {
  content: "\ef54";
  color: currentcolor;
}

.tub-grid-1 wfont:nth-child(3):before {
  content: "\ef55";
  color: currentcolor;
}

.tub-grid-1 wfont:nth-child(4):before {
  content: "\ef56";
  color: currentcolor;
}

.tub-grid-1 wfont:nth-child(5):before {
  content: "\ef57";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-1 wfont:nth-child(6):before {
  content: "\ef58";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-1 wfont:nth-child(7):before {
  content: "\ef59";
  color: currentcolor;
}

.tub-grid-1 wfont:nth-child(8):before {
  content: "\ef5a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-1 wfont:nth-child(9):before {
  content: "\ef5b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-2 wfont:nth-child(1):before {
  content: "\ef5c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-2 wfont:nth-child(2):before {
  content: "\ef5d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-2 wfont:nth-child(3):before {
  content: "\ef5e";
  color: currentcolor;
}

.tub-grid-2 wfont:nth-child(4):before {
  content: "\ef5f";
  color: currentcolor;
}

.tub-grid-3 wfont:nth-child(1):before {
  content: "\ef60";
  color: currentcolor;
  opacity: 0.6;
}

.tub-grid-3 wfont:nth-child(2):before {
  content: "\ef61";
  color: currentcolor;
}

.tub-grid-3 wfont:nth-child(3):before {
  content: "\ef62";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-3 wfont:nth-child(4):before {
  content: "\ef63";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-4 wfont:nth-child(1):before {
  content: "\ef64";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-4 wfont:nth-child(2):before {
  content: "\ef65";
  color: currentcolor;
}

.tub-grid-5 wfont:nth-child(1):before {
  content: "\ef66";
  color: currentcolor;
  opacity: 0.6;
}

.tub-grid-5 wfont:nth-child(2):before {
  content: "\ef67";
  color: currentcolor;
}

.tub-grid-5 wfont:nth-child(3):before {
  content: "\ef68";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-6 wfont:nth-child(1):before {
  content: "\ef69";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-6 wfont:nth-child(2):before {
  content: "\ef6a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-6 wfont:nth-child(3):before {
  content: "\ef6b";
  color: currentcolor;
}

.tub-grid-6 wfont:nth-child(4):before {
  content: "\ef6c";
  color: currentcolor;
  opacity: 0.6;
}

.tub-grid-7 wfont:nth-child(1):before {
  content: "\ef6d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-7 wfont:nth-child(2):before {
  content: "\ef6e";
  color: currentcolor;
}

.tub-grid-7 wfont:nth-child(3):before {
  content: "\ef6f";
  color: currentcolor;
  opacity: 0.6;
}

.tub-grid-8 wfont:nth-child(1):before {
  content: "\ef70";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-8 wfont:nth-child(2):before {
  content: "\ef71";
  color: currentcolor;
}

.tub-grid-8 wfont:nth-child(3):before {
  content: "\ef72";
  color: currentcolor;
}

.tub-grid-8 wfont:nth-child(4):before {
  content: "\ef73";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-8 wfont:nth-child(5):before {
  content: "\ef74";
  color: currentcolor;
}

.tub-grid-8 wfont:nth-child(6):before {
  content: "\ef75";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-9 wfont:nth-child(1):before {
  content: "\ef76";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-9 wfont:nth-child(2):before {
  content: "\ef77";
  color: currentcolor;
}

.tub-grid-edit wfont:nth-child(1):before {
  content: "\ef78";
  color: currentcolor;
}

.tub-grid-edit wfont:nth-child(2):before {
  content: "\ef79";
  color: currentcolor;
}

.tub-grid-edit wfont:nth-child(3):before {
  content: "\ef7a";
  color: currentcolor;
}

.tub-grid-edit wfont:nth-child(4):before {
  content: "\ef7b";
  color: currentcolor;
}

.tub-grid-edit wfont:nth-child(5):before {
  content: "\ef7c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-edit wfont:nth-child(6):before {
  content: "\ef7d";
  color: currentcolor;
}

.tub-grid-edit wfont:nth-child(7):before {
  content: "\ef7e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-eraser wfont:nth-child(1):before {
  content: "\ef7f";
  color: currentcolor;
}

.tub-grid-eraser wfont:nth-child(2):before {
  content: "\ef80";
  color: currentcolor;
}

.tub-grid-eraser wfont:nth-child(3):before {
  content: "\ef81";
  color: currentcolor;
}

.tub-grid-eraser wfont:nth-child(4):before {
  content: "\ef82";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-eraser wfont:nth-child(5):before {
  content: "\ef83";
  color: currentcolor;
}

.tub-grid-eraser wfont:nth-child(6):before {
  content: "\ef84";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-eraser wfont:nth-child(7):before {
  content: "\ef85";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-eraser wfont:nth-child(8):before {
  content: "\ef86";
  color: currentcolor;
}

.tub-grid-lock wfont:nth-child(1):before {
  content: "\ef87";
  color: currentcolor;
}

.tub-grid-lock wfont:nth-child(2):before {
  content: "\ef88";
  color: currentcolor;
}

.tub-grid-lock wfont:nth-child(3):before {
  content: "\ef89";
  color: currentcolor;
}

.tub-grid-lock wfont:nth-child(4):before {
  content: "\ef8a";
  color: currentcolor;
}

.tub-grid-lock wfont:nth-child(5):before {
  content: "\ef8b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grid-lock wfont:nth-child(6):before {
  content: "\ef8c";
  color: currentcolor;
}

.tub-grid-lock wfont:nth-child(7):before {
  content: "\ef8d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-kanban wfont:nth-child(1):before {
  content: "\ef8e";
  color: currentcolor;
}

.tub-kanban wfont:nth-child(2):before {
  content: "\ef8f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-maximize-1 wfont:nth-child(1):before {
  content: "\ef90";
  color: currentcolor;
  opacity: 0.4;
}

.tub-maximize-1 wfont:nth-child(2):before {
  content: "\ef91";
  color: currentcolor;
}

.tub-maximize-1 wfont:nth-child(3):before {
  content: "\ef92";
  color: currentcolor;
}

.tub-maximize-2 wfont:nth-child(1):before {
  content: "\ef93";
  color: currentcolor;
  opacity: 0.4;
}

.tub-maximize-2 wfont:nth-child(2):before {
  content: "\ef94";
  color: currentcolor;
}

.tub-maximize-2 wfont:nth-child(3):before {
  content: "\ef95";
  color: currentcolor;
}

.tub-maximize-2 wfont:nth-child(4):before {
  content: "\ef96";
  color: currentcolor;
}

.tub-maximize-2 wfont:nth-child(5):before {
  content: "\ef97";
  color: currentcolor;
}

.tub-maximize-3 wfont:nth-child(1):before {
  content: "\ef98";
  color: currentcolor;
  opacity: 0.4;
}

.tub-maximize-3 wfont:nth-child(2):before {
  content: "\ef99";
  color: currentcolor;
}

.tub-maximize-4 wfont:nth-child(1):before {
  content: "\ef9a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-maximize-4 wfont:nth-child(2):before {
  content: "\ef9b";
  color: currentcolor;
}

.tub-maximize-4 wfont:nth-child(3):before {
  content: "\ef9c";
  color: currentcolor;
}

.tub-maximize1 wfont:nth-child(1):before {
  content: "\ef9d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-maximize1 wfont:nth-child(2):before {
  content: "\ef9e";
  color: currentcolor;
}

.tub-rotate-left wfont:nth-child(1):before {
  content: "\ef9f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-rotate-left wfont:nth-child(2):before {
  content: "\efa0";
  color: currentcolor;
}

.tub-rotate-right wfont:nth-child(1):before {
  content: "\efa1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-rotate-right wfont:nth-child(2):before {
  content: "\efa2";
  color: currentcolor;
}

.tub-row-horizontal wfont:nth-child(1):before {
  content: "\efa3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-row-horizontal wfont:nth-child(2):before {
  content: "\efa4";
  color: currentcolor;
}

.tub-row-vertical wfont:nth-child(1):before {
  content: "\efa5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-row-vertical wfont:nth-child(2):before {
  content: "\efa6";
  color: currentcolor;
}

.tub-slider-horizontal-1 wfont:nth-child(1):before {
  content: "\efa7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slider-horizontal-1 wfont:nth-child(2):before {
  content: "\efa8";
  color: currentcolor;
}

.tub-slider-horizontal-1 wfont:nth-child(3):before {
  content: "\efa9";
  color: currentcolor;
}

.tub-slider-horizontal wfont:nth-child(1):before {
  content: "\efaa";
  color: currentcolor;
}

.tub-slider-horizontal wfont:nth-child(2):before {
  content: "\efab";
  color: currentcolor;
}

.tub-slider-horizontal wfont:nth-child(3):before {
  content: "\efac";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slider-vertical-1 wfont:nth-child(1):before {
  content: "\efad";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slider-vertical-1 wfont:nth-child(2):before {
  content: "\efae";
  color: currentcolor;
}

.tub-slider-vertical-1 wfont:nth-child(3):before {
  content: "\efaf";
  color: currentcolor;
}

.tub-slider-vertical wfont:nth-child(1):before {
  content: "\efb0";
  color: currentcolor;
}

.tub-slider-vertical wfont:nth-child(2):before {
  content: "\efb1";
  color: currentcolor;
}

.tub-slider-vertical wfont:nth-child(3):before {
  content: "\efb2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder-2 wfont:nth-child(1):before {
  content: "\efb3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder-2 wfont:nth-child(2):before {
  content: "\efb4";
  color: currentcolor;
}

.tub-folder-add wfont:nth-child(1):before {
  content: "\efb5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder-add wfont:nth-child(2):before {
  content: "\efb6";
  color: currentcolor;
}

.tub-folder-cloud wfont:nth-child(1):before {
  content: "\efb7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder-cloud wfont:nth-child(2):before {
  content: "\efb8";
  color: currentcolor;
}

.tub-folder-cross wfont:nth-child(1):before {
  content: "\efb9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder-cross wfont:nth-child(2):before {
  content: "\efba";
  color: currentcolor;
}

.tub-folder-favorite wfont:nth-child(1):before {
  content: "\efbb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder-favorite wfont:nth-child(2):before {
  content: "\efbc";
  color: currentcolor;
}

.tub-folder-minus wfont:nth-child(1):before {
  content: "\efbd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder-minus wfont:nth-child(2):before {
  content: "\efbe";
  color: currentcolor;
}

.tub-folder-open wfont:nth-child(1):before {
  content: "\efbf";
  color: currentcolor;
}

.tub-folder-open wfont:nth-child(2):before {
  content: "\efc0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder wfont:nth-child(1):before {
  content: "\efc1";
  color: currentcolor;
}

.tub-folder wfont:nth-child(2):before {
  content: "\efc2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dcube wfont:nth-child(1):before {
  content: "\efc3";
  color: currentcolor;
}

.tub-dcube wfont:nth-child(2):before {
  content: "\efc4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dcube wfont:nth-child(3):before {
  content: "\efc5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-add-circle wfont:nth-child(1):before {
  content: "\efc6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-add-circle wfont:nth-child(2):before {
  content: "\efc7";
  color: currentcolor;
}

.tub-add-square wfont:nth-child(1):before {
  content: "\efc8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-add-square wfont:nth-child(2):before {
  content: "\efc9";
  color: currentcolor;
}

.tub-add wfont:nth-child(1):before {
  content: "\efca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-add wfont:nth-child(2):before {
  content: "\efcb";
  color: currentcolor;
}

.tub-archive1 wfont:nth-child(1):before {
  content: "\efcc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive1 wfont:nth-child(2):before {
  content: "\efcd";
  color: currentcolor;
}

.tub-archive1 wfont:nth-child(3):before {
  content: "\efce";
  color: currentcolor;
}

.tub-autobrightness wfont:nth-child(1):before {
  content: "\efcf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-autobrightness wfont:nth-child(2):before {
  content: "\efd0";
  color: currentcolor;
}

.tub-autobrightness wfont:nth-child(3):before {
  content: "\efd1";
  color: currentcolor;
}

.tub-battery-2-3full wfont:nth-child(1):before {
  content: "\efd2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-battery-2-3full wfont:nth-child(2):before {
  content: "\efd3";
  color: currentcolor;
}

.tub-battery-2-3full wfont:nth-child(3):before {
  content: "\efd4";
  color: currentcolor;
}

.tub-battery-2-3full wfont:nth-child(4):before {
  content: "\efd5";
  color: currentcolor;
}

.tub-battery-charging wfont:nth-child(1):before {
  content: "\efd6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-battery-charging wfont:nth-child(2):before {
  content: "\efd7";
  color: currentcolor;
}

.tub-battery-charging wfont:nth-child(3):before {
  content: "\efd8";
  color: currentcolor;
}

.tub-battery-disable wfont:nth-child(1):before {
  content: "\efd9";
  color: currentcolor;
}

.tub-battery-disable wfont:nth-child(2):before {
  content: "\efda";
  color: currentcolor;
  opacity: 0.4;
}

.tub-battery-disable wfont:nth-child(3):before {
  content: "\efdb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-battery-disable wfont:nth-child(4):before {
  content: "\efdc";
  color: currentcolor;
}

.tub-battery-empty-1 wfont:nth-child(1):before {
  content: "\efdd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-battery-empty-1 wfont:nth-child(2):before {
  content: "\efde";
  color: currentcolor;
}

.tub-battery-empty wfont:nth-child(1):before {
  content: "\efdf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-battery-empty wfont:nth-child(2):before {
  content: "\efe0";
  color: currentcolor;
}

.tub-battery-empty wfont:nth-child(3):before {
  content: "\efe1";
  color: currentcolor;
}

.tub-battery-full wfont:nth-child(1):before {
  content: "\efe2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-battery-full wfont:nth-child(2):before {
  content: "\efe3";
  color: currentcolor;
}

.tub-battery-full wfont:nth-child(3):before {
  content: "\efe4";
  color: currentcolor;
}

.tub-battery-full wfont:nth-child(4):before {
  content: "\efe5";
  color: currentcolor;
}

.tub-battery-full wfont:nth-child(5):before {
  content: "\efe6";
  color: currentcolor;
}

.tub-box-2 wfont:nth-child(1):before {
  content: "\efe7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-2 wfont:nth-child(2):before {
  content: "\efe8";
  color: currentcolor;
}

.tub-box-2 wfont:nth-child(3):before {
  content: "\efe9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-2 wfont:nth-child(4):before {
  content: "\efea";
  color: currentcolor;
}

.tub-box-2 wfont:nth-child(5):before {
  content: "\efeb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-2 wfont:nth-child(6):before {
  content: "\efec";
  color: currentcolor;
}

.tub-box-2 wfont:nth-child(7):before {
  content: "\efed";
  color: currentcolor;
  opacity: 0.4;
}

.tub-broom wfont:nth-child(1):before {
  content: "\efee";
  color: currentcolor;
  opacity: 0.4;
}

.tub-broom wfont:nth-child(2):before {
  content: "\efef";
  color: currentcolor;
  opacity: 0.4;
}

.tub-broom wfont:nth-child(3):before {
  content: "\eff0";
  color: currentcolor;
}

.tub-broom wfont:nth-child(4):before {
  content: "\eff1";
  color: currentcolor;
}

.tub-broom wfont:nth-child(5):before {
  content: "\eff2";
  color: currentcolor;
}

.tub-broom wfont:nth-child(6):before {
  content: "\eff3";
  color: currentcolor;
}

.tub-bubble wfont:nth-child(1):before {
  content: "\eff4";
  color: currentcolor;
}

.tub-bubble wfont:nth-child(2):before {
  content: "\eff5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bubble wfont:nth-child(3):before {
  content: "\eff6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cake wfont:nth-child(1):before {
  content: "\eff7";
  color: currentcolor;
}

.tub-cake wfont:nth-child(2):before {
  content: "\eff8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cake wfont:nth-child(3):before {
  content: "\eff9";
  color: currentcolor;
}

.tub-cake wfont:nth-child(4):before {
  content: "\effa";
  color: currentcolor;
}

.tub-cake wfont:nth-child(5):before {
  content: "\effb";
  color: currentcolor;
}

.tub-cake wfont:nth-child(6):before {
  content: "\effc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cd wfont:nth-child(1):before {
  content: "\effd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cd wfont:nth-child(2):before {
  content: "\effe";
  color: currentcolor;
}

.tub-chart wfont:nth-child(1):before {
  content: "\efff";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chart wfont:nth-child(2):before {
  content: "\f000";
  color: currentcolor;
}

.tub-chart wfont:nth-child(3):before {
  content: "\f001";
  color: currentcolor;
}

.tub-chrome wfont:nth-child(1):before {
  content: "\f002";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chrome wfont:nth-child(2):before {
  content: "\f003";
  color: currentcolor;
}

.tub-close-circle wfont:nth-child(1):before {
  content: "\f004";
  color: currentcolor;
  opacity: 0.4;
}

.tub-close-circle wfont:nth-child(2):before {
  content: "\f005";
  color: currentcolor;
}

.tub-close-square wfont:nth-child(1):before {
  content: "\f006";
  color: currentcolor;
  opacity: 0.4;
}

.tub-close-square wfont:nth-child(2):before {
  content: "\f007";
  color: currentcolor;
}

.tub-coffee wfont:nth-child(1):before {
  content: "\f008";
  color: currentcolor;
  opacity: 0.6;
}

.tub-coffee wfont:nth-child(2):before {
  content: "\f009";
  color: currentcolor;
  opacity: 0.4;
}

.tub-coffee wfont:nth-child(3):before {
  content: "\f00a";
  color: currentcolor;
}

.tub-coffee wfont:nth-child(4):before {
  content: "\f00b";
  color: currentcolor;
}

.tub-coffee wfont:nth-child(5):before {
  content: "\f00c";
  color: currentcolor;
}

.tub-coffee wfont:nth-child(6):before {
  content: "\f00d";
  color: currentcolor;
}

.tub-computing wfont:nth-child(1):before {
  content: "\f00e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-computing wfont:nth-child(2):before {
  content: "\f00f";
  color: currentcolor;
}

.tub-computing wfont:nth-child(3):before {
  content: "\f010";
  color: currentcolor;
}

.tub-computing wfont:nth-child(4):before {
  content: "\f011";
  color: currentcolor;
}

.tub-crown-1 wfont:nth-child(1):before {
  content: "\f012";
  color: currentcolor;
}

.tub-crown-1 wfont:nth-child(2):before {
  content: "\f013";
  color: currentcolor;
  opacity: 0.4;
}

.tub-crown wfont:nth-child(1):before {
  content: "\f014";
  color: currentcolor;
  opacity: 0.4;
}

.tub-crown wfont:nth-child(2):before {
  content: "\f015";
  color: currentcolor;
}

.tub-crown wfont:nth-child(3):before {
  content: "\f016";
  color: currentcolor;
}

.tub-cup wfont:nth-child(1):before {
  content: "\f017";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cup wfont:nth-child(2):before {
  content: "\f018";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cup wfont:nth-child(3):before {
  content: "\f019";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cup wfont:nth-child(4):before {
  content: "\f01a";
  color: currentcolor;
}

.tub-cup wfont:nth-child(5):before {
  content: "\f01b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-danger wfont:nth-child(1):before {
  content: "\f01c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-danger wfont:nth-child(2):before {
  content: "\f01d";
  color: currentcolor;
}

.tub-danger wfont:nth-child(3):before {
  content: "\f01e";
  color: currentcolor;
}

.tub-diamonds wfont:nth-child(1):before {
  content: "\f01f";
  color: currentcolor;
}

.tub-diamonds wfont:nth-child(2):before {
  content: "\f020";
  color: currentcolor;
  opacity: 0.4;
}

.tub-discover1 wfont:nth-child(1):before {
  content: "\f021";
  color: currentcolor;
  opacity: 0.4;
}

.tub-discover1 wfont:nth-child(2):before {
  content: "\f022";
  color: currentcolor;
}

.tub-emoji-happy wfont:nth-child(1):before {
  content: "\f023";
  color: currentcolor;
  opacity: 0.4;
}

.tub-emoji-happy wfont:nth-child(2):before {
  content: "\f024";
  color: currentcolor;
}

.tub-emoji-happy wfont:nth-child(3):before {
  content: "\f025";
  color: currentcolor;
}

.tub-emoji-happy wfont:nth-child(4):before {
  content: "\f026";
  color: currentcolor;
}

.tub-emoji-normal wfont:nth-child(1):before {
  content: "\f027";
  color: currentcolor;
  opacity: 0.4;
}

.tub-emoji-normal wfont:nth-child(2):before {
  content: "\f028";
  color: currentcolor;
}

.tub-emoji-normal wfont:nth-child(3):before {
  content: "\f029";
  color: currentcolor;
}

.tub-emoji-normal wfont:nth-child(4):before {
  content: "\f02a";
  color: currentcolor;
}

.tub-emoji-sad wfont:nth-child(1):before {
  content: "\f02b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-emoji-sad wfont:nth-child(2):before {
  content: "\f02c";
  color: currentcolor;
}

.tub-emoji-sad wfont:nth-child(3):before {
  content: "\f02d";
  color: currentcolor;
}

.tub-emoji-sad wfont:nth-child(4):before {
  content: "\f02e";
  color: currentcolor;
}

.tub-filter-add wfont:nth-child(1):before {
  content: "\f02f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-filter-add wfont:nth-child(2):before {
  content: "\f030";
  color: currentcolor;
}

.tub-filter-edit wfont:nth-child(1):before {
  content: "\f031";
  color: currentcolor;
  opacity: 0.4;
}

.tub-filter-edit wfont:nth-child(2):before {
  content: "\f032";
  color: currentcolor;
}

.tub-filter-remove wfont:nth-child(1):before {
  content: "\f033";
  color: currentcolor;
  opacity: 0.4;
}

.tub-filter-remove wfont:nth-child(2):before {
  content: "\f034";
  color: currentcolor;
}

.tub-filter-search wfont:nth-child(1):before {
  content: "\f035";
  color: currentcolor;
}

.tub-filter-search wfont:nth-child(2):before {
  content: "\f036";
  color: currentcolor;
  opacity: 0.4;
}

.tub-filter-square wfont:nth-child(1):before {
  content: "\f037";
  color: currentcolor;
  opacity: 0.4;
}

.tub-filter-square wfont:nth-child(2):before {
  content: "\f038";
  color: currentcolor;
}

.tub-filter-tick wfont:nth-child(1):before {
  content: "\f039";
  color: currentcolor;
}

.tub-filter-tick wfont:nth-child(2):before {
  content: "\f03a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-filter wfont:nth-child(1):before {
  content: "\f03b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-filter wfont:nth-child(2):before {
  content: "\f03c";
  color: currentcolor;
}

.tub-flag-2 wfont:nth-child(1):before {
  content: "\f03d";
  color: currentcolor;
}

.tub-flag-2 wfont:nth-child(2):before {
  content: "\f03e";
  color: currentcolor;
}

.tub-flag-2 wfont:nth-child(3):before {
  content: "\f03f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flag wfont:nth-child(1):before {
  content: "\f040";
  color: currentcolor;
}

.tub-flag wfont:nth-child(2):before {
  content: "\f041";
  color: currentcolor;
}

.tub-flag wfont:nth-child(3):before {
  content: "\f042";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flash-circle wfont:nth-child(1):before {
  content: "\f043";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flash-circle wfont:nth-child(2):before {
  content: "\f044";
  color: currentcolor;
}

.tub-flash-slash wfont:nth-child(1):before {
  content: "\f045";
  color: currentcolor;
}

.tub-flash-slash wfont:nth-child(2):before {
  content: "\f046";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flash-slash wfont:nth-child(3):before {
  content: "\f047";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flash1 wfont:nth-child(1):before {
  content: "\f048";
  color: currentcolor;
}

.tub-flash1 wfont:nth-child(2):before {
  content: "\f049";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forbidden-2 wfont:nth-child(1):before {
  content: "\f04a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forbidden-2 wfont:nth-child(2):before {
  content: "\f04b";
  color: currentcolor;
}

.tub-forbidden wfont:nth-child(1):before {
  content: "\f04c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forbidden wfont:nth-child(2):before {
  content: "\f04d";
  color: currentcolor;
}

.tub-ghost wfont:nth-child(1):before {
  content: "\f04e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ghost wfont:nth-child(2):before {
  content: "\f04f";
  color: currentcolor;
}

.tub-ghost wfont:nth-child(3):before {
  content: "\f050";
  color: currentcolor;
}

.tub-glass wfont:nth-child(1):before {
  content: "\f051";
  color: currentcolor;
}

.tub-glass wfont:nth-child(2):before {
  content: "\f052";
  color: currentcolor;
}

.tub-glass wfont:nth-child(3):before {
  content: "\f053";
  color: currentcolor;
}

.tub-glass wfont:nth-child(4):before {
  content: "\f054";
  color: currentcolor;
  opacity: 0.4;
}

.tub-glass wfont:nth-child(5):before {
  content: "\f055";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grammerly wfont:nth-child(1):before {
  content: "\f056";
  color: currentcolor;
  opacity: 0.4;
}

.tub-grammerly wfont:nth-child(2):before {
  content: "\f057";
  color: currentcolor;
}

.tub-happyemoji wfont:nth-child(1):before {
  content: "\f058";
  color: currentcolor;
  opacity: 0.4;
}

.tub-happyemoji wfont:nth-child(2):before {
  content: "\f059";
  color: currentcolor;
}

.tub-home-1 wfont:nth-child(1):before {
  content: "\f05a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-home-1 wfont:nth-child(2):before {
  content: "\f05b";
  color: currentcolor;
}

.tub-home-2 wfont:nth-child(1):before {
  content: "\f05c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-home-2 wfont:nth-child(2):before {
  content: "\f05d";
  color: currentcolor;
}

.tub-home-wifi wfont:nth-child(1):before {
  content: "\f05e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-home-wifi wfont:nth-child(2):before {
  content: "\f05f";
  color: currentcolor;
}

.tub-home-wifi wfont:nth-child(3):before {
  content: "\f060";
  color: currentcolor;
}

.tub-home-wifi wfont:nth-child(4):before {
  content: "\f061";
  color: currentcolor;
}

.tub-home wfont:nth-child(1):before {
  content: "\f062";
  color: currentcolor;
  opacity: 0.4;
}

.tub-home wfont:nth-child(2):before {
  content: "\f063";
  color: currentcolor;
}

.tub-info-circle wfont:nth-child(1):before {
  content: "\f064";
  color: currentcolor;
  opacity: 0.4;
}

.tub-info-circle wfont:nth-child(2):before {
  content: "\f065";
  color: currentcolor;
}

.tub-info-circle wfont:nth-child(3):before {
  content: "\f066";
  color: currentcolor;
}

.tub-information wfont:nth-child(1):before {
  content: "\f067";
  color: currentcolor;
  opacity: 0.4;
}

.tub-information wfont:nth-child(2):before {
  content: "\f068";
  color: currentcolor;
}

.tub-information wfont:nth-child(3):before {
  content: "\f069";
  color: currentcolor;
}

.tub-instagram wfont:nth-child(1):before {
  content: "\f06a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-instagram wfont:nth-child(2):before {
  content: "\f06b";
  color: currentcolor;
}

.tub-instagram wfont:nth-child(3):before {
  content: "\f06c";
  color: currentcolor;
}

.tub-judge wfont:nth-child(1):before {
  content: "\f06d";
  color: currentcolor;
}

.tub-judge wfont:nth-child(2):before {
  content: "\f06e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-judge wfont:nth-child(3):before {
  content: "\f06f";
  color: currentcolor;
}

.tub-judge wfont:nth-child(4):before {
  content: "\f070";
  color: currentcolor;
}

.tub-lamp wfont:nth-child(1):before {
  content: "\f071";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lamp wfont:nth-child(2):before {
  content: "\f072";
  color: currentcolor;
}

.tub-lamp wfont:nth-child(3):before {
  content: "\f073";
  color: currentcolor;
}

.tub-level wfont:nth-child(1):before {
  content: "\f074";
  color: currentcolor;
  opacity: 0.4;
}

.tub-level wfont:nth-child(2):before {
  content: "\f075";
  color: currentcolor;
}

.tub-level wfont:nth-child(3):before {
  content: "\f076";
  color: currentcolor;
}

.tub-level wfont:nth-child(4):before {
  content: "\f077";
  color: currentcolor;
}

.tub-menu1 wfont:nth-child(1):before {
  content: "\f078";
  color: currentcolor;
  opacity: 0.4;
}

.tub-menu1 wfont:nth-child(2):before {
  content: "\f079";
  color: currentcolor;
}

.tub-menu1 wfont:nth-child(3):before {
  content: "\f07a";
  color: currentcolor;
}

.tub-menu1 wfont:nth-child(4):before {
  content: "\f07b";
  color: currentcolor;
}

.tub-milk wfont:nth-child(1):before {
  content: "\f07c";
  color: currentcolor;
}

.tub-milk wfont:nth-child(2):before {
  content: "\f07d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-milk wfont:nth-child(3):before {
  content: "\f07e";
  color: currentcolor;
}

.tub-minus-cirlce wfont:nth-child(1):before {
  content: "\f07f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-minus-cirlce wfont:nth-child(2):before {
  content: "\f080";
  color: currentcolor;
}

.tub-minus-square wfont:nth-child(1):before {
  content: "\f081";
  color: currentcolor;
  opacity: 0.4;
}

.tub-minus-square wfont:nth-child(2):before {
  content: "\f082";
  color: currentcolor;
}

.tub-minus wfont:nth-child(1):before {
  content: "\f083";
  color: currentcolor;
  opacity: 0.4;
}

.tub-minus wfont:nth-child(2):before {
  content: "\f084";
  color: currentcolor;
}

.tub-mirror wfont:nth-child(1):before {
  content: "\f085";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mirror wfont:nth-child(2):before {
  content: "\f086";
  color: currentcolor;
}

.tub-more-circle wfont:nth-child(1):before {
  content: "\f087";
  color: currentcolor;
  opacity: 0.4;
}

.tub-more-circle wfont:nth-child(2):before {
  content: "\f088";
  color: currentcolor;
}

.tub-more-circle wfont:nth-child(3):before {
  content: "\f089";
  color: currentcolor;
}

.tub-more-circle wfont:nth-child(4):before {
  content: "\f08a";
  color: currentcolor;
}

.tub-more-square wfont:nth-child(1):before {
  content: "\f08b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-more-square wfont:nth-child(2):before {
  content: "\f08c";
  color: currentcolor;
}

.tub-more-square wfont:nth-child(3):before {
  content: "\f08d";
  color: currentcolor;
}

.tub-more-square wfont:nth-child(4):before {
  content: "\f08e";
  color: currentcolor;
}

.tub-mouse-circle wfont:nth-child(1):before {
  content: "\f08f";
  color: currentcolor;
}

.tub-mouse-circle wfont:nth-child(2):before {
  content: "\f090";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mouse-square wfont:nth-child(1):before {
  content: "\f091";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mouse-square wfont:nth-child(2):before {
  content: "\f092";
  color: currentcolor;
}

.tub-mouse wfont:nth-child(1):before {
  content: "\f093";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mouse wfont:nth-child(2):before {
  content: "\f094";
  color: currentcolor;
}

.tub-pet wfont:nth-child(1):before {
  content: "\f095";
  color: currentcolor;
  opacity: 0.4;
}

.tub-pet wfont:nth-child(2):before {
  content: "\f096";
  color: currentcolor;
}

.tub-pet wfont:nth-child(3):before {
  content: "\f097";
  color: currentcolor;
}

.tub-pet wfont:nth-child(4):before {
  content: "\f098";
  color: currentcolor;
}

.tub-pet wfont:nth-child(5):before {
  content: "\f099";
  color: currentcolor;
}

.tub-ranking wfont:nth-child(1):before {
  content: "\f09a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ranking wfont:nth-child(2):before {
  content: "\f09b";
  color: currentcolor;
}

.tub-ranking wfont:nth-child(3):before {
  content: "\f09c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ranking wfont:nth-child(4):before {
  content: "\f09d";
  color: currentcolor;
}

.tub-reserve wfont:nth-child(1):before {
  content: "\f09e";
  color: currentcolor;
}

.tub-reserve wfont:nth-child(2):before {
  content: "\f09f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-reserve wfont:nth-child(3):before {
  content: "\f0a0";
  color: currentcolor;
}

.tub-reserve wfont:nth-child(4):before {
  content: "\f0a1";
  color: currentcolor;
}

.tub-safe-home wfont:nth-child(1):before {
  content: "\f0a2";
  color: currentcolor;
}

.tub-safe-home wfont:nth-child(2):before {
  content: "\f0a3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-send-2 wfont:nth-child(1):before {
  content: "\f0a4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-send-2 wfont:nth-child(2):before {
  content: "\f0a5";
  color: currentcolor;
}

.tub-send-2 wfont:nth-child(3):before {
  content: "\f0a6";
  color: currentcolor;
}

.tub-send wfont:nth-child(1):before {
  content: "\f0a7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-send wfont:nth-child(2):before {
  content: "\f0a8";
  color: currentcolor;
}

.tub-share wfont:nth-child(1):before {
  content: "\f0a9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-share wfont:nth-child(2):before {
  content: "\f0aa";
  color: currentcolor;
  opacity: 0.4;
}

.tub-share wfont:nth-child(3):before {
  content: "\f0ab";
  color: currentcolor;
  opacity: 0.4;
}

.tub-share wfont:nth-child(4):before {
  content: "\f0ac";
  color: currentcolor;
}

.tub-share wfont:nth-child(5):before {
  content: "\f0ad";
  color: currentcolor;
}

.tub-share wfont:nth-child(6):before {
  content: "\f0ae";
  color: currentcolor;
}

.tub-signpost wfont:nth-child(1):before {
  content: "\f0af";
  color: currentcolor;
}

.tub-signpost wfont:nth-child(2):before {
  content: "\f0b0";
  color: currentcolor;
}

.tub-signpost wfont:nth-child(3):before {
  content: "\f0b1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-signpost wfont:nth-child(4):before {
  content: "\f0b2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slash wfont:nth-child(1):before {
  content: "\f0b3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slash wfont:nth-child(2):before {
  content: "\f0b4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slash wfont:nth-child(3):before {
  content: "\f0b5";
  color: currentcolor;
}

.tub-slider wfont:nth-child(1):before {
  content: "\f0b6";
  color: currentcolor;
}

.tub-slider wfont:nth-child(2):before {
  content: "\f0b7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slider wfont:nth-child(3):before {
  content: "\f0b8";
  color: currentcolor;
}

.tub-slider wfont:nth-child(4):before {
  content: "\f0b9";
  color: currentcolor;
}

.tub-smart-home wfont:nth-child(1):before {
  content: "\f0ba";
  color: currentcolor;
  opacity: 0.4;
}

.tub-smart-home wfont:nth-child(2):before {
  content: "\f0bb";
  color: currentcolor;
}

.tub-smart-home wfont:nth-child(3):before {
  content: "\f0bc";
  color: currentcolor;
}

.tub-smart-home wfont:nth-child(4):before {
  content: "\f0bd";
  color: currentcolor;
}

.tub-sort wfont:nth-child(1):before {
  content: "\f0be";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sort wfont:nth-child(2):before {
  content: "\f0bf";
  color: currentcolor;
}

.tub-sort wfont:nth-child(3):before {
  content: "\f0c0";
  color: currentcolor;
}

.tub-sort wfont:nth-child(4):before {
  content: "\f0c1";
  color: currentcolor;
}

.tub-sound wfont:nth-child(1):before {
  content: "\f0c2";
  color: currentcolor;
}

.tub-sound wfont:nth-child(2):before {
  content: "\f0c3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sound wfont:nth-child(3):before {
  content: "\f0c4";
  color: currentcolor;
}

.tub-sound wfont:nth-child(4):before {
  content: "\f0c5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sound wfont:nth-child(5):before {
  content: "\f0c6";
  color: currentcolor;
}

.tub-speedometer wfont:nth-child(1):before {
  content: "\f0c7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-speedometer wfont:nth-child(2):before {
  content: "\f0c8";
  color: currentcolor;
}

.tub-speedometer wfont:nth-child(3):before {
  content: "\f0c9";
  color: currentcolor;
}

.tub-status wfont:nth-child(1):before {
  content: "\f0ca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-status wfont:nth-child(2):before {
  content: "\f0cb";
  color: currentcolor;
}

.tub-status wfont:nth-child(3):before {
  content: "\f0cc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sticker wfont:nth-child(1):before {
  content: "\f0cd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-sticker wfont:nth-child(2):before {
  content: "\f0ce";
  color: currentcolor;
}

.tub-story wfont:nth-child(1):before {
  content: "\f0cf";
  color: currentcolor;
}

.tub-story wfont:nth-child(2):before {
  content: "\f0d0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-story wfont:nth-child(3):before {
  content: "\f0d1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-story wfont:nth-child(4):before {
  content: "\f0d2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tag-cross wfont:nth-child(1):before {
  content: "\f0d3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tag-cross wfont:nth-child(2):before {
  content: "\f0d4";
  color: currentcolor;
}

.tub-tag-right wfont:nth-child(1):before {
  content: "\f0d5";
  color: currentcolor;
}

.tub-tag-right wfont:nth-child(2):before {
  content: "\f0d6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tick-circle wfont:nth-child(1):before {
  content: "\f0d7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tick-circle wfont:nth-child(2):before {
  content: "\f0d8";
  color: currentcolor;
}

.tub-tick-square wfont:nth-child(1):before {
  content: "\f0d9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tick-square wfont:nth-child(2):before {
  content: "\f0da";
  color: currentcolor;
}

.tub-trash wfont:nth-child(1):before {
  content: "\f0db";
  color: currentcolor;
}

.tub-trash wfont:nth-child(2):before {
  content: "\f0dc";
  color: currentcolor;
  opacity: 0.399;
}

.tub-trash wfont:nth-child(3):before {
  content: "\f0dd";
  color: currentcolor;
}

.tub-trash wfont:nth-child(4):before {
  content: "\f0de";
  color: currentcolor;
}

.tub-tree wfont:nth-child(1):before {
  content: "\f0df";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tree wfont:nth-child(2):before {
  content: "\f0e0";
  color: currentcolor;
}

.tub-tree wfont:nth-child(3):before {
  content: "\f0e1";
  color: currentcolor;
}

.tub-triangle wfont:nth-child(1):before {
  content: "\f0e2";
  color: currentcolor;
}

.tub-triangle wfont:nth-child(2):before {
  content: "\f0e3";
  color: currentcolor;
  opacity: 0.6;
}

.tub-triangle wfont:nth-child(3):before {
  content: "\f0e4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-trush-square wfont:nth-child(1):before {
  content: "\f0e5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-trush-square wfont:nth-child(2):before {
  content: "\f0e6";
  color: currentcolor;
}

.tub-trush-square wfont:nth-child(3):before {
  content: "\f0e7";
  color: currentcolor;
}

.tub-verify wfont:nth-child(1):before {
  content: "\f0e8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-verify wfont:nth-child(2):before {
  content: "\f0e9";
  color: currentcolor;
}

.tub-warning-2 wfont:nth-child(1):before {
  content: "\f0ea";
  color: currentcolor;
  opacity: 0.4;
}

.tub-warning-2 wfont:nth-child(2):before {
  content: "\f0eb";
  color: currentcolor;
}

.tub-warning-2 wfont:nth-child(3):before {
  content: "\f0ec";
  color: currentcolor;
}

.tub-weight wfont:nth-child(1):before {
  content: "\f0ed";
  color: currentcolor;
  opacity: 0.4;
}

.tub-weight wfont:nth-child(2):before {
  content: "\f0ee";
  color: currentcolor;
  opacity: 0.4;
}

.tub-weight wfont:nth-child(3):before {
  content: "\f0ef";
  color: currentcolor;
}

.tub-weight wfont:nth-child(4):before {
  content: "\f0f0";
  color: currentcolor;
}

.tub-weight wfont:nth-child(5):before {
  content: "\f0f1";
  color: currentcolor;
}

.tub-wifi-square wfont:nth-child(1):before {
  content: "\f0f2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wifi-square wfont:nth-child(2):before {
  content: "\f0f3";
  color: currentcolor;
}

.tub-wifi-square wfont:nth-child(3):before {
  content: "\f0f4";
  color: currentcolor;
}

.tub-wifi-square wfont:nth-child(4):before {
  content: "\f0f5";
  color: currentcolor;
}

.tub-wifi wfont:nth-child(1):before {
  content: "\f0f6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wifi wfont:nth-child(2):before {
  content: "\f0f7";
  color: currentcolor;
}

.tub-wifi wfont:nth-child(3):before {
  content: "\f0f8";
  color: currentcolor;
}

.tub-wifi wfont:nth-child(4):before {
  content: "\f0f9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive-book wfont:nth-child(1):before {
  content: "\f0fa";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive-book wfont:nth-child(2):before {
  content: "\f0fb";
  color: currentcolor;
}

.tub-archive-book wfont:nth-child(3):before {
  content: "\f0fc";
  color: currentcolor;
}

.tub-archive-book wfont:nth-child(4):before {
  content: "\f0fd";
  color: currentcolor;
}

.tub-bill wfont:nth-child(1):before {
  content: "\f0fe";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bill wfont:nth-child(2):before {
  content: "\f0ff";
  color: currentcolor;
}

.tub-bill wfont:nth-child(3):before {
  content: "\f100";
  color: currentcolor;
}

.tub-bill wfont:nth-child(4):before {
  content: "\f101";
  color: currentcolor;
}

.tub-clipboard-close wfont:nth-child(1):before {
  content: "\f102";
  color: currentcolor;
  opacity: 0.4;
}

.tub-clipboard-close wfont:nth-child(2):before {
  content: "\f103";
  color: currentcolor;
}

.tub-clipboard-close wfont:nth-child(3):before {
  content: "\f104";
  color: currentcolor;
}

.tub-clipboard-export wfont:nth-child(1):before {
  content: "\f105";
  color: currentcolor;
  opacity: 0.4;
}

.tub-clipboard-export wfont:nth-child(2):before {
  content: "\f106";
  color: currentcolor;
}

.tub-clipboard-export wfont:nth-child(3):before {
  content: "\f107";
  color: currentcolor;
}

.tub-clipboard-import wfont:nth-child(1):before {
  content: "\f108";
  color: currentcolor;
  opacity: 0.4;
}

.tub-clipboard-import wfont:nth-child(2):before {
  content: "\f109";
  color: currentcolor;
}

.tub-clipboard-import wfont:nth-child(3):before {
  content: "\f10a";
  color: currentcolor;
}

.tub-clipboard-text wfont:nth-child(1):before {
  content: "\f10b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-clipboard-text wfont:nth-child(2):before {
  content: "\f10c";
  color: currentcolor;
}

.tub-clipboard-text wfont:nth-child(3):before {
  content: "\f10d";
  color: currentcolor;
}

.tub-clipboard-text wfont:nth-child(4):before {
  content: "\f10e";
  color: currentcolor;
}

.tub-clipboard-tick wfont:nth-child(1):before {
  content: "\f10f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-clipboard-tick wfont:nth-child(2):before {
  content: "\f110";
  color: currentcolor;
}

.tub-clipboard-tick wfont:nth-child(3):before {
  content: "\f111";
  color: currentcolor;
}

.tub-copyright wfont:nth-child(1):before {
  content: "\f112";
  color: currentcolor;
  opacity: 0.4;
}

.tub-copyright wfont:nth-child(2):before {
  content: "\f113";
  color: currentcolor;
}

.tub-creative-commons wfont:nth-child(1):before {
  content: "\f114";
  color: currentcolor;
  opacity: 0.4;
}

.tub-creative-commons wfont:nth-child(2):before {
  content: "\f115";
  color: currentcolor;
}

.tub-creative-commons wfont:nth-child(3):before {
  content: "\f116";
  color: currentcolor;
}

.tub-document-cloud wfont:nth-child(1):before {
  content: "\f117";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-cloud wfont:nth-child(2):before {
  content: "\f118";
  color: currentcolor;
}

.tub-document-cloud wfont:nth-child(3):before {
  content: "\f119";
  color: currentcolor;
}

.tub-document-copy wfont:nth-child(1):before {
  content: "\f11a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-copy wfont:nth-child(2):before {
  content: "\f11b";
  color: currentcolor;
}

.tub-document-copy wfont:nth-child(3):before {
  content: "\f11c";
  color: currentcolor;
}

.tub-document-download wfont:nth-child(1):before {
  content: "\f11d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-download wfont:nth-child(2):before {
  content: "\f11e";
  color: currentcolor;
}

.tub-document-download wfont:nth-child(3):before {
  content: "\f11f";
  color: currentcolor;
}

.tub-document-favorite wfont:nth-child(1):before {
  content: "\f120";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-favorite wfont:nth-child(2):before {
  content: "\f121";
  color: currentcolor;
}

.tub-document-favorite wfont:nth-child(3):before {
  content: "\f122";
  color: currentcolor;
}

.tub-document-filter wfont:nth-child(1):before {
  content: "\f123";
  color: currentcolor;
}

.tub-document-filter wfont:nth-child(2):before {
  content: "\f124";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-filter wfont:nth-child(3):before {
  content: "\f125";
  color: currentcolor;
}

.tub-document-filter wfont:nth-child(4):before {
  content: "\f126";
  color: currentcolor;
}

.tub-document-forward wfont:nth-child(1):before {
  content: "\f127";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-forward wfont:nth-child(2):before {
  content: "\f128";
  color: currentcolor;
}

.tub-document-forward wfont:nth-child(3):before {
  content: "\f129";
  color: currentcolor;
}

.tub-document-like wfont:nth-child(1):before {
  content: "\f12a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-like wfont:nth-child(2):before {
  content: "\f12b";
  color: currentcolor;
}

.tub-document-like wfont:nth-child(3):before {
  content: "\f12c";
  color: currentcolor;
}

.tub-document-normal wfont:nth-child(1):before {
  content: "\f12d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-normal wfont:nth-child(2):before {
  content: "\f12e";
  color: currentcolor;
}

.tub-document-previous wfont:nth-child(1):before {
  content: "\f12f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-previous wfont:nth-child(2):before {
  content: "\f130";
  color: currentcolor;
}

.tub-document-previous wfont:nth-child(3):before {
  content: "\f131";
  color: currentcolor;
}

.tub-document-sketch wfont:nth-child(1):before {
  content: "\f132";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-sketch wfont:nth-child(2):before {
  content: "\f133";
  color: currentcolor;
}

.tub-document-sketch wfont:nth-child(3):before {
  content: "\f134";
  color: currentcolor;
}

.tub-document-text-1 wfont:nth-child(1):before {
  content: "\f135";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-text-1 wfont:nth-child(2):before {
  content: "\f136";
  color: currentcolor;
}

.tub-document-text-1 wfont:nth-child(3):before {
  content: "\f137";
  color: currentcolor;
}

.tub-document-text-1 wfont:nth-child(4):before {
  content: "\f138";
  color: currentcolor;
}

.tub-document-text wfont:nth-child(1):before {
  content: "\f139";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-text wfont:nth-child(2):before {
  content: "\f13a";
  color: currentcolor;
}

.tub-document-text wfont:nth-child(3):before {
  content: "\f13b";
  color: currentcolor;
}

.tub-document-text wfont:nth-child(4):before {
  content: "\f13c";
  color: currentcolor;
}

.tub-document-upload wfont:nth-child(1):before {
  content: "\f13d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document-upload wfont:nth-child(2):before {
  content: "\f13e";
  color: currentcolor;
}

.tub-document-upload wfont:nth-child(3):before {
  content: "\f13f";
  color: currentcolor;
}

.tub-document1 wfont:nth-child(1):before {
  content: "\f140";
  color: currentcolor;
  opacity: 0.4;
}

.tub-document1 wfont:nth-child(2):before {
  content: "\f141";
  color: currentcolor;
}

.tub-edit-2 wfont:nth-child(1):before {
  content: "\f142";
  color: currentcolor;
  opacity: 0.4;
}

.tub-edit-2 wfont:nth-child(2):before {
  content: "\f143";
  color: currentcolor;
  opacity: 0.4;
}

.tub-edit-2 wfont:nth-child(3):before {
  content: "\f144";
  color: currentcolor;
}

.tub-edit wfont:nth-child(1):before {
  content: "\f145";
  color: currentcolor;
  opacity: 0.4;
}

.tub-edit wfont:nth-child(2):before {
  content: "\f146";
  color: currentcolor;
}

.tub-edit wfont:nth-child(3):before {
  content: "\f147";
  color: currentcolor;
}

.tub-menu-board wfont:nth-child(1):before {
  content: "\f148";
  color: currentcolor;
  opacity: 0.4;
}

.tub-menu-board wfont:nth-child(2):before {
  content: "\f149";
  color: currentcolor;
}

.tub-menu-board wfont:nth-child(3):before {
  content: "\f14a";
  color: currentcolor;
}

.tub-menu-board wfont:nth-child(4):before {
  content: "\f14b";
  color: currentcolor;
}

.tub-menu-board wfont:nth-child(5):before {
  content: "\f14c";
  color: currentcolor;
}

.tub-menu-board wfont:nth-child(6):before {
  content: "\f14d";
  color: currentcolor;
}

.tub-note-1 wfont:nth-child(1):before {
  content: "\f14e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note-1 wfont:nth-child(2):before {
  content: "\f14f";
  color: currentcolor;
}

.tub-note-1 wfont:nth-child(3):before {
  content: "\f150";
  color: currentcolor;
}

.tub-note-1 wfont:nth-child(4):before {
  content: "\f151";
  color: currentcolor;
}

.tub-note-1 wfont:nth-child(5):before {
  content: "\f152";
  color: currentcolor;
}

.tub-note-add wfont:nth-child(1):before {
  content: "\f153";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note-add wfont:nth-child(2):before {
  content: "\f154";
  color: currentcolor;
}

.tub-note-add wfont:nth-child(3):before {
  content: "\f155";
  color: currentcolor;
}

.tub-note-add wfont:nth-child(4):before {
  content: "\f156";
  color: currentcolor;
}

.tub-note-favorite wfont:nth-child(1):before {
  content: "\f157";
  color: currentcolor;
}

.tub-note-favorite wfont:nth-child(2):before {
  content: "\f158";
  color: currentcolor;
}

.tub-note-favorite wfont:nth-child(3):before {
  content: "\f159";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note-favorite wfont:nth-child(4):before {
  content: "\f15a";
  color: currentcolor;
}

.tub-note-favorite wfont:nth-child(5):before {
  content: "\f15b";
  color: currentcolor;
}

.tub-note-favorite wfont:nth-child(6):before {
  content: "\f15c";
  color: currentcolor;
}

.tub-note-remove wfont:nth-child(1):before {
  content: "\f15d";
  color: currentcolor;
}

.tub-note-remove wfont:nth-child(2):before {
  content: "\f15e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note-remove wfont:nth-child(3):before {
  content: "\f15f";
  color: currentcolor;
}

.tub-note-remove wfont:nth-child(4):before {
  content: "\f160";
  color: currentcolor;
}

.tub-note-remove wfont:nth-child(5):before {
  content: "\f161";
  color: currentcolor;
}

.tub-note-text wfont:nth-child(1):before {
  content: "\f162";
  color: currentcolor;
}

.tub-note-text wfont:nth-child(2):before {
  content: "\f163";
  color: currentcolor;
}

.tub-note-text wfont:nth-child(3):before {
  content: "\f164";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note-text wfont:nth-child(4):before {
  content: "\f165";
  color: currentcolor;
}

.tub-note-text wfont:nth-child(5):before {
  content: "\f166";
  color: currentcolor;
}

.tub-note1 wfont:nth-child(1):before {
  content: "\f167";
  color: currentcolor;
  opacity: 0.4;
}

.tub-note1 wfont:nth-child(2):before {
  content: "\f168";
  color: currentcolor;
}

.tub-note1 wfont:nth-child(3):before {
  content: "\f169";
  color: currentcolor;
}

.tub-note1 wfont:nth-child(4):before {
  content: "\f16a";
  color: currentcolor;
}

.tub-stickynote wfont:nth-child(1):before {
  content: "\f16b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-stickynote wfont:nth-child(2):before {
  content: "\f16c";
  color: currentcolor;
}

.tub-stickynote wfont:nth-child(3):before {
  content: "\f16d";
  color: currentcolor;
}

.tub-stickynote wfont:nth-child(4):before {
  content: "\f16e";
  color: currentcolor;
}

.tub-stickynote wfont:nth-child(5):before {
  content: "\f16f";
  color: currentcolor;
}

.tub-stickynote wfont:nth-child(6):before {
  content: "\f170";
  color: currentcolor;
}

.tub-task-square wfont:nth-child(1):before {
  content: "\f171";
  color: currentcolor;
  opacity: 0.4;
}

.tub-task-square wfont:nth-child(2):before {
  content: "\f172";
  color: currentcolor;
}

.tub-task-square wfont:nth-child(3):before {
  content: "\f173";
  color: currentcolor;
}

.tub-task-square wfont:nth-child(4):before {
  content: "\f174";
  color: currentcolor;
}

.tub-task-square wfont:nth-child(5):before {
  content: "\f175";
  color: currentcolor;
}

.tub-task wfont:nth-child(1):before {
  content: "\f176";
  color: currentcolor;
}

.tub-task wfont:nth-child(2):before {
  content: "\f177";
  color: currentcolor;
}

.tub-task wfont:nth-child(3):before {
  content: "\f178";
  color: currentcolor;
}

.tub-task wfont:nth-child(4):before {
  content: "\f179";
  color: currentcolor;
  opacity: 0.4;
}

.tub-task wfont:nth-child(5):before {
  content: "\f17a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-task wfont:nth-child(6):before {
  content: "\f17b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-airdrop wfont:nth-child(1):before {
  content: "\f17c";
  color: currentcolor;
}

.tub-airdrop wfont:nth-child(2):before {
  content: "\f17d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-airdrop wfont:nth-child(3):before {
  content: "\f17e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-airdrop wfont:nth-child(4):before {
  content: "\f17f";
  color: currentcolor;
}

.tub-airpod wfont:nth-child(1):before {
  content: "\f180";
  color: currentcolor;
  opacity: 0.4;
}

.tub-airpod wfont:nth-child(2):before {
  content: "\f181";
  color: currentcolor;
}

.tub-airpods wfont:nth-child(1):before {
  content: "\f182";
  color: currentcolor;
  opacity: 0.4;
}

.tub-airpods wfont:nth-child(2):before {
  content: "\f183";
  color: currentcolor;
}

.tub-airpods wfont:nth-child(3):before {
  content: "\f184";
  color: currentcolor;
  opacity: 0.4;
}

.tub-airpods wfont:nth-child(4):before {
  content: "\f185";
  color: currentcolor;
}

.tub-airpods wfont:nth-child(5):before {
  content: "\f186";
  color: currentcolor;
}

.tub-airpods wfont:nth-child(6):before {
  content: "\f187";
  color: currentcolor;
}

.tub-bluetooth-2 wfont:nth-child(1):before {
  content: "\f188";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bluetooth-2 wfont:nth-child(2):before {
  content: "\f189";
  color: currentcolor;
}

.tub-bluetooth-2 wfont:nth-child(3):before {
  content: "\f18a";
  color: currentcolor;
}

.tub-bluetooth-2 wfont:nth-child(4):before {
  content: "\f18b";
  color: currentcolor;
}

.tub-bluetooth-circle wfont:nth-child(1):before {
  content: "\f18c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bluetooth-circle wfont:nth-child(2):before {
  content: "\f18d";
  color: currentcolor;
}

.tub-bluetooth-rectangle wfont:nth-child(1):before {
  content: "\f18e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bluetooth-rectangle wfont:nth-child(2):before {
  content: "\f18f";
  color: currentcolor;
}

.tub-bluetooth wfont:nth-child(1):before {
  content: "\f190";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bluetooth wfont:nth-child(2):before {
  content: "\f191";
  color: currentcolor;
}

.tub-clock1 wfont:nth-child(1):before {
  content: "\f192";
  color: currentcolor;
  opacity: 0.4;
}

.tub-clock1 wfont:nth-child(2):before {
  content: "\f193";
  color: currentcolor;
}

.tub-clock1 wfont:nth-child(3):before {
  content: "\f194";
  color: currentcolor;
}

.tub-clock1 wfont:nth-child(4):before {
  content: "\f195";
  color: currentcolor;
}

.tub-cloud-add wfont:nth-child(1):before {
  content: "\f196";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-add wfont:nth-child(2):before {
  content: "\f197";
  color: currentcolor;
}

.tub-cloud-change wfont:nth-child(1):before {
  content: "\f198";
  color: currentcolor;
}

.tub-cloud-change wfont:nth-child(2):before {
  content: "\f199";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-change wfont:nth-child(3):before {
  content: "\f19a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-connection wfont:nth-child(1):before {
  content: "\f19b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-connection wfont:nth-child(2):before {
  content: "\f19c";
  color: currentcolor;
}

.tub-cloud-remove wfont:nth-child(1):before {
  content: "\f19d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cloud-remove wfont:nth-child(2):before {
  content: "\f19e";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(1):before {
  content: "\f19f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cpu-charge wfont:nth-child(2):before {
  content: "\f1a0";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(3):before {
  content: "\f1a1";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(4):before {
  content: "\f1a2";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(5):before {
  content: "\f1a3";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(6):before {
  content: "\f1a4";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(7):before {
  content: "\f1a5";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(8):before {
  content: "\f1a6";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(9):before {
  content: "\f1a7";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(1)0:before {
  content: "\f1a8";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(1)1:before {
  content: "\f1a9";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(1)2:before {
  content: "\f1aa";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(1)3:before {
  content: "\f1ab";
  color: currentcolor;
}

.tub-cpu-charge wfont:nth-child(1)4:before {
  content: "\f1ac";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(1):before {
  content: "\f1ad";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cpu-setting wfont:nth-child(2):before {
  content: "\f1ae";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(3):before {
  content: "\f1af";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(4):before {
  content: "\f1b0";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(5):before {
  content: "\f1b1";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(6):before {
  content: "\f1b2";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(7):before {
  content: "\f1b3";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(8):before {
  content: "\f1b4";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(9):before {
  content: "\f1b5";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(1)0:before {
  content: "\f1b6";
  color: currentcolor;
}

.tub-cpu-setting wfont:nth-child(1)1:before {
  content: "\f1b7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cpu-setting wfont:nth-child(1)2:before {
  content: "\f1b8";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(1):before {
  content: "\f1b9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-cpu wfont:nth-child(2):before {
  content: "\f1ba";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(3):before {
  content: "\f1bb";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(4):before {
  content: "\f1bc";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(5):before {
  content: "\f1bd";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(6):before {
  content: "\f1be";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(7):before {
  content: "\f1bf";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(8):before {
  content: "\f1c0";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(9):before {
  content: "\f1c1";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(1)0:before {
  content: "\f1c2";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(1)1:before {
  content: "\f1c3";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(1)2:before {
  content: "\f1c4";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(1)3:before {
  content: "\f1c5";
  color: currentcolor;
}

.tub-cpu wfont:nth-child(1)4:before {
  content: "\f1c6";
  color: currentcolor;
}

.tub-devices1 wfont:nth-child(1):before {
  content: "\f1c7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-devices1 wfont:nth-child(2):before {
  content: "\f1c8";
  color: currentcolor;
}

.tub-devices1 wfont:nth-child(3):before {
  content: "\f1c9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-devices1 wfont:nth-child(4):before {
  content: "\f1ca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-driver-2 wfont:nth-child(1):before {
  content: "\f1cb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-driver-2 wfont:nth-child(2):before {
  content: "\f1cc";
  color: currentcolor;
}

.tub-driver-2 wfont:nth-child(3):before {
  content: "\f1cd";
  color: currentcolor;
}

.tub-driver-2 wfont:nth-child(4):before {
  content: "\f1ce";
  color: currentcolor;
}

.tub-driver-2 wfont:nth-child(5):before {
  content: "\f1cf";
  color: currentcolor;
}

.tub-driver-2 wfont:nth-child(6):before {
  content: "\f1d0";
  color: currentcolor;
}

.tub-driver-2 wfont:nth-child(7):before {
  content: "\f1d1";
  color: currentcolor;
}

.tub-driver-2 wfont:nth-child(8):before {
  content: "\f1d2";
  color: currentcolor;
}

.tub-driver-refresh wfont:nth-child(1):before {
  content: "\f1d3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-driver-refresh wfont:nth-child(2):before {
  content: "\f1d4";
  color: currentcolor;
}

.tub-driver-refresh wfont:nth-child(3):before {
  content: "\f1d5";
  color: currentcolor;
}

.tub-driver-refresh wfont:nth-child(4):before {
  content: "\f1d6";
  color: currentcolor;
}

.tub-driver-refresh wfont:nth-child(5):before {
  content: "\f1d7";
  color: currentcolor;
}

.tub-driver-refresh wfont:nth-child(6):before {
  content: "\f1d8";
  color: currentcolor;
}

.tub-driver-refresh wfont:nth-child(7):before {
  content: "\f1d9";
  color: currentcolor;
}

.tub-driver wfont:nth-child(1):before {
  content: "\f1da";
  color: currentcolor;
  opacity: 0.4;
}

.tub-driver wfont:nth-child(2):before {
  content: "\f1db";
  color: currentcolor;
  opacity: 0.4;
}

.tub-driver wfont:nth-child(3):before {
  content: "\f1dc";
  color: currentcolor;
}

.tub-driver wfont:nth-child(4):before {
  content: "\f1dd";
  color: currentcolor;
}

.tub-driver wfont:nth-child(5):before {
  content: "\f1de";
  color: currentcolor;
}

.tub-driver wfont:nth-child(6):before {
  content: "\f1df";
  color: currentcolor;
}

.tub-driver wfont:nth-child(7):before {
  content: "\f1e0";
  color: currentcolor;
}

.tub-driver wfont:nth-child(8):before {
  content: "\f1e1";
  color: currentcolor;
}

.tub-electricity wfont:nth-child(1):before {
  content: "\f1e2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-electricity wfont:nth-child(2):before {
  content: "\f1e3";
  color: currentcolor;
}

.tub-electricity wfont:nth-child(3):before {
  content: "\f1e4";
  color: currentcolor;
}

.tub-electricity wfont:nth-child(4):before {
  content: "\f1e5";
  color: currentcolor;
}

.tub-external-drive wfont:nth-child(1):before {
  content: "\f1e6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-external-drive wfont:nth-child(2):before {
  content: "\f1e7";
  color: currentcolor;
}

.tub-external-drive wfont:nth-child(3):before {
  content: "\f1e8";
  color: currentcolor;
}

.tub-external-drive wfont:nth-child(4):before {
  content: "\f1e9";
  color: currentcolor;
}

.tub-external-drive wfont:nth-child(5):before {
  content: "\f1ea";
  color: currentcolor;
}

.tub-folder-connection wfont:nth-child(1):before {
  content: "\f1eb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-folder-connection wfont:nth-child(2):before {
  content: "\f1ec";
  color: currentcolor;
}

.tub-game wfont:nth-child(1):before {
  content: "\f1ed";
  color: currentcolor;
}

.tub-game wfont:nth-child(2):before {
  content: "\f1ee";
  color: currentcolor;
}

.tub-game wfont:nth-child(3):before {
  content: "\f1ef";
  color: currentcolor;
}

.tub-game wfont:nth-child(4):before {
  content: "\f1f0";
  color: currentcolor;
}

.tub-game wfont:nth-child(5):before {
  content: "\f1f1";
  color: currentcolor;
}

.tub-game wfont:nth-child(6):before {
  content: "\f1f2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-game wfont:nth-child(7):before {
  content: "\f1f3";
  color: currentcolor;
}

.tub-gameboy wfont:nth-child(1):before {
  content: "\f1f4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gameboy wfont:nth-child(2):before {
  content: "\f1f5";
  color: currentcolor;
}

.tub-gameboy wfont:nth-child(3):before {
  content: "\f1f6";
  color: currentcolor;
}

.tub-gameboy wfont:nth-child(4):before {
  content: "\f1f7";
  color: currentcolor;
}

.tub-gameboy wfont:nth-child(5):before {
  content: "\f1f8";
  color: currentcolor;
}

.tub-headphone wfont:nth-child(1):before {
  content: "\f1f9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-headphone wfont:nth-child(2):before {
  content: "\f1fa";
  color: currentcolor;
}

.tub-headphone wfont:nth-child(3):before {
  content: "\f1fb";
  color: currentcolor;
}

.tub-headphones wfont:nth-child(1):before {
  content: "\f1fc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-headphones wfont:nth-child(2):before {
  content: "\f1fd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-headphones wfont:nth-child(3):before {
  content: "\f1fe";
  color: currentcolor;
}

.tub-headphones wfont:nth-child(4):before {
  content: "\f1ff";
  color: currentcolor;
}

.tub-headphones wfont:nth-child(5):before {
  content: "\f200";
  color: currentcolor;
}

.tub-headphones wfont:nth-child(6):before {
  content: "\f201";
  color: currentcolor;
}

.tub-headphones wfont:nth-child(7):before {
  content: "\f202";
  color: currentcolor;
}

.tub-headphones wfont:nth-child(8):before {
  content: "\f203";
  color: currentcolor;
}

.tub-keyboard-open wfont:nth-child(1):before {
  content: "\f204";
  color: currentcolor;
}

.tub-keyboard-open wfont:nth-child(2):before {
  content: "\f205";
  color: currentcolor;
  opacity: 0.4;
}

.tub-keyboard-open wfont:nth-child(3):before {
  content: "\f206";
  color: currentcolor;
}

.tub-keyboard-open wfont:nth-child(4):before {
  content: "\f207";
  color: currentcolor;
}

.tub-keyboard-open wfont:nth-child(5):before {
  content: "\f208";
  color: currentcolor;
}

.tub-keyboard-open wfont:nth-child(6):before {
  content: "\f209";
  color: currentcolor;
}

.tub-keyboard wfont:nth-child(1):before {
  content: "\f20a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-keyboard wfont:nth-child(2):before {
  content: "\f20b";
  color: currentcolor;
}

.tub-keyboard wfont:nth-child(3):before {
  content: "\f20c";
  color: currentcolor;
}

.tub-keyboard wfont:nth-child(4):before {
  content: "\f20d";
  color: currentcolor;
}

.tub-keyboard wfont:nth-child(5):before {
  content: "\f20e";
  color: currentcolor;
}

.tub-lamp1 wfont:nth-child(1):before {
  content: "\f20f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lamp1 wfont:nth-child(2):before {
  content: "\f210";
  color: currentcolor;
}

.tub-microscope wfont:nth-child(1):before {
  content: "\f211";
  color: currentcolor;
}

.tub-microscope wfont:nth-child(2):before {
  content: "\f212";
  color: currentcolor;
}

.tub-microscope wfont:nth-child(3):before {
  content: "\f213";
  color: currentcolor;
}

.tub-microscope wfont:nth-child(4):before {
  content: "\f214";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mirroring-screen wfont:nth-child(1):before {
  content: "\f215";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mirroring-screen wfont:nth-child(2):before {
  content: "\f216";
  color: currentcolor;
}

.tub-mirroring-screen wfont:nth-child(3):before {
  content: "\f217";
  color: currentcolor;
}

.tub-mirroring-screen wfont:nth-child(4):before {
  content: "\f218";
  color: currentcolor;
}

.tub-mobile wfont:nth-child(1):before {
  content: "\f219";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mobile wfont:nth-child(2):before {
  content: "\f21a";
  color: currentcolor;
}

.tub-mobile wfont:nth-child(3):before {
  content: "\f21b";
  color: currentcolor;
}

.tub-monitor-mobbile wfont:nth-child(1):before {
  content: "\f21c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-monitor-mobbile wfont:nth-child(2):before {
  content: "\f21d";
  color: currentcolor;
}

.tub-monitor-mobbile wfont:nth-child(3):before {
  content: "\f21e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-monitor-recorder wfont:nth-child(1):before {
  content: "\f21f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-monitor-recorder wfont:nth-child(2):before {
  content: "\f220";
  color: currentcolor;
}

.tub-monitor-recorder wfont:nth-child(3):before {
  content: "\f221";
  color: currentcolor;
}

.tub-monitor wfont:nth-child(1):before {
  content: "\f222";
  color: currentcolor;
  opacity: 0.4;
}

.tub-monitor wfont:nth-child(2):before {
  content: "\f223";
  color: currentcolor;
}

.tub-mouse1 wfont:nth-child(1):before {
  content: "\f224";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mouse1 wfont:nth-child(2):before {
  content: "\f225";
  color: currentcolor;
}

.tub-music-play wfont:nth-child(1):before {
  content: "\f226";
  color: currentcolor;
}

.tub-music-play wfont:nth-child(2):before {
  content: "\f227";
  color: currentcolor;
  opacity: 0.4;
}

.tub-music-play wfont:nth-child(3):before {
  content: "\f228";
  color: currentcolor;
}

.tub-music-play wfont:nth-child(4):before {
  content: "\f229";
  color: currentcolor;
}

.tub-printer-slash wfont:nth-child(1):before {
  content: "\f22a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-printer-slash wfont:nth-child(2):before {
  content: "\f22b";
  color: currentcolor;
}

.tub-printer-slash wfont:nth-child(3):before {
  content: "\f22c";
  color: currentcolor;
}

.tub-printer-slash wfont:nth-child(4):before {
  content: "\f22d";
  color: currentcolor;
}

.tub-printer-slash wfont:nth-child(5):before {
  content: "\f22e";
  color: currentcolor;
}

.tub-printer-slash wfont:nth-child(6):before {
  content: "\f22f";
  color: currentcolor;
}

.tub-printer-slash wfont:nth-child(7):before {
  content: "\f230";
  color: currentcolor;
}

.tub-printer-slash wfont:nth-child(8):before {
  content: "\f231";
  color: currentcolor;
  opacity: 0.4;
}

.tub-printer wfont:nth-child(1):before {
  content: "\f232";
  color: currentcolor;
}

.tub-printer wfont:nth-child(2):before {
  content: "\f233";
  color: currentcolor;
}

.tub-printer wfont:nth-child(3):before {
  content: "\f234";
  color: currentcolor;
  opacity: 0.4;
}

.tub-printer wfont:nth-child(4):before {
  content: "\f235";
  color: currentcolor;
}

.tub-printer wfont:nth-child(5):before {
  content: "\f236";
  color: currentcolor;
}

.tub-ram-2 wfont:nth-child(1):before {
  content: "\f237";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ram-2 wfont:nth-child(2):before {
  content: "\f238";
  color: currentcolor;
}

.tub-ram-2 wfont:nth-child(3):before {
  content: "\f239";
  color: currentcolor;
}

.tub-ram-2 wfont:nth-child(4):before {
  content: "\f23a";
  color: currentcolor;
}

.tub-ram-2 wfont:nth-child(5):before {
  content: "\f23b";
  color: currentcolor;
}

.tub-ram wfont:nth-child(1):before {
  content: "\f23c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ram wfont:nth-child(2):before {
  content: "\f23d";
  color: currentcolor;
}

.tub-ram wfont:nth-child(3):before {
  content: "\f23e";
  color: currentcolor;
}

.tub-simcard-1 wfont:nth-child(1):before {
  content: "\f23f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-simcard-1 wfont:nth-child(2):before {
  content: "\f240";
  color: currentcolor;
}

.tub-simcard-1 wfont:nth-child(3):before {
  content: "\f241";
  color: currentcolor;
}

.tub-simcard-1 wfont:nth-child(4):before {
  content: "\f242";
  color: currentcolor;
}

.tub-simcard-1 wfont:nth-child(5):before {
  content: "\f243";
  color: currentcolor;
}

.tub-simcard-2 wfont:nth-child(1):before {
  content: "\f244";
  color: currentcolor;
  opacity: 0.4;
}

.tub-simcard-2 wfont:nth-child(2):before {
  content: "\f245";
  color: currentcolor;
}

.tub-simcard wfont:nth-child(1):before {
  content: "\f246";
  color: currentcolor;
  opacity: 0.4;
}

.tub-simcard wfont:nth-child(2):before {
  content: "\f247";
  color: currentcolor;
}

.tub-simcard wfont:nth-child(3):before {
  content: "\f248";
  color: currentcolor;
}

.tub-speaker wfont:nth-child(1):before {
  content: "\f249";
  color: currentcolor;
}

.tub-speaker wfont:nth-child(2):before {
  content: "\f24a";
  color: currentcolor;
}

.tub-speaker wfont:nth-child(3):before {
  content: "\f24b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-watch-status wfont:nth-child(1):before {
  content: "\f24c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-watch-status wfont:nth-child(2):before {
  content: "\f24d";
  color: currentcolor;
}

.tub-watch-status wfont:nth-child(3):before {
  content: "\f24e";
  color: currentcolor;
}

.tub-watch-status wfont:nth-child(4):before {
  content: "\f24f";
  color: currentcolor;
}

.tub-watch-status wfont:nth-child(5):before {
  content: "\f250";
  color: currentcolor;
}

.tub-watch-status wfont:nth-child(6):before {
  content: "\f251";
  color: currentcolor;
}

.tub-watch wfont:nth-child(1):before {
  content: "\f252";
  color: currentcolor;
  opacity: 0.4;
}

.tub-watch wfont:nth-child(2):before {
  content: "\f253";
  color: currentcolor;
}

.tub-watch wfont:nth-child(3):before {
  content: "\f254";
  color: currentcolor;
}

.tub-watch wfont:nth-child(4):before {
  content: "\f255";
  color: currentcolor;
}

.tub-weight1 wfont:nth-child(1):before {
  content: "\f256";
  color: currentcolor;
  opacity: 0.4;
}

.tub-weight1 wfont:nth-child(2):before {
  content: "\f257";
  color: currentcolor;
}

.tub-additem wfont:nth-child(1):before {
  content: "\f258";
  color: currentcolor;
  opacity: 0.4;
}

.tub-additem wfont:nth-child(2):before {
  content: "\f259";
  color: currentcolor;
}

.tub-additem wfont:nth-child(3):before {
  content: "\f25a";
  color: currentcolor;
}

.tub-backward-item wfont:nth-child(1):before {
  content: "\f25b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-backward-item wfont:nth-child(2):before {
  content: "\f25c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-backward-item wfont:nth-child(3):before {
  content: "\f25d";
  color: currentcolor;
}

.tub-bezier wfont:nth-child(1):before {
  content: "\f25e";
  color: currentcolor;
}

.tub-bezier wfont:nth-child(2):before {
  content: "\f25f";
  color: currentcolor;
}

.tub-bezier wfont:nth-child(3):before {
  content: "\f260";
  color: currentcolor;
}

.tub-bezier wfont:nth-child(4):before {
  content: "\f261";
  color: currentcolor;
}

.tub-bezier wfont:nth-child(5):before {
  content: "\f262";
  color: currentcolor;
}

.tub-bezier wfont:nth-child(6):before {
  content: "\f263";
  color: currentcolor;
  opacity: 0.16;
}

.tub-bezier wfont:nth-child(7):before {
  content: "\f264";
  color: currentcolor;
  opacity: 0.16;
}

.tub-blend-2 wfont:nth-child(1):before {
  content: "\f265";
  color: currentcolor;
}

.tub-blend-2 wfont:nth-child(2):before {
  content: "\f266";
  color: currentcolor;
}

.tub-blend-2 wfont:nth-child(3):before {
  content: "\f267";
  color: currentcolor;
}

.tub-blend-2 wfont:nth-child(4):before {
  content: "\f268";
  color: currentcolor;
}

.tub-blend-2 wfont:nth-child(5):before {
  content: "\f269";
  color: currentcolor;
  opacity: 0.4;
}

.tub-blend wfont:nth-child(1):before {
  content: "\f26a";
  color: currentcolor;
}

.tub-blend wfont:nth-child(2):before {
  content: "\f26b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-blur wfont:nth-child(1):before {
  content: "\f26c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-blur wfont:nth-child(2):before {
  content: "\f26d";
  color: currentcolor;
}

.tub-brush-1 wfont:nth-child(1):before {
  content: "\f26e";
  color: currentcolor;
}

.tub-brush-1 wfont:nth-child(2):before {
  content: "\f26f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brush-2 wfont:nth-child(1):before {
  content: "\f270";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brush-2 wfont:nth-child(2):before {
  content: "\f271";
  margin-left: -0.9990234375em;
  color: currentcolor;
}

.tub-brush-2 wfont:nth-child(3):before {
  content: "\f272";
  margin-left: -0.9990234375em;
  color: currentcolor;
  opacity: 0.4;
}

.tub-brush-2 wfont:nth-child(4):before {
  content: "\f273";
  margin-left: -0.9990234375em;
  color: currentcolor;
}

.tub-brush-3 wfont:nth-child(1):before {
  content: "\f274";
  color: currentcolor;
}

.tub-brush-3 wfont:nth-child(2):before {
  content: "\f275";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brush-3 wfont:nth-child(3):before {
  content: "\f276";
  color: currentcolor;
}

.tub-brush-4 wfont:nth-child(1):before {
  content: "\f277";
  color: currentcolor;
}

.tub-brush-4 wfont:nth-child(2):before {
  content: "\f278";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brush-4 wfont:nth-child(3):before {
  content: "\f279";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brush wfont:nth-child(1):before {
  content: "\f27a";
  color: currentcolor;
}

.tub-brush wfont:nth-child(2):before {
  content: "\f27b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-brush wfont:nth-child(3):before {
  content: "\f27c";
  color: currentcolor;
}

.tub-brush wfont:nth-child(4):before {
  content: "\f27d";
  color: currentcolor;
}

.tub-bucket-circle wfont:nth-child(1):before {
  content: "\f27e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bucket-circle wfont:nth-child(2):before {
  content: "\f27f";
  color: currentcolor;
}

.tub-bucket-circle wfont:nth-child(3):before {
  content: "\f280";
  color: currentcolor;
}

.tub-bucket-square wfont:nth-child(1):before {
  content: "\f281";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bucket-square wfont:nth-child(2):before {
  content: "\f282";
  color: currentcolor;
}

.tub-bucket-square wfont:nth-child(3):before {
  content: "\f283";
  color: currentcolor;
}

.tub-bucket wfont:nth-child(1):before {
  content: "\f284";
  color: currentcolor;
}

.tub-bucket wfont:nth-child(2):before {
  content: "\f285";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bucket wfont:nth-child(3):before {
  content: "\f286";
  color: currentcolor;
}

.tub-bucket wfont:nth-child(4):before {
  content: "\f287";
  color: currentcolor;
}

.tub-color-swatch wfont:nth-child(1):before {
  content: "\f288";
  color: currentcolor;
  opacity: 0.4;
}

.tub-color-swatch wfont:nth-child(2):before {
  content: "\f289";
  color: currentcolor;
  opacity: 0.6;
}

.tub-color-swatch wfont:nth-child(3):before {
  content: "\f28a";
  color: currentcolor;
}

.tub-colorfilter wfont:nth-child(1):before {
  content: "\f28b";
  color: currentcolor;
  opacity: 0.6;
}

.tub-colorfilter wfont:nth-child(2):before {
  content: "\f28c";
  color: currentcolor;
}

.tub-colorfilter wfont:nth-child(3):before {
  content: "\f28d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-colors-square wfont:nth-child(1):before {
  content: "\f28e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-colors-square wfont:nth-child(2):before {
  content: "\f28f";
  color: currentcolor;
  opacity: 0.6;
}

.tub-colors-square wfont:nth-child(3):before {
  content: "\f290";
  color: currentcolor;
}

.tub-colors-square wfont:nth-child(4):before {
  content: "\f291";
  color: currentcolor;
  opacity: 0.4;
}

.tub-component:before {
  content: "\f292";
}

.tub-copy-success wfont:nth-child(1):before {
  content: "\f293";
  color: currentcolor;
  opacity: 0.4;
}

.tub-copy-success wfont:nth-child(2):before {
  content: "\f294";
  color: currentcolor;
}

.tub-copy wfont:nth-child(1):before {
  content: "\f295";
  color: currentcolor;
}

.tub-copy wfont:nth-child(2):before {
  content: "\f296";
  color: currentcolor;
  opacity: 0.4;
}

.tub-designtools wfont:nth-child(1):before {
  content: "\f297";
  color: currentcolor;
}

.tub-designtools wfont:nth-child(2):before {
  content: "\f298";
  color: currentcolor;
}

.tub-designtools wfont:nth-child(3):before {
  content: "\f299";
  color: currentcolor;
  opacity: 0.4;
}

.tub-designtools wfont:nth-child(4):before {
  content: "\f29a";
  color: currentcolor;
}

.tub-designtools wfont:nth-child(5):before {
  content: "\f29b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-eraser1 wfont:nth-child(1):before {
  content: "\f29c";
  color: currentcolor;
}

.tub-eraser1 wfont:nth-child(2):before {
  content: "\f29d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-eraser1 wfont:nth-child(3):before {
  content: "\f29e";
  color: currentcolor;
}

.tub-flash-circle1 wfont:nth-child(1):before {
  content: "\f29f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-flash-circle1 wfont:nth-child(2):before {
  content: "\f2a0";
  color: currentcolor;
}

.tub-forward-item wfont:nth-child(1):before {
  content: "\f2a1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forward-item wfont:nth-child(2):before {
  content: "\f2a2";
  color: currentcolor;
}

.tub-forward-item wfont:nth-child(3):before {
  content: "\f2a3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-glass1 wfont:nth-child(1):before {
  content: "\f2a4";
  color: currentcolor;
}

.tub-glass1 wfont:nth-child(2):before {
  content: "\f2a5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-layer wfont:nth-child(1):before {
  content: "\f2a6";
  color: currentcolor;
}

.tub-layer wfont:nth-child(2):before {
  content: "\f2a7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-layer wfont:nth-child(3):before {
  content: "\f2a8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lifebuoy wfont:nth-child(1):before {
  content: "\f2a9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-lifebuoy wfont:nth-child(2):before {
  content: "\f2aa";
  color: currentcolor;
}

.tub-magicpen wfont:nth-child(1):before {
  content: "\f2ab";
  color: currentcolor;
}

.tub-magicpen wfont:nth-child(2):before {
  content: "\f2ac";
  color: currentcolor;
  opacity: 0.4;
}

.tub-magicpen wfont:nth-child(3):before {
  content: "\f2ad";
  color: currentcolor;
}

.tub-magicpen wfont:nth-child(4):before {
  content: "\f2ae";
  color: currentcolor;
}

.tub-magicpen wfont:nth-child(5):before {
  content: "\f2af";
  color: currentcolor;
}

.tub-main-component wfont:nth-child(1):before {
  content: "\f2b0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-main-component wfont:nth-child(2):before {
  content: "\f2b1";
  color: currentcolor;
}

.tub-mask-1 wfont:nth-child(1):before {
  content: "\f2b2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mask-1 wfont:nth-child(2):before {
  content: "\f2b3";
  color: currentcolor;
}

.tub-mask-2 wfont:nth-child(1):before {
  content: "\f2b4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mask-2 wfont:nth-child(2):before {
  content: "\f2b5";
  color: currentcolor;
}

.tub-mask wfont:nth-child(1):before {
  content: "\f2b6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-mask wfont:nth-child(2):before {
  content: "\f2b7";
  color: currentcolor;
}

.tub-omega-circle wfont:nth-child(1):before {
  content: "\f2b8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-omega-circle wfont:nth-child(2):before {
  content: "\f2b9";
  color: currentcolor;
}

.tub-omega-square wfont:nth-child(1):before {
  content: "\f2ba";
  color: currentcolor;
  opacity: 0.4;
}

.tub-omega-square wfont:nth-child(2):before {
  content: "\f2bb";
  color: currentcolor;
}

.tub-paintbucket wfont:nth-child(1):before {
  content: "\f2bc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-paintbucket wfont:nth-child(2):before {
  content: "\f2bd";
  color: currentcolor;
}

.tub-paintbucket wfont:nth-child(3):before {
  content: "\f2be";
  color: currentcolor;
}

.tub-path-2 wfont:nth-child(1):before {
  content: "\f2bf";
  color: currentcolor;
}

.tub-path-2 wfont:nth-child(2):before {
  content: "\f2c0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-path-2 wfont:nth-child(3):before {
  content: "\f2c1";
  color: currentcolor;
}

.tub-path-square wfont:nth-child(1):before {
  content: "\f2c2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-path-square wfont:nth-child(2):before {
  content: "\f2c3";
  color: currentcolor;
}

.tub-path-square wfont:nth-child(3):before {
  content: "\f2c4";
  color: currentcolor;
  opacity: 0.6;
}

.tub-path-square wfont:nth-child(4):before {
  content: "\f2c5";
  color: currentcolor;
}

.tub-path wfont:nth-child(1):before {
  content: "\f2c6";
  color: currentcolor;
}

.tub-path wfont:nth-child(2):before {
  content: "\f2c7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-path wfont:nth-child(3):before {
  content: "\f2c8";
  color: currentcolor;
}

.tub-pen-add wfont:nth-child(1):before {
  content: "\f2c9";
  color: currentcolor;
}

.tub-pen-add wfont:nth-child(2):before {
  content: "\f2ca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-pen-add wfont:nth-child(3):before {
  content: "\f2cb";
  color: currentcolor;
}

.tub-pen-add wfont:nth-child(4):before {
  content: "\f2cc";
  color: currentcolor;
}

.tub-pen-close wfont:nth-child(1):before {
  content: "\f2cd";
  color: currentcolor;
}

.tub-pen-close wfont:nth-child(2):before {
  content: "\f2ce";
  color: currentcolor;
  opacity: 0.4;
}

.tub-pen-close wfont:nth-child(3):before {
  content: "\f2cf";
  color: currentcolor;
}

.tub-pen-close wfont:nth-child(4):before {
  content: "\f2d0";
  color: currentcolor;
}

.tub-pen-remove wfont:nth-child(1):before {
  content: "\f2d1";
  color: currentcolor;
}

.tub-pen-remove wfont:nth-child(2):before {
  content: "\f2d2";
  color: currentcolor;
}

.tub-pen-remove wfont:nth-child(3):before {
  content: "\f2d3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-pen-remove wfont:nth-child(4):before {
  content: "\f2d4";
  color: currentcolor;
}

.tub-pen-tool-2 wfont:nth-child(1):before {
  content: "\f2d5";
  color: currentcolor;
}

.tub-pen-tool-2 wfont:nth-child(2):before {
  content: "\f2d6";
  color: currentcolor;
}

.tub-pen-tool-2 wfont:nth-child(3):before {
  content: "\f2d7";
  color: currentcolor;
}

.tub-pen-tool-2 wfont:nth-child(4):before {
  content: "\f2d8";
  color: currentcolor;
}

.tub-pen-tool-2 wfont:nth-child(5):before {
  content: "\f2d9";
  color: currentcolor;
}

.tub-pen-tool-2 wfont:nth-child(6):before {
  content: "\f2da";
  color: currentcolor;
}

.tub-pen-tool-2 wfont:nth-child(7):before {
  content: "\f2db";
  color: currentcolor;
  opacity: 0.4;
}

.tub-pen-tool wfont:nth-child(1):before {
  content: "\f2dc";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(2):before {
  content: "\f2dd";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(3):before {
  content: "\f2de";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(4):before {
  content: "\f2df";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(5):before {
  content: "\f2e0";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(6):before {
  content: "\f2e1";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(7):before {
  content: "\f2e2";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(8):before {
  content: "\f2e3";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(9):before {
  content: "\f2e4";
  color: currentcolor;
}

.tub-pen-tool wfont:nth-child(1)0:before {
  content: "\f2e5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-recovery-convert wfont:nth-child(1):before {
  content: "\f2e6";
  color: currentcolor;
}

.tub-recovery-convert wfont:nth-child(2):before {
  content: "\f2e7";
  color: currentcolor;
}

.tub-recovery-convert wfont:nth-child(3):before {
  content: "\f2e8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-recovery-convert wfont:nth-child(4):before {
  content: "\f2e9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ruler wfont:nth-child(1):before {
  content: "\f2ea";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ruler wfont:nth-child(2):before {
  content: "\f2eb";
  color: currentcolor;
}

.tub-ruler wfont:nth-child(3):before {
  content: "\f2ec";
  color: currentcolor;
}

.tub-ruler wfont:nth-child(4):before {
  content: "\f2ed";
  color: currentcolor;
}

.tub-ruler wfont:nth-child(5):before {
  content: "\f2ee";
  color: currentcolor;
}

.tub-rulerpen wfont:nth-child(1):before {
  content: "\f2ef";
  color: currentcolor;
  opacity: 0.4;
}

.tub-rulerpen wfont:nth-child(2):before {
  content: "\f2f0";
  color: currentcolor;
}

.tub-rulerpen wfont:nth-child(3):before {
  content: "\f2f1";
  color: currentcolor;
}

.tub-rulerpen wfont:nth-child(4):before {
  content: "\f2f2";
  color: currentcolor;
}

.tub-rulerpen wfont:nth-child(5):before {
  content: "\f2f3";
  color: currentcolor;
}

.tub-rulerpen wfont:nth-child(6):before {
  content: "\f2f4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-rulerpen wfont:nth-child(7):before {
  content: "\f2f5";
  color: currentcolor;
}

.tub-scissor1 wfont:nth-child(1):before {
  content: "\f2f6";
  color: currentcolor;
}

.tub-scissor1 wfont:nth-child(2):before {
  content: "\f2f7";
  color: currentcolor;
}

.tub-scissor1 wfont:nth-child(3):before {
  content: "\f2f8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shapes-1 wfont:nth-child(1):before {
  content: "\f2f9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-shapes-1 wfont:nth-child(2):before {
  content: "\f2fa";
  color: currentcolor;
}

.tub-shapes wfont:nth-child(1):before {
  content: "\f2fb";
  color: currentcolor;
}

.tub-shapes wfont:nth-child(2):before {
  content: "\f2fc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-size wfont:nth-child(1):before {
  content: "\f2fd";
  color: currentcolor;
}

.tub-size wfont:nth-child(2):before {
  content: "\f2fe";
  color: currentcolor;
  opacity: 0.4;
}

.tub-d-cube-scan wfont:nth-child(1):before {
  content: "\f2ff";
  color: currentcolor;
  opacity: 0.4;
}

.tub-d-cube-scan wfont:nth-child(2):before {
  content: "\f300";
  color: currentcolor;
  opacity: 0.4;
}

.tub-d-cube-scan wfont:nth-child(3):before {
  content: "\f301";
  color: currentcolor;
}

.tub-d-cube-scan wfont:nth-child(4):before {
  content: "\f302";
  color: currentcolor;
}

.tub-d-cube-scan wfont:nth-child(5):before {
  content: "\f303";
  color: currentcolor;
}

.tub-d-rotate wfont:nth-child(1):before {
  content: "\f304";
  color: currentcolor;
}

.tub-d-rotate wfont:nth-child(2):before {
  content: "\f305";
  color: currentcolor;
}

.tub-d-rotate wfont:nth-child(3):before {
  content: "\f306";
  color: currentcolor;
  opacity: 0.4;
}

.tub-d-rotate wfont:nth-child(4):before {
  content: "\f307";
  color: currentcolor;
  opacity: 0.4;
}

.tub-d-square wfont:nth-child(1):before {
  content: "\f308";
  color: currentcolor;
  opacity: 0.4;
}

.tub-d-square wfont:nth-child(2):before {
  content: "\f309";
  color: currentcolor;
}

.tub-d-square wfont:nth-child(3):before {
  content: "\f30a";
  color: currentcolor;
}

.tub-d-square wfont:nth-child(4):before {
  content: "\f30b";
  color: currentcolor;
}

.tub-airplane-square wfont:nth-child(1):before {
  content: "\f30c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-airplane-square wfont:nth-child(2):before {
  content: "\f30d";
  color: currentcolor;
}

.tub-airplane wfont:nth-child(1):before {
  content: "\f30e";
  color: currentcolor;
}

.tub-airplane wfont:nth-child(2):before {
  content: "\f30f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-1 wfont:nth-child(1):before {
  content: "\f310";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-1 wfont:nth-child(2):before {
  content: "\f311";
  color: currentcolor;
  opacity: 0.6;
}

.tub-box-1 wfont:nth-child(3):before {
  content: "\f312";
  color: currentcolor;
}

.tub-box-add wfont:nth-child(1):before {
  content: "\f313";
  color: currentcolor;
}

.tub-box-add wfont:nth-child(2):before {
  content: "\f314";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-add wfont:nth-child(3):before {
  content: "\f315";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-add wfont:nth-child(4):before {
  content: "\f316";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-remove wfont:nth-child(1):before {
  content: "\f317";
  color: currentcolor;
}

.tub-box-remove wfont:nth-child(2):before {
  content: "\f318";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-remove wfont:nth-child(3):before {
  content: "\f319";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-remove wfont:nth-child(4):before {
  content: "\f31a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-search wfont:nth-child(1):before {
  content: "\f31b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-search wfont:nth-child(2):before {
  content: "\f31c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-search wfont:nth-child(3):before {
  content: "\f31d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-search wfont:nth-child(4):before {
  content: "\f31e";
  color: currentcolor;
}

.tub-box-tick wfont:nth-child(1):before {
  content: "\f31f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-tick wfont:nth-child(2):before {
  content: "\f320";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-tick wfont:nth-child(3):before {
  content: "\f321";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-tick wfont:nth-child(4):before {
  content: "\f322";
  color: currentcolor;
}

.tub-box-time wfont:nth-child(1):before {
  content: "\f323";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-time wfont:nth-child(2):before {
  content: "\f324";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-time wfont:nth-child(3):before {
  content: "\f325";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box-time wfont:nth-child(4):before {
  content: "\f326";
  color: currentcolor;
}

.tub-box wfont:nth-child(1):before {
  content: "\f327";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box wfont:nth-child(2):before {
  content: "\f328";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box wfont:nth-child(3):before {
  content: "\f329";
  color: currentcolor;
  opacity: 0.4;
}

.tub-box wfont:nth-child(4):before {
  content: "\f32a";
  color: currentcolor;
}

.tub-box wfont:nth-child(5):before {
  content: "\f32b";
  color: currentcolor;
}

.tub-bus wfont:nth-child(1):before {
  content: "\f32c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bus wfont:nth-child(2):before {
  content: "\f32d";
  color: currentcolor;
}

.tub-bus wfont:nth-child(3):before {
  content: "\f32e";
  color: currentcolor;
}

.tub-bus wfont:nth-child(4):before {
  content: "\f32f";
  color: currentcolor;
}

.tub-bus wfont:nth-child(5):before {
  content: "\f330";
  color: currentcolor;
}

.tub-car wfont:nth-child(1):before {
  content: "\f331";
  color: currentcolor;
  opacity: 0.4;
}

.tub-car wfont:nth-child(2):before {
  content: "\f332";
  color: currentcolor;
}

.tub-car wfont:nth-child(3):before {
  content: "\f333";
  color: currentcolor;
}

.tub-car wfont:nth-child(4):before {
  content: "\f334";
  color: currentcolor;
}

.tub-convert-3d-cube wfont:nth-child(1):before {
  content: "\f335";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convert-3d-cube wfont:nth-child(2):before {
  content: "\f336";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convert-3d-cube wfont:nth-child(3):before {
  content: "\f337";
  color: currentcolor;
}

.tub-convert-3d-cube wfont:nth-child(4):before {
  content: "\f338";
  color: currentcolor;
}

.tub-convert-3d-cube wfont:nth-child(5):before {
  content: "\f339";
  color: currentcolor;
}

.tub-convert-3d-cube wfont:nth-child(6):before {
  content: "\f33a";
  color: currentcolor;
}

.tub-convert-3d-cube wfont:nth-child(7):before {
  content: "\f33b";
  color: currentcolor;
}

.tub-convert-3d-cube wfont:nth-child(8):before {
  content: "\f33c";
  color: currentcolor;
}

.tub-driving wfont:nth-child(1):before {
  content: "\f33d";
  color: currentcolor;
}

.tub-driving wfont:nth-child(2):before {
  content: "\f33e";
  color: currentcolor;
}

.tub-driving wfont:nth-child(3):before {
  content: "\f33f";
  color: currentcolor;
}

.tub-driving wfont:nth-child(4):before {
  content: "\f340";
  color: currentcolor;
}

.tub-driving wfont:nth-child(5):before {
  content: "\f341";
  color: currentcolor;
  opacity: 0.4;
}

.tub-driving wfont:nth-child(6):before {
  content: "\f342";
  color: currentcolor;
}

.tub-driving wfont:nth-child(7):before {
  content: "\f343";
  color: currentcolor;
}

.tub-driving wfont:nth-child(8):before {
  content: "\f344";
  color: currentcolor;
}

.tub-gas-station wfont:nth-child(1):before {
  content: "\f345";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gas-station wfont:nth-child(2):before {
  content: "\f346";
  color: currentcolor;
}

.tub-gas-station wfont:nth-child(3):before {
  content: "\f347";
  color: currentcolor;
}

.tub-gas-station wfont:nth-child(4):before {
  content: "\f348";
  color: currentcolor;
}

.tub-gas-station wfont:nth-child(5):before {
  content: "\f349";
  color: currentcolor;
}

.tub-group-1 wfont:nth-child(1):before {
  content: "\f34a";
  color: currentcolor;
}

.tub-group-1 wfont:nth-child(2):before {
  content: "\f34b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-group-1 wfont:nth-child(3):before {
  content: "\f34c";
  color: currentcolor;
}

.tub-group-1 wfont:nth-child(4):before {
  content: "\f34d";
  color: currentcolor;
}

.tub-group-1 wfont:nth-child(5):before {
  content: "\f34e";
  color: currentcolor;
}

.tub-group wfont:nth-child(1):before {
  content: "\f34f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-group wfont:nth-child(2):before {
  content: "\f350";
  color: currentcolor;
}

.tub-group wfont:nth-child(3):before {
  content: "\f351";
  color: currentcolor;
}

.tub-group wfont:nth-child(4):before {
  content: "\f352";
  color: currentcolor;
}

.tub-group wfont:nth-child(5):before {
  content: "\f353";
  color: currentcolor;
}

.tub-group wfont:nth-child(6):before {
  content: "\f354";
  color: currentcolor;
}

.tub-group wfont:nth-child(7):before {
  content: "\f355";
  color: currentcolor;
}

.tub-group wfont:nth-child(8):before {
  content: "\f356";
  color: currentcolor;
}

.tub-ship wfont:nth-child(1):before {
  content: "\f357";
  color: currentcolor;
}

.tub-ship wfont:nth-child(2):before {
  content: "\f358";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ship wfont:nth-child(3):before {
  content: "\f359";
  color: currentcolor;
}

.tub-smart-car wfont:nth-child(1):before {
  content: "\f35a";
  color: currentcolor;
}

.tub-smart-car wfont:nth-child(2):before {
  content: "\f35b";
  color: currentcolor;
}

.tub-smart-car wfont:nth-child(3):before {
  content: "\f35c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-smart-car wfont:nth-child(4):before {
  content: "\f35d";
  color: currentcolor;
}

.tub-smart-car wfont:nth-child(5):before {
  content: "\f35e";
  color: currentcolor;
}

.tub-smart-car wfont:nth-child(6):before {
  content: "\f35f";
  color: currentcolor;
}

.tub-truck-remove wfont:nth-child(1):before {
  content: "\f360";
  color: currentcolor;
}

.tub-truck-remove wfont:nth-child(2):before {
  content: "\f361";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-remove wfont:nth-child(3):before {
  content: "\f362";
  color: currentcolor;
}

.tub-truck-remove wfont:nth-child(4):before {
  content: "\f363";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-remove wfont:nth-child(5):before {
  content: "\f364";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-remove wfont:nth-child(6):before {
  content: "\f365";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-tick wfont:nth-child(1):before {
  content: "\f366";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-tick wfont:nth-child(2):before {
  content: "\f367";
  color: currentcolor;
}

.tub-truck-tick wfont:nth-child(3):before {
  content: "\f368";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-tick wfont:nth-child(4):before {
  content: "\f369";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-tick wfont:nth-child(5):before {
  content: "\f36a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-tick wfont:nth-child(6):before {
  content: "\f36b";
  color: currentcolor;
}

.tub-truck-time wfont:nth-child(1):before {
  content: "\f36c";
  color: currentcolor;
}

.tub-truck-time wfont:nth-child(2):before {
  content: "\f36d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-time wfont:nth-child(3):before {
  content: "\f36e";
  color: currentcolor;
}

.tub-truck-time wfont:nth-child(4):before {
  content: "\f36f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-time wfont:nth-child(5):before {
  content: "\f370";
  color: currentcolor;
  opacity: 0.4;
}

.tub-truck-time wfont:nth-child(6):before {
  content: "\f371";
  color: currentcolor;
  opacity: 0.4;
}

.tub-aave-aave wfont:nth-child(1):before {
  content: "\f372";
  color: currentcolor;
  opacity: 0.4;
}

.tub-aave-aave wfont:nth-child(2):before {
  content: "\f373";
  color: currentcolor;
}

.tub-android wfont:nth-child(1):before {
  content: "\f374";
  color: currentcolor;
}

.tub-android wfont:nth-child(2):before {
  content: "\f375";
  color: currentcolor;
}

.tub-android wfont:nth-child(3):before {
  content: "\f376";
  color: currentcolor;
  opacity: 0.4;
}

.tub-android wfont:nth-child(4):before {
  content: "\f377";
  color: currentcolor;
}

.tub-android wfont:nth-child(5):before {
  content: "\f378";
  color: currentcolor;
}

.tub-android wfont:nth-child(6):before {
  content: "\f379";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ankr-ankr wfont:nth-child(1):before {
  content: "\f37a";
  color: currentcolor;
}

.tub-ankr-ankr wfont:nth-child(2):before {
  content: "\f37b";
  color: currentcolor;
}

.tub-ankr-ankr wfont:nth-child(3):before {
  content: "\f37c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-apple wfont:nth-child(1):before {
  content: "\f37d";
  color: currentcolor;
}

.tub-apple wfont:nth-child(2):before {
  content: "\f37e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-augur-rep wfont:nth-child(1):before {
  content: "\f37f";
  color: currentcolor;
  opacity: 0.0030;
}

.tub-augur-rep wfont:nth-child(2):before {
  content: "\f380";
  color: currentcolor;
  opacity: 0.4;
}

.tub-augur-rep wfont:nth-child(3):before {
  content: "\f381";
  color: currentcolor;
}

.tub-augur-rep wfont:nth-child(4):before {
  content: "\f382";
  color: currentcolor;
}

.tub-autonio-niox wfont:nth-child(1):before {
  content: "\f383";
  color: currentcolor;
  opacity: 0.4;
}

.tub-autonio-niox wfont:nth-child(2):before {
  content: "\f384";
  color: currentcolor;
}

.tub-autonio-niox wfont:nth-child(3):before {
  content: "\f385";
  color: currentcolor;
}

.tub-autonio-niox wfont:nth-child(4):before {
  content: "\f386";
  color: currentcolor;
}

.tub-avalanche-avax wfont:nth-child(1):before {
  content: "\f387";
  color: currentcolor;
}

.tub-avalanche-avax wfont:nth-child(2):before {
  content: "\f388";
  color: currentcolor;
}

.tub-avalanche-avax wfont:nth-child(3):before {
  content: "\f389";
  color: currentcolor;
  opacity: 0.4;
}

.tub-be wfont:nth-child(1):before {
  content: "\f38a";
  color: currentcolor;
}

.tub-be wfont:nth-child(2):before {
  content: "\f38b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-be wfont:nth-child(3):before {
  content: "\f38c";
  color: currentcolor;
}

.tub-binance-coin-bnb wfont:nth-child(1):before {
  content: "\f38d";
  color: currentcolor;
}

.tub-binance-coin-bnb wfont:nth-child(2):before {
  content: "\f38e";
  color: currentcolor;
}

.tub-binance-coin-bnb wfont:nth-child(3):before {
  content: "\f38f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-binance-coin-bnb wfont:nth-child(4):before {
  content: "\f390";
  color: currentcolor;
  opacity: 0.4;
}

.tub-binance-coin-bnb wfont:nth-child(5):before {
  content: "\f391";
  color: currentcolor;
  opacity: 0.4;
}

.tub-binance-usd-busd wfont:nth-child(1):before {
  content: "\f392";
  color: currentcolor;
}

.tub-binance-usd-busd wfont:nth-child(2):before {
  content: "\f393";
  color: currentcolor;
  opacity: 0.4;
}

.tub-binance-usd-busd wfont:nth-child(3):before {
  content: "\f394";
  color: currentcolor;
}

.tub-binance-usd-busd wfont:nth-child(4):before {
  content: "\f395";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bitcoin-btc wfont:nth-child(1):before {
  content: "\f396";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bitcoin-btc wfont:nth-child(2):before {
  content: "\f397";
  color: currentcolor;
}

.tub-blogger wfont:nth-child(1):before {
  content: "\f398";
  color: currentcolor;
}

.tub-blogger wfont:nth-child(2):before {
  content: "\f399";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bootstrap wfont:nth-child(1):before {
  content: "\f39a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bootstrap wfont:nth-child(2):before {
  content: "\f39b";
  color: currentcolor;
}

.tub-cardano-ada wfont:nth-child(1):before {
  content: "\f39c";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(2):before {
  content: "\f39d";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(3):before {
  content: "\f39e";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(4):before {
  content: "\f39f";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(5):before {
  content: "\f3a0";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(6):before {
  content: "\f3a1";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(7):before {
  content: "\f3a2";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(8):before {
  content: "\f3a3";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(9):before {
  content: "\f3a4";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(1)0:before {
  content: "\f3a5";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(1)1:before {
  content: "\f3a6";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(1)2:before {
  content: "\f3a7";
  color: currentcolor;
  opacity: 0.36;
}

.tub-cardano-ada wfont:nth-child(1)3:before {
  content: "\f3a8";
  color: currentcolor;
}

.tub-cardano-ada wfont:nth-child(1)4:before {
  content: "\f3a9";
  color: currentcolor;
}

.tub-cardano-ada wfont:nth-child(1)5:before {
  content: "\f3aa";
  color: currentcolor;
}

.tub-cardano-ada wfont:nth-child(1)6:before {
  content: "\f3ab";
  color: currentcolor;
}

.tub-cardano-ada wfont:nth-child(1)7:before {
  content: "\f3ac";
  color: currentcolor;
}

.tub-cardano-ada wfont:nth-child(1)8:before {
  content: "\f3ad";
  color: currentcolor;
}

.tub-cardano-ada wfont:nth-child(1)9:before {
  content: "\f3ae";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)0:before {
  content: "\f3af";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)1:before {
  content: "\f3b0";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)2:before {
  content: "\f3b1";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)3:before {
  content: "\f3b2";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)4:before {
  content: "\f3b3";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)5:before {
  content: "\f3b4";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)6:before {
  content: "\f3b5";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)7:before {
  content: "\f3b6";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)8:before {
  content: "\f3b7";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(2)9:before {
  content: "\f3b8";
  color: currentcolor;
  opacity: 0.16;
}

.tub-cardano-ada wfont:nth-child(3)0:before {
  content: "\f3b9";
  color: currentcolor;
  opacity: 0.16;
}

.tub-celo-celo wfont:nth-child(1):before {
  content: "\f3ba";
  color: currentcolor;
  opacity: 0.4;
}

.tub-celo-celo wfont:nth-child(2):before {
  content: "\f3bb";
  color: currentcolor;
}

.tub-celsius-cel wfont:nth-child(1):before {
  content: "\f3bc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-celsius-cel wfont:nth-child(2):before {
  content: "\f3bd";
  color: currentcolor;
}

.tub-celsius-cel wfont:nth-child(3):before {
  content: "\f3be";
  color: currentcolor;
}

.tub-chainlink-link:before {
  content: "\f3bf";
}

.tub-civic-cvc wfont:nth-child(1):before {
  content: "\f3c0";
  color: currentcolor;
  opacity: 0.0030;
}

.tub-civic-cvc wfont:nth-child(2):before {
  content: "\f3c1";
  color: currentcolor;
}

.tub-civic-cvc wfont:nth-child(3):before {
  content: "\f3c2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dai-dai wfont:nth-child(1):before {
  content: "\f3c3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dai-dai wfont:nth-child(2):before {
  content: "\f3c4";
  color: currentcolor;
}

.tub-dai-dai wfont:nth-child(3):before {
  content: "\f3c5";
  color: currentcolor;
}

.tub-dai-dai wfont:nth-child(4):before {
  content: "\f3c6";
  color: currentcolor;
}

.tub-dash-dash wfont:nth-child(1):before {
  content: "\f3c7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dash-dash wfont:nth-child(2):before {
  content: "\f3c8";
  color: currentcolor;
}

.tub-decred-dcr wfont:nth-child(1):before {
  content: "\f3c9";
  color: currentcolor;
}

.tub-decred-dcr wfont:nth-child(2):before {
  content: "\f3ca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dent-dent wfont:nth-child(1):before {
  content: "\f3cb";
  color: currentcolor;
  opacity: 0.0030;
}

.tub-dent-dent wfont:nth-child(2):before {
  content: "\f3cc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dent-dent wfont:nth-child(3):before {
  content: "\f3cd";
  color: currentcolor;
}

.tub-dribbble wfont:nth-child(1):before {
  content: "\f3ce";
  currentcolor
}

.tub-dribbble wfont:nth-child(2):before {
  content: "\f3cf";
  currentcolor
}

.tub-dribbble wfont:nth-child(3):before {
  content: "\f3d0";
  currentcolor
}

.tub-dribbble wfont:nth-child(4):before {
  content: "\f3d1";
  currentcolor
}

.tub-dribbble wfont:nth-child(5):before {
  content: "\f3d2";
  currentcolor
  opacity: 0.4;
}

.tub-dribbble wfont:nth-child(6):before {
  content: "\f3d3";
  currentcolor
}

.tub-dribbble wfont:nth-child(7):before {
  content: "\f3d4";
  currentcolor
}

.tub-dribbble wfont:nth-child(8):before {
  content: "\f3d5";
  currentcolor
  opacity: 0.4;
}

.tub-dropbox wfont:nth-child(1):before {
  content: "\f3d6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dropbox wfont:nth-child(2):before {
  content: "\f3d7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dropbox wfont:nth-child(3):before {
  content: "\f3d8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dropbox wfont:nth-child(4):before {
  content: "\f3d9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-dropbox wfont:nth-child(5):before {
  content: "\f3da";
  color: currentcolor;
}

.tub-educare-ekt wfont:nth-child(1):before {
  content: "\f3db";
  color: currentcolor;
  opacity: 0.4;
}

.tub-educare-ekt wfont:nth-child(2):before {
  content: "\f3dc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-educare-ekt wfont:nth-child(3):before {
  content: "\f3dd";
  color: currentcolor;
}

.tub-educare-ekt wfont:nth-child(4):before {
  content: "\f3de";
  color: currentcolor;
}

.tub-emercoin-emc wfont:nth-child(1):before {
  content: "\f3df";
  color: currentcolor;
  opacity: 0.4;
}

.tub-emercoin-emc wfont:nth-child(2):before {
  content: "\f3e0";
  color: currentcolor;
}

.tub-enjin-coin-enj wfont:nth-child(1):before {
  content: "\f3e1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-enjin-coin-enj wfont:nth-child(2):before {
  content: "\f3e2";
  color: currentcolor;
}

.tub-eos-eos wfont:nth-child(1):before {
  content: "\f3e3";
  color: currentcolor;
}

.tub-eos-eos wfont:nth-child(2):before {
  content: "\f3e4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-eos-eos wfont:nth-child(3):before {
  content: "\f3e5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ethereum-eth wfont:nth-child(1):before {
  content: "\f3e6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ethereum-eth wfont:nth-child(2):before {
  content: "\f3e7";
  color: currentcolor;
}

.tub-ethereum-eth wfont:nth-child(3):before {
  content: "\f3e8";
  color: currentcolor;
}

.tub-ethereum-classic-etc wfont:nth-child(1):before {
  content: "\f3e9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ethereum-classic-etc wfont:nth-child(2):before {
  content: "\f3ea";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ethereum-classic-etc wfont:nth-child(3):before {
  content: "\f3eb";
  color: currentcolor;
}

.tub-facebook wfont:nth-child(1):before {
  content: "\f3ec";
  color: currentcolor;
  opacity: 0.4;
}

.tub-facebook wfont:nth-child(2):before {
  content: "\f3ed";
  color: currentcolor;
}

.tub-figma-1 wfont:nth-child(1):before {
  content: "\f3ee";
  color: currentcolor;
}

.tub-figma-1 wfont:nth-child(2):before {
  content: "\f3ef";
  color: currentcolor;
  opacity: 0.4;
}

.tub-figma-1 wfont:nth-child(3):before {
  content: "\f3f0";
  color: currentcolor;
}

.tub-figma-1 wfont:nth-child(4):before {
  content: "\f3f1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-figma-1 wfont:nth-child(5):before {
  content: "\f3f2";
  color: currentcolor;
}

.tub-figma wfont:nth-child(1):before {
  content: "\f3f3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-figma wfont:nth-child(2):before {
  content: "\f3f4";
  color: currentcolor;
}

.tub-figma wfont:nth-child(3):before {
  content: "\f3f5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-figma wfont:nth-child(4):before {
  content: "\f3f6";
  color: currentcolor;
}

.tub-figma wfont:nth-child(5):before {
  content: "\f3f7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-figma wfont:nth-child(6):before {
  content: "\f3f8";
  color: currentcolor;
}

.tub-frame-1 wfont:nth-child(1):before {
  content: "\f3f9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame-1 wfont:nth-child(2):before {
  content: "\f3fa";
  color: currentcolor;
}

.tub-frame-1 wfont:nth-child(3):before {
  content: "\f3fb";
  color: currentcolor;
}

.tub-frame-2 wfont:nth-child(1):before {
  content: "\f3fc";
  color: currentcolor;
}

.tub-frame-2 wfont:nth-child(2):before {
  content: "\f3fd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame-3 wfont:nth-child(1):before {
  content: "\f3fe";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame-3 wfont:nth-child(2):before {
  content: "\f3ff";
  color: currentcolor;
}

.tub-frame-3 wfont:nth-child(3):before {
  content: "\f400";
  color: currentcolor;
}

.tub-frame-4 wfont:nth-child(1):before {
  content: "\f401";
  color: currentcolor;
}

.tub-frame-4 wfont:nth-child(2):before {
  content: "\f402";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame3 wfont:nth-child(1):before {
  content: "\f403";
  color: currentcolor;
}

.tub-frame3 wfont:nth-child(2):before {
  content: "\f404";
  color: currentcolor;
  opacity: 0.4;
}

.tub-framer wfont:nth-child(1):before {
  content: "\f405";
  color: currentcolor;
}

.tub-framer wfont:nth-child(2):before {
  content: "\f406";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ftx-token-ftt wfont:nth-child(1):before {
  content: "\f407";
  color: currentcolor;
}

.tub-ftx-token-ftt wfont:nth-child(2):before {
  content: "\f408";
  color: currentcolor;
}

.tub-ftx-token-ftt wfont:nth-child(3):before {
  content: "\f409";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ftx-token-ftt wfont:nth-child(4):before {
  content: "\f40a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-google-1 wfont:nth-child(1):before {
  content: "\f40b";
  color: currentcolor;
}

.tub-google-1 wfont:nth-child(2):before {
  content: "\f40c";
  color: currentcolor;
}

.tub-google-1 wfont:nth-child(3):before {
  content: "\f40d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-google-play wfont:nth-child(1):before {
  content: "\f40e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-google-play wfont:nth-child(2):before {
  content: "\f40f";
  color: currentcolor;
}

.tub-google-play wfont:nth-child(3):before {
  content: "\f410";
  color: currentcolor;
  opacity: 0.4;
}

.tub-google-play wfont:nth-child(4):before {
  content: "\f411";
  color: currentcolor;
}

.tub-google-play wfont:nth-child(5):before {
  content: "\f412";
  color: currentcolor;
}

.tub-google wfont:nth-child(1):before {
  content: "\f413";
  color: currentcolor;
  opacity: 0.4;
}

.tub-google wfont:nth-child(2):before {
  content: "\f414";
  color: currentcolor;
}

.tub-google wfont:nth-child(3):before {
  content: "\f415";
  color: currentcolor;
  opacity: 0.4;
}

.tub-google wfont:nth-child(4):before {
  content: "\f416";
  color: currentcolor;
}

.tub-google wfont:nth-child(5):before {
  content: "\f417";
  color: currentcolor;
  opacity: 0.4;
}

.tub-google wfont:nth-child(6):before {
  content: "\f418";
  color: currentcolor;
}

.tub-google wfont:nth-child(7):before {
  content: "\f419";
  color: currentcolor;
  opacity: 0.4;
}

.tub-harmony-one wfont:nth-child(1):before {
  content: "\f41a";
  color: currentcolor;
}

.tub-harmony-one wfont:nth-child(2):before {
  content: "\f41b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-harmony-one wfont:nth-child(3):before {
  content: "\f41c";
  color: currentcolor;
}

.tub-hedera-hashgraph-hbar wfont:nth-child(1):before {
  content: "\f41d";
  color: currentcolor;
}

.tub-hedera-hashgraph-hbar wfont:nth-child(2):before {
  content: "\f41e";
  color: currentcolor;
}

.tub-hedera-hashgraph-hbar wfont:nth-child(3):before {
  content: "\f41f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hedera-hashgraph-hbar wfont:nth-child(4):before {
  content: "\f420";
  color: currentcolor;
}

.tub-hedera-hashgraph-hbar wfont:nth-child(5):before {
  content: "\f421";
  color: currentcolor;
}

.tub-hex-hex wfont:nth-child(1):before {
  content: "\f422";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hex-hex wfont:nth-child(2):before {
  content: "\f423";
  color: currentcolor;
}

.tub-hex-hex wfont:nth-child(3):before {
  content: "\f424";
  color: currentcolor;
  opacity: 0.6;
}

.tub-html-3 wfont:nth-child(1):before {
  content: "\f425";
  color: currentcolor;
  opacity: 0.4;
}

.tub-html-3 wfont:nth-child(2):before {
  content: "\f426";
  color: currentcolor;
}

.tub-html-5 wfont:nth-child(1):before {
  content: "\f427";
  color: currentcolor;
  opacity: 0.4;
}

.tub-html-5 wfont:nth-child(2):before {
  content: "\f428";
  color: currentcolor;
}

.tub-huobi-token-ht wfont:nth-child(1):before {
  content: "\f429";
  color: currentcolor;
  opacity: 0.4;
}

.tub-huobi-token-ht wfont:nth-child(2):before {
  content: "\f42a";
  color: currentcolor;
}

.tub-icon-icx wfont:nth-child(1):before {
  content: "\f42b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-icon-icx wfont:nth-child(2):before {
  content: "\f42c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-icon-icx wfont:nth-child(3):before {
  content: "\f42d";
  color: currentcolor;
}

.tub-icon-icx wfont:nth-child(4):before {
  content: "\f42e";
  color: currentcolor;
}

.tub-illustrator wfont:nth-child(1):before {
  content: "\f42f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-illustrator wfont:nth-child(2):before {
  content: "\f430";
  color: currentcolor;
}

.tub-illustrator wfont:nth-child(3):before {
  content: "\f431";
  color: currentcolor;
}

.tub-illustrator wfont:nth-child(4):before {
  content: "\f432";
  color: currentcolor;
}

.tub-iost-iost wfont:nth-child(1):before {
  content: "\f433";
  color: currentcolor;
  opacity: 0.4;
}

.tub-iost-iost wfont:nth-child(2):before {
  content: "\f434";
  color: currentcolor;
}

.tub-java-script wfont:nth-child(1):before {
  content: "\f435";
  color: currentcolor;
  opacity: 0.4;
}

.tub-java-script wfont:nth-child(2):before {
  content: "\f436";
  color: currentcolor;
}

.tub-java-script wfont:nth-child(3):before {
  content: "\f437";
  color: currentcolor;
}

.tub-js wfont:nth-child(1):before {
  content: "\f438";
  color: currentcolor;
}

.tub-js wfont:nth-child(2):before {
  content: "\f439";
  color: currentcolor;
  opacity: 0.4;
}

.tub-kyber-network-knc wfont:nth-child(1):before {
  content: "\f43a";
  color: currentcolor;
  opacity: 0.6;
}

.tub-kyber-network-knc wfont:nth-child(2):before {
  content: "\f43b";
  color: currentcolor;
}

.tub-kyber-network-knc wfont:nth-child(3):before {
  content: "\f43c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-kyber-network-knc wfont:nth-child(4):before {
  content: "\f43d";
  color: currentcolor;
}

.tub-litecoinltc wfont:nth-child(1):before {
  content: "\f43e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-litecoinltc wfont:nth-child(2):before {
  content: "\f43f";
  color: currentcolor;
}

.tub-litecoinltc wfont:nth-child(3):before {
  content: "\f440";
  color: currentcolor;
}

.tub-maker-mkr wfont:nth-child(1):before {
  content: "\f441";
  color: currentcolor;
  opacity: 0.4;
}

.tub-maker-mkr wfont:nth-child(2):before {
  content: "\f442";
  color: currentcolor;
}

.tub-maker-mkr wfont:nth-child(3):before {
  content: "\f443";
  color: currentcolor;
}

.tub-messenger wfont:nth-child(1):before {
  content: "\f444";
  color: currentcolor;
  opacity: 0.4;
}

.tub-messenger wfont:nth-child(2):before {
  content: "\f445";
  color: currentcolor;
}

.tub-nebulas-nas wfont:nth-child(1):before {
  content: "\f446";
  color: currentcolor;
  opacity: 0.0030;
}

.tub-nebulas-nas wfont:nth-child(2):before {
  content: "\f447";
  color: currentcolor;
  opacity: 0.4;
}

.tub-nebulas-nas wfont:nth-child(3):before {
  content: "\f448";
  color: currentcolor;
}

.tub-nebulas-nas wfont:nth-child(4):before {
  content: "\f449";
  color: currentcolor;
}

.tub-nebulas-nas wfont:nth-child(5):before {
  content: "\f44a";
  color: currentcolor;
}

.tub-nebulas-nas wfont:nth-child(6):before {
  content: "\f44b";
  color: currentcolor;
}

.tub-nebulas-nas wfont:nth-child(7):before {
  content: "\f44c";
  color: currentcolor;
}

.tub-nebulas-nas wfont:nth-child(8):before {
  content: "\f44d";
  color: currentcolor;
}

.tub-nem-xem wfont:nth-child(1):before {
  content: "\f44e";
  color: currentcolor;
  opacity: 0.6;
}

.tub-nem-xem wfont:nth-child(2):before {
  content: "\f44f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-nem-xem wfont:nth-child(3):before {
  content: "\f450";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(1):before {
  content: "\f451";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(2):before {
  content: "\f452";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(3):before {
  content: "\f453";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(4):before {
  content: "\f454";
  color: currentcolor;
  opacity: 0.36;
}

.tub-ocean-protocol-ocean wfont:nth-child(5):before {
  content: "\f455";
  color: currentcolor;
  opacity: 0.16;
}

.tub-ocean-protocol-ocean wfont:nth-child(6):before {
  content: "\f456";
  color: currentcolor;
  opacity: 0.0400;
}

.tub-ocean-protocol-ocean wfont:nth-child(7):before {
  content: "\f457";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(8):before {
  content: "\f458";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(9):before {
  content: "\f459";
  color: currentcolor;
  opacity: 0.36;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)0:before {
  content: "\f45a";
  color: currentcolor;
  opacity: 0.36;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)1:before {
  content: "\f45b";
  color: currentcolor;
  opacity: 0.16;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)2:before {
  content: "\f45c";
  color: currentcolor;
  opacity: 0.16;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)3:before {
  content: "\f45d";
  color: currentcolor;
  opacity: 0.0400;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)4:before {
  content: "\f45e";
  color: currentcolor;
  opacity: 0.0400;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)5:before {
  content: "\f45f";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)6:before {
  content: "\f460";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)7:before {
  content: "\f461";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)8:before {
  content: "\f462";
  color: currentcolor;
}

.tub-ocean-protocol-ocean wfont:nth-child(1)9:before {
  content: "\f463";
  color: currentcolor;
  opacity: 0.36;
}

.tub-ocean-protocol-ocean wfont:nth-child(2)0:before {
  content: "\f464";
  color: currentcolor;
  opacity: 0.36;
}

.tub-ocean-protocol-ocean wfont:nth-child(2)1:before {
  content: "\f465";
  color: currentcolor;
  opacity: 0.16;
}

.tub-ocean-protocol-ocean wfont:nth-child(2)2:before {
  content: "\f466";
  color: currentcolor;
  opacity: 0.16;
}

.tub-ocean-protocol-ocean wfont:nth-child(2)3:before {
  content: "\f467";
  color: currentcolor;
  opacity: 0.0400;
}

.tub-ocean-protocol-ocean wfont:nth-child(2)4:before {
  content: "\f468";
  color: currentcolor;
  opacity: 0.0400;
}

.tub-okb-okb wfont:nth-child(1):before {
  content: "\f469";
  color: currentcolor;
  opacity: 0.4;
}

.tub-okb-okb wfont:nth-child(2):before {
  content: "\f46a";
  color: currentcolor;
}

.tub-okb-okb wfont:nth-child(3):before {
  content: "\f46b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-okb-okb wfont:nth-child(4):before {
  content: "\f46c";
  color: currentcolor;
}

.tub-okb-okb wfont:nth-child(5):before {
  content: "\f46d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-okb-okb wfont:nth-child(6):before {
  content: "\f46e";
  color: currentcolor;
}

.tub-okb-okb wfont:nth-child(7):before {
  content: "\f46f";
  color: currentcolor;
}

.tub-okb-okb wfont:nth-child(8):before {
  content: "\f470";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ontology-ont wfont:nth-child(1):before {
  content: "\f471";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ontology-ont wfont:nth-child(2):before {
  content: "\f472";
  color: currentcolor;
}

.tub-paypal wfont:nth-child(1):before {
  content: "\f473";
  color: currentcolor;
}

.tub-paypal wfont:nth-child(2):before {
  content: "\f474";
  color: currentcolor;
  opacity: 0.4;
}

.tub-photoshop wfont:nth-child(1):before {
  content: "\f475";
  color: currentcolor;
  opacity: 0.4;
}

.tub-photoshop wfont:nth-child(2):before {
  content: "\f476";
  color: currentcolor;
}

.tub-photoshop wfont:nth-child(3):before {
  content: "\f477";
  color: currentcolor;
}

.tub-polkadot-dot wfont:nth-child(1):before {
  content: "\f478";
  color: currentcolor;
}

.tub-polkadot-dot wfont:nth-child(2):before {
  content: "\f479";
  color: currentcolor;
  opacity: 0.16;
}

.tub-polygon-matic wfont:nth-child(1):before {
  content: "\f47a";
  color: currentcolor;
}

.tub-polygon-matic wfont:nth-child(2):before {
  content: "\f47b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-polygon-matic wfont:nth-child(3):before {
  content: "\f47c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-polyswarm-nct wfont:nth-child(1):before {
  content: "\f47d";
  color: currentcolor;
}

.tub-polyswarm-nct wfont:nth-child(2):before {
  content: "\f47e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-polyswarm-nct wfont:nth-child(3):before {
  content: "\f47f";
  color: currentcolor;
}

.tub-polyswarm-nct wfont:nth-child(4):before {
  content: "\f480";
  color: currentcolor;
  opacity: 0.4;
}

.tub-python wfont:nth-child(1):before {
  content: "\f481";
  color: currentcolor;
}

.tub-python wfont:nth-child(2):before {
  content: "\f482";
  color: currentcolor;
  opacity: 0.4;
}

.tub-quant-qnt wfont:nth-child(1):before {
  content: "\f483";
  color: currentcolor;
  opacity: 0.6;
}

.tub-quant-qnt wfont:nth-child(2):before {
  content: "\f484";
  color: currentcolor;
  opacity: 0.6;
}

.tub-quant-qnt wfont:nth-child(3):before {
  content: "\f485";
  color: currentcolor;
}

.tub-quant-qnt wfont:nth-child(4):before {
  content: "\f486";
  color: currentcolor;
  opacity: 0.6;
}

.tub-quant-qnt wfont:nth-child(5):before {
  content: "\f487";
  color: currentcolor;
}

.tub-quant-qnt wfont:nth-child(6):before {
  content: "\f488";
  color: currentcolor;
}

.tub-quant-qnt wfont:nth-child(7):before {
  content: "\f489";
  color: currentcolor;
  opacity: 0.4;
}

.tub-quant-qnt wfont:nth-child(8):before {
  content: "\f48a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-siacoin-sc wfont:nth-child(1):before {
  content: "\f48b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-siacoin-sc wfont:nth-child(2):before {
  content: "\f48c";
  color: currentcolor;
}

.tub-siacoin-sc wfont:nth-child(3):before {
  content: "\f48d";
  color: currentcolor;
}

.tub-slack wfont:nth-child(1):before {
  content: "\f48e";
  color: currentcolor;
}

.tub-slack wfont:nth-child(2):before {
  content: "\f48f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slack wfont:nth-child(3):before {
  content: "\f490";
  color: currentcolor;
}

.tub-slack wfont:nth-child(4):before {
  content: "\f491";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slack wfont:nth-child(5):before {
  content: "\f492";
  color: currentcolor;
}

.tub-slack wfont:nth-child(6):before {
  content: "\f493";
  color: currentcolor;
  opacity: 0.4;
}

.tub-slack wfont:nth-child(7):before {
  content: "\f494";
  color: currentcolor;
}

.tub-slack wfont:nth-child(8):before {
  content: "\f495";
  color: currentcolor;
  opacity: 0.4;
}

.tub-snapchat wfont:nth-child(1):before {
  content: "\f496";
  color: currentcolor;
  opacity: 0.4;
}

.tub-snapchat wfont:nth-child(2):before {
  content: "\f497";
  color: currentcolor;
}

.tub-solana-sol wfont:nth-child(1):before {
  content: "\f498";
  color: currentcolor;
}

.tub-solana-sol wfont:nth-child(2):before {
  content: "\f499";
  color: currentcolor;
  opacity: 0.4;
}

.tub-solana-sol wfont:nth-child(3):before {
  content: "\f49a";
  color: currentcolor;
}

.tub-spotify wfont:nth-child(1):before {
  content: "\f49b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-spotify wfont:nth-child(2):before {
  content: "\f49c";
  color: currentcolor;
}

.tub-spotify wfont:nth-child(3):before {
  content: "\f49d";
  color: currentcolor;
}

.tub-spotify wfont:nth-child(4):before {
  content: "\f49e";
  color: currentcolor;
}

.tub-stacks-stx wfont:nth-child(1):before {
  content: "\f49f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-stacks-stx wfont:nth-child(2):before {
  content: "\f4a0";
  color: currentcolor;
}

.tub-stacks-stx wfont:nth-child(3):before {
  content: "\f4a1";
  color: currentcolor;
}

.tub-tenx-pay wfont:nth-child(1):before {
  content: "\f4a2";
  color: currentcolor;
  opacity: 0.0030;
}

.tub-tenx-pay wfont:nth-child(2):before {
  content: "\f4a3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tenx-pay wfont:nth-child(3):before {
  content: "\f4a4";
  color: currentcolor;
}

.tub-tether-usdt wfont:nth-child(1):before {
  content: "\f4a5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-tether-usdt wfont:nth-child(2):before {
  content: "\f4a6";
  color: currentcolor;
}

.tub-the-graph-grt wfont:nth-child(1):before {
  content: "\f4a7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-the-graph-grt wfont:nth-child(2):before {
  content: "\f4a8";
  color: currentcolor;
}

.tub-the-graph-grt wfont:nth-child(3):before {
  content: "\f4a9";
  color: currentcolor;
}

.tub-the-graph-grt wfont:nth-child(4):before {
  content: "\f4aa";
  color: currentcolor;
}

.tub-theta-theta wfont:nth-child(1):before {
  content: "\f4ab";
  color: currentcolor;
  opacity: 0.4;
}

.tub-theta-theta wfont:nth-child(2):before {
  content: "\f4ac";
  color: currentcolor;
}

.tub-thorchain-rune wfont:nth-child(1):before {
  content: "\f4ad";
  color: currentcolor;
  opacity: 0.4;
}

.tub-thorchain-rune wfont:nth-child(2):before {
  content: "\f4ae";
  color: currentcolor;
}

.tub-trello wfont:nth-child(1):before {
  content: "\f4af";
  color: currentcolor;
  opacity: 0.4;
}

.tub-trello wfont:nth-child(2):before {
  content: "\f4b0";
  color: currentcolor;
}

.tub-trello wfont:nth-child(3):before {
  content: "\f4b1";
  color: currentcolor;
}

.tub-triangle1 wfont:nth-child(1):before {
  content: "\f4b2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-triangle1 wfont:nth-child(2):before {
  content: "\f4b3";
  color: currentcolor;
}

.tub-triangle1 wfont:nth-child(3):before {
  content: "\f4b4";
  color: currentcolor;
}

.tub-trontron-trx wfont:nth-child(1):before {
  content: "\f4b5";
  color: currentcolor;
}

.tub-trontron-trx wfont:nth-child(2):before {
  content: "\f4b6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-trontron-trx wfont:nth-child(3):before {
  content: "\f4b7";
  color: currentcolor;
}

.tub-trontron-trx wfont:nth-child(4):before {
  content: "\f4b8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-twitch wfont:nth-child(1):before {
  content: "\f4b9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-twitch wfont:nth-child(2):before {
  content: "\f4ba";
  color: currentcolor;
}

.tub-twitch wfont:nth-child(3):before {
  content: "\f4bb";
  color: currentcolor;
}

.tub-ui8 wfont:nth-child(1):before {
  content: "\f4bc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-ui8 wfont:nth-child(2):before {
  content: "\f4bd";
  color: currentcolor;
}

.tub-ui8 wfont:nth-child(3):before {
  content: "\f4be";
  color: currentcolor;
}

.tub-ui8 wfont:nth-child(4):before {
  content: "\f4bf";
  color: currentcolor;
}

.tub-ui8 wfont:nth-child(5):before {
  content: "\f4c0";
  color: currentcolor;
}

.tub-ui8 wfont:nth-child(6):before {
  content: "\f4c1";
  color: currentcolor;
}

.tub-usd-coin-usdc wfont:nth-child(1):before {
  content: "\f4c2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-usd-coin-usdc wfont:nth-child(2):before {
  content: "\f4c3";
  color: currentcolor;
}

.tub-usd-coin-usdc wfont:nth-child(3):before {
  content: "\f4c4";
  color: currentcolor;
}

.tub-usd-coin-usdc wfont:nth-child(4):before {
  content: "\f4c5";
  color: currentcolor;
}

.tub-velas-vlx:before {
  content: "\f4c6";
}

.tub-vibe-vibe wfont:nth-child(1):before {
  content: "\f4c7";
  color: currentcolor;
}

.tub-vibe-vibe wfont:nth-child(2):before {
  content: "\f4c8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-vibe-vibe wfont:nth-child(3):before {
  content: "\f4c9";
  color: currentcolor;
}

.tub-vuesax wfont:nth-child(1):before {
  content: "\f4ca";
  color: currentcolor;
}

.tub-vuesax wfont:nth-child(2):before {
  content: "\f4cb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-vuesax wfont:nth-child(3):before {
  content: "\f4cc";
  color: currentcolor;
}

.tub-wanchain-wan-1 wfont:nth-child(1):before {
  content: "\f4cd";
  color: currentcolor;
  opacity: 0.0030;
}

.tub-wanchain-wan-1 wfont:nth-child(2):before {
  content: "\f4ce";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wanchain-wan-1 wfont:nth-child(3):before {
  content: "\f4cf";
  color: currentcolor;
}

.tub-wanchain-wan wfont:nth-child(1):before {
  content: "\f4d0";
  color: currentcolor;
  opacity: 0.0030;
}

.tub-wanchain-wan wfont:nth-child(2):before {
  content: "\f4d1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wanchain-wan wfont:nth-child(3):before {
  content: "\f4d2";
  color: currentcolor;
}

.tub-wanchain-wan wfont:nth-child(4):before {
  content: "\f4d3";
  color: currentcolor;
}

.tub-whatsapp wfont:nth-child(1):before {
  content: "\f4d4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-whatsapp wfont:nth-child(2):before {
  content: "\f4d5";
  color: currentcolor;
}

.tub-windows wfont:nth-child(1):before {
  content: "\f4d6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-windows wfont:nth-child(2):before {
  content: "\f4d7";
  color: currentcolor;
}

.tub-windows wfont:nth-child(3):before {
  content: "\f4d8";
  color: currentcolor;
}

.tub-windows wfont:nth-child(4):before {
  content: "\f4d9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wing-wing wfont:nth-child(1):before {
  content: "\f4da";
  color: currentcolor;
  opacity: 0.0030;
}

.tub-wing-wing wfont:nth-child(2):before {
  content: "\f4db";
  color: currentcolor;
}

.tub-wing-wing wfont:nth-child(3):before {
  content: "\f4dc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-wing-wing wfont:nth-child(4):before {
  content: "\f4dd";
  color: currentcolor;
}

.tub-xd wfont:nth-child(1):before {
  content: "\f4de";
  color: currentcolor;
  opacity: 0.4;
}

.tub-xd wfont:nth-child(2):before {
  content: "\f4df";
  color: currentcolor;
}

.tub-xd wfont:nth-child(3):before {
  content: "\f4e0";
  color: currentcolor;
}

.tub-xiaomi wfont:nth-child(1):before {
  content: "\f4e1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-xiaomi wfont:nth-child(2):before {
  content: "\f4e2";
  color: currentcolor;
}

.tub-xiaomi wfont:nth-child(3):before {
  content: "\f4e3";
  color: currentcolor;
}

.tub-xiaomi wfont:nth-child(4):before {
  content: "\f4e4";
  color: currentcolor;
}

.tub-xrp-xrp wfont:nth-child(1):before {
  content: "\f4e5";
  color: currentcolor;
}

.tub-xrp-xrp wfont:nth-child(2):before {
  content: "\f4e6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-youtube wfont:nth-child(1):before {
  content: "\f4e7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-youtube wfont:nth-child(2):before {
  content: "\f4e8";
  color: currentcolor;
}

.tub-zel-zel wfont:nth-child(1):before {
  content: "\f4e9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-zel-zel wfont:nth-child(2):before {
  content: "\f4ea";
  color: currentcolor;
}

.tub-zel-zel wfont:nth-child(3):before {
  content: "\f4eb";
  color: currentcolor;
}

.tub-zel-zel wfont:nth-child(4):before {
  content: "\f4ec";
  color: currentcolor;
}

.tub-zoom wfont:nth-child(1):before {
  content: "\f4ed";
  color: currentcolor;
  opacity: 0.4;
}

.tub-zoom wfont:nth-child(2):before {
  content: "\f4ee";
  color: currentcolor;
}

.tub-zoom wfont:nth-child(3):before {
  content: "\f4ef";
  color: currentcolor;
}

.tub-bitcoin-card wfont:nth-child(1):before {
  content: "\f4f0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bitcoin-card wfont:nth-child(2):before {
  content: "\f4f1";
  color: currentcolor;
}

.tub-bitcoin-card wfont:nth-child(3):before {
  content: "\f4f2";
  color: currentcolor;
}

.tub-bitcoin-convert wfont:nth-child(1):before {
  content: "\f4f3";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bitcoin-convert wfont:nth-child(2):before {
  content: "\f4f4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bitcoin-convert wfont:nth-child(3):before {
  content: "\f4f5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bitcoin-convert wfont:nth-child(4):before {
  content: "\f4f6";
  color: currentcolor;
}

.tub-bitcoin-convert wfont:nth-child(5):before {
  content: "\f4f7";
  color: currentcolor;
}

.tub-bitcoin-refresh wfont:nth-child(1):before {
  content: "\f4f8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bitcoin-refresh wfont:nth-child(2):before {
  content: "\f4f9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bitcoin-refresh wfont:nth-child(3):before {
  content: "\f4fa";
  color: currentcolor;
}

.tub-buy-crypto wfont:nth-child(1):before {
  content: "\f4fb";
  color: currentcolor;
}

.tub-buy-crypto wfont:nth-child(2):before {
  content: "\f4fc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-buy-crypto wfont:nth-child(3):before {
  content: "\f4fd";
  color: currentcolor;
}

.tub-card-coin wfont:nth-child(1):before {
  content: "\f4fe";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-coin wfont:nth-child(2):before {
  content: "\f4ff";
  color: currentcolor;
}

.tub-card-coin wfont:nth-child(3):before {
  content: "\f500";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-coin wfont:nth-child(4):before {
  content: "\f501";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-coin wfont:nth-child(5):before {
  content: "\f502";
  color: currentcolor;
  opacity: 0.4;
}

.tub-card-coin wfont:nth-child(6):before {
  content: "\f503";
  color: currentcolor;
}

.tub-trade wfont:nth-child(1):before {
  content: "\f504";
  color: currentcolor;
}

.tub-trade wfont:nth-child(2):before {
  content: "\f505";
  color: currentcolor;
  opacity: 0.4;
}

.tub-trade wfont:nth-child(3):before {
  content: "\f506";
  color: currentcolor;
}

.tub-trade wfont:nth-child(4):before {
  content: "\f507";
  color: currentcolor;
}

.tub-call-add wfont:nth-child(1):before {
  content: "\f508";
  color: currentcolor;
}

.tub-call-add wfont:nth-child(2):before {
  content: "\f509";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call-add wfont:nth-child(3):before {
  content: "\f50a";
  color: currentcolor;
}

.tub-call-calling wfont:nth-child(1):before {
  content: "\f50b";
  color: currentcolor;
}

.tub-call-calling wfont:nth-child(2):before {
  content: "\f50c";
  color: currentcolor;
}

.tub-call-calling wfont:nth-child(3):before {
  content: "\f50d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call-calling wfont:nth-child(4):before {
  content: "\f50e";
  color: currentcolor;
}

.tub-call-incoming wfont:nth-child(1):before {
  content: "\f50f";
  color: currentcolor;
}

.tub-call-incoming wfont:nth-child(2):before {
  content: "\f510";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call-incoming wfont:nth-child(3):before {
  content: "\f511";
  color: currentcolor;
}

.tub-call-minus wfont:nth-child(1):before {
  content: "\f512";
  color: currentcolor;
}

.tub-call-minus wfont:nth-child(2):before {
  content: "\f513";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call-minus wfont:nth-child(3):before {
  content: "\f514";
  color: currentcolor;
}

.tub-call-outgoing wfont:nth-child(1):before {
  content: "\f515";
  color: currentcolor;
}

.tub-call-outgoing wfont:nth-child(2):before {
  content: "\f516";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call-outgoing wfont:nth-child(3):before {
  content: "\f517";
  color: currentcolor;
}

.tub-call-received wfont:nth-child(1):before {
  content: "\f518";
  color: currentcolor;
}

.tub-call-received wfont:nth-child(2):before {
  content: "\f519";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call-received wfont:nth-child(3):before {
  content: "\f51a";
  color: currentcolor;
}

.tub-call-remove wfont:nth-child(1):before {
  content: "\f51b";
  color: currentcolor;
}

.tub-call-remove wfont:nth-child(2):before {
  content: "\f51c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call-remove wfont:nth-child(3):before {
  content: "\f51d";
  color: currentcolor;
}

.tub-call-slash wfont:nth-child(1):before {
  content: "\f51e";
  color: currentcolor;
}

.tub-call-slash wfont:nth-child(2):before {
  content: "\f51f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call-slash wfont:nth-child(3):before {
  content: "\f520";
  color: currentcolor;
}

.tub-call wfont:nth-child(1):before {
  content: "\f521";
  color: currentcolor;
  opacity: 0.4;
}

.tub-call wfont:nth-child(2):before {
  content: "\f522";
  color: currentcolor;
}

.tub-activity wfont:nth-child(1):before {
  content: "\f523";
  color: currentcolor;
  opacity: 0.4;
}

.tub-activity wfont:nth-child(2):before {
  content: "\f524";
  color: currentcolor;
}

.tub-chart-1 wfont:nth-child(1):before {
  content: "\f525";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chart-1 wfont:nth-child(2):before {
  content: "\f526";
  color: currentcolor;
}

.tub-chart-1 wfont:nth-child(3):before {
  content: "\f527";
  color: currentcolor;
}

.tub-chart-1 wfont:nth-child(4):before {
  content: "\f528";
  color: currentcolor;
}

.tub-chart-2 wfont:nth-child(1):before {
  content: "\f529";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chart-2 wfont:nth-child(2):before {
  content: "\f52a";
  color: currentcolor;
}

.tub-chart-2 wfont:nth-child(3):before {
  content: "\f52b";
  color: currentcolor;
}

.tub-chart-3 wfont:nth-child(1):before {
  content: "\f52c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chart-3 wfont:nth-child(2):before {
  content: "\f52d";
  color: currentcolor;
}

.tub-chart-3 wfont:nth-child(3):before {
  content: "\f52e";
  color: currentcolor;
}

.tub-chart-3 wfont:nth-child(4):before {
  content: "\f52f";
  color: currentcolor;
}

.tub-chart-success wfont:nth-child(1):before {
  content: "\f530";
  color: currentcolor;
}

.tub-chart-success wfont:nth-child(2):before {
  content: "\f531";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chart-success wfont:nth-child(3):before {
  content: "\f532";
  color: currentcolor;
}

.tub-chart-success wfont:nth-child(4):before {
  content: "\f533";
  color: currentcolor;
}

.tub-chart-success wfont:nth-child(5):before {
  content: "\f534";
  color: currentcolor;
}

.tub-chart1 wfont:nth-child(1):before {
  content: "\f535";
  color: currentcolor;
}

.tub-chart1 wfont:nth-child(2):before {
  content: "\f536";
  color: currentcolor;
}

.tub-chart1 wfont:nth-child(3):before {
  content: "\f537";
  color: currentcolor;
  opacity: 0.4;
}

.tub-chart1 wfont:nth-child(4):before {
  content: "\f538";
  color: currentcolor;
  opacity: 0.4;
}

.tub-diagram wfont:nth-child(1):before {
  content: "\f539";
  color: currentcolor;
}

.tub-diagram wfont:nth-child(2):before {
  content: "\f53a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-favorite-chart wfont:nth-child(1):before {
  content: "\f53b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-favorite-chart wfont:nth-child(2):before {
  content: "\f53c";
  color: currentcolor;
}

.tub-favorite-chart wfont:nth-child(3):before {
  content: "\f53d";
  color: currentcolor;
}

.tub-frame4 wfont:nth-child(1):before {
  content: "\f53e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame4 wfont:nth-child(2):before {
  content: "\f53f";
  color: currentcolor;
}

.tub-frame4 wfont:nth-child(3):before {
  content: "\f540";
  color: currentcolor;
}

.tub-frame4 wfont:nth-child(4):before {
  content: "\f541";
  color: currentcolor;
}

.tub-frame4 wfont:nth-child(5):before {
  content: "\f542";
  color: currentcolor;
}

.tub-graph wfont:nth-child(1):before {
  content: "\f543";
  color: currentcolor;
}

.tub-graph wfont:nth-child(2):before {
  content: "\f544";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hashtag1 wfont:nth-child(1):before {
  content: "\f545";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hashtag1 wfont:nth-child(2):before {
  content: "\f546";
  color: currentcolor;
}

.tub-health wfont:nth-child(1):before {
  content: "\f547";
  color: currentcolor;
  opacity: 0.4;
}

.tub-health wfont:nth-child(2):before {
  content: "\f548";
  color: currentcolor;
}

.tub-health wfont:nth-child(3):before {
  content: "\f549";
  color: currentcolor;
}

.tub-home-hashtag wfont:nth-child(1):before {
  content: "\f54a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-home-hashtag wfont:nth-child(2):before {
  content: "\f54b";
  color: currentcolor;
}

.tub-home-trend-down wfont:nth-child(1):before {
  content: "\f54c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-home-trend-down wfont:nth-child(2):before {
  content: "\f54d";
  color: currentcolor;
}

.tub-home-trend-up wfont:nth-child(1):before {
  content: "\f54e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-home-trend-up wfont:nth-child(2):before {
  content: "\f54f";
  color: currentcolor;
}

.tub-personalcard wfont:nth-child(1):before {
  content: "\f550";
  color: currentcolor;
  opacity: 0.4;
}

.tub-personalcard wfont:nth-child(2):before {
  content: "\f551";
  color: currentcolor;
}

.tub-personalcard wfont:nth-child(3):before {
  content: "\f552";
  color: currentcolor;
}

.tub-personalcard wfont:nth-child(4):before {
  content: "\f553";
  color: currentcolor;
}

.tub-personalcard wfont:nth-child(5):before {
  content: "\f554";
  color: currentcolor;
}

.tub-personalcard wfont:nth-child(6):before {
  content: "\f555";
  color: currentcolor;
}

.tub-presention-chart wfont:nth-child(1):before {
  content: "\f556";
  color: currentcolor;
  opacity: 0.4;
}

.tub-presention-chart wfont:nth-child(2):before {
  content: "\f557";
  color: currentcolor;
}

.tub-presention-chart wfont:nth-child(3):before {
  content: "\f558";
  color: currentcolor;
}

.tub-presention-chart wfont:nth-child(4):before {
  content: "\f559";
  color: currentcolor;
}

.tub-status-up wfont:nth-child(1):before {
  content: "\f55a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-status-up wfont:nth-child(2):before {
  content: "\f55b";
  color: currentcolor;
}

.tub-status-up wfont:nth-child(3):before {
  content: "\f55c";
  color: currentcolor;
}

.tub-status-up wfont:nth-child(4):before {
  content: "\f55d";
  color: currentcolor;
}

.tub-status-up wfont:nth-child(5):before {
  content: "\f55e";
  color: currentcolor;
}

.tub-trend-down wfont:nth-child(1):before {
  content: "\f55f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-trend-down wfont:nth-child(2):before {
  content: "\f560";
  color: currentcolor;
}

.tub-trend-up wfont:nth-child(1):before {
  content: "\f561";
  color: currentcolor;
  opacity: 0.4;
}

.tub-trend-up wfont:nth-child(2):before {
  content: "\f562";
  color: currentcolor;
}

.tub-bank wfont:nth-child(1):before {
  content: "\f563";
  color: currentcolor;
}

.tub-bank wfont:nth-child(2):before {
  content: "\f564";
  color: currentcolor;
}

.tub-bank wfont:nth-child(3):before {
  content: "\f565";
  color: currentcolor;
  opacity: 0.6;
}

.tub-bank wfont:nth-child(4):before {
  content: "\f566";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bank wfont:nth-child(5):before {
  content: "\f567";
  color: currentcolor;
  opacity: 0.6;
}

.tub-bank wfont:nth-child(6):before {
  content: "\f568";
  color: currentcolor;
  opacity: 0.4;
}

.tub-bank wfont:nth-child(7):before {
  content: "\f569";
  color: currentcolor;
}

.tub-bank wfont:nth-child(8):before {
  content: "\f56a";
  color: currentcolor;
}

.tub-building-3 wfont:nth-child(1):before {
  content: "\f56b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-building-3 wfont:nth-child(2):before {
  content: "\f56c";
  color: currentcolor;
}

.tub-building-3 wfont:nth-child(3):before {
  content: "\f56d";
  color: currentcolor;
}

.tub-building-3 wfont:nth-child(4):before {
  content: "\f56e";
  color: currentcolor;
}

.tub-building-3 wfont:nth-child(5):before {
  content: "\f56f";
  color: currentcolor;
}

.tub-building-4 wfont:nth-child(1):before {
  content: "\f570";
  color: currentcolor;
  opacity: 0.4;
}

.tub-building-4 wfont:nth-child(2):before {
  content: "\f571";
  color: currentcolor;
}

.tub-building-4 wfont:nth-child(3):before {
  content: "\f572";
  color: currentcolor;
}

.tub-building-4 wfont:nth-child(4):before {
  content: "\f573";
  color: currentcolor;
}

.tub-building-4 wfont:nth-child(5):before {
  content: "\f574";
  color: currentcolor;
}

.tub-building wfont:nth-child(1):before {
  content: "\f575";
  color: currentcolor;
  opacity: 0.4;
}

.tub-building wfont:nth-child(2):before {
  content: "\f576";
  color: currentcolor;
}

.tub-building wfont:nth-child(3):before {
  content: "\f577";
  color: currentcolor;
}

.tub-building wfont:nth-child(4):before {
  content: "\f578";
  color: currentcolor;
  opacity: 0.6;
}

.tub-building wfont:nth-child(5):before {
  content: "\f579";
  color: currentcolor;
}

.tub-building wfont:nth-child(6):before {
  content: "\f57a";
  color: currentcolor;
}

.tub-buildings-2 wfont:nth-child(1):before {
  content: "\f57b";
  color: currentcolor;
}

.tub-buildings-2 wfont:nth-child(2):before {
  content: "\f57c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-buildings-2 wfont:nth-child(3):before {
  content: "\f57d";
  color: currentcolor;
}

.tub-buildings-2 wfont:nth-child(4):before {
  content: "\f57e";
  color: currentcolor;
}

.tub-buildings-2 wfont:nth-child(5):before {
  content: "\f57f";
  color: currentcolor;
}

.tub-buildings-2 wfont:nth-child(6):before {
  content: "\f580";
  color: currentcolor;
}

.tub-buildings wfont:nth-child(1):before {
  content: "\f581";
  color: currentcolor;
  opacity: 0.6;
}

.tub-buildings wfont:nth-child(2):before {
  content: "\f582";
  color: currentcolor;
}

.tub-buildings wfont:nth-child(3):before {
  content: "\f583";
  color: currentcolor;
  opacity: 0.4;
}

.tub-buildings wfont:nth-child(4):before {
  content: "\f584";
  color: currentcolor;
}

.tub-buildings wfont:nth-child(5):before {
  content: "\f585";
  color: currentcolor;
}

.tub-buildings wfont:nth-child(6):before {
  content: "\f586";
  color: currentcolor;
}

.tub-buliding wfont:nth-child(1):before {
  content: "\f587";
  color: currentcolor;
}

.tub-buliding wfont:nth-child(2):before {
  content: "\f588";
  color: currentcolor;
  opacity: 0.4;
}

.tub-buliding wfont:nth-child(3):before {
  content: "\f589";
  color: currentcolor;
}

.tub-buliding wfont:nth-child(4):before {
  content: "\f58a";
  color: currentcolor;
}

.tub-buliding wfont:nth-child(5):before {
  content: "\f58b";
  color: currentcolor;
}

.tub-buliding wfont:nth-child(6):before {
  content: "\f58c";
  color: currentcolor;
}

.tub-buliding wfont:nth-child(7):before {
  content: "\f58d";
  color: currentcolor;
}

.tub-buliding wfont:nth-child(8):before {
  content: "\f58e";
  color: currentcolor;
}

.tub-courthouse wfont:nth-child(1):before {
  content: "\f58f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-courthouse wfont:nth-child(2):before {
  content: "\f590";
  color: currentcolor;
}

.tub-hospital wfont:nth-child(1):before {
  content: "\f591";
  color: currentcolor;
}

.tub-hospital wfont:nth-child(2):before {
  content: "\f592";
  color: currentcolor;
  opacity: 0.4;
}

.tub-hospital wfont:nth-child(3):before {
  content: "\f593";
  color: currentcolor;
}

.tub-hospital wfont:nth-child(4):before {
  content: "\f594";
  color: currentcolor;
}

.tub-house-2 wfont:nth-child(1):before {
  content: "\f595";
  color: currentcolor;
}

.tub-house-2 wfont:nth-child(2):before {
  content: "\f596";
  color: currentcolor;
  opacity: 0.4;
}

.tub-house-2 wfont:nth-child(3):before {
  content: "\f597";
  color: currentcolor;
}

.tub-house-2 wfont:nth-child(4):before {
  content: "\f598";
  color: currentcolor;
}

.tub-house wfont:nth-child(1):before {
  content: "\f599";
  color: currentcolor;
}

.tub-house wfont:nth-child(2):before {
  content: "\f59a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-house wfont:nth-child(3):before {
  content: "\f59b";
  color: currentcolor;
}

.tub-house wfont:nth-child(4):before {
  content: "\f59c";
  color: currentcolor;
}

.tub-house wfont:nth-child(5):before {
  content: "\f59d";
  color: currentcolor;
}

.tub-house wfont:nth-child(6):before {
  content: "\f59e";
  color: currentcolor;
}

.tub-aquarius wfont:nth-child(1):before {
  content: "\f59f";
  color: currentcolor;
}

.tub-aquarius wfont:nth-child(2):before {
  content: "\f5a0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gemini-2 wfont:nth-child(1):before {
  content: "\f5a1";
  color: currentcolor;
}

.tub-gemini-2 wfont:nth-child(2):before {
  content: "\f5a2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gemini wfont:nth-child(1):before {
  content: "\f5a3";
  color: currentcolor;
}

.tub-gemini wfont:nth-child(2):before {
  content: "\f5a4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gemini wfont:nth-child(3):before {
  content: "\f5a5";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gemini wfont:nth-child(4):before {
  content: "\f5a6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-gemini wfont:nth-child(5):before {
  content: "\f5a7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-man wfont:nth-child(1):before {
  content: "\f5a8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-man wfont:nth-child(2):before {
  content: "\f5a9";
  color: currentcolor;
}

.tub-sagittarius wfont:nth-child(1):before {
  content: "\f5aa";
  color: currentcolor;
}

.tub-sagittarius wfont:nth-child(2):before {
  content: "\f5ab";
  color: currentcolor;
  opacity: 0.4;
}

.tub-woman wfont:nth-child(1):before {
  content: "\f5ac";
  color: currentcolor;
  opacity: 0.4;
}

.tub-woman wfont:nth-child(2):before {
  content: "\f5ad";
  color: currentcolor;
}

.tub-arrange-circle-2 wfont:nth-child(1):before {
  content: "\f5ae";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrange-circle-2 wfont:nth-child(2):before {
  content: "\f5af";
  color: currentcolor;
}

.tub-arrange-circle-2 wfont:nth-child(3):before {
  content: "\f5b0";
  color: currentcolor;
}

.tub-arrange-circle wfont:nth-child(1):before {
  content: "\f5b1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrange-circle wfont:nth-child(2):before {
  content: "\f5b2";
  color: currentcolor;
}

.tub-arrange-circle wfont:nth-child(3):before {
  content: "\f5b3";
  color: currentcolor;
}

.tub-arrange-square-2 wfont:nth-child(1):before {
  content: "\f5b4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrange-square-2 wfont:nth-child(2):before {
  content: "\f5b5";
  color: currentcolor;
}

.tub-arrange-square-2 wfont:nth-child(3):before {
  content: "\f5b6";
  color: currentcolor;
}

.tub-arrange-square wfont:nth-child(1):before {
  content: "\f5b7";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrange-square wfont:nth-child(2):before {
  content: "\f5b8";
  color: currentcolor;
}

.tub-arrange-square wfont:nth-child(3):before {
  content: "\f5b9";
  color: currentcolor;
}

.tub-arrow-2 wfont:nth-child(1):before {
  content: "\f5ba";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-2 wfont:nth-child(2):before {
  content: "\f5bb";
  color: currentcolor;
}

.tub-arrow-3 wfont:nth-child(1):before {
  content: "\f5bc";
  color: currentcolor;
}

.tub-arrow-3 wfont:nth-child(2):before {
  content: "\f5bd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-bottom wfont:nth-child(1):before {
  content: "\f5be";
  color: currentcolor;
}

.tub-arrow-bottom wfont:nth-child(2):before {
  content: "\f5bf";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-circle-down wfont:nth-child(1):before {
  content: "\f5c0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-circle-down wfont:nth-child(2):before {
  content: "\f5c1";
  color: currentcolor;
}

.tub-arrow-circle-left wfont:nth-child(1):before {
  content: "\f5c2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-circle-left wfont:nth-child(2):before {
  content: "\f5c3";
  color: currentcolor;
}

.tub-arrow-circle-right wfont:nth-child(1):before {
  content: "\f5c4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-circle-right wfont:nth-child(2):before {
  content: "\f5c5";
  color: currentcolor;
}

.tub-arrow-circle-up wfont:nth-child(1):before {
  content: "\f5c6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-circle-up wfont:nth-child(2):before {
  content: "\f5c7";
  color: currentcolor;
}

.tub-arrow-down-1 wfont:nth-child(1):before {
  content: "\f5c8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-down-1 wfont:nth-child(2):before {
  content: "\f5c9";
  color: currentcolor;
}

.tub-arrow-down-2 wfont:nth-child(1):before {
  content: "\f5ca";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-down-2 wfont:nth-child(2):before {
  content: "\f5cb";
  color: currentcolor;
}

.tub-arrow-down wfont:nth-child(1):before {
  content: "\f5cc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-down wfont:nth-child(2):before {
  content: "\f5cd";
  color: currentcolor;
}

.tub-arrow-left-1 wfont:nth-child(1):before {
  content: "\f5ce";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-left-1 wfont:nth-child(2):before {
  content: "\f5cf";
  color: currentcolor;
}

.tub-arrow-left-2 wfont:nth-child(1):before {
  content: "\f5d0";
  color: currentcolor;
}

.tub-arrow-left-2 wfont:nth-child(2):before {
  content: "\f5d1";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-left-3 wfont:nth-child(1):before {
  content: "\f5d2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-left-3 wfont:nth-child(2):before {
  content: "\f5d3";
  color: currentcolor;
}

.tub-arrow-left wfont:nth-child(1):before {
  content: "\f5d4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-left wfont:nth-child(2):before {
  content: "\f5d5";
  color: currentcolor;
}

.tub-arrow-right-1 wfont:nth-child(1):before {
  content: "\f5d6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-right-1 wfont:nth-child(2):before {
  content: "\f5d7";
  color: currentcolor;
}

.tub-arrow-right-2 wfont:nth-child(1):before {
  content: "\f5d8";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-right-2 wfont:nth-child(2):before {
  content: "\f5d9";
  color: currentcolor;
}

.tub-arrow-right-3 wfont:nth-child(1):before {
  content: "\f5da";
  color: currentcolor;
}

.tub-arrow-right-3 wfont:nth-child(2):before {
  content: "\f5db";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-right wfont:nth-child(1):before {
  content: "\f5dc";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-right wfont:nth-child(2):before {
  content: "\f5dd";
  color: currentcolor;
}

.tub-arrow-square-down wfont:nth-child(1):before {
  content: "\f5de";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-square-down wfont:nth-child(2):before {
  content: "\f5df";
  color: currentcolor;
}

.tub-arrow-square-left wfont:nth-child(1):before {
  content: "\f5e0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-square-left wfont:nth-child(2):before {
  content: "\f5e1";
  color: currentcolor;
}

.tub-arrow-square-right wfont:nth-child(1):before {
  content: "\f5e2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-square-right wfont:nth-child(2):before {
  content: "\f5e3";
  color: currentcolor;
}

.tub-arrow-square-up wfont:nth-child(1):before {
  content: "\f5e4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-square-up wfont:nth-child(2):before {
  content: "\f5e5";
  color: currentcolor;
}

.tub-arrow-swap-horizontal wfont:nth-child(1):before {
  content: "\f5e6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-swap-horizontal wfont:nth-child(2):before {
  content: "\f5e7";
  color: currentcolor;
}

.tub-arrow-swap-horizontal wfont:nth-child(3):before {
  content: "\f5e8";
  color: currentcolor;
}

.tub-arrow-swap wfont:nth-child(1):before {
  content: "\f5e9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-swap wfont:nth-child(2):before {
  content: "\f5ea";
  color: currentcolor;
}

.tub-arrow-swap wfont:nth-child(3):before {
  content: "\f5eb";
  color: currentcolor;
}

.tub-arrow-up-1 wfont:nth-child(1):before {
  content: "\f5ec";
  color: currentcolor;
}

.tub-arrow-up-1 wfont:nth-child(2):before {
  content: "\f5ed";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-up-2 wfont:nth-child(1):before {
  content: "\f5ee";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-up-2 wfont:nth-child(2):before {
  content: "\f5ef";
  color: currentcolor;
}

.tub-arrow-up-3 wfont:nth-child(1):before {
  content: "\f5f0";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-up-3 wfont:nth-child(2):before {
  content: "\f5f1";
  color: currentcolor;
}

.tub-arrow-up wfont:nth-child(1):before {
  content: "\f5f2";
  color: currentcolor;
  opacity: 0.4;
}

.tub-arrow-up wfont:nth-child(2):before {
  content: "\f5f3";
  color: currentcolor;
}

.tub-back-square wfont:nth-child(1):before {
  content: "\f5f4";
  color: currentcolor;
  opacity: 0.4;
}

.tub-back-square wfont:nth-child(2):before {
  content: "\f5f5";
  color: currentcolor;
}

.tub-convert wfont:nth-child(1):before {
  content: "\f5f6";
  color: currentcolor;
  opacity: 0.4;
}

.tub-convert wfont:nth-child(2):before {
  content: "\f5f7";
  color: currentcolor;
}

.tub-convert wfont:nth-child(3):before {
  content: "\f5f8";
  color: currentcolor;
}

.tub-export-1 wfont:nth-child(1):before {
  content: "\f5f9";
  color: currentcolor;
  opacity: 0.4;
}

.tub-export-1 wfont:nth-child(2):before {
  content: "\f5fa";
  color: currentcolor;
}

.tub-export-2 wfont:nth-child(1):before {
  content: "\f5fb";
  color: currentcolor;
  opacity: 0.4;
}

.tub-export-2 wfont:nth-child(2):before {
  content: "\f5fc";
  color: currentcolor;
}

.tub-export-3 wfont:nth-child(1):before {
  content: "\f5fd";
  color: currentcolor;
  opacity: 0.4;
}

.tub-export-3 wfont:nth-child(2):before {
  content: "\f5fe";
  color: currentcolor;
}

.tub-export wfont:nth-child(1):before {
  content: "\f5ff";
  color: currentcolor;
  opacity: 0.4;
}

.tub-export wfont:nth-child(2):before {
  content: "\f600";
  color: currentcolor;
}

.tub-forward-square wfont:nth-child(1):before {
  content: "\f601";
  color: currentcolor;
  opacity: 0.4;
}

.tub-forward-square wfont:nth-child(2):before {
  content: "\f602";
  color: currentcolor;
}

.tub-frame5 wfont:nth-child(1):before {
  content: "\f603";
  color: currentcolor;
  opacity: 0.4;
}

.tub-frame5 wfont:nth-child(2):before {
  content: "\f604";
  color: currentcolor;
}

.tub-import-1 wfont:nth-child(1):before {
  content: "\f605";
  color: currentcolor;
  opacity: 0.4;
}

.tub-import-1 wfont:nth-child(2):before {
  content: "\f606";
  color: currentcolor;
}

.tub-import-2 wfont:nth-child(1):before {
  content: "\f607";
  color: currentcolor;
  opacity: 0.4;
}

.tub-import-2 wfont:nth-child(2):before {
  content: "\f608";
  color: currentcolor;
}

.tub-import wfont:nth-child(1):before {
  content: "\f609";
  color: currentcolor;
  opacity: 0.4;
}

.tub-import wfont:nth-child(2):before {
  content: "\f60a";
  color: currentcolor;
}

.tub-login-1 wfont:nth-child(1):before {
  content: "\f60b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-login-1 wfont:nth-child(2):before {
  content: "\f60c";
  color: currentcolor;
}

.tub-login wfont:nth-child(1):before {
  content: "\f60d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-login wfont:nth-child(2):before {
  content: "\f60e";
  color: currentcolor;
}

.tub-logout-1 wfont:nth-child(1):before {
  content: "\f60f";
  color: currentcolor;
  opacity: 0.4;
}

.tub-logout-1 wfont:nth-child(2):before {
  content: "\f610";
  color: currentcolor;
}

.tub-logout wfont:nth-child(1):before {
  content: "\f611";
  color: currentcolor;
  opacity: 0.4;
}

.tub-logout wfont:nth-child(2):before {
  content: "\f612";
  color: currentcolor;
}

.tub-receive-square-2 wfont:nth-child(1):before {
  content: "\f613";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receive-square-2 wfont:nth-child(2):before {
  content: "\f614";
  color: currentcolor;
}

.tub-receive-square-2 wfont:nth-child(3):before {
  content: "\f615";
  color: currentcolor;
}

.tub-receive-square wfont:nth-child(1):before {
  content: "\f616";
  color: currentcolor;
  opacity: 0.4;
}

.tub-receive-square wfont:nth-child(2):before {
  content: "\f617";
  color: currentcolor;
}

.tub-receive-square wfont:nth-child(3):before {
  content: "\f618";
  color: currentcolor;
}

.tub-received wfont:nth-child(1):before {
  content: "\f619";
  color: currentcolor;
}

.tub-received wfont:nth-child(2):before {
  content: "\f61a";
  color: currentcolor;
}

.tub-received wfont:nth-child(3):before {
  content: "\f61b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-redo wfont:nth-child(1):before {
  content: "\f61c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-redo wfont:nth-child(2):before {
  content: "\f61d";
  color: currentcolor;
}

.tub-refresh-2 wfont:nth-child(1):before {
  content: "\f61e";
  color: currentcolor;
  opacity: 0.4;
}

.tub-refresh-2 wfont:nth-child(2):before {
  content: "\f61f";
  color: currentcolor;
}

.tub-refresh-circle wfont:nth-child(1):before {
  content: "\f620";
  color: currentcolor;
  opacity: 0.4;
}

.tub-refresh-circle wfont:nth-child(2):before {
  content: "\f621";
  color: currentcolor;
}

.tub-refresh-circle wfont:nth-child(3):before {
  content: "\f622";
  color: currentcolor;
}

.tub-refresh-left-square wfont:nth-child(1):before {
  content: "\f623";
  color: currentcolor;
  opacity: 0.4;
}

.tub-refresh-left-square wfont:nth-child(2):before {
  content: "\f624";
  color: currentcolor;
}

.tub-refresh-right-square wfont:nth-child(1):before {
  content: "\f625";
  color: currentcolor;
  opacity: 0.4;
}

.tub-refresh-right-square wfont:nth-child(2):before {
  content: "\f626";
  color: currentcolor;
}

.tub-refresh-square-2 wfont:nth-child(1):before {
  content: "\f627";
  color: currentcolor;
  opacity: 0.4;
}

.tub-refresh-square-2 wfont:nth-child(2):before {
  content: "\f628";
  color: currentcolor;
}

.tub-refresh-square-2 wfont:nth-child(3):before {
  content: "\f629";
  color: currentcolor;
}

.tub-refresh wfont:nth-child(1):before {
  content: "\f62a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-refresh wfont:nth-child(2):before {
  content: "\f62b";
  color: currentcolor;
}

.tub-refresh wfont:nth-child(3):before {
  content: "\f62c";
  color: currentcolor;
  opacity: 0.4;
}

.tub-repeat-circle wfont:nth-child(1):before {
  content: "\f62d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-repeat-circle wfont:nth-child(2):before {
  content: "\f62e";
  color: currentcolor;
}

.tub-repeat-circle wfont:nth-child(3):before {
  content: "\f62f";
  color: currentcolor;
}

.tub-repeat wfont:nth-child(1):before {
  content: "\f630";
  color: currentcolor;
}

.tub-repeat wfont:nth-child(2):before {
  content: "\f631";
  color: currentcolor;
  opacity: 0.4;
}

.tub-rotate-left1 wfont:nth-child(1):before {
  content: "\f632";
  color: currentcolor;
  opacity: 0.4;
}

.tub-rotate-left1 wfont:nth-child(2):before {
  content: "\f633";
  color: currentcolor;
}

.tub-rotate-right1 wfont:nth-child(1):before {
  content: "\f634";
  color: currentcolor;
  opacity: 0.4;
}

.tub-rotate-right1 wfont:nth-child(2):before {
  content: "\f635";
  color: currentcolor;
}

.tub-send-sqaure-2 wfont:nth-child(1):before {
  content: "\f636";
  color: currentcolor;
  opacity: 0.4;
}

.tub-send-sqaure-2 wfont:nth-child(2):before {
  content: "\f637";
  color: currentcolor;
}

.tub-send-sqaure-2 wfont:nth-child(3):before {
  content: "\f638";
  color: currentcolor;
}

.tub-send-square wfont:nth-child(1):before {
  content: "\f639";
  color: currentcolor;
  opacity: 0.4;
}

.tub-send-square wfont:nth-child(2):before {
  content: "\f63a";
  color: currentcolor;
}

.tub-send-square wfont:nth-child(3):before {
  content: "\f63b";
  color: currentcolor;
}

.tub-send-square wfont:nth-child(4):before {
  content: "\f63c";
  color: currentcolor;
}

.tub-send1 wfont:nth-child(1):before {
  content: "\f63d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-send1 wfont:nth-child(2):before {
  content: "\f63e";
  color: currentcolor;
}

.tub-send1 wfont:nth-child(3):before {
  content: "\f63f";
  color: currentcolor;
}

.tub-undo wfont:nth-child(1):before {
  content: "\f640";
  color: currentcolor;
  opacity: 0.4;
}

.tub-undo wfont:nth-child(2):before {
  content: "\f641";
  color: currentcolor;
}

.tub-archive-add wfont:nth-child(1):before {
  content: "\f642";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive-add wfont:nth-child(2):before {
  content: "\f643";
  color: currentcolor;
}

.tub-archive-minus wfont:nth-child(1):before {
  content: "\f644";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive-minus wfont:nth-child(2):before {
  content: "\f645";
  color: currentcolor;
}

.tub-archive-slash wfont:nth-child(1):before {
  content: "\f646";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive-slash wfont:nth-child(2):before {
  content: "\f647";
  color: currentcolor;
}

.tub-archive-slash wfont:nth-child(3):before {
  content: "\f648";
  color: currentcolor;
}

.tub-archive-tick wfont:nth-child(1):before {
  content: "\f649";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive-tick wfont:nth-child(2):before {
  content: "\f64a";
  color: currentcolor;
}

.tub-archive2 wfont:nth-child(1):before {
  content: "\f64b";
  color: currentcolor;
  opacity: 0.4;
}

.tub-archive2 wfont:nth-child(2):before {
  content: "\f64c";
  color: currentcolor;
}

.tub-book-saved wfont:nth-child(1):before {
  content: "\f64d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-book-saved wfont:nth-child(2):before {
  content: "\f64e";
  color: currentcolor;
}

.tub-book-saved wfont:nth-child(3):before {
  content: "\f64f";
  color: currentcolor;
}

.tub-book-square wfont:nth-child(1):before {
  content: "\f650";
  color: currentcolor;
  opacity: 0.4;
}

.tub-book-square wfont:nth-child(2):before {
  content: "\f651";
  color: currentcolor;
}

.tub-book-square wfont:nth-child(3):before {
  content: "\f652";
  color: currentcolor;
}

.tub-receipt-square wfont:nth-child(1):before {
  content: "\f653";
  color: currentcolor;
}

.tub-receipt-square wfont:nth-child(2):before {
  content: "\f654";
  color: currentcolor;
  opacity: 0.4;
}

.tub-save-2 wfont:nth-child(1):before {
  content: "\f655";
  color: currentcolor;
  opacity: 0.4;
}

.tub-save-2 wfont:nth-child(2):before {
  content: "\f656";
  color: currentcolor;
}

.tub-save-add wfont:nth-child(1):before {
  content: "\f657";
  color: currentcolor;
  opacity: 0.4;
}

.tub-save-add wfont:nth-child(2):before {
  content: "\f658";
  color: currentcolor;
}

.tub-save-add wfont:nth-child(3):before {
  content: "\f659";
  color: currentcolor;
}

.tub-save-minus wfont:nth-child(1):before {
  content: "\f65a";
  color: currentcolor;
  opacity: 0.4;
}

.tub-save-minus wfont:nth-child(2):before {
  content: "\f65b";
  color: currentcolor;
}

.tub-save-minus wfont:nth-child(3):before {
  content: "\f65c";
  color: currentcolor;
}

.tub-save-remove wfont:nth-child(1):before {
  content: "\f65d";
  color: currentcolor;
  opacity: 0.4;
}

.tub-save-remove wfont:nth-child(2):before {
  content: "\f65e";
  color: currentcolor;
}

.tub-save-remove wfont:nth-child(3):before {
  content: "\f65f";
  color: currentcolor;
}


/* 來自 job.taiwanjobs 原本的 style.css */

ol.breadcrumb {
    display:none; /* 隱藏舊版當前路徑標示 */
}

/*---對齊---*/
.center00 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}

.center00 > .red00 {  /* 表單下方訊息及按鈕要能換行 */
  width: 100%;
  text-align: center;
}
.right00 {
    margin-top: 3px;
    display: flex;
    justify-content: right;
    align-items: center;
}

.left00 {
    text-align: left;
}


/*---文字顏色---*/
.red00 {
    color: #cf2b2b;
}
.red00_m {
    color: #d5414d;
    margin-left:-0.75em;
}
.org00 {
    color: #d64300;
}

.blue00 {
    color: #1E75B6;
}

.black00 {
    color: #000000;
}

/*---表格顏色---*/
.table_blue {
    margin-top: 10px;
}

    .table_blue th {
        background-color: #e1f7fb;
    }

/*---button---*/

.btn:disabled, .btn:disabled:hover {
    background-color: #eee !important;
    border-color: #eee !important;
    color: #000 !important;
    cursor: not-allowed !important;
}

/*
.button_btn, .btn.btn-primary {
    border-color: rgba(3, 3, 3, 0.24);
    color: #333;
    box-shadow: 0 0.625rem 0.25rem -0.625rem rgba(83, 83, 83, 0.48);
    background-color: #f9f9f9;
    border-radius: 0.625rem;
}

.button_btn:hover:not(:disabled):not(.disabled):not(.btn--disabled):not([data-tu-menu-trigger=click]):not([data-tu-menu-trigger=hover]):not(.btn--flush), .btn.btn-primary:hover:not(:disabled):not(.disabled):not(.btn--disabled):not([data-tu-menu-trigger=click]):not([data-tu-menu-trigger=hover]):not(.btn--flush) {
  border-color: rgba(2, 2, 2, 0.24) !important;
  color: #ffffff !important;
  background-color: #01949A !important;
  box-shadow: 0 0.65rem 0.75rem -0.625rem rgba(83, 83, 83, 0.48);
}


.button_btn:active:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-primary.active:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  color: #ffffff;
  background-color: #01949A;
  border-color: rgba(3, 3, 3, 0.24);
  box-shadow: 0 0.65rem 0.75rem -0.625rem rgba(83, 83, 83, 0.48);
}


.button_btn:disabled, .btn.btn-primary.disabled, .btn.btn-primary.btn--disabled {
  color: #ffffff;
  background-color: #D10303;
  border-color: #ffffff;
}
*/


.btn.btn-info {
    /*
    background-color: transparent;
    border-color: #bcbcc2;
    color: #494a5a;
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75;
    border-radius: 0.625rem;
    */
}

.btn.btn-info:hover:not(:disabled):not(.disabled):not(.btn--disabled):not([data-tu-menu-trigger=click]):not([data-tu-menu-trigger=hover]):not(.btn--flush), .btn.btn-info.hover:not(:disabled):not(.disabled):not(.btn--disabled):not([data-tu-menu-trigger=click]):not([data-tu-menu-trigger=hover]):not(.btn--flush) {
  background-color: #575867 !important;
  border-color: #575867 !important;
  color: #ffffff !important;
}

.btn.btn-info:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: 0 0 0 0.25rem rgba(87, 88, 103, 0.32);
}

.btn.btn-info:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:focus-within:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: 0 0 0 0.25rem rgba(87, 88, 103, 0.32);
}

.btn.btn-info:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: 0 0 0 0.25rem rgba(87, 88, 103, 0.32);
}

.btn.btn-info:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: 0 0 0 0.25rem rgba(87, 88, 103, 0.32);
}

.btn.btn-info:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:focus-within:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: 0 0 0 0.25rem rgba(87, 88, 103, 0.32);
}

.btn.btn-info:disabled, .btn.btn-info.disabled, .btn.btn-info.btn--disabled {
  background-color: transparent;
  color: #575867;
}

.btn.btn-info:disabled, .btn.btn-info.disabled, .btn.btn-info.btn--disabled {
  background-active: #575867;
  border-color: #575867;
  color: #ffffff;
}

.btn.btn-info:disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: inset 0 4px 8px rgba(15, 15, 15, 0.125), 0 0 0 0 rgba(87, 88, 103, 0.5);
}

.btn.btn-info:disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled:focus-within:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus-within:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus-within:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: inset 0 4px 8px rgba(15, 15, 15, 0.125), 0 0 0 0 rgba(87, 88, 103, 0.5);
}

.btn.btn-info:disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled.focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: inset 0 4px 8px rgba(15, 15, 15, 0.125), 0 0 0 0 rgba(87, 88, 103, 0.5);
}

.btn.btn-info:disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled:focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled[focus-within]:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: inset 0 4px 8px rgba(15, 15, 15, 0.125), 0 0 0 0 rgba(87, 88, 103, 0.5);
}

.btn.btn-info:disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled:focus-within:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info:disabled:focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus-within:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.disabled:focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled.focus:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus-within:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush), .btn.btn-info.btn--disabled:focus-visible:not(:disabled):not(.disabled):not(.btn--disabled):not(.btn--flush) {
  box-shadow: inset 0 4px 8px rgba(15, 15, 15, 0.125), 0 0 0 0 rgba(87, 88, 103, 0.5);
}


.page_content .title01 {
    font-size:1.8rem;
    font-weight: bold;
    color: #525151;
	text-align:center;
	border-bottom:1px solid #d5d5d5;
	padding-bottom:10px;
	padding-top:0px;
}
.title01 {
    /* font-size:1.8rem;
    font-weight: bold;
    color: #525151;
	text-align:center;
	border-bottom:1px solid #d5d5d5;
	padding-bottom:10px; */
	/*padding-top:20px;*/
  font-size:1.5rem;
    font-weight: bold;
    color: #525151;
	text-align:center;
	border-bottom:3px solid #d5d5d5;
	padding-bottom:7px;
	padding-top:3px;
}
.title01 span {
	color:#595959;
	font-weight:normal;
	padding-left:5px;
	font-size:1.5rem;
}
.title01 span:first-child, .title01 h1 {
	color:#525151;
    font-size:1.5rem;
    font-weight: bold;
}

/*---會員登入---*/
.member {
    margin: 10px 0px 10px 0px;
}

.mb_title {
    color: #ffffff;
    width: 100%;
    background-color: #c4426a;
	border-radius:6px 6px 0 0;
    padding:0.5rem;
    font-size:1.125rem;
	margin-bottom:0.125rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
@media (max-width:768px) {
    .mb_title {
        justify-content: center;
    }
}
.mb_title.center00 {
  color: #c4426a;  /*invisible old title*/ 
}

.mb_title02 {
    color: #ffffff;
    width: 100%;
    line-height: 22px;
    background-color: #bf507e;
    padding: 10px;
    text-align: center;
    font-size: 1.125rem;
	border-radius:6px 6px 0 0;
}
.mb_cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; 
}
.mb_title03 {
    color: #333;
    width: 100%;
    font-size: 1.125rem;
    margin-bottom: 0px;
    border-bottom:3px solid #f1aac0;
    padding:5px 0 5px 0px;
    font-weight: 700;
}
.mb_title03 i {
	padding-right:5px;
}
.mb_title03 .glyphicon {  /* 舊版設計且不一致, 直接隱藏 */
  display: none;  
}

.mb_title04 {
    color: #8e3c3c;
    width: 100%;
    font-size:1.125rem;
    margin-bottom: 10px;
	border-bottom:3px solid #dddddd;
	padding:5px 0 5px 5px;
}
.mb_title .options {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.mb_title .options:last-child {
    margin-right: 0;
    margin-left: auto;
    max-width: 70%;
    justify-content: flex-end;
}
    .mb_title .options a {
        color: #fffad3;
			padding:2px 4px;
			border-radius:4px;
    }

        .mb_title .options a:hover {
            text-decoration: none;
			background:#fffce5;
			color:#c4426a;
        }

.cont_login {
    padding: 10px;
    border: #c9c9c9 1px solid;
	line-height:1.6rem;
}
.cont_login .control-label {
	background-color:#ebf6ee;
	padding:4px;
	border-radius:4px;
	margin:2px 0;
	width:100%;
	text-align:right;
}
.cont_login .form-control {
	/*margin:3px 0 0 0;*/
}
.cont_login00 {
  padding: 0.125rem 0;
    line-height: 23px;
    display: flex;
    flex-wrap: wrap;
}
.cont_login00 > div {
  width: 100%;
}
.cont_login00 table {
	border-bottom:1px solid #edb0c3;
	padding-bottom:4px;
	margin-bottom:4px;
}
.cont_login00 table td {
	padding: 0.5rem;	
	border-bottom:1px double #f2f2f3;
  vertical-align: middle;
  align-items: center;
}
@media (max-width:768px) {
  .cont_login00 {
    padding: 0.125rem 0;
  }
  .cont_login00 table.rwd-table td {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: 0;
    padding: 0.125rem 0rem;
    align-items: first baseline;
  }
  .cont_login00 table.rwd-table td:first-child {
    margin-top: 1rem;
  }  
  .cont_login00 table.rwd-table td:last-child {
    margin-bottom: 1rem;
  }

   /* 20230925 add */
   .cont_login00 table.rwd-table td.text-block {
    display:block!important;
    
  }
  .cont_login00 table.rwd-table td.text-block .timer {
    margin-left:30%;
  }

  .cont_login00 table.rwd-table tr {
    border-bottom:1px double #ccc;
    background-color: #fcfcfc;
  }

}
.cont_login00 .mb_table_line {
	border-bottom:none;
}
.cont_login00 .mb_table_line tbody {
  width: 100%;
}

@media (max-width:767px) {
  .cont_login00 .mb_table_line {
    display: flex;
    flex-wrap: wrap;
  }
}
.cont_login00 .form-control-static,.cont_login00 .control-label {
	/*background-color:#ebf6ee;*/
	padding:4px 0.5rem;
	border-radius:4px;
	margin:2px 0;
	display:block;
}
.cont_login01 {
    padding: 10px;
    line-height: 1.6rem;
}
.cont_login01 .form-control-static, .cont_login01 .control-label {
	background-color: rgba(245,245,245, 0.8);
	padding: 0.25rem 0.5rem;
	border-radius:4px;
	margin:2px 0;
	display:block;
}
.cont_login01 .required-label .form-control-static, .cont_login01 .required-label .control-label {
  padding: 4px 1.5rem;
}
.cont_login01 .required-label .form-control-static > .red00, .cont_login01 .required-label .control-label > .red00 {
  margin-left: -1rem;
}
/* 會員註冊 */
.lab .control-label {
    background-color: transparent;
}
.lab .control-label::before
{
    content: "";
    background-color: #fc0b0b;
    /*border-radius: 0.5rem;*/
    width: 5rem;
    height: 0.35rem;
    position: absolute;
    left: 0;
    bottom: -0.25rem;
    z-index: 1;
}

@media screen and (max-width:768px) {
  .lab .control-label {
  text-align:left;
    margin-left: -5px;
}
  .lab .control-label::before
{
  width: .4rem;
  height: 2.4rem;
  bottom: 0rem;
}
}

.l50 {
    width: 48%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
}

.l70 {
    width: 72%;
    float: left;
}

.l30 {
    width: 28%;
    margin-top: 8px;
    border-radius: 15px 15px 15px 15px;
    background-color: #d3ecf0;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    border: 1px #83bac3 solid;
    float: left;
}

.cont_l50 {
    padding: 8px 8px 8px 8px;
	margin-top:3px;
	margin-bottom:10px;
    max-height: 330px;
    overflow: auto;
    overflow-y: hidden;
	line-height:1.5rem;
	background-color:#f7f7f7;
	border-radius:10px;
    height:100%;
}
.cont_l50:hover {
	background-color:#ffeee9;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
} 

.mb_stitle {
    color: #6f3627;
    width: 100%;
	line-height:1.6rem;
    padding: 4px 8px;
	background-color:#ffd6cb;
	border-radius:20px;
}
.mb_stitle i {
	margin-right:5px;
}

.agree {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 8px 8px 8px;
    border: #cbcbcb 1px solid;
    margin-top: 8px;
    margin-bottom: 8px;
}

.new_data {
    border-left: #dddddd 1px solid;
    border-right: #dddddd 1px solid;
    border-bottom: #dddddd 1px solid;
    padding: 1rem 1rem 2rem;
	  box-shadow:0 0 14px rgba(0,0,0, .1);
}

@media (max-width: 767px) {
    .new_data {
        padding: 0;
    }
}

.new_data02 {
    border: #dddddd 1px solid;
    padding: 8px 8px 8px 8px;
}

.new_data03 {
    border: #dddddd 1px solid;
	border-top:none;
    padding: 15px;
    line-height:1.8rem;
}
.new_data03 p {
	padding:10px 0;
}
.new_data .policy_btn {
  margin-bottom: 1rem;
}
.new_data .policy_btn a {
  width: 100%;
  text-align: left;
  white-space: normal;
}
.new_data .student_btn a {
  width: 100%;
  text-align: left;
  white-space: normal;
}

.mb_table {
    padding:6px;
    border-bottom: 1px #cccccc dotted;
}

.mb_table_line {
    width: 100%;
    margin: 0px 0px 10px 0px;
    line-height: 1.5rem;
}
.mb_table_line table {
	width:100%;
}
.mb_table_line th {
	background-color:#f9f9f9;
	padding: 0.5rem;
	margin:0px;
	border-radius:4px;
	border-bottom:2px solid #FFF;
  width: 15%;
  text-align: right;
  vertical-align: top;
}
.mb_table_line th:last-child {
    border-bottom:none;
}
.mb_table_line td {
  /*
  width: 85%;
  */
}
.mb_table_highlight {
border-bottom:#ececec 1px solid;
padding:8px 8px 8px 15px;
background:url(../images/icon_arrow-right-gray.png) left center no-repeat;
}
@media screen and (max-width: 767px) {
  .mb_table_line tr {
    display: flex;
    flex-wrap: wrap;
 }
  .mb_table_line th {
    width:100% !important;
    text-align: left;
 }
 .mb_table_line th.text-end {
  text-align: left !important;
 }
 .mb_table_line th .control-label {
  display: inline-block;
}
.mb_table_line th button {
  float: right;
}
 .mb_table_line td {
  width:100% !important;
 }
}
.mb_picbox {
    width: 20%;
    position: absolute;
    text-align: center;
    float: right;
    right: 40px;
    bottom: 70px;
}

.mb_pic img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border: #dddddd 1px solid;
    padding: 1px;
}

.mb_pic02box {
    width: 20%;
    text-align: center;
    float: left;
    margin-right: 2%;
}

.mb_pic02 img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border: #dddddd 1px solid;
    padding: 1px;
}

.mb_pic03 {
    width: 120px;
    max-width: 120px;
    height: 154px;
    border: #dddddd 1px solid;
    float: right;
    margin: 4px 20px 10px 20px;
}

.mb_pic04 {
    width: 120px;
    max-width: 120px;
    height: 154px;
    float: left;
    margin: 4px 10px 0px 0px;
}

.mb_picbox05 {
    width: 12%;
    position: absolute;
    text-align: center;
    float: right;
    right: 40px;
    top: 210px;
}

    .mb_picbox05 img {
        width: 100%;
        height: auto;
        border: #dddddd 1px solid;
        padding: 1px;
    }

.mb_picbox06 {
    width: 12%;
    position: absolute;
    text-align: center;
    float: right;
    right: 40px;
    top: 100px;
}

    .mb_picbox06 img {
        width: 100%;
        height: auto;
        border: #dddddd 1px solid;
        padding: 1px;
    }

.mb_picbox07 {
    width: 16%;
    position: absolute;
    text-align: center;
    float: right;
    right: 40px;
    top: 140px;
}

    .mb_picbox07 img {
        width: 100%;
        height: auto;
        border: #dddddd 1px solid;
        padding: 1px;
    }

.mb_picbox08 {
    width: 16%;
    position: absolute;
    text-align: center;
    float: right;
    right: 40px;
    top: 180px;
}

    .mb_picbox08 img {
        width: 100%;
        height: auto;
        border: #dddddd 1px solid;
        padding: 1px;
    }

.mb_picbox09all {
    width: 100%;
    float: left;
}

.mb_picbox09 {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .mb_picbox09 img {
        width: 100%;
        height: auto;
        border: #dddddd 1px solid;
        padding: 1px;
    }

.mb_pic img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border: #dddddd 1px solid;
    padding: 1px;
}

.mb_name {
    font-size: 1.125rem;
    color: #000000;
	padding:5px 4px;
	border-bottom:3px solid #ffb400;
	display:inline-block;
	margin-bottom:8px;
}
.l70 ul li {
	padding:2px 0;
}
.l70 ul li a {
	background-color:#FFF;
	border-radius:4px;
	padding:2px 6px;
	color:#333333;
	display:inline-block;
	border:1px solid #bbbbbb;
}
.l70 ul li a:hover {
	background-color:#f76e8b;
	color:#FFF;
	text-decoration:none;
}
.mb_fj {
    width: 100%;
    background-color: #f2f2f3;
    margin-bottom: 10px;
	border-radius:6px;
}

    .mb_fj li {
        list-style: decimal;
        margin-left: 25px;
		line-height:1.6rem;
		color:#333333;
    }

.mb_fj02 {
    width: 100%;
    /* background-color: #f2f2f2; */
    padding: 10px;
    margin-top: 10px;
    float: left;
    margin-bottom: 5px;
	border-radius:6px;
}
.mb_fj02 .form-group-bg {
  padding: 0.5rem;
}
.mb_fj02 .form-group-border {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}
.mb_fj02 .form-group-border > label {
  display: flex;
  padding: 0.25rem 0 0.25rem 0;
  justify-content: space-between;
  align-items: center;
}
.mb_fj02 .form-group-border .header-line {
  height: 0.25rem;
  margin: 0.25rem 0 0.75rem 0;
}
.mb_fj02 .resume-card-header {
  padding: 1rem 1rem 0 1rem;
  border-bottom: 0;
  background-color: #fff;
  font-weight: 700;
  border-radius: 0.25rem;
}
.mb_fj02 .resume-card-header .header-line {
  height: 0.25rem;
  margin: 0.75rem -0.5rem 0.25rem -0.5rem;
}
.mb_fj02 .resume-card-header .btn {
  padding: 0.25rem 1rem;
  margin-left: 0.5rem;
  margin-top: -0.625rem;
}
.mb_fj02 .resume-card-header .right {
  float: right;
}

.mb_fj02 .resume-card-list li {
  margin: 2px 0;
}
.mb_fj02 .resume-card-list li .item {
  background-color: #d8e7f2;
  border-radius: 4px;
  margin: 1px 0.75rem 2px 0;
  padding: 1px 4px;
  text-align: right;
  width: 15%;
  display: inline-block;
}
.mb_fj02 .resume-card-list li .item-content {
  width: 84%;
}
@media screen and (max-width: 576px) {
  .mb_fj02 .resume-card-list li .item {
    text-align: center;
    width: 35%;
  }
  .mb_fj02 .resume-card-list li .item-content {
    width: 64%;
  }

}

.mb_fj02 .divInJob {
  margin-top: 0.5rem;
  padding: 0.5rem 0.5rem;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
}
.mb_fj02 .divInJob .t-flex {
  display: inline-flex;
  align-items: center;
}

.mb_fj02 table {
	border-bottom:none !important;
}
.mb_fj02 table.border-bottom {
  border-bottom: 1px solid !important;
}
.re74 .mb_fj02 {
    background-color: #FFF;
	} 
.note a {
	padding:6px 0 6px 20px;
	display:inline-block;
	background:url(../images/icon_arrow-right.png) left center no-repeat;
}

.re74 .mb_fj02 .tech-list tr .tech-open { /*履歷表-技能證照-技術士證-開放查詢*/
  min-width: 10rem;
}

/* condition */

.mb_fj02 .condition {
  padding: 0.125rem 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.mb_fj02 .condition.required .red00 {
  margin: 0 0.1rem 0 -0.5rem;
}
.mb_fj02 .condition .condition-label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: bold;
}
.mb_fj02 .condition .item {
    margin: 4px;
}
.mb_fj02 .condition .item.t-tag { 
  white-space: normal;
}

.mb_fj02 .computer-detail {
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid #ccc;
}

@media (max-width:768px) {
  .mb_fj02 .condition .condition-label {
    width: 100%;
  }
  .mb_fj02 .condition .item-container {
    margin: 0.5rem 1.5rem;;
  }
}

  .mb_fj02 .condition .item-b {
    background-color: #FFF;
    padding: 4px 10px 0;
    margin: 4px;
    border-radius: 10px;
  float:left;
}
  
._line .condition .col-xs {
    border-bottom: 1px dotted  #eee;
    overflow: auto ;
    margin: 5px 0 0 0;
}
._line .condition .item {
    background-color: #e1eff1;
    padding: 4px 10px;
    margin: 4px;
    border-radius: 10px;
    float: left;
}
  ._line .condition .item-b {
    min-height:40px;
    margin: 4px;
    float: left;
}
    ._line .condition .item-b .radio-inline {
    margin:.8rem .5rem 0 0;
      
    }
  ._line .condition .label {
    margin:1.05rem .5rem 0 1rem;
  }

.mb_fj03 {
    width: 100%;
    background-color: #ecf7f9;
    padding:10px;
    margin-bottom: 4px;
    border: 1px solid #88a5b6;
    line-height:1.6rem;
    margin: 10px 0px;
	border-radius:6px;
}

.mb_fj04 {
    width: 100%;
    background-color: #eeeeee;
    padding: 4px 8px 4px 8px;
    margin-top: 3px;
    float: left;
    margin-bottom: 5px;
    line-height: 22px;
}

.my_jobs_list {
    line-height: 40px;
}

.login_list {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.login_list2 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.login_list2 .input-full{
    width:100%;
    height:auto;
}

input::placeholder, .input-placeholder-s::placeholder{
    font-size:1rem;
    color: #999;
}
.searchbox {
    width: 31%;
    margin-right: 16px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 10px;
}

    .searchbox img {
        width: 100%;
        height: auto;
    }

@media screen and (max-width: 767px) {
    .l50 {
        width:100%
    }
    .mb_table .texta {
        width:100%;
    }
}
/*---履歷維護---*/
.member.nav-pink .new_data .mb_title{
    display:block;
}

.re24 {
  float: left;
  width: 23%;
  margin-right: 2%;
}
.re24-mobile {
  display: none;
}

.re74 {
    float: right;
    width: 75%;
    line-height: 25px;
}
.re74 table {
	width:100%;
}
.re74 textarea {
	width:100% !important;
}
.re74list p {
    line-height: 20px;
}

.re_00 {
    margin-top: 8px;
}

.re_01icon {
    width: 100%;
    min-height: 85px;
    min-width: 195px;
    border: 1px #e5e5e5 solid;
	border-radius:6px;
    background-image: url(../../images/001-email.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 12px 10px 0px 70px;
    color: #000000;
    text-align: center;
    margin: 0px 10px 10px 0px;
    display: block;
    float: left;
}

.re_02icon {
    width: 100%;
    min-height: 85px;
    min-width: 195px;
    height: 85px;
    border: 1px #e5e5e5 solid;
	border-radius:6px;
    background-image: url(../images/002-settings.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 12px 10px 0px 70px;
    color: #000000;
    text-align: center;
    margin: 0px 10px 10px 0px;
    display: block;
    float: left;
}

.re_03icon {
    width: 100%;
    min-height: 85px;
    min-width: 195px;
    height: 85px;
    border: 1px #e5e5e5 solid;
	border-radius:6px;
    background-image: url(../images/003-target.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 12px 10px 0px 70px;
    color: #000000;
    text-align: center;
    margin: 0px 10px 10px 0px;
    display: block;
    float: left;
}

.re_04icon {
    width: 100%;
    min-height: 85px;
    min-width: 195px;
    height: 85px;
    border: 1px #e5e5e5 solid;
	border-radius:6px;
    background-image: url(../images/004-medal.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 12px 10px 0px 70px;
    color: #000000;
    text-align: center;
    margin: 0px 10px 10px 0px;
    display: block;
    float: left;
}

.re_05icon {
    width: 100%;
    min-height: 85px;
    min-width: 195px;
    height: 85px;
    border: 1px #e5e5e5 solid;
	border-radius:6px;
    background-image: url(../images/005-contract.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 12px 10px 0px 70px;
    color: #000000;
    text-align: center;
    margin: 0px 10px 10px 0px;
    display: block;
    float: left;
}

.re_06icon {
    width: 100%;
    min-height: 85px;
    min-width: 195px;
    height: 85px;
    border: 1px #e5e5e5 solid;
	border-radius:6px;
    background-image: url(../images/006-content.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 12px 6px 0px 70px;
    color: #000000;
    text-align: center;
    margin: 0px 10px 10px 0px;
    display: block;
    float: left;
}

.re_07icon {
    width: 100%;
    min-height: 85px;
    min-width: 195px;
    height: 85px;
    border: 1px #e5e5e5 solid;
	border-radius:6px;
    background-image: url(../images/007-pencil.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 12px 10px 0px 70px;
    color: #000000;
    text-align: center;
    margin: 0px 10px 10px 0px;
    display: block;
    float: left;
}

.re_icon_active {
  border: 1px #f7cab3 solid;
  background-color:#fdf8f2;
  color: #000000;
}

.resume_prlogo {
    width: 30%;
    margin-bottom: 10px;
}

    .resume_prlogo img {
        width: 100%;
        height: auto;
    }

.resume_right {
    position: absolute;
    top: 30px;
    right: 40px;
}

.resume_pr_height {
    line-height: 20px;
}

@media screen and (max-width: 767px) {
    /*---履歷維護---*/
    .re24 {
        display: none;
    }
    .re24-mobile {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 1.5rem;
    }
    .re24-mobile a {
      width: 49%;
      margin: 0 0.5%;
      float: left ;
      display: inline-block ;
    }
    .re74 {
        float: left;
        width: 100%;
        line-height: 20px;
    }
    .re_02icon, .re_03icon, .re_04icon, .re_05icon, .re_06icon, .re_07icon{
      width: 100%;
      min-height: 25px;
      min-width: 95px;
      height: 50px;
      background-size: 30px;
      padding: 6px 10px 0px 40px;
      margin: 0px 0.5% 5px;
  }
}

/*----新聞搜尋列--*/
.news_search {
    margin-top: 20px;
    width: 100%;
}
.news_search p {
    float: left;
    font-size: 1rem;
    line-height: 1.6rem;
}
.news_search input {
    display: block;
    float: left;
    font-size: 0.9rem;
    height:1.6rem;
    width: 100%;
}
.news_search .inputbox1 input {
    max-width: 170px;
}
.news_search .inputbox2 input {
    max-width: 80px;
}
.news_search .inputbox2 p {
    padding: 0 10px;
}
.news_search .selsctbox1 p {
    padding: 0 10px;
}
.news_search .selsctbox1 select {
    display: block;
    float: left;
    font-size: 1rem;
    height: 1.6rem;
    margin-left: 5px;
    max-width: 50px;
    padding: 6px 12px;
    width: 100%;
}
.news_search .selsctbox1 .btn-group {
    vertical-align: top;
}
.news_search .btn {
    font-size: 0.9rem;
}
.news_search .dropdown-menu {
    min-width: 70px;
}

/*---新聞列表頁---*/
.news_list {
    height: auto;
	font-size:1rem;
    padding-top: 0.5rem;
    border-top: 1px solid #ccc;
}

    .news_list a {
        color: #3c78c2;
    }

    .news_list a:hover {
        color: #0079b8;
    }

    .news_list .news_title_date {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 4;
    }
    .news_list h2,.news_list h3,.news_list .news_title {
        color: #31a5ff;
        font-weight: bold;
        font-size: 1.125rem;
        margin-bottom: 0.5rem;
        display: inline-flex;
    }
    .news_list h2 a, .news_list h3 a, .news_list .news_title a,
    .news_list h2 a span, .news_list h3 a span, .news_list .news_title a span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
    }
	
    @media (max-width:767px) {
      .news_list .news_title_date {
        flex-wrap: wrap;
      }
      .news_list .news_title_date .date01 {
        width: 100%;
        margin-bottom: 0.5rem;
      }
    }

    /*--單行文字...設定--*/
    .news_list .date01 {
        font-size: 1rem;
		line-height:1.5rem;
		color:#767676;
    }

    .news_list .list01 p {
		line-height:1.4rem;
    }
    .news_list .list01 {
        float: left;
		width:40%;
        margin: 0px  3% 10px 0px;
    }
    .news_list .list01 img {
        height: auto;
		width:100%;
    }
    .news_list .list01-content {
		background-color:rgba(0,0,0, 0.5);
		padding:10px 5px 5px 5px;
		margin-top:-80px;
		z-index:100;
		position:relative;
		
	}
	.list01-content p {
		color:#FFF;
		padding:5px 0 0 0;
	}
	.news_list .list01-right {
		float:left;
		width:57%;
	}
	.list01-right h2 {
	line-height:1.5rem;
	}
	.list01-right p {
	line-height:1.4rem;
	padding-top:2px;
	padding-bottom:4px;
		border-bottom:1px dotted #666666;
		margin-bottom:6px;
	}
.list01-right p:last-child {
	border-bottom:none;
}
    .news_list .list02 p {
        position: relative;
		line-height:1.5rem;
		color:#747474;
		font-size:1rem;
    }

    .news_list .list02 img {
        margin: 0px 10px 10px 0px;
        max-width: 100px;
        width: 100px;
        height: auto;
        float: left;
    }

.line02 {
  width: 100%;
  border-bottom: dotted 1px #ccc;
  margin: 10px 0px;
    margin-bottom: 10px;
  float: left;
}

.news_list .line-red {
	clear:both;
	border-bottom:1px solid #f04f4f;
	margin:0 0 20px 0;
    }
    .news_list .line02 {
        margin-bottom: 10px;
    }

    .news_list .list03 p {
        position: relative;
    }

.news_list + .text-end {
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
    margin: 1rem 0.5rem;
}

.list03 img {
    margin: 0px 10px 10px 0px;
    max-width: 100px;
    width: 100px;
    height: auto;
    float: left;
}

.list03_title {
    color: #337ab7;
    font-weight: bold;
}

.news_list02 {
    width: 100%;
	clear:both;
	overflow:auto;
	padding: 1rem 0 0 0;
}
.news_data {
	overflow:auto;
}
.new_data .news_list .list02 {
	padding:5px 10px 10px 10px;
	margin:2px 8px;
}
.new_data .news_list .list02:hover {
	background-color:#e8f5fc;
	border-radius:8px;
}
.new_data .news_list02_title a:hover {
color:#0079b8;
}
.new_data .text-right {
	clear:both;
}
.news_list02 h2 a {
	color:#414141;
}
.news_list02 h2 a>span {
	font-size:1.125rem;
}
.news_list02 h3 a,.news_list02 .news_title a {
	color:#414141;
}
.news_list02 h3 a:hover,.news_list02 .news_title a:hover {
	color:#0079b8;
}
.news_list02 h3 a>span,.news_list02 .news_title a>span {
	font-size:1.3rem;
    white-space:normal;
}
.news_list02 p {
	line-height:1.4rem;
    text-align: justify;
}
.news_list02 .date01 {
	float:right;
	font-weight:normal;
    font-size:1.125rem;
    margin-left: 1rem;
}
.news_list02_title {
    color: #337ab7;
    font-weight: bold;
	padding:8px 0;
}

.news_list02_pic {
    width: 20%;
    margin: 0.25rem 1rem 0.25rem 0;
    float: left;
    max-height: 120px;
    overflow: hidden;
    border-radius:3px;
    border: 1px solid #CCC;
}

    .news_list02_pic img {
        width: 100%;
        height: auto;
    }
    .news_list02_pic img.placeholder {
        opacity:0.4;
    }

.news_list03 {
    width: 100%;
    float: left;
}
@media only screen and (max-width: 480px)   {
.news_list02 .date01 {
	float:left;
  margin-left: 0;
  margin-right: 1rem;
}
.list01,.list01-right,.line-red {
	display:none;
}
.hidden-mobile {
	display:none;
}
}
/*---新聞內容頁---*/


    .tag {
        float: left;
		width:50%;
        margin: 5px 0px;
		padding-left:20px;
		font-size:1.125rem;
		background:url(../images/icon-tag.png) left center no-repeat;
    }

        .tag a {
            color: #3a3a3a;
            text-decoration: none;
			padding-right:5px;
		font-weight:normal;
        }
.tag a:hover {
	color:#FF6600;
}
    .share {
        float: right;
        margin: 5px 0px;
		width:50%;
    }
ul.share_icon {
	float:right;
}
    ul.share_icon li {
        float: left;
        padding-left: 6px;
    }

.tool {
	border-bottom:1px solid #d5d5d5;
  margin-bottom: 1rem;
}
    .date {
        float: left;
        margin: 5px 0px;
        width: auto;
		color:#db393d;
		padding-top:5px;
    }

    .toolbar {
        float: right;
        width: auto;
        margin: 0 0 5px 0px;
    }

    .toolbar_icon {
        float: left;
        width: auto;
        padding-top: 0.5rem;
    }

    .toolbar_icon a {
            color: #4a4a4a; 
        font-size: 0.9rem;
        padding: 2px 5px;
        border-radius: 4px;
        }
        .toolbar_icon a:hover {
          background-color: #b0c7f1;
  }
    .toolbar_icon a img {
            margin-right: 0.25rem;
            /* vertical-align: unset; */
        }
 

    .tool .line03 {
        margin-bottom: 20px;
        float: left;
    }
    /*@media print {
    .myDivToPrint {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 0.875em;
        line-height: 18px;
        }
    }*/
    @media print {   
        .NoPrint {display:none;}
        a[href]:after {
            content: none !important;
        }  
    }   
.w100{width: 100%; float: left;}
.news_page { clear:both; padding-top: 1rem;}
.news_page .h3 {color: #3c78c2; font-weight: bold; /*padding:20px 0 0 0;*/ margin-top:10px; display:inline;}
.first_pic { 
  width:40%;
  float:left;
  padding:0; 
  background-color: transparent;
  margin: 2rem 1.5rem 1rem 0;
}
.first_pic a {
  display: inline-block; 
  margin-bottom: 1rem;
}
.first_pic img {
  height: auto; 
  width: 100%;
  max-width: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
  border: 1px solid #ccc;
}
.pic_left {
	float:left;
	margin:10px 20px 10px 0;
}
.pic_right {
	float:left;
	margin:10px 0 10px 20px;
}
.first_pic h2{ font-size:1.125rem; color:#3A3A3A; padding-top:5px;}
.first_pic h2 a, .first_pic h2 a:hover{color:#3A3A3A;}
.first_pic p{  color:#3A3A3A; line-height:20px;}
#article {
	margin-top:20px;
}
.article img{max-width:100%;}
.article p{line-height:1.8rem; font-size:1rem; color: #1f1f1f; text-align: justify; margin-bottom: 1rem;}
.article {padding:0 1rem; margin-top:20px;}
.article strong{font-weight: 700;}
.article caption {
    text-align: -webkit-center;
}
.article a {
  text-decoration-line: underline;
  text-decoration-color: #3176f5; 
}
  .article a:hover {
    text-decoration:none;
    color:#f4971e;
  }
/* 調整選取文字區塊背景色 */
  .article ::-moz-selection { /* Code for Firefox */
    color: #00379d;
    background: #ffdc97;
  }
  
  .article ::selection {
    color: #00379d;
    background: #ffdc97;
  }

    .article th {
        font-weight: bold;
        padding:0.5em;
    }
    .article td {
        padding:0.5em;
    }
    .article ol {
    list-style-type: decimal;
    list-style-position: inside;
    /*margin-left: 1.25em;*/
}
    .article li {
        padding: 0.15em 0;
    }
    .download-title {
	background:url(../images/icon-download.png) left center no-repeat;
        padding: 5px 0 5px 40px;
        margin: 30px 0px 0 0;
		font-size:1.375rem;
		color:#959595;
    }

        .download ul {
		margin:5px 40px 10px 40px;
		background-color:#FDFAE3;
		border:1px dotted #999999;
		padding:20px;
        }
		.download ul li a {
			color:#0d79fe;

		}
@media only screen and (max-width: 480px)   {
    .tag {
        float:none;
		width:100%;
    }

    .share {
        float: none;
		width:100%;
    }
	.pic_left {
	float:none;
	margin:10px 0;
	width:100%;
}
.pic_right {
	float:none;
	margin:10px 0;
	width:100%;
}
 .download ul {
		margin:5px 40px 10px 40px;
		background-color:#fcf6d1;
		border:1px dotted #999999;
		padding:20px;
        }
}

/*---專區---*/
.video_banner{
    background: url(../images/banner04.jpg) left center no-repeat;
    padding:120px 0px;
    background-size: 100%;
}
@media (max-width:767px) {
  .video_banner{
      padding:60px 0px;
  }
}
.agriculture_banner{
    background: url(../images/agriculture_banner.png) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.care_banner{
    background: url(../images/care_banner.png) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.parttime_banner{
    background: url(../images/parttime_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.tourism_banner{
    background: url(../images/Tour-hero-v3.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.greenEnergy_banner{
    background: url(../images/banner-greenE-3.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.student_new_banner{
    background: url(../images/student_new_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.freshman2_banner{
    background: url(../images/freshman2_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.aborigine_banner{
    background: url(../images/aborigine_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.foreignspouse_banner{
    background: url(../images/foreignspouse_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.newlife_banner{
    background: url(../images/newlife_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.middleage_banner{
    background: url(../images/middleage_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.disability_banner{
    background: url(../images/disability_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}
.woman_banner{
    background: url(../images/woman_banner.jpg) left center no-repeat;
    padding:90px 0px;
    background-size:contain;
}

.ed_icon01{
    background: url(../images/ed_icon01.png) left center no-repeat;
    padding:60px;
    background-size:contain;
}
.ed_icon02{
    background: url(../images/ed_icon02.png) left center no-repeat;
    padding:60px;
    background-size:contain;
}
.ed_icon03{
    background: url(../images/ed_icon03.png) left center no-repeat;
    padding:60px;
    background-size:contain;
}
.ed_icon04{
    background: url(../images/ed_icon04.png) left center no-repeat;
    padding:60px;
    background-size:contain;
}

@media (max-width:767px) {

  .agriculture_banner{
    padding:40px 0px;
  }
  .care_banner{
    padding:40px 0px;
  }
  .parttime_banner{
    padding:40px 0px;
  }
  .tourism_banner{
    padding:40px 0px;
  }
  .greenEnergy_banner{
    padding:40px 0px;
  }
  .student_new_banner{
    padding:40px 0px;
  }
  .freshman2_banner{
    padding:40px 0px;
  }
  .aborigine_banner{
    padding:40px 0px;
  }
  .foreignspouse_banner{
    padding:40px 0px;
  }
  .newlife_banner{
    padding:40px 0px;
  }
  .middleage_banner{
    padding:40px 0px;
  }
  .disability_banner{
    padding:40px 0px;
  }
  .woman_banner{
    padding:40px 0px;
  }

  .ed_icon01, .ed_icon02, .ed_icon03, .ed_icon04 {
    padding: 48px;
    margin-bottom: 1rem;
  }
}

/*---教育---*/
.industry_title {
	display:block;
    margin: 6px 8px;
	border:1px solid #007acd;
    font-size: 1.125rem;
	line-height:1.6rem;
    color: #007acd;
    padding: 8px 10px;
	border-radius:6px;
}

.educationbox {
    /*width: 20%;*/
    margin-right: 10px;
    float: left;
}

    .educationbox img {
        width: 100%;
        height: auto;
    }

.education_list {
    margin: 0 5px;
	padding:5px;
	clear:both;
}
.education_list:hover {
	background-color:#f0faf5;
	border-radius:8px;
}
    .education_list h2 {
        color: #0b673d;
        font-weight: bold;
        font-size:1.125rem;
        line-height: 1.6rem;
		padding:5px 0;
    }

        .education_list h2 a {
            color: #0b673d;
        }
		.education_list h2 a:hover {
            color: #019e5d;
        }

.education_list_title {
    font-size: 1.125rem;
    margin-bottom: 8px;
    color: #ff9900;
    float: left;
    width: 100%;
}

.education_list p {
	line-height:1.6rem;
}

    .education_list P a {
        color: #4a4a4a;
        text-decoration: none;
    }

        .education_list P a:hover {
            text-decoration: none;
        }

.education_ico {
    color: #ff9900;
    margin-right: 8px;
    font-size:0.9rem;
}

/*---分眾專區---*/
.teenager_title {
    
	display:block;
    margin: 6px 8px;
	border:1px solid #00b293;
    font-size: 1.125rem;
	line-height:1.6rem;
    color: #008768;
    padding: 8px 10px;
	border-radius:6px;
}

.teenager_list {
    margin: 0px 10px 10px 10px;
    line-height: 25px;
}

.teenager_list02 {
    margin: 0px 0px 10px 0px;
    line-height: 20px;
    width: 47%;
    margin-right: 2%;
    float: left;
}

.teenager_list02 h2 {
    color: #b8592a;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 25px;
}

.teenager_list h2 a {
    color: #b8592a;
}

.teenagerbox {
    /*width: 40%;*/
    margin-right: 10px;
    float: left;
}

.teenagerbox img {
    width: 100%;
    height: auto;
}

/* 各專區 */
.nav-tabs > li {
    position: relative;
    display: block;
    float: left;
    margin-top: 2px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #f2f2f3;
  color: #004369;
  text-align: center;
}
.nav-tabs > li > a:hover {
  color: #000;
}
/*
.nav-tabs > li a:hover {
  border-bottom: 1px solid #00b2cd;
  background-color: #00bdd9;
    color: #FFFFFF!important;
}
*/
.nav-tabs > li.active > a, 
.nav-tabs > li.active a.dropdown-toggle {
  border-bottom: 1px solid #004369;
  background-color: #038194;
    color: #FFF!important;
}

.sidebar-search {
    display: none;
}

/*form class*/
.formlineflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*flex-wrap: wrap;*/ 
}
.form_left {
    white-space:nowrap;
}
.form_right {    
    margin: 0.4em 0em 0em 0.5em;
}

/* DataPager 分頁控制項 */
.rsmenu, .pagermenu {
    margin: 1rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 0;
    border-top: solid 1px #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #f9f9f9;
    width: 100%;
}
@media (max-width:768px) {
    .pagermenu {
        flex-wrap: wrap;
    }
    .pagermenu .pageInfo {
    }
}

.pagermenu .total {
    margin: 0 0.25rem;
    font-weight: bold;
}
.pagermenu select, .pagermenu input {
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    margin: 0 0.5rem;
}
.pagermenu select {
    padding-right: 3rem;
    border: 1px solid #ccc;
    background-color: #fff;
    background-position: calc(100% - 15px) calc(0.75em + 5px), calc(100% - 10px) calc(0.75em + 5px), calc(100% - 2.2em) 0.5em;
}

.pagermenu .firstPage, 
.pagermenu .prePage, 
.pagermenu .nextPage, 
.pagermenu .lastPage, 
.pagermenu .pageSel, 
.pagermenu .pageSize {
    margin-left: 0.5rem;
}

.pagermenu .firstPage > *, 
.pagermenu .prePage > *, 
.pagermenu .nextPage > *, 
.pagermenu .lastPage > * {
    border: 1px solid #999;
    color: #2E2F30 !important;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    background-color: #F6F6F6;
    display: inline-block;
    vertical-align: middle;
    padding: 0.4rem 1rem;
    font-size: 1rem;
    border-radius: 0.5rem;
    -webkit-transition: all 0.175s ease-in-out;
    transition: all 0.175s ease-in-out;
    line-height: 1.5;
    background-clip: padding-box;
    text-decoration: none;
}
.pagermenu .firstPage > *:not(:disabled):not(.aspNetDisabled):hover,
.pagermenu .prePage > *:not(:disabled):not(.aspNetDisabled):hover,
.pagermenu .nextPage > *:not(:disabled):not(.aspNetDisabled):hover,
.pagermenu .lastPage > *:not(:disabled):not(.aspNetDisabled):hover {
    background-color: #e05781;
    color: #FFF !important;
}

.pagermenu .firstPage > *.aspNetDisabled, 
.pagermenu .prePage > *.aspNetDisabled, 
.pagermenu .nextPage > *.aspNetDisabled, 
.pagermenu .lastPage > *.aspNetDisabled,
.pagermenu .firstPage > *:disabled, 
.pagermenu .prePage > *:disabled, 
.pagermenu .nextPage > *:disabled, 
.pagermenu .lastPage > *:disabled {
    cursor: not-allowed !important;
    background-color: #EEE !important;
    border-color: #EEE !important;
    color: #666 !important;
}

.pagermenu .firstPage:before, 
.pagermenu .prePage:before, 
.pagermenu .nextPage:before, 
.pagermenu .lastPage:before, 
.pagermenu .pageSel:before, 
.pagermenu .pageSize:before {
    content: " | ";
    color: #eee;
}

.pagermenu .firstPage, 
.pagermenu .lastPage {
    display: none;
}

@media (max-width:768px) {
  .rsmenu, .pagermenu {
    margin: 1rem -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
    width: 112%;
}
    .pagermenu select, .pagermenu input {
        margin: 0 0.25rem;
        padding-left: 0.625rem;
    }
    .pagermenu input {
        padding: 0.375rem 0.5rem;
    }
    .pagermenu .firstPage, 
    .pagermenu .prePage, 
    .pagermenu .nextPage, 
    .pagermenu .lastPage, 
    .pagermenu .pageSel, 
    .pagermenu .pageSize {
        margin-left: 0.25rem;
    }
    .pagermenu .prePage:before, 
    .pagermenu .nextPage:before, 
    .pagermenu .pageSel:before, 
    .pagermenu .pageSize:before {
        display: none;
    }

    .pagermenu .firstPage, 
    .pagermenu .lastPage, 
    .pagermenu .pageSize {
        display: none;
    }
    .pagermenu .firstPage > *, 
.pagermenu .prePage > *, 
.pagermenu .nextPage > *, 
.pagermenu .lastPage > * {
    padding: 0.4rem 0.2rem;
    border-radius: 0.4rem;
    line-height: 1.6;
  font-weight:400;
  font-size:0.9375rem;
  margin:0 2px;
}
}


/*---熱門產業---*/
.hot_in_title {
    width: 100%;
    height: auto;
    margin: 6px 0px;
      margin-top: 6px;
      margin-bottom: 6px;
    background-color: #0a8672;
    font-size: 1.125rem;
    line-height: 2.625rem;
    color: #fff;
    padding: 0px 8px 0px 8px;
    margin-bottom: 20px;
    margin-top: 10px;
    border-radius: 0.125rem;
}

.hot_box {
    font-size:1.125rem;
    line-height: 2rem;
}
.hot_box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}
.hot_box ul li{
    padding: 0.5rem 2rem;
    width: 25%;
    display: inline-flex;
    vertical-align: top;
    font-size:1.125rem;
    border: 1px solid #ccc;
    border-radius: 1rem;
    white-space: nowrap;
    text-align: center;
    gap: 0.5rem;
    justify-content: center;
    margin: 0 1rem;
}

@media only screen and (max-width: 768px){
    .hot_box ul li{
        width: 50%;
    }
}
@media only screen and (max-width: 480px){
    .hot_box ul li{
        width: 100%;
    }
}

.forum_text04 ol {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
}
.forum_text04 ol li {
    display: inline-flex;
    align-items: flex-start;
}

.forum_text04 ol input[type=radio], .forum_text04 ol input[type=checkbox] {
    margin-bottom: 0;
    margin-top: 0.125rem;
}
.forum_text04 textarea {
    width: 80%;
}

/* 20230304 */
.checkBoxList-m li {
  float: left;
  width: 22%;  /*保留 li 間的 gap*/
}
.checkBoxList-m.list-nowrap li {  /*避免選項字數多而折行*/
  display: inline-flex;
  align-items: center;
}
.checkBoxList-m.list-nowrap li label {
  white-space: nowrap;
}
@media only screen and (min-width: 576px) and (max-width:768px) {
  .checkBoxList-m li {
    float: left;
    width: 30%;
  }
}
  @media only screen and (max-width: 576px) {
.checkBoxList-m li {
  float: left;
  width: 45%; 
}
}

/* 20230305  */
.table-nowrap th {
  white-space:nowrap;
}

/* jquery-ui dialog */
.ui-dialog {
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif !important;
  font-size: 1rem !important;
  padding: 0 !important;
  box-shadow: 0 3px 10px rgba(0,0,0, .2);
  border-radius: 0.5rem !important;
  max-width: 70%;
  width: auto !important;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: #3498db;
  color: #fff;
  border: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: .5em !important;
  top: 50%;
  width: 1.5rem !important;
  margin: -0.75rem 0 0 0 !important;
  padding: 1px !important;
  height: 1.5rem !important;
  border-radius: 1rem !important;
  border: 2px solid #FFF;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  background-size: 60%;
}
.ui-widget.ui-widget-content {
  border: 1px solid #3498db !important;
}
.ui-dialog .ui-dialog-content tr {
  display: flex;
  flex-wrap: wrap;
}
.ui-dialog .ui-dialog-content td, .ui-dialog .ui-dialog-content .sel-item {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  min-width: 49%;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
}
.ui-dialog .ui-dialog-content td:hover, .ui-dialog .ui-dialog-content .sel-item:hover {
  background-color: #00b2cd;
  cursor: pointer;
}
.ui-dialog .ui-dialog-content td label, .ui-dialog .ui-dialog-content .sel-item label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ui-dialog .ui-dialog-content td label:hover, .ui-dialog .ui-dialog-content .sel-item label:hover {
  cursor: pointer;
}
.ui-dialog .ui-dialog-content .top_div {
  background-color: #F6F6F6;
  height: auto !important;
  margin: -0.5em -1em;
  min-height: 90px;
  padding: 6px 18px 8px;
}
.ui-dialog .ui-dialog-content .top_div .class_remove {
  display: flex;
  justify-content: end;
}
.ui-dialog .ui-dialog-content .top_div ul {
  padding-top: 0.5rem;
  border-top: 1px solid #CCC;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}
.ui-dialog .ui-dialog-content .top_div ul li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-width: 32%;
}
.ui-dialog .ui-dialog-content .top_div ul li a {
  background: url("/internet/jobwanted/images/icon_del.gif") no-repeat;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 3px 5px;
  vertical-align: middle;
  cursor: pointer;
}
.skill-dialog .ui-dialog-content {
  width: 700px !important;
}
.skill-dialog-lv2 .ui-dialog-content {
  width: 500px !important;
}
@media (max-width: 767px) {
  .ui-dialog {
    width: 90% !important;
    max-width: 90% !important;
  }
  .ui-dialog .ui-dialog-content {
    width: 100%;
  }
  .ui-dialog .ui-dialog-content .top_div ul li {
    min-width: 45%;
  }
  .skill-dialog .ui-dialog-content {
    width: 100% !important;
  }
  .skill-dialog-lv2 {
    width: 300px !important;
    max-width: 300px !important;
  }
  .skill-dialog-lv2 .ui-dialog-content {
    width: 300px !important;
  }
}

/*---影音專區---*/
.save_left {
  width: 20%;
  float: left;
  margin-right:2%;
}

.save_right {
  width: 78%;
  display: inline-block;
  margin-top: 0.5rem;
}
@media (max-width:767px) {
  .save_left {
    width: 100%;
    margin-right: 0;
  }
  .save_right {
    width: 100%;
    margin-bottom: 1rem;
  }

  .save_right .table th {
    padding:0;
  }
  .save_right .table .btn {
    padding-left:7px;
    padding-right:7px;
    
  }
}

.save_list {
  color: #31708f;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 20px;
}
.accordion .accordionTitle {
  cursor: pointer;
  background-color: #f6f6f6;
  margin: 0 0 5px 0;
  padding: 4px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap:0.25rem;
}
.accordion .submenu {
  padding-left: 2rem;
  margin-bottom: 1rem;
}
@media (max-width:767px) {
  .accordion .submenu {
    /* display: flex; */
    /* flex-wrap: wrap; */
    gap: 0.4rem;
  }
  .accordion .submenu li {
    min-width: 45%;
    border-radius: 0.2rem;
    border: 1px solid #ccc;
    padding: 0.1rem 0.5rem;
    float:left;
    margin:0 2% 2% 0;
  }
  .accordion > li {
    clear:both;
  }
}
.save_right .video_hot {
  color: #3c78c2;
  font-weight: 700;
}
.glyphicon {
  display: inline-flex;
  align-items: center;
}
label > .glyphicon {
  margin-right: 0.25rem;
}
.glyphicon-chevron-right::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='glyphicon-chevron-right' viewBox='0 0 16 16' %3E %3Cpath fill='%2301949A' d='M11.6,8.7l-6.4,3.7C4.7,12.7,4,12.3,4,11.7V4.3c0-0.6,0.7-1,1.2-0.7l6.4,3.7C12,7.5,12.1,8,11.9,8.4 C11.8,8.5,11.7,8.6,11.6,8.7z'/%3E %3C/svg%3E");
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}
.glyphicon-play-list::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-list-check' viewBox='0 0 16 16'%3E %3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z'/%3E %3C/svg%3E");
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}

/*---影音專區---*/
.video_list01 {
  width: 100%;
}
.video_list01 i {
color:#4d83ff;
}
.video_list01box {
  float: left;
  margin-right: 10px;
  width: 50%;
}
.video_list01box img {
  height: auto;
  width: 100%;
}
.video_font {
  font-size: 1.125rem;
  line-height: 20px;
  margin: 20px 0 10px;
}
.video_list02 {
  clear:both;
  width: 100%;
  padding: 10px;
  margin-bottom:5px;
  border-bottom: 1px solid #ccc;
  overflow: auto;
}
.video_list02:hover {
background-color:#f3f6fe;
border-radius:6px;
}
.video_list02 p {
  line-height: 20px;
}
.video_list02box {
  float: left;
  height: auto;
  margin-right: 2%;
  width: 20%;
}
.video_list02box img {
  height: auto;
  width: 100%;
}
.video_list02 h2 {
  color: #337ab7;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 20px;
}
@media (max-width:767px) {
  .video_list02 .date, .video_list02 .t-flex {
    width: 100%;
  }
}

.video_title {
  color: #2197d4;
  font-size:1.8rem;
  font-weight: bold;
  margin: 20px 0;
line-height:1.8rem;
}
.video_title02 {
  color: #1E75B6;
  width: 100%;
  font-size: 1.125rem;
  margin-bottom: 10px;
border-bottom:3px solid #1E75B6;
padding:5px 0 5px 5px;
}
.video_title02 i {
padding-right:5px;
}
.video_hot {
  color: #3c78c2;
  float: left;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 20px 0 10px 0;
  padding-bottom: 5px;
  width: 100%;
padding-top:8px;
}
.video_hot i {
margin-right:5px;
}
.video_more {
  float: right;
}

/* 隱私權設定 */
.resume-se-view table.contact-info-view {
  width: 100%;
}
.resume-se-view table.contact-info-view th {
  width: 9rem;
}
.resume-se-view .voice-info {
  display: none;
}
@media (max-width: 767px) {
  .resume-se-view .control-label, .resume-se-edit .control-label {
    margin-top: 1rem;
    box-shadow: 0px 2px 3px rgba(51,51,102,0.3);
  }
}

.table-responsive {
    width: 100%;
    margin: 0.5rem 0 0rem 0;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 0px solid #dddddd;
    -ms-overflow-style: hidden;
    -webkit-overflow-scrolling: hidden;
}

.table-responsive > .table {
    margin-bottom: 0;
}

.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
}

.table-responsive > .table > tbody > tr > th{ text-align:center;}
.table-responsive > .table > tbody > tr > td{ white-space:normal;}

/*隱藏公司名單*/
.comp-block-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row !important;
  gap: 1rem;
}
.comp-block-list li {
  min-width: 45%;
}
@media (max-width: 767px) {
  .comp-block-list li {
    min-width: 100%;
  }
}

/* 廠商通知*/
.comp-message td {
  display: flex;
  align-items: first baseline !important;
  gap: 1rem;
}
.comp-message label {
  font-weight: 700;
  white-space: nowrap;
  min-width: 6.5rem;
}
.comp-message .sub-title {
  font-weight: 700;
}

/* 線上申辦 */
.agreeTitle {
  font-size: 1.5rem !important;
  margin-right: 1rem;
  padding: 0.375rem 0 !important;
}
.agreeSubTitle {
  font-size: 1.25rem !important;
  padding: 0.25rem 0 0.375rem 0 !important;
}
.statusTitle {
  font-size: 1.5rem !important;
  padding: 0.5rem !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.statusSubTitle {
  font-size: 1rem !important;
  padding: 0.5rem !important;
  margin: 0.5rem 0 !important;
}
.stationLink {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  padding: 1rem;
}
.browserHint {
  padding: 0.5rem !important;
}
#CPH1_plStatus {
  padding: 1rem;
}
#CPH1_plStatus > p, .cont_login00 .p1 {
  font-size: 1.5rem !important;
  margin: 1rem 1rem 0.5rem 1rem !important;
}
#CPH1_plStatus .table {
  margin-bottom: 1rem;
}
.historyTitle {
  font-size: 1.5rem !important;
}
.historySubTitle {
  font-size: 1.25rem !important;
}
@media screen and (max-width:576px) {
  #CPH1_plStatus {
padding: 0.2rem;
}
}