.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}


.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}


.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}


.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.showhover a{
  color: #999;
}
.showhover a:hover {
  color: #1f58c7;
}
.lh-22 {
  line-height: 22px;
}

.errorbox {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding: 20px;
  background-color: red;
  color: #fff;
  text-align: center;
  display: none;
  z-index: 9999;
}


.successbox {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding: 20px;
  background-color: green;
  color: #fff;
  text-align: center;
  display: none;
  z-index: 9999;
}
.seedkeyword {
  margin-top:30px;
  margin-bottom:20px;
  padding: 10px 15px;
  background-color:#efefef;
  border-radius:8px;
}
.alert-box {
  margin:20px;
  margin-top:50px;
  border: 1px solid #666;
  background-color: #efefef;
  padding: 20px;

}
.sub-tab { padding-left:45px !important; }
.contentstatusbtn { width: 120px;}
.flatpickr-months .flatpickr-month { height:40px !important;}
.message-list .list .col-mail-2 .date { width:280px !important; padding-left: 60px !important; }
.titlefont { font-size: 18px; padding: 15px 20px; }
.bigbadge { padding: 10px 15px; margin: 5px;}
.btn-primary {
  background-color: #8C82FC;
  border-color: #8C82FC;
}
#sidebar-menu ul li a {
  color: #a1a1a1;
}
#sidebar-menu ul li a:hover {
  color: #fff;
}
.seedaction {
  display:none;
}
.rightarrow {
  display:block;
}
.seedkeyworddiv:hover .seedaction{
  display:block;
}
.seedkeyworddiv:hover .rightarrow{
  display:none;
}
.seedkeyworddiv {
  padding: 13px 20px;
  border-top: 1px solid #eee;
}
.seedkeywordcontainer {
  padding-bottom: 20px;
}
.message-list .list .col-mail-2 .subject { white-space: inherit; max-width:75%;}
.deleteCompetitor { display:none;}
tr:hover .deleteCompetitor {display:block;}
.message-list .list { min-height: 70px; height:auto; }
.text-grey { color: #999; }

.pricing-badge {
    position: absolute;
    top: 0;
    z-index: 9;
    right: 0;
    width: 100%;
    display: block;
    font-size: 15px;
    padding: 0;
    overflow: hidden;
    height: 100px;
    .badge {
      float: right;
      transform: rotate(45deg);
      right: -67px;
      top: 17px;
      position: relative;
      text-align: center;
      width: 200px;
      font-size: 13px;
      margin: 0;
      padding: 7px 10px;
      font-weight: 500;
      color: white;
      background: #000;
    }
}

.border-primary {
  border: 2px solid #8C82FC;
  border-radius: 10px;
}
.oxyy-login-register .text-primary {
  color: #999;
}

.attribution {
  margin: 10px;
  border: 1px solid #ddd;
  box-shadow: none !important;
}
.bg-light-gray {
  background-color: #ddd;
}
.green {
  background-color: rgb(4, 138, 14);
}
.nav-item {
  /*min-width: 220px;*/
  margin-right: 10px;
}
.seedkeywordcontainer .active {
  background: #eee;
  font-weight: bold;
}
.seedkeyworddiv h5 {
  font-weight: normal;
  line-height: 23px;
}
.seedkeywordcontainer .active  h5{
  font-weight: bold;
}
.pull-right { float:right; }

.firstcol {
  font-weight: bold;
  background-color: #efefef !important;
  border-bottom-color: #fff;
}
.competitorbadge {

  margin-top:5px;
  background-color: #f0a811;
  border:none;
}
.keywordbadge {
  margin-top:5px;
  background-color: #1ab01a;
  border:none;
}
.choices__inner {
  border-radius: .75rem !important;
}
.authentication-bg {
  background-image: url('../images/login-bg1.jpeg');
}
.authentication-bg .card{
  -webkit-box-shadow: none;
  box-shadow: none;
}
.authentication-bg .bg-overlay {
  opacity: 0.5;
}
ul.getstarted {
  margin-left: 0px;
  padding-left: 0px;
}

.getstarted li {
  list-style: none;
  font-size: 14px;
  margin-bottom: 10px;
  /*background-color: #f3f3f4;
  border-radius: 10px;*/
  color: #474747c4;
  padding: 15px 20px;
  border-bottom: 1px solid #d2d2d2;
}
.getstarted li a {
  color: #656262;
  font-size: 16px;
  font-weight: bold;

}

#sidebar-menu ul li.mm-active > .sub-menu li.mm-active>a {
  background-color:#fff !important;
  color: #000000 !important;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
#sidebar-menu ul li.mm-active>a {
  background-color:#3E4D56 !important;
  color:#fff !important;
}

.main-content, .isvertical-topbar {
  background-color: #f7f7f7 !important;
}

.ishorizontal-topbar {
  background-color: #000 !important;
}

.ishorizontal-topbar button {
  color: #fff !important;
}
.ishorizontal-topbar .btn {
  color: #fff !important;
}
#onboardingcontainer p { color: #000; }

.addSuggestedKeyword,.showMoreSuggestions {
  font-size:14px;


}

@media only screen and (max-width: 600px) {
  .showMoreSuggestions {
    display:none;
  }
}


.oxyy-login-register .bigbadge {
  font-weight: normal;
}
.badge-soft-success {
  color: #28b765;
  background-color: rgba(40,183,101,.1);
}
.badge-soft-primary {
  color: #1f58c7;
  background-color: rgba(31,88,199,.1);
}
.badge-soft-danger {
  color: #ed5555;
  background-color: rgba(237,85,85,.1);
}
.bigbadge:hover {
  color: #ccc;
}
.lockoverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 {
  color: #efefef;
}

.horizontalBar {
    background-color: #f2f2f2;
    width: 250px;
    border: 1px solid #f2f2f2;
    opacity: 1 !important;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}


.items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

#contentOutline {
  font-size: 16px;
  line-height: 25px;
}

#contentOutline h1 {
  font-size: 30px;
  line-height: 40px;
}
#contentOutline h2 {
  font-size: 22px;
  line-height: 35px;
}

#contentOutline h3 {
  font-size: 18px;
  line-height: 30px;
}

#contentOutline h4 {
  font-size: 16px;
  line-height: 30px;
}

#contentOutline p, #contentOutline li, #contentOutline .subsection {
  font-size: 16px;
  line-height: 25px;
}
#contentOutline li {
  margin-top: 10px;
}

#contentOutline blockquote, article blockquote {
  margin-left: 10px;
  padding-left: 10px;
  border-left:4px solid #ccc;
  font-size: 18px;
  font-style:italic;
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 5px;
  margin: 15px 10px;

}

#contentOutline table, article table {
  margin: 15px 0px;
  padding: 10px;
  border: 1px solid #ccc;
  
}
#contentOutline table th, #contentOutline table td, article table th, article table td {
  padding: 10px;
  border: 1px solid #ccc;
}

#contentOutline div.info-box, article div.info-box {
  background-color: #fff9db;
  padding: 20px;
  border-radius: 5px;
  margin: 15px 0px;
  border: 1px solid #efe496;

}

#contentOutline div.info-box p, article div.info-box p {
  margin-bottom: 0px;
  margin-top: 0px;
}

#contentOutline span.highlight, article span.highlight {
  background-color: #f8f9fb;
  padding: 2px 5px;
  border-radius: 5px;
}

#contentOutline div.info-box span.highlight, article div.info-box span.highlight {
  background: none !important;
  padding: 0px;
  border-radius: 0px;
}

#contentOutline img, article img {
  max-width: 100%;
  margin: 20px 0px;
}

.onboardingstep {
  cursor: pointer;
}

.editicon {
  margin-left: 10px;
}
#suggestedideas ul {
  width:100%;
  margin: 0px;
  list-style: none;
}
#suggestedideas ul li {
  float:left;
  width: 46%;
  margin: 10px;
  border: 1px solid #e2e5e8;
  padding: 20px;
  list-style: none;
  cursor: pointer;
  height: 90px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
}

#suggestedideas ul li:hover {
  float:left;
  width: 48%;
  margin: 10px;
  border: 1px solid #e2e5e8;
  background-color: #efefef;
  list-style: none;
  padding: 20px;
  cursor: pointer;
  height: 90px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;

}
#suggestedideas {
  display: block;
  clear:both;
}

#targetkeywordadded {
  clear:both;
}
.dashboardcards .card {
  height: 270px;
}

.dashboardcards .card-title {
  position: absolute;
  bottom: 20px;
  max-width: 85%;

}
.dashboardcards .bg-dark svg {
  fill: #fff;
}

.dashboardcards .card {
  cursor: pointer;
}

.dashboardcards .card h4 {
  font-size: 18px;
}


.dashboardcards .card:hover {
  box-shadow: 7px 4px 11px #ccc;
  -webkit-box-shadow: 7px 4px 11px #ccc;
  background-color: #3E4D56 !important;
  color: #fff !important;
}

.dashboardcards .card:hover svg {
  fill: #fff;
}
.dashboardcards .card:hover h4 {
  color: #fff;
}
.sidebar-enable .bigmainbutton span {
  display:none;
}
.contentcards .card-title {
  line-height: 28px;
}
.contentcards .card-body {
  display:flex;
  justify-content: flex-end;
  flex-direction: column;
}
.contentcards .card {
  min-height: 300px;
}
.nav-pills .nav-link {
  text-align: center;
  background: #3e4d56;
  margin-right: 10px;
  color: #a1a1a1;
}
.nav-stats .nav-link {
  text-align: center;
  background: #a4a9b4;
  color: #fff;
}
.vertical-menu {
  background: #000;
}
.navbar-brand-box {
  background: #000;
}
body[data-sidebar-size=sm] .navbar-brand-box {
  width:68px !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #7e74e7;
}
.nav-stats .nav-link.active,
.nav-stats .show>.nav-link {
  background-color: #35415a !important;
}
#sidebar-menu ul li ul.sub-menu li a:before {
  border-radius: 0px;
  height: 1px;
  border-color: #a9a9a9;
}
#sidebar-menu ul li ul.sub-menu li a:hover {
  color: #fff;
}

#sidebar-menu ul li ul.sub-menu {
 /* margin-top:10px; */
 
}

#sidebar-menu ul li.mm-active .mm-show .mm-active>a:before {
  border-color: #fff;
}
#sidebar-menu ul li ul.sub-menu:before {
  background: #a9a9a9;
}

#stockphotoscontainer {
  margin: 0px;
  padding: 10px;
}
#stockphotoscontainer li {
  float:left;
  list-style: none;
  height: 130px;
  margin: 2px;
}

#aiphotoscontainer {
  margin: 0px;
  padding: 10px;
}
#aiphotoscontainer li {
  float:left;
  list-style: none;
  width: 250px;
  margin: 2px;
}
.paginate {
  width:100%;
  padding:20px;
  clear:both;
  text-align: center;
}

.card-image {
  height: 150px;
  overflow: hidden;
  position: relative;
}
.card-image img {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  transform: translate(-50%, -50%);
}

.featuredimage {
  height: 300px;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.featuredimage img {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  transform: translate(-50%, -50%);
}

article p {
  font-family: inherit;
  font-size: 18px;
  line-height: 30px;
}
article div.info-box {
  
  font-family: inherit;
  font-size: 18px;
  line-height: 30px;
}

article ul li, article ol li {
  font-family: inherit;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 15px;
}

article blockquote {
  font-family: inherit;
  font-size: 22px;
  font-style: italic;
}

.article-tools a {
  margin: 10px 15px;
}
.article-tools {
  text-align: center;
  padding: 15px;
}
.suggestion {
  font-weight: bold;
  display: block;
}
.suggestionlist tr > td:nth-child(1) {
  width: 70px;
}

.suggestionlist tr > td:nth-child(3) {
  width: 125px;
}
.integrationcard {
  text-align: center;
  cursor: pointer;
}
#settingstabs a span {
  float: right;
}
#settingtabs a span {
  display:none;
}
#settingtabs a.active span {
  display:block;
}
.removeSemanticKeyword {
  color: #fff;
  font-size: 12px;
  display:none;
}
.badge:hover .removeSemanticKeyword {
  display:inline-block;
}

.editorremovelink, .editorremovestat {
  float:right;
  position: absolute;
  right: 20px;
  color: #a4a9b4;
  
}
body[data-sidebar-size=sm] .bigmainbutton span {
  display:none;
}
.addoncard .product-box {
  background-color: #ffffff;
}
#notificationbar {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;

}
#notificationbar a {
  color: #fff;
  background-color: #6a76e9;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  display: block;
  width: 100%;
}
.notificationbarpresent #page-topbar, .notificationbarpresent .vertical-menu {
  top: 40px;
}
.notificationbarpresent .page-content {
  padding-top: 112px !important;
}
 .stars {
   display: flex;
   cursor: pointer;
   justify-content: center;
 }

 .star {
   font-size: 2rem;
   color: lightgray;
   transition: color 0.3s;
 }

 .star.filled {
   color: gold;
 }

 .day {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 5px;
  border-radius: 5px;
  float:left;
  width: 13%;
  height: 160px;
  background-color: #efefef;
  min-width: 120px;
 }
 .day.active {
  background-color: #fff;
 }

 .daynumber {
  font-weight: bold;
 }

 .dayofweek {
  font-size: 12px;
  float: right;
 }

 .daycontent {
  font-size: 14px;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
  display: block;
  height: 115px;
  overflow: hidden;
 }

 .daycontent .keyword {
  font-weight: bold;
 }
 .daycontent .keywordinfo {
  font-size: 12px;
  margin-top: 5px;
  display: block;
 }
 #calendar {
  margin-left: 2.5%;
  margin-bottom: 30px;
 }

 #calendarHeader {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px;
 }

 #calendarHeader  {
  text-align: center;
 }
 #calendarHeader .prev {
  float: left;
 }
 #calendarHeader .next {
  float: right;
 }

 #calendarHeader .prev, #calendarHeader .next {
  cursor: pointer;
 }

 .tooltip-trigger {
   position: relative;
   cursor: pointer;
 }

 .tooltip-content {
   visibility: hidden;
   position: absolute;
   z-index: 1006;
   background-color: #333;
   color: white;
   padding: 8px 12px;
   border-radius: 4px;
   font-size: 14px;
   width: max-content;
   max-width: 300px;
   bottom: 98%;
   left: 50%;
   transform: translateX(-50%);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   opacity: 0;
   transition: opacity 0.3s;
 }

 /* Arrow at bottom of tooltip */
 .tooltip-content::after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: #333 transparent transparent transparent;
 }

 /* Show tooltip on hover */
 .tooltip-trigger:hover .tooltip-content {
   visibility: visible;
   opacity: 1;
 }

 /* Ensure tooltip stays within calendar day */
 .day {
   position: relative;
   overflow: visible;
 }

 .editicon {
  cursor: pointer;
  visibility: hidden;
 }

 .contentinfo:hover .editicon {
  visibility: visible;
 }
 .contentinfo {
  font-size: 18px;
  display: block;
  color: #000;
  font-weight: bold;

 }
 .empty {
  background: none;
  border: none;
 }
 @media only screen and (max-width: 1080px) {
  .empty {
    display: none !important;
  }
 }



 .upgrade-banner {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height:100vh;
  opacity: 0.9;
  margin-left: 270px;
 }
 body[data-sidebar-size=sm] .upgrade-banner {
  margin-left: 70px;
 }

 .upgrade-banner-content {
  text-align: center;
  margin-top: 100px;
 }
 .upgrade-banner-content h5 {
  font-size: 20px;
  font-weight: bold;
 }
 
 .switchtopaid {
  cursor: pointer;
 }
    @media only screen and (max-width: 991px) {
      .upgrade-banner {
        margin-left: 0px !important;
      }
    }

    .switch-to-paid-banner {
      background-color: #f8f9fa;
      padding: 40px;
      border-radius: 10px;
      width: 100%;
      text-align: center;

    }

        .upgrade-inline-banner {
          background-color: #f8f9fa;
          padding: 40px;
          border-radius: 10px;
          width: 100%;
          text-align: center;
    
        }
 .upgrade-inline-banner-content {
   text-align: center;
 }

 .upgrade-inline-banner-content h5 {
   font-size: 20px;
   font-weight: bold;
 }




    

    body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a span {
     color: #000 !important;
    }
    body[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a {
      color: #000 !important;
    }

    .countdown-number {
      display: inline-block;
      min-width: 2.5rem;
      text-align: center;
      font-weight: bold;
      background: rgba(255, 255, 255, 0.1);
      padding: 0.2rem 0.4rem;
      border-radius: 4px;
      margin: 0 0.1rem;
    }
  
    #countdown {
      font-family: 'Arial', sans-serif;
      letter-spacing: 1px;
    }
  
    #countdown.expired {
      color: #ff4444;
      font-weight: bold;
    }

  .checkboxlist {
    list-style: none;
    padding-left: 0;

  }
  .checkboxlist li {
    margin-bottom: 10px;
    padding: 10px; 
    float: left;
  }

    .accordion-item {
      border: 1px solid #e4e3e3;
    }

    /* Competitor badge remove button styles */
    .removecompetitor {
      cursor: pointer;
      font-weight: bold;
      margin-left: 5px;
      padding: 2px 4px;
      border-radius: 3px;
      background-color: rgba(255, 255, 255, 0.2);
      color: #fff;
      font-size: 14px;
      line-height: 1;
      pointer-events: auto;
      display: inline-block;
      min-width: 16px;
      text-align: center;
    }
    
    .removecompetitor:hover {
      background-color: rgba(255, 255, 255, 0.4);
    }