body {
  font-size: 0.875rem;
  background-color: #fafafa;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.bg-dark {
  background-color: #272727 !important;
  color: #fff;
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 100px);
  padding-top: 100px !important;
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #fff;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: 0.75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */
.navbar {
  background-color: #fafafa !important;
  border-bottom: 2px Solid #afafaf;
}

.navbar-brand {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
  width: 250px;
  max-width: none;
  flex: none;
  background-color: #272727;
}

.navbar-dark .navbar-nav .nav-link {
  color: #272727 !important;
}
.navbar-nav {
  display: flex;
  flex-direction: row;
  align-self: baseline;
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-nav .nav-link {
  padding: 0px 5px;
  color: #272727;
}

.navbar-nav li {
  padding: 0px 5px;
}
.navbar-nav li:nth-child(3){
  border-left: 1px Solid #272727;
}
.navbar-nav li:last-child {
  border-left: 1px Solid #272727;
}

.navbar-nav li {
  margin: 5px;
}
.navbar .navbar-toggler {
  top: 1.75rem;
  right: 1rem;
  /* margin-top: 25px; */
}

.navbar-light .navbar-toggler {
  color: #fff !important;
}
.navbar .form-control {
  padding: 0.75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

/* sub navigation */
.sub-nav {
  background-color: #ffc52f;
  height: 40px;
  width: 100%;
  position: fixed;
  z-index: 99;
  padding-left: 250px;
  border-bottom: 1px solid #272727;
}
.sub-nav .navbar-nav {
  margin: 0px;
}
.sub-nav li {
  margin: 0px;
  border: 0px !important;
  padding: 0px 1px;
}

.sub-nav li a {
  line-height: 40px;
  color: #272727;
  font-weight: 500;
  padding: 0px 12px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.sub-nav li a:hover,
.sub-nav li a.active {
  background-color: #272727;
  color: hsl(0, 0%, 100%);
}

#sidebarMenu {
  width: 250px;
  max-width: none;
}

.main-container {
  padding-left: 70px !important;
}


@media (max-width: 767.98px) {
  .sub-nav {
    padding-left: 0rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }

  .sub-nav::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }

  .navbar-brand {
    text-align: center;
    width: 100%;
    max-width: none;
    flex: auto;
    background-color: #272727;
  }

  #sidebarMenu {
    width: 100%;
  }

  .main-container {
    padding-left: 10px !important;
  }
}

/* anchor tag link */

a.btn-link:hover, input.btn-link:hover {
  text-decoration: none;
  background-color: #ffc52f;
  color: #272727;
}
a.btn-link, input.btn-link {
  width: 200px;
  text-decoration: none;
  height: 44px;
  line-height: 40px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  color: #222222;
  font-size: 16px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 3px solid #888888;
}

.btn-primary{
  background-color: #ffc52f;
  color: #000;
  border: 0px;
}

.btn-primary:hover {
  background-color: #ffc52f99;
  color: #00000099;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: #ffc52f99;
  color: #00000099;
    border-color: none;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
  border: 0px;
  box-shadow:none;
}

/* Login form CSS */
.login-form {
  width: 340px;
  margin: 50px auto;
}
.login-form form {        
  margin-bottom: 15px;
  background: #fff;
  padding: 30px;
  border: 1px Solid #efefef;
}
.login-form h2 {
  margin: 0 0 15px;
}
.form-control, .btn {
  min-height: 38px;
  border-radius: 2px;
}
.input-group-addon .fa {
  font-size: 18px;
}
.btn {        
  font-size: 15px;
  font-weight: bold;
}
.bottom-action {
  font-size: 14px;
}

a {
  color: #a8a8a8;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #a8a8a8;  
}

input[type=checkbox]:checked {
  background-color: #ffc52f !important;
  color: #ffffff !important;
}

.list-btn-link:hover{
  text-decoration: none;
  background-color: #ffc52f;
  color: #272727;
}
.list-btn-link {
  text-decoration: none;
  min-width: 60px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #bfbfbf;
  color: #222222;
  font-weight: 600;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #888888;
}

.header-link a{
  color: #272727;
  font-size: 15px;
}

.header-link a.active{
  color: #272727;
  font-size: 15px;
  font-weight:700 ;
}
.pricing{
  font-size: 20px;
  line-height: 35px;
}

.form-container{
  max-width: 1000px;
}
.email_preview{
  width: 700px;
  border: 1px Solid #808080;
}

.btn-primary.focus, .btn-primary:focus{
  background-color: #ffc52f88;
  color: #27272788;
}

.error{
  border:1px Solid #ff0000;
}

.disabled-link {
  pointer-events: none;
  background-color: #cfcfcf !important; 
}

.none {
  display: none !important;
}

.alert-success {
  display: none;
}

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

.ui-sortable-placeholder{
  width: 100%;
}


.mce-edit-area iframe {
  max-height: 70px;
}

.FeatureCustomFields {
  margin-top: 5px;
}
.FeatureCustomFields div:first-child{
  width: 30%;
}
.FeatureCustomFields div:last-child{
  width: 69%;
}