/*=========================================================================================
    File Name: laravel-menu.scss
    Description: laravel Specific menu styles
    ----------------------------------------------------------------------------------------
    Item name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

/*========================================================
        DARK LAYOUT
=========================================================*/

body.vertical-layout.vertical-menu-modern .horizontal-menu-wrapper {
  display: none;
}

.horizontal-menu > .main-menu {
  display: none;
}

.horizontal-menu .fixed-top {
  left: 0;
}

html body.navbar-static .app-content .header-navbar {
  background: transparent;
  box-shadow: none !important;
}

@media (max-width: 575.98px) {
  body.vertical-layout:not(.horizontal-layout).navbar-floating .header-navbar {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
}

/*** JONARD CSS **/

.buy-now {
  display: none;
}

a.customizer-toggle {
  display: none !important;
}

.initHide {
  display: none;
}

.campaign_logo_preview {
  width: 132px;
  height: 42px;
  border: solid 1px #ddd;
}

.campaign_logo_preview img {
  width: 130px;
  height: 40px;
}

.campaign_banner_small_preview {
  width: 300px;
  height: 250px;
  border: solid 1px #ddd;
}

.campaign_banner_small_preview img {
  width: 300px;
  height: 250px;
}

.campaign_banner_medium_preview {
  width: 468px;
  height: 60px;
  border: solid 1px #ddd;
}

.campaign_banner_medium_preview img {
  width: 468px;
  height: 60px;
}

.campaign_banner_large_preview {
  width: 728px;
  height: 90px;
  border: solid 1px #ddd;
}

.campaign_banner_large_preview img {
  width: 728px;
  height: 90px;
}

/*** TABLES ***/

table#click-events td {
  padding: 5px 10px;
}

table#click-events {
  font-size: 0.85rem;
}

table#click-events tbody td.sorting_1 {
  background: #b6f56e !important;
  color: black;
}

table#click-events tbody tr:hover {
  background: #b6f56e !important;
}

.dk-wrap .card.today {
  background: #d01d32;
}

.dk-wrap .card.yesterday {
  background: #d01d32;
}

.dk-wrap .card.this-week {
  background: #d01d32;
}

.dk-wrap .card.this-month {
  background: #d01d32;
}

.se-wrap .card.today {
  background: #004e8e;
}

.se-wrap .card.yesterday {
  background: #004e8e;
}

.se-wrap .card.this-week {
  background: #004e8e;
}

.se-wrap .card.this-month {
  background: #004e8e;
}

.no-wrap .card.today {
  background: #fd2500;
}

.no-wrap .card.yesterday {
  background: #fd2500;
}

.no-wrap .card.this-week {
  background: #fd2500;
}

.no-wrap .card.this-month {
  background: #fd2500;
}

.uk-wrap .card.today {
  background: #bb261a;
}

.uk-wrap .card.yesterday {
  background: #bb261a;
}

.uk-wrap .card.this-week {
  background: #bb261a;
}

.uk-wrap .card.this-month {
  background: #bb261a;
}

.es-wrap .card.today {
  background: #ffc500;
}

.es-wrap .card.yesterday {
  background: #ffc500;
}

.es-wrap .card.this-week {
  background: #ffc500;
}

.es-wrap .card.this-month {
  background: #ffc500;
}

.mx-wrap .card.today {
  background: #166c29;
}

.mx-wrap .card.yesterday {
  background: #166c29;
}

.mx-wrap .card.this-week {
  background: #166c29;
}

.mx-wrap .card.this-month {
  background: #166c29;
}

.fi-wrap .card.today {
  background: #063482;
}

.fi-wrap .card.yesterday {
  background: #063482;
}

.fi-wrap .card.this-week {
  background: #063482;
}

.fi-wrap .card.this-month {
  background: #063482;
}

.pl-wrap .card.today {
  background: #dc1f3c;
}

.pl-wrap .card.yesterday {
  background: #dc1f3c;
}

.pl-wrap .card.this-week {
  background: #dc1f3c;
}

.pl-wrap .card.this-month {
  background: #dc1f3c;
}