/*!
 * Custom Overides for VAP Theme
 * @version v1.0
 * Copyright (c) 2018 Valtim Marketing Solutions
 * @license https://valtim.com
 */

 .main .container-fluid {
    padding: 0 0px;
}
 
.countdownarea{
	padding-right: 15px;
}
.countdownarea .badge-pill {
	padding: 0.6em 0.9em;
}

 .app-header.navbar .navbar-brand {
    display: inline-block;
    width: 200px;
    height: 55px;
    padding: 0.5rem 1rem;
    margin-right: 0;
    background-color: #ff5800;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 140px auto;
    border-bottom: 1px solid #005B82; 
	}

	
.sidebar .nav-link.active, .sidebar .navbar .active.dropdown-toggle, .navbar .sidebar .active.dropdown-toggle {
      color: #fff;
      background: #ff5800; 
	  }
	  
.bg-primary {
	background-color: #FF5800 !important;
}

h2 {
	color:#ff5800;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;

}

.paddcontent {
	padding: 0px 30px;
}

.badge-primary {
	color:#fff;
	background-color: #FF5800;
	padding: 0.4em;
}

/*! Button Colors  */
.btn-primary {
	color: #fff;
	background-color: #FF5800;
	border-color: #9a3b26; 
 }
  
.btn-primary:hover {
	color: #fff;
	background-color: #9a3b26;
	border-color: #1985ac; 
}
	
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5); 
}

.btn-primary.disabled, .btn-primary:disabled {
	background-color: #20a8d8;
	border-color: #20a8d8; 
}
  
  .learnmorebutton .btn-primary:not([disabled]):not(.disabled):active, .learnmorebutton .btn-primary:not([disabled]):not(.disabled).active,
  .learnmorebutton .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #005b82;
	border: none;
    box-shadow: none; 
	
}
.noborder {
	border:none;
}


/*! CARDS */
.CampaignActionButtons {
		margin-top:10px;
}

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 2;
  }
  @include media-breakpoint-only(xl) {
    column-count: 3;
  }
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem; }
    .card-columns .card {
     display: flex;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
      width: 100%; } }
	  
	  
/*! Chart */

.chart-container {
  position: relative;
  margin: auto;
  height: 30vh;
  width: 80vw;
}