html {
	font-family: 'Open Sans', sans-serif !important;
	scroll-behavior: smooth;
}


body {
	--adrocket-orange: #fc992b;
	--adrocket-orange-drk: #bd5b28;
	--adrocket-orange-light: #fff6ec;
  --adrocket-orange-alpha:rgba(252, 153, 43, .3);   

	--adrocket-grey: #35322e;
	--adrocket-grey-alpha: #35322e99;
	--adrocket-medium-grey : #605c57;
	--adrocket-medium-grey-hover : #9f8d77;
	--adrocket-light-grey : #c1b9af;
	--adrocket-light-grey-alpha : #c1b9af87;
	--adrocket-lightest-grey : #e8e5e1;
	--adrocket-warm-white : #f4f4f4;

	--adrocket-red-orange: #dd530e;
	--adrocket-red: #c62828;
	--adrocket-success: #4B944D;
	--adrocket-blue: #20baec;
	--adrocket-success-light: #e8f9f1;
	--adrocket-success-light-alt: #d1f3e3;
	--adrocket-error: #d15353;
	--adrocket-error-light: #f6d7e1;
	--adrocket-error-light-alt: #f1c4d2;
	--adrocket-warning: #d08400;
	--facebook: #3b5998 ;
	--facebook-drk: #1560e5;
	--google: #ff3424;
	--primary-nmg-blue: #005BAA;
	--navy-blue: #00346D;
	--nmg-orange: #db6b30;

	--blue-10: #E5EFF6; 
	--nmg-light-blue: #E8F4FC;
	--nmg-blue-30: #9DB0D7;
	--blue-20: #CCDEEE;
	--nmg-dark-navy: #00263E;
	--nmg-heavy-navy: #020C12;
	--nav-height: 63px;
  --aside-offset: 15px;
  --aside-width: 300px;

  --transition-ease : .3s ease-in-out;
  font-size: 1rem;
  --border: 1px solid var(--adrocket-lightest-grey);
  /* overflow-x: hidden; */

  --transition-ease : .3s ease-in-out;
  --transition-fast-ease : .1s ease-in-out;

  --spacing-x-small: 4px;  /*roughly 8px*/
  --spacing-small: 8px;  /*roughly 8px*/
  --spacing-medium: 14px;  /*roughly 14px*/
  --spacing-large: 21px;  /*roughly 21px*/

  background-color: var(--adrocket-warm-white);;
}


#app.adrocket-styles {
  /* background-image: linear-gradient(133deg, var(--adrocket-grey), var(--adrocket-grey-alpha)); */
      background-image: linear-gradient(180deg, #00346D 10%, transparent calc(10vh + 100px)), linear-gradient(133deg, #00346D 30%, #020C12 100%) !important;
}


body > #app.adrocket-styles {color: var(--adrocket-medium-grey); font-family: 'Open Sans', sans-serif;}

.adrocket-styles .custom-svg-icon {display:inline-block; width:24px; margin-right: 3px;}
.adrocket-styles .custom-svg-icon image {width:100%}

/***********************************************************

Fixed Navigation and Aside

***********************************************************/
.adrocket-styles header {box-shadow: none;}
.adrocket-styles header nav{
	display:flex; 
  flex-wrap: nowrap; 
  position: fixed; 
  top: 0px;
  width: 100%;
  height: var(--nav-height);
  z-index: 10;
	background-color: transparent;
  background-image: linear-gradient(157deg, #003066, var(--primary-nmg-blue));
}

.adrocket-styles #publish-changes-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--nav-height);
  padding: 8px;
  font-size: 21px;
  z-index: 10;
  border: var(--border);
  margin-bottom:13px;
}

.adrocket-styles main {
  position: relative;
  min-height:calc(100vh - var(--nav-height) - 21px); margin-top:var(--nav-height); margin-left: var(--aside-width);
	background-color: var(--adrocket-warm-white);
	transition: margin-left .3s ease-in-out, width .3s ease-in-out, opacity.3s ease-in-out;
	padding-bottom: 21px;
  border-radius: 15px 0 0 0;
  contain:content;
}

.adrocket-styles #tray-nav + main {
  margin-left: var(--aside-offset);
  width: calc(100% - var(--aside-offset)); 
}


.adrocket-styles button.adrocket-secondary {background-color:var(--nmg-orange); outline:none; border:none; padding:8px 13px; color:white;}

.adrocket-styles main > div {
  padding-top: 21px;  padding-left: calc(var(--aside-offset) * 2); padding-right: calc(var(--aside-offset) * 2 );
}


@media(max-width:425px) {
	.adrocket-styles main {padding:5px 5px 5px 0px;}
	body {  --aside-offset: 7px;}
}

.adrocket-styles aside#tray-nav {
  position:fixed; width: 300px; min-height:calc(100vh - var(--nav-height)); top: var(--nav-height);
  background-color: transparent;
  transition: transform .3s ease-in-out;
}

@media(max-width:800px) {
  .adrocket-styles #tray-nav.tray-open + main {opacity:.2;}
}

@media(min-width:800px) {
	 /*Tray Open*/
	.adrocket-styles #tray-nav.tray-open + main {
    width:calc(100% - 300px); 
    margin-left: 300px ;}
}

/************************************************************

Base styles - may be overritten in components

************************************************************/
.adrocket-styles h1 {font-size:21px; font-weight: bold;}
.adrocket-styles h2 {font-size:16px;}
.adrocket-styles h1,  .adrocket-styles h2 {color: var(--primary-nmg-blue); margin:0; font-family: 'Prompt', sans-serif; font-weight: bold ;}

.adrocket-styles section article header {margin-bottom:13px;}

.adrocket-styles :is(.heading)  {font-size:1.4rem; };
.adrocket-styles :is(.sub-heading) {font-size:1.05rem; font-weight: bold; font-family: 'Open Sans', sans-serif;}
.adrocket-styles :is(.heading-description) {font-size: 0.85rem; color:inherit; font-family: 'Open Sans', sans-serif; font-weight: normal;}


.adrocket-styles .white-container {
  background-color: white;
  padding: 13px;
  margin-bottom: 21px;
  border: var(--border); 	
  border-radius: var(--spacing-small);
  box-shadow: 0 var(--spacing-x-small) var(--spacing-x-small) var(--adrocket-light-grey-alpha);
}

.adrocket-styles .container-box-shadow  {
  border-radius: var(--spacing-small);
  box-shadow: 0 var(--spacing-x-small) var(--spacing-x-small) var(--adrocket-light-grey-alpha);
}

.adrocket-styles .container-box-shadow .container-box-shadow,
.adrocket-styles .white-container .white-container {
  box-shadow: 0 0.2rem 0.2rem var(--adrocket-light-grey-alpha);
}


.border-radius-top-only {
  border-radius: var(--spacing-small) var(--spacing-small) 0 0!important;
}
.border-radius-bottom-only {
  border-radius: 0 0 var(--spacing-small) var(--spacing-small) !important;
}



.adrocket-styles .card-container {display:grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); width:100%; column-gap: 13px; transition: grid-template-columns .3s ease-in-out;}

@media(max-width:425px){
	.adrocket-styles .card-container { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));}
}


/************************************************************

Boostrap Table Overrides

************************************************************/
.adrocket-styles .table { background-color: #fafdff; color:inherit; margin-bottom: 0;}
.adrocket-styles .table th,  .adrocket-styles .table td {border: none; vertical-align: middle;}
.adrocket-styles .table  thead tr:first-of-type th {
    position: sticky;
    top: 0;
    background-color: #CCDEEE;
    z-index: 3;
}
.adrocket-styles .table  thead tr:first-of-type th:first-of-type {
    left:0;
    z-index: 4;
}
.adrocket-styles .table  tbody td:first-of-type {
  position: sticky;
  left: 0;
  background-color: inherit;
  z-index: 2;
}

.adrocket-styles .table td span {display:inline-flex; align-items:center;}
.adrocket-styles .table-responsive {margin-bottom: 0; border: var(--border); max-height: 50vh;}
.adrocket-styles .table thead tr th {background-color: white; border-bottom: var(--border); padding: .25rem;}
.adrocket-styles .table tbody tr:nth-of-type(odd) {background-color: var(--nmg-light-blue);}
.adrocket-styles .table tbody tr:nth-of-type(even) {background-color:white;}
.adrocket-styles .table.border {border-collapse:inherit};

.adrocket-styles .table-success, .adrocket-styles .table-success>th, .adrocket-styles .table-success>td {background-color: transparent;}

.adrocket-styles .table tbody tr[class*='table-danger'] { background-color: var(--adrocket-error-light);}
.adrocket-styles .table tbody tr[class*='table-danger']:nth-of-type(even) { background-color: var(--adrocket-error-light-alt);}
.adrocket-styles .table tbody tr[class*='table-success'] { background-color: var(--adrocket-success-light);}
.adrocket-styles .table tbody tr[class*='table-success']:nth-of-type(even) { background-color: var(--adrocket-success-light-alt);}

.adrocket-styles .table-success, .adrocket-styles .table-success > th, .table-success > td {background-color: inherit;}

/************************************************************

Boostrap Tooltips Overrides

************************************************************/
.navbar {
  padding: 1rem;
} 

.navbar .nav-item:not(#user-nav-dropdown) .dropdown-toggle::after {
	content:none;
}
#navbar-container .navbar-dark .navbar-nav .nav-link {
  padding: .5rem;
}


.tooltip.b-tooltip .tooltip-inner {background-color: var(--adrocket-grey ); max-width: 500px;}
.tooltip.b-tooltip .arrow::before {border-right-color:  var(--adrocket-grey );}

.adrocket-styles .modal-backdrop.show {opacity: .8;}


.adrocket-styles .alert {width: 100%; padding: 5px; font-size:14px; font-weight: 500; margin-bottom: 0;  color:white; border-radius: 0;}
.adrocket-styles .alert-success {background-color: var(--adrocket-success);}
.adrocket-styles .alert-danger {background-color: var(--adrocket-error);}
.adrocket-styles .alert-warning {background-color: var(--adrocket-warning);}

/************************************************************

Boostrap Form Overides

************************************************************/
.adrocket-styles .form-control:not(textarea) {height:36px;} /*Evens out height between different bootstrap inputs*/

.adrocket-styles .form-control.is-valid {border-color:  var(--adrocket-lightest-grey);	padding-right: 0;}
.adrocket-styles .form-control.is-valid:focus {border-color:  var(--adrocket-lightest-grey); box-shadow: 0 0 0 0.1rem rgba(46, 49, 53, 0.2)}

.adrocket-styles .form-control.is-invalid {	border-color:  var(--adrocket-lightest-grey); border-left-color: var(--adrocket-error); border-left-width: 4px; background-image: none;}
.adrocket-styles .form-control.is-invalid:focus { border-color:  var(--adrocket-error); box-shadow: 0 0 0 0.1rem rgba(214, 77, 119, 0.63);}

.adrocket-styles .force-invalid input,
.adrocket-styles .force-invalid .custom-file-label { border-color: var(--adrocket-lightest-grey)!important;  border-left-color: var(--adrocket-error)!important; border-left-width: 4px!important;}

.adrocket-styles .form-control.is-valid:not(.custom-select){background: none;} /*Gets rid of the green checkmark backround image on inputs */
.adrocket-styles .form-control.custom-select.is-valid {/*Gets rid of the green checkmark backround image on select inputs, but keeps the dropdown arrows */
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
	padding-right: 0;
}


/*Checkboxes and Radio Buttons*/
.adrocket-styles .custom-control-input.is-valid~.custom-control-label {color:inherit;}
.adrocket-styles .custom-control-input.is-valid~.custom-control-label::before,
.adrocket-styles .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {border-color:var(--adrocket-lightest-grey);}


.adrocket-styles .form-control:disabled {background-color: var(--adrocket-light-grey)!important;}


.adrocket-styles .vue-treeselect__control {align-items: start; max-height: 66px; overflow: auto; border-radius: 0; border: var(--border);}
.adrocket-styles .vue-treeselect__x-container, .adrocket-styles .vue-treeselect__control-arrow-container {align-self: center;}
.adrocket-styles .vue-treeselect__multi-value-item {background-color: var(--adrocket-orange-light); color:var(--adrocket-grey);}
.adrocket-styles .vue-treeselect__value-remove {color:var(--adrocket-grey);}

/************************************************************

Edit Page Styles

************************************************************/
.adrocket-styles .adrocket-section header,
.adrocket-styles .adrocket-section.edit-page header,
.adrocket-styles .adrocket-section.report-page header,
.adrocket-styles .adrocket-section.edit-page h2,
.adrocket-styles .adrocket-section.report-page h2 {margin-bottom:13px;}

.adrocket-styles .adrocket-section.edit-page .form-container .input-container {flex-grow: 1; flex-basis: 300px; margin:8px;}
.adrocket-styles .adrocket-section.edit-page .form-container > div.margin-fix {margin:-8px; } /*Adjustment to visually reduce the padding around input-container. The section should have 13px padding, but with the input-container margins it appears to be more.*/

.adrocket-styles .list-results { position: relative; display: flex; justify-content: space-between; align-items:center;	flex-basis: 100%; padding: 8px;	margin-bottom: -1px; background-color: #fff; border: var(--border);	user-select: all;}

.adrocket-styles .adrocket-section.edit-page .form-container .input-container.checkboxes {flex-basis: 200px;}


.adrocket-styles .adrocket-section.edit-page .input-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}



@media print {

	* { color-adjust: exact; -webkit-print-color-adjust:exact;}
	:root {
		--nav-height: 0px;
		--aside-offset: 0px;
		--aside-width: 0px;
	}

  .table td, .table th {background-color:inherit!important;}

	.adrocket-styles .adrocket-collapse,
	.adrocket-styles .adrocket-section {padding: 2mm!important; margin-bottom:2mm!important}
	#tray-nav + main {opacity: 1!important; margin:0px!important; width:100%!important;}
	.adrocket-styles main > div {padding: 0;} /* Gets rid of some padding for print*/
	.dont-print {display: none!important;}

	.print-only {display: block!important;}
	.print-only.grid{display: grid!important;}

	.print-page-break {
		break-before: page;
	}

	.print-page-break-avoid {
		break-before: avoid-page;
		
	}
	
}

/*Collapse Buttons*/

  .adrocket-styles .collapse-button {
	display: flex; align-items: center;
	background-color: transparent; border: none; color: var(--primary-nmg-blue); font-size: 16px; font-weight: 500; padding-right:0;
  }
  .adrocket-styles .collapse-button span.icon {
	position: relative; display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin-left: 10px;
	background-color: var(--primary-nmg-blue); border-radius: 20px;  color:white;
  }

  .adrocket-styles .collapse-button span i {
	position: absolute; margin: 0; font-size: 16px; transition: transform .3s ease-in-out;
  }

  .adrocket-styles .collapse-button.collapsed i:last-of-type {transform: rotate(90deg);}

  .adrocket-styles .collapse-button:focus {outline: none;}
  .adrocket-styles .collapse-button:hover,
  .adrocket-styles .collapse-button:active {color: var(--primary-nmg-blue);}
  .adrocket-styles .collapse-button:hover span.icon,
  .adrocket-styles .collapse-button:active span.icon { background-color: var(--primary-nmg-blue-drk);}


  .adrocket-styles .adrocket-section {margin-bottom: 21px; padding: 0 0 0 13px;}

  .adrocket-styles .adrocket-section.edit-page > fieldset.form-container {background-color: white; padding: 13px; border: var(--border);}
  .adrocket-styles .adrocket-section.edit-page > fieldset.form-container  {margin-bottom:13px;}

/*Font-Awesome Icons*/

.adrocket-styles i[class*='fa-'] {font-size:18px; padding: 4px; }
.adrocket-styles i.fa-spin.fa-4x {font-size:4em;}

.adrocket-styles i[class*='fa-info-circle'] {
  color: var(--adrocket-blue)!important;
  background-color: white; 
  border:1px solid white;
  cursor:pointer;
  border-radius: 19px;
  padding: 0!important;
  margin-left: 5px;
}


.adrocket-styles i[class*='rocket'] {background-color: var(--nmg-orange);}
.adrocket-styles i[class*='facebook'] {background-color: var(--facebook); }
.adrocket-styles i[class*='google'] {background-color: var(--google); }


  .adrocket-styles .text-button {display:flex; align-items:center; background-color: transparent; outline: none; border:none; color: var(--adrocket-medium-grey); font-weight: 500; white-space: nowrap; padding: 0 8px; text-decoration: none;}

  .adrocket-styles .text-button-dropdown button {padding: 0 8px;}
  
  .adrocket-styles .text-button:last-of-type {margin-left:auto;}
  
.adrocket-styles i {color:inherit}

.adrocket-styles .adrocket-pill {display:flex; background-color: var(--nmg-orange); color: white; border-radius: 15px; margin:4px 8px; padding: 5px 8px; user-select:all;}
.adrocket-styles i[class*='fa-'] {font-size:14px; padding: 4px; }
.adrocket-styles .aside-nav i[class*='fa-'] {font-size: 18px;}

/*orange scroll bars*/

  .adrocket-styles .search-bar-container #menu-buttons-container button.btn-sm {padding: 0;}

	.adrocket-styles  *::-webkit-scrollbar {height: 0.5rem; width:  0.5rem; background-color: white;} /* Chromium Browsers*/
	.adrocket-styles  *::-webkit-scrollbar-thumb {background:var(--nmg-orange)}  /* Chromium Browsers*/
	.adrocket-styles  * {
		scrollbar-face-color: var(--nmg-orange);  /*IE OPERA*/
		scrollbar-track-color: white;  /*IE OPERA*/
		scrollbar-color:var(--nmg-orange) white; /*Firefox*/
		scrollbar-width: thin; /*Firefox*/
	} 


  /*  Grid System */ 

  .adrocket-styles .grid {display: grid;   column-gap: 21px; row-gap: 21px; grid-auto-rows: minmax(min-content, max-content); width:100%;}
  .adrocket-styles .grid-column-250 {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
  .adrocket-styles .grid-column-300 {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
  .adrocket-styles .grid-gap-small {column-gap: 8px; row-gap: 8px;} 
  .adrocket-styles .grid .grid-span-2 {grid-column: auto / span 2;}
  .adrocket-styles .grid .grid-span-all {grid-column: 1 / -1;}
  .adrocket-styles .grid .grid-order-last {order: 101}
  .adrocket-styles .grid .grid-order-first {order: 1}

  @media(min-width:1446px) {
    .adrocket-styles #tray-nav.tray-open + main .grid.thirds { grid-template-columns: repeat(3,1fr);}
  }

  @media(min-width:1160px) {
    .adrocket-styles #tray-nav:not(.tray-open) + main .grid.thirds { grid-template-columns: repeat(3,1fr);}
  }



  @media(max-width:1190px) {
	.adrocket-styles #tray-nav.tray-open + main .grid .grid-span-all-small {grid-column: 1 / -1;}
	.adrocket-styles #tray-nav.tray-open + main .grid .grid-order-last-small {order: 100}
  }

  /* @media(max-width:1149px) {
	.adrocket-styles #tray-nav.tray-open + main .grid .grid-span-2 + div {grid-column: 1 / -1;}
  } */

  @media(max-width:904px) {
	.adrocket-styles #tray-nav.tray-open + main .grid .grid-span-all-small {grid-column: 1 / -1; order: unset}
  }

  @media(max-width:890px) {
	.adrocket-styles #tray-nav:not(.tray-open) + main .grid .grid-span-all-small {grid-column: 1 / -1;}
	.adrocket-styles #tray-nav:not(.tray-open) + main .grid .grid-order-last-small {order: 100}
  }

 

  @media(max-width:615px) {
	.adrocket-styles #tray-nav:not(.tray-open) + main .grid .grid-span-all-small {order: unset;}
  }

  .adrocket-styles .chart-section .chart-container > div {position: relative; width:100%; }
  .adrocket-styles .chart-section .chart-card {display: flex; flex-direction: column;}
  .adrocket-styles .chart-section .chart-card > .details-container {flex-grow: 1;}


  .adrocket-styles .sub-section-header {position: relative; margin-bottom: 13px;}
	.adrocket-styles .sub-section-header::after {
		content:'';
		display: block;
		position: absolute;
		top:50%;
		left:0;
		height: 2px;
		width:100%;
		background-color: var(--nmg-orange);
		z-index: 0;
	}

  .adrocket-styles .sub-section-header.alt::after {
		background-color: var(--adrocket-light-grey);
	}

  .adrocket-styles .sub-section-header > p {
		background-color: white;
		font-weight: bold;
		z-index: 1;
		position: relative;
		display: inline-block;
		margin-left: 8px;
		margin-bottom: 0;
		padding: 0 8px;
	}
  
  .adrocket-styles .navbar-brand {
    display: block;
    height: 100%;
    width: auto;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
  }
  .adrocket-styles .navbar-brand img {
    height: 100%;
    width: 100%;
  }

  .adrocket-styles .navbar-toggler {
    padding: .5rem;
    margin: 0;
  }

   #public_nav.collapsing, 
   #public_nav.show,
   #navbars1.collapsing, 
   #navbars1.show {
      position: absolute;
      width: 100%;
      top: 63px;
      left: 0px;
      padding:.6rem;
      background-color: transparent
  }
  @media ( max-width: 776px) {
    #navbars1 {
        background-color: 	var(--navy-blue) !important;
    }
  }

  /* BOOTSTRAP OVERRIDES */

  .adrocket-styles .nav-tabs .nav-link {
		transition: background-color var( --transition-ease), border var( --transition-ease);
    padding: 8px 16px;
  }
	.adrocket-styles .nav-tabs .nav-link.active {

			background-color: var(--adrocket-light-grey );
			border-color: var(--adrocket-lightest-grey );
			border-bottom:none;
  }
	.adrocket-styles .nav-tabs .nav-link.active:hover {
				background-color: var(--adrocket-light-grey );
				border-color: var(--adrocket-lightest-grey );
				border-bottom:none;
				cursor: default;
			}

    .adrocket-styles .nav-tabs .nav-link:hover {
			color: inherit;
			border-color: var(--blue-20);
			background-color: var(--blue-20);
		}
	
	/**********************************************************

	Bootstrap Pagination

	************************************************************/
	.adrocket-styles .page-link {
		color: var(--adrocket-medium-grey);
		border: var(--border);
  }
  .adrocket-styles .page-link:hover {
			border-color:var(--blue-20);
			background-color: var(--blue-20);
			color:  var(--adrocket-medium-grey)
		}

    .adrocket-styles .page-link:focus {
			box-shadow: 0 0 0 0.2rem var(--adrocket-orange-alpha);
		}
	
    .adrocket-styles .page-item.active .page-link {
		z-index: 3;
		color: #fff;
		background-color: var(--nmg-orange);
		border-color: var(--nmg-orange);
	}

	.adrocket-styles .page-item:first-child .page-link,
	.adrocket-styles .page-item:last-child .page-link {border-radius:  0!important;}