* {box-sizing: border-box}
/* Style the tab */
.blogpatcher-tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 34px;
  display: block;
  border-right: none;
  /* height: 300px; */
}

div#blogpatcher_refresh_seo {
    right: 0;
    padding-top: 1rem;
    padding-right: 2rem;
    position: absolute;
}

div#blogpatcher_refresh_lsi {
    right: 0;
    padding-top: 1rem;
    padding-right: 2rem;
    position: absolute;
}

.blogpatcher-sidbar-scale{
  /* font-size: 70%; */
  /* transform: scale(0.7); */
  padding: 10px;
}

.blogpatcher-scale-70{
  float: none !important;
  margin-right: 0.0rem !important;
  margin-bottom: 0.2rem !important;
  padding-bottom: 0.35rem !important!;
}

.blogpatcher-overlay{
  position: absolute;
  margin-left: -95px;
  margin-top: -50px;
  border: 1px solid;
  background-color: #EEE8;
  min-width: 50px;
  max-width: 50px;
  font-family: sans-serif;
  font-size: 11px;
  padding: 5px;
}

/*SVG ICON SYSTEM*/
.icon {
    display: inline-flex;
    align-self: center;
}

.icon svg, .icon img {
    height: 1.3em;
    width: 1.3em;
    fill: currentColor;
    margin-right: 0.5em;
}

.icon.baseline svg, .icon img {
    top: .3em;
    position: relative;
}


/* Style the buttons that are used to open the tab content */
.blogpatcher-tab span {
  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.5s;
  box-sizing: border-box;

}

.blogpatcher-flex-tabs{
  display: flex;
}

/* Change background color of buttons on hover */
.blogpatcher-tab span:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.blogpatcher-tab span.active {
  background-color: #ccc;
}

/* Style the tab content */
.blogpatcher-tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  flex-grow: 1;
  display: none;
  /* width: 90%; */

  /* height: 300px; */
}

.plugin-sidebar-content {
    padding: 10px;
}

.kw-label-rel-green {
    display: block;
    float: left;
    border-radius: 7px;
    border: 1px solid rgba(0, 170, 0, 1);
    padding-right: 0.55rem;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    padding-left: 0.55rem;
    font-family: sans-serif;
    text-align: center;
    background-color: #F8FBF8;
    color: #1A1A61;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
}

.kw-label-rel-blue {
    display: block;
    float: left;
    border-radius: 7px;
    border: 1px solid rgba(0, 170, 170, 1);
    padding-right: 0.55rem;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    padding-left: 0.55rem;
    font-family: sans-serif;
    text-align: center;
    background-color: #F8FBFB;
    color: #1A1A61;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
}

.blogpatcher-notice {
  padding: 0;
  margin: 0;
  margin-top: 0.1rem;
  background-color: rgba(240, 0, 0, 0.1);
  color: rgba(210, 0, 0, 1);
}

.blogpatcher-bold-border{
  border: 1px solid #FFD700;
  background-color: rgba(255,255,0, 0.05);
}

mark{
    border-radius: 3px;
    background: #FFFF99;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    /* padding-top: 0.1rem;
    padding-bottom: 0.2rem; */
    color: black;
}

.cnt-label {
  border-radius: 12px;
    display: block;
    float: left;
    min-width: 1.4rem;
    max-width: 1.4rem;
    padding-right: 0.1rem;
    padding-bottom: 0.1rem;
    padding-top: 0.15rem;
    padding-left: 0.05rem;
    margin-top: 0.1rem;
    margin-right: 0.4rem;
    font-family: "metropolis-bold", sans-serif;

    text-align: center;
    line-height: 1.0;
     background-color: rgba(245, 245, 245, 1);
     color: rgba(25, 25, 25, 1);
     border-top: 1px solid rgba(255, 255, 255, 1);
     border-left: 1px solid rgba(255, 255, 255, 1);
     border-right: 1px solid rgba(255, 255, 255, 1);
     border-bottom: 1px solid rgba(255, 255, 255, 1);

}

.kw-label-common {
  cursor: pointer;
  border-radius: 10px;
    display: block;
    float: left;
    padding-right: 0.6rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 0.3rem;
    font-family: "metropolis-bold", sans-serif;
    text-align: center;
    line-height: 1.5;
     background-color: rgba(0, 170, 0, 1);
     color: rgba(255, 255, 255, 1);
     border-top: 2px solid rgba(255, 255, 255, 1);
     border-left: 2px solid rgba(255, 255, 255, 1);
     border-right: 2px solid rgba(255, 255, 255, 1);
     border-bottom: 2px solid rgba(255, 255, 255, 1);

}

.kw-label-root {
    border-radius: 7px;
    border: 1px solid #3D3DE0;
    padding-right: 0.55rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 0.55rem;
    font-family: sans-serif;
    text-align: center;
     background-color: #F8F8F8;
     color: #1A1A61;
}

.kw-label-rel-orange {
    display: block;
    float: left;
    border-radius: 7px;
    border: 1px solid rgba(240, 125, 0, 1);
    padding-right: 0.55rem;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    padding-left: 0.55rem;
    font-family: sans-serif;
    text-align: center;
    background-color: #FFFBF8;
    color: #1A1A61;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
}

.kw-label-rel-orange:hover {
  /* background-color: #fff2e8; */
  cursor: default;
}

.chart-div{
  /* margin-top: -1rem; */
  /* margin-bottom: 2rem; */
  /* width: 100%; */
  min-height: 400px;
}

.kw-label-rel-green:hover {
  background-color: #F0FFF0;
  cursor: pointer;
}

.kw-label-rel-blue:hover {
  background-color: #f0f0ff;
  cursor: pointer;
}

.cnt-label-orange {
  border-radius: 12px;
    display: block;
    float: left;
    min-width: 1.2rem;
    max-width: 1.2rem;
    min-height: 1.0rem;
    /* padding-right: 0.1rem;
    padding-bottom: 0.1rem;
    padding-top: 0.2rem;
    padding-left: 0.05rem;
    margin-top: 0.15rem; */
    margin-right: 0.4rem;
    font-family: sans-serif;

    text-align: center;
    /* line-height: 1.0; */
     background-color: rgba(250, 250, 250, 1);
     color: rgba(0, 0, 0, 1);
     border-top: 1px solid rgba(240, 125, 0, 1);
     border-left: 1px solid rgba(240, 125, 0, 1);
     border-right: 1px solid rgba(240, 125, 0, 1);
     border-bottom: 1px solid rgba(240, 125, 0, 1);

}

.cnt-label-green {
  border-radius: 12px;
    display: block;
    float: left;
    min-width: 1.2rem;
    max-width: 1.2rem;
    min-height: 1.0rem;
    /* padding-right: 0.1rem;
    padding-bottom: 0.1rem;
    padding-top: 0.2rem;
    padding-left: 0.05rem;
    margin-top: 0.15rem; */
    margin-right: 0.4rem;
    font-family: sans-serif;

    text-align: center;
    /* line-height: 1.0; */
     background-color: rgba(250, 250, 250, 1);
     color: rgba(0, 0, 0, 1);
     border-top: 1px solid rgba(0, 170, 0, 1);
     border-left: 1px solid rgba(0, 170, 0, 1);
     border-right: 1px solid rgba(0, 170, 0, 1);
     border-bottom: 1px solid rgba(0, 170, 0, 1);

}

.cnt-label-blue {
  border-radius: 12px;
    display: block;
    float: left;
    min-width: 1.2rem;
    max-width: 1.2rem;
    min-height: 1.0rem;
    /* padding-right: 0.1rem;
    padding-bottom: 0.1rem;
    padding-top: 0.2rem;
    padding-left: 0.05rem;
    margin-top: 0.15rem; */
    margin-right: 0.4rem;
    font-family: sans-serif;

    text-align: center;
    /* line-height: 1.0; */
     background-color: rgba(250, 250, 250, 1);
     color: rgba(0, 0, 0, 1);
     border-top: 1px solid rgba(0, 170, 170, 1);
     border-left: 1px solid rgba(0, 170, 170, 1);
     border-right: 1px solid rgba(0, 170, 170, 1);
     border-bottom: 1px solid rgba(0, 170, 170, 1);

}

.blogpatcher-bold-border:hover{
  border: 1px solid #FFD700;
  background-color: #FFFFE0;
}

b {
  font-size: 110%;
  font-weight: bolder;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  padding-left: 40px;
  border: 1px solid #888;
  width: 350px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.clear-both {
  clear: both;
}

.m0 {
  margin: 0
}

.mt0 {
  margin-top: 0
}

.mr0 {
  margin-right: 0
}

.mb0 {
  margin-bottom: 0
}

.ml0,.mx0 {
  margin-left: 0
}

.mx0 {
  margin-right: 0
}

.my0 {
  margin-top: 0;
  margin-bottom: 0
}

.m1 {
  margin: .5rem
}

.mt1 {
  margin-top: .5rem
}

.mr1 {
  margin-right: .5rem
}

.mr05 {
  margin-right: .3rem
}

.mb1 {
  margin-bottom: .5rem !important;
}

.mb15 {
  margin-bottom: .60rem
}

.ml1,.mx1 {
  margin-left: .5rem
}

.ml05 {
  margin-left: .25rem
}

.mx1 {
  margin-right: .5rem
}

.my1 {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.m2 {
  margin: 1rem
}

.mt2 {
  margin-top: 1rem
}

.mr2 {
  margin-right: 1rem
}

.mb2 {
  margin-bottom: 1rem
}

.ml2,.mx2 {
  margin-left: 1rem
}

.mx2 {
  margin-right: 1rem
}

.my2 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.m3 {
  margin: 1.5rem
}

.mt3 {
  margin-top: 1.5rem
}

.mr3 {
  margin-right: 1.5rem
}

.mb3 {
  margin-bottom: 1.5rem
}

.ml3,.mx3 {
  margin-left: 1.5rem
}

.mx3 {
  margin-right: 1.5rem
}

.my3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.m4 {
  margin: 2rem
}

.mt4 {
  margin-top: 2rem
}

.mr4 {
  margin-right: 2rem
}

.mb4 {
  margin-bottom: 2rem
}