@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');
@import url('https://marcomoore.com/accessiblity-widget/font-dyslexia.css');
@import url('https://marcomoore.com/accessiblity-widget/font-arial.css');

.accessibilityWidgetHolder{
    position: fixed;
    z-index: 10000;
    top: 0;
    transform: translateX(-100%);
    left:0;
    color: #121212;
    font-family: 'Comfortaa', cursive;
    transition: transform 0.5s ease-in-out;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.accessibilityWidgetHolder::-webkit-scrollbar-track
{
	opacity: 0;
}

.accessibilityWidgetHolder::-webkit-scrollbar
{
	width: 1px;
  opacity: 0;
}

.accessibilityWidgetHolder::-webkit-scrollbar-thumb
{
	opacity: 0;
}
.accessibilityWidgetHolder *{
  box-sizing: border-box;
}
.accessibilityTrigger{
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  border-radius: 100%;
  background: #33bbed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon{
  position: absolute; 
  width: 50px;
  height: 50px;
  background: #33bbed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;

  -webkit-box-shadow: 
    0 0 0 5px   rgba(255,255,255,.1),
    0 0 5px 2px rgba(0,0,0,.2),
inset 0 0 0 5px   rgba(255,255,155,.4);
  -moz-box-shadow: 
    0 0 0 5px   rgba(255,255,255,.1),
    0 0 5px 2px rgba(0,0,0,.2),
inset 0 0 0 5px   rgba(255,255,155,.4);
  box-shadow: 
    0 0 0 5px   rgba(255,255,255,.1),
    0 0 5px 2px rgba(0,0,0,.2),
inset 0 0 0 5px   rgba(255,255,155,.4);

  -webkit-border-radius: 999px; 
  -moz-border-radius: 999px;
  border-radius: 999px;
  /* border-radius: 50% has issues on some mobile browsers */
}
.pulse1 {
  position: absolute;  
  width: 60px;
  height: 60px;
  margin: auto; 
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 1;
  opacity: 0;
  border: 3px solid rgba(255,255,255,.1);

  -webkit-animation: pulsejg1 4s linear infinite;
  -moz-animation: pulsejg1 4s linear infinite;
  animation: pulsejg1 4s linear infinite;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
  -moz-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
  box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pulse2 {
  position: absolute;
  width: 60px;
  height: 60px;
  margin: auto; 
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 2;
  opacity: 0;
  border: 1px solid rgba(255,255,255,0);

  -webkit-animation: pulsejg2 4s linear infinite;
  -moz-animation: pulsejg2 4s linear infinite;
  animation: pulsejg2 4s linear infinite;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
  -moz-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
  box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.accessibilityWidgetHolder.expanded{
  transform: translateX(0);
}
.accessibilityWidgetOverlay.expanded{
  visibility: visible;
  opacity: 1;
}
.accessibilityWidgetOverlay{
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.accessibilityWidget{
    position: relative;
    z-index: 10001;
    max-width: 380px;
    width:100%;
    background: #fff;
    height: 100vh;
    display: flex;
    overflow: auto;
    flex-direction: column;
}
.accessibilityWidgetHeader{
    background: #33bbed;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 13px 15px;
    height: 56px;
}
.accessibilityWidgetHeader h4{
    margin: 0;
    font-size: 16px;
    color: #fff;
}
.accessibilityWidgetHeader svg path{
    fill:#fff;
}
.ml-auto{
    margin-left: auto !important;
}
.accessibilityWidgetBody{
    /* height: calc(100vh - 56px - 56px); */
    overflow: auto;
    flex: 1 1 auto;
    padding: 15px;
    background: #f1f1f1;
    overflow: auto;
    max-height: calc(100vh - 56px - 56px);
}
.accessibilityWidgetFooter{
    display: flex;
    align-items: center;
    padding: 13px 15px;
    height: 56px;
    border-top: 1px solid #eee;
}
.accessibilityWidgetFooter h6{
    margin: 0;
}
.accessibilityWidgetFooter a{
    margin: 0;
    color: #121212;
}

.oversizedWidgetSec{
    display: flex;
    align-items: center;
    padding: 15px;
    margin-bottom: 0;
    position: relative;
    background: #fff;
    border-radius: 15px;
}
.oversizedWidgetSec h3{
    font-size: 16px;
    margin: 0;
    font-weight:bold;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 12px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ced4da;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: -4px;
    top: -3px;
    bottom: 4px;
    background-color: #9398B4;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: rgba(51,187,237,0.5);
  }
  
  /* input:focus + .slider {
    box-shadow: 0 0 1px #33bbed;
  } */
  
  input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background-color: #33bbed;
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

  .accessibilityOptionHolder{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 15px 0;
  }
  .accessibilityOption{
    flex: 0 0 calc(50% - 0.25rem);
    max-width: calc(50% - 0.25rem);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 90px;
    cursor: pointer;
    border-radius: 15px;
    padding: 7px 5px 15px 5px;
    font-size: 13px;
    font-weight: 500;
    flex-direction: column;
    position: relative;
    border: 2px solid #fff;
  }
  .accessibilityOption img{
    height: 25px;
    max-width: 40px;
    margin-bottom: 10px;
  }
  .accessibilityOption img.icon-contrast{
    height: 30px;
  }
  .accessibilityOption img.icon-dyslexia{
    height: 30px;
  }
  .resetSetting{
    padding: 15px 0 15px 0;
    border-top:1px solid #33bbed;
    margin-top:0;
  }
  .resetSetting a{
    text-align: center;
    cursor: pointer;
    background: #33bbed;
    color: #fff;
    border-radius: 0.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    box-shadow: none;
    border: 2px solid #33bbed;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    padding: 0.6rem 0.625rem;
    transition: background-color 0.15s ease,border-color 0.15s ease;
    position: relative;
    text-decoration: none;
  }
  .resetSetting h3{
    display:flex;
    justify-content: space-between;
    align-items:center;
    font-size: 16px;
    margin: 0;
  }
  .resetSetting svg{
      cursor: pointer;
  }
  .accessibilityWidgetHolder.oversized{
    font-size: 16px;
  }
  .accessibilityWidgetHolder.oversized .accessibilityWidget{
    max-width: 520px;
  }
  .accessibilityWidgetHolder.oversized .accessibilityOption{
    font-size: 18px;
  }
  .accessibilityWidgetHolder.oversized .accessibilityOption img{
    height: 33px;
    max-width: 70px;
  }
  .accessibilityWidgetHolder.oversized .resetSetting a{
    font-size: 1rem;
  }
  .accessibilityWidgetHolder.oversized .oversizedWidgetSec h3{
    font-size: 18px;
  }
  .accessibilityWidgetHolder.oversized .accessibilityOption ul{
    bottom: 4px;
  }
  .accessibilityWidgetHeader h4{
    font-size: 18px;
  }
  .accessibilityOption ul{
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 9px;
    list-style-type: none;
    gap: 0.5rem;
    left: 18px;
    right: 18px;
  }
  .accessibilityOption ul li{
    flex: 1;
  }
  .accessibilityOption ul li label input{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  .accessibilityOption ul li label{
    display: block;
    margin:0;
  }
  .accessibilityOption ul li label span{
    
    height: 4px;
    border-radius: 8px;
    background-color: #9398B4;
    display: block;
  }
  .accessibilityOption ul li label input:checked + span{
    background-color: #33bbed;
  }
  .accessibilityOption *{
    cursor: pointer;
  }
  .accessibilityOption:hover{
    border-color: #33bbed;
  }
  .accessibilityOption.border-active{
    border-color: #33bbed;
  }
  .accessibilityOption.active{
    border-color: #33bbed;
  }
  .accessibilityOption.active:after{
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9Ikljb25zIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzM2JiZWQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDFBMTEsMTEsMCwxLDAsMjMsMTIsMTEsMTEsMCwwLDAsMTIsMVptNS43MDcsOC43MDctNyw3YTEsMSwwLDAsMS0xLjQxNCwwbC0zLTNhMSwxLDAsMCwxLDEuNDE0LTEuNDE0TDEwLDE0LjU4Nmw2LjI5My02LjI5M2ExLDEsMCwwLDEsMS40MTQsMS40MTRaIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 6px;
    right: 6px;
  }




/* invert styles */
  .wiz-invert-theme {
    filter: invert(100%);
    -webkit-filter: invert(100%);
  }
  .wiz-invert-theme .accessibilityWidgetHolder {
    filter: invert(100%);
    -webkit-filter: invert(100%);
  }


/* dark styles */
  .wiz-dark-theme:not(.accessibilityWidgetHolder),.wiz-dark-theme:not(.accessibilityWidgetHolder *){
    background-color: rgb(0, 0, 0) !important;
    transition: all 0s ease 0s;
    border-color: rgb(255, 255, 255) !important;
    color: rgb(80, 208, 160) !important;
  }
  .wiz-dark-theme a:not(.accessibilityWidgetHolder a){
    transition: all 0s ease 0s;
    border-color: rgb(255, 255, 255) !important;
    color: rgb(252, 255, 60) !important;
  }
  .wiz-dark-theme [data-dark-theme]{
    background-color: rgb(0, 0, 0) !important;
    transition: all 0s ease 0s;
    border-color: rgb(255, 255, 255) !important;
    color: rgb(80, 208, 160) !important;
  }
  .wiz-dark-theme [data-dark-theme-background]{
    background-color: rgb(0, 0, 0) !important;
    transition: all 0s ease 0s;
    border-color: rgb(255, 255, 255) !important;
    color: rgb(80, 208, 160) !important;
  }
  .wiz-dark-theme [data-dark-theme-background] a{
    background-color: rgb(0, 0, 0) !important;
    transition: all 0s ease 0s;
    border-color: rgb(255, 255, 255) !important;
    color: rgb(80, 208, 160) !important;
  }
  .wiz-dark-theme [data-dark-theme] *{
    border-color: rgb(255, 255, 255) !important;
    color: rgb(80, 208, 160) !important;
  }
  .wiz-dark-theme [data-dark-theme-diabled]{
    border-color: #000 !important;
    color: #000 !important;
  }
  .wiz-dark-theme [data-dark-theme-diabled] *{
    border-color: #000 !important;
    color: #000 !important;
  }
  .wiz-dark-theme [data-dark-theme] [data-dark-theme-diabled]{
    border-color: #000 !important;
    color: #000 !important;
  }
  .wiz-dark-theme [data-dark-theme] [data-dark-theme-diabled] *{
    border-color: #000 !important;
    color: #000 !important;
  }

/* light styles */
  .wiz-light-theme:not(.accessibilityWidgetHolder),.wiz-light-theme:not(.accessibilityWidgetHolder *){
    transition: all 0s ease 0s;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(0, 0, 0) !important;
    color: rgb(0, 0, 0) !important;
  }
  .wiz-light-theme a:not(.accessibilityWidgetHolder a){
    transition: all 0s ease 0s;
    border-color: rgb(0, 0, 0) !important;
    color: rgb(0, 0, 0) !important;
  }
  .wiz-light-theme [data-light-theme]{
    transition: all 0s ease 0s;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(0, 0, 0) !important;
    color: rgb(0, 0, 0) !important;
  }
  .wiz-light-theme [data-light-theme-background]{
    transition: all 0s ease 0s;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(0, 0, 0) !important;
    color: rgb(0, 0, 0) !important;
  }
  .wiz-light-theme [data-light-theme-background] *{
    transition: all 0s ease 0s;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(0, 0, 0) !important;
    color: rgb(0, 0, 0) !important;
  }
  .wiz-light-theme [data-light-theme] *{
    border-color: rgb(0, 0, 0) !important;
    color: rgb(0, 0, 0) !important;
  }
  .wiz-light-theme [data-light-theme-disabled]{
    border-color: #fff !important;
    color: #fff !important;
  }
  .wiz-light-theme [data-light-theme-disabled] *{
    border-color: #fff !important;
    color: #fff !important;
  }
  .wiz-light-theme [data-light-theme] [data-light-theme-disabled]{
    border-color: #fff !important;
    color: #fff !important;
  }
  .wiz-light-theme [data-light-theme] [data-light-theme-disabled] *{
    border-color: #fff !important;
    color: #fff !important;
  }


/* highlighted links styles */

  .wiz-link-highlighted a:not(.accessibilityWidgetHolder a){
    text-decoration: underline !important;
    transition: all 0s ease 0s;
    color: rgb(255, 255, 0) !important;
    background-color: rgb(0, 0, 0) !important;
  }
  .wiz-link-highlighted a:not(.accessibilityWidgetHolder *) svg *[fill]:not([fill="none"]){
    fill: rgb(255, 255, 0) !important;
  }
  .wiz-link-highlighted a:not(.accessibilityWidgetHolder *) svg *[stroke]{
    stroke: rgb(255, 255, 0) !important;
  }
  .wiz-link-highlighted button:not(.accessibilityWidgetHolder *),.wiz-link-highlighted input[type='button']:not(.accessibilityWidgetHolder *),.wiz-link-highlighted input[type='submit']:not(.accessibilityWidgetHolder *){
    text-decoration: underline !important;
    transition: all 0s ease 0s;
    color: rgb(255, 255, 0) !important;
    background-color: rgb(0, 0, 0) !important;
  }
  .wiz-link-highlighted [data-highlighted-link]{
    text-decoration: underline !important;
    transition: all 0s ease 0s;
    color: rgb(255, 255, 0) !important;
    background-color: rgb(0, 0, 0) !important;
  }
  .wiz-link-highlighted [data-highlighted-link] *{
    text-decoration: underline !important;
    transition: all 0s ease 0s;
    color: rgb(255, 255, 0) !important;
    background-color: rgb(0, 0, 0) !important;
  }
  .wiz-link-highlighted a[data-highlighted-disabled]:not(.accessibilityWidgetHolder a){
    text-decoration: inherit !important;
    transition: inherit;
    color: inherit !important;
    background-color: transparent !important;
  }
  .wiz-link-highlighted a[data-highlighted-disabled-transparent]:not(.accessibilityWidgetHolder a){
    text-decoration: inherit !important;
    transition: inherit;
    color: transparent !important;
    background-color: transparent !important;
  }


  /* bigger text styles */

  .wiz-bigger-text-1{
    zoom: 1.2 !important;
  }
  .wiz-bigger-text-2{
    zoom: 1.3 !important;
  }
  .wiz-bigger-text-3{
    zoom: 1.5 !important;
  }
  .wiz-bigger-text-4{
    zoom: 1.6 !important;
  }


  /* text spacing styles */

 .wiz-light-text-spacing *:not(input,select){
    word-spacing: 0.16em!important;
    letter-spacing: .12em!important;
}
 .wiz-moderate-text-spacing *:not(input,select){
  word-spacing: 0.32em!important;
  letter-spacing: .24em!important;
}
 .wiz-heavy-text-spacing *:not(input,select){
  word-spacing: 0.48em!important;
  letter-spacing: .36em!important;
}
 .wiz-light-text-spacing .accessibilityWidgetHolder *,.wiz-moderate-text-spacing .accessibilityWidgetHolder *,.wiz-heavy-text-spacing .accessibilityWidgetHolder *{
  word-spacing: normal !important;
  letter-spacing: normal !important;;
}
.wiz-light-text-spacing [text-spacing-disabled],.wiz-moderate-text-spacing [text-spacing-disabled],.wiz-heavy-text-spacing [text-spacing-disabled]{
  word-spacing: normal !important;
  letter-spacing: normal !important;
}


  /* animation styles */
.wiz-transition-off * {
  transition-timing-function: step-end!important;
  transition-duration: 0s!important;
  animation-timing-function: step-end!important;
  animation-iteration-count: 1!important;
  animation-duration: 0s!important;
}
.wiz-transition-off *::before{
  transition-timing-function: step-end!important;
  transition-duration: 0s!important;
  animation-timing-function: step-end!important;
  animation-iteration-count: 1!important;
  animation-duration: 0s!important;
}
.wiz-transition-off *::after{
  transition-timing-function: step-end!important;
  transition-duration: 0s!important;
  animation-timing-function: step-end!important;
  animation-iteration-count: 1!important;
  animation-duration: 0s!important;
}


/* font family styles */

.wiz-font-family-dyslexia *{
  font-family: 'opendyslexicregular' !important;
}
.wiz-font-family-legible *{
  font-family: 'arialregular' !important;
}


/* font line height styles*/

.wiz-line-height-light [data-heading]{
  line-height: 1.4 !important;
}
.wiz-line-height-light p{
  line-height: 1.6 !important;
}
.wiz-line-height-light [data-text]{
  line-height: 1.6 !important;
}
.wiz-line-height-moderate [data-heading]{
  line-height: 1.6 !important;
}
.wiz-line-height-moderate p{
  line-height: 1.8 !important;
}
.wiz-line-height-moderate [data-text]{
  line-height: 1.8 !important;
}
.wiz-line-height-heavy [data-heading]{
  line-height: 1.8 !important;
}
.wiz-line-height-heavy p{
  line-height: 2 !important;
}
.wiz-line-height-heavy [data-text]{
  line-height: 2 !important;
}


/* font alignment styles*/

.wiz-text-left *{
  text-align: left !important;
}
.wiz-text-center *{
  text-align: center !important;
}
.wiz-text-right *{
  text-align: right !important;
}
.wiz-text-justify *{
  text-align: justify !important;
}
.wiz-text-left [element-position]::before,.wiz-text-left [element-position]::after{
  left: 0;
  transform: inherit;
}
.wiz-text-right [element-position]::before,.wiz-text-right [element-position]::after{
  left: auto;
  right: 0;
  transform: inherit;
}
.wiz-text-justify [element-position]::before,.wiz-text-justify [element-position]::after{
  left: 0;
  transform: inherit;
}


/* body saturation styles*/
.wiz-saturation-low{
  filter: saturate(0.5) !important;
}
.wiz-saturation-high{
  filter: saturate(3) !important;
}
.wiz-desaturation{
  filter: saturate(0) !important;
}



/* body cursor styles*/
.cursor-big{
  cursor: url(https://marcomoore.com/accessiblity-widget/widget-icons/cusrsor-pointer.svg),auto!important;
}
.cursor-big *{
  cursor: url(https://marcomoore.com/accessiblity-widget/widget-icons/cusrsor-pointer.svg),auto!important;
}
.wt-reading-mask {
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 99999999;
  zoom: normal!important;
}

.wt-reading-mask.upper {
  top: 0;
  border-bottom: 10px solid #33bbed;
  height: 45%;
  zoom: normal!important;
}

.wt-reading-mask.lower {
  bottom: 0;
  border-top: 10px solid #33bbed;
  height: 45%;
  zoom: normal!important;
}

.wt-reading-guide.bar {
  position: fixed;
  box-sizing: border-box;
  background: #000;
  width: 40vw !important;
  min-width: 200px !important;
  height: 12px !important;
  border: solid 3px #33bbed;
  border-radius: 5px;
  top: 20px;
  z-index: 99999999;
  zoom: normal!important;
}

.wt-reading-guide.arrow {
  width: 20px;
  height: 0;
  position: fixed;
  z-index: 214748364711;
  zoom: normal!important;
}

.wt-reading-guide.arrow:before {
  content: "";
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #33bbed;
  border-width: 17px;
  margin-left: -17px;
  zoom: normal!important;
}

.wt-reading-guide.arrow:after {
  content: "";
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #000;
  border-width: 14px;
  margin-left: -14px;
  zoom: normal!important;
}

/* biiger text with cursor */
.wiz-bigger-text-1 .wt-reading-mask{
  zoom: 0.8 !important;
}
.wiz-bigger-text-2 .wt-reading-mask{
  zoom: 0.7 !important;
}
.wiz-bigger-text-3 .wt-reading-mask{
  zoom: 0.5 !important;
}
.wiz-bigger-text-4 .wt-reading-mask{
  zoom: 0.4 !important;
}



/* styles tooltip */
.wiz-tooltip .tooltipster-sidetip{
  font-family: 'Comfortaa', cursive; 
}
.wiz-tooltip .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{
  border-bottom-color: #000000;
}
.wiz-tooltip .tooltipster-sidetip .tooltipster-box{
  background: #000000;
}
.wiz-tooltip .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{
 border-top-color: #000000;
}