/**
 *	COLORS
 *
	Dark Gray: 	#2D3033
	Light Gray: #6C6E70
	Blue:		#0C98CF
	Light Blue:	#0AA0D9
	Yellow:		#FFF568
 */

body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 12px;
	position: relative;
}
body.showing-overlay {
	overflow: hidden;
}

h1 {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}

h2 {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
} h2 small {
	font-weight: normal;
}

h3 {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

a:not([href^=tel]) {
    color: #00538D
}

h1.border, h2.border, h3.border {
    border-bottom: 1px solid #CCCCCC;
    margin: 1em 0 .5em 0;
    padding: .2em 0;
}

img {
    max-width: 100%;
    height: auto;
}

/**
 *	BODY
 */

.body-container {
    display: table;
    width: 100%;
    min-height: 900px;
    background: #f3f3f3;
}

.body {
    display: table-cell;
    min-height: 900px;
    padding-left: 15px;
    border-left: 1px solid #ccc;
    background: #fff;
}

div.content {
    margin: 15px;
    padding: 15px;
}

.content.box {
    display: inline-block;
    margin: 15px;
    padding: 15px;
    border-top: 3px solid #000;
    box-shadow: 0px 0px 2px 0px rgba(184, 184, 184, 1);
}

.content.small-box {
    width: 28vw;
}

.content.medium-box {
    width: 46vw;
}

.content.large-box {
    width: 95vw;
}

.clickCursor {
	cursor: pointer;
}
.sortCursor {
	cursor: move;
}

.cd-main-content .content-wrapper .previewContent h1 {
	text-align: left;
	margin: 0 0 1em;
	padding: 0;
	font-size: 2em;
	font-weight: bold;
}

/**
 *	DATA TABLE
 */

.data-table {
    border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 5px solid #555;
}

.data-table th, .data-table td {
    padding: 10px 15px;
}

.data-table thead {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;

}

.data-table thead th {
    padding: 10px 15px;
    border-bottom: 2px solid #555;
    text-align: left;
    color: #555;
}

.data-table thead td {
    font-size: .8em;
    font-style: italic;
    padding: 5px 15px;
}

.data-table tbody {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.data-table tbody td[onclick] {
    cursor: pointer;
}

.data-table tbody:nth-child(odd) td {
    background: #EFEFEF;
}

#dataTable {
    margin: 0;
}

#dataTable .even {
    background-color: rgb(243,243,243);
}

/* DATA STYLES */
.compact .small-data,
.data-table .small-data {
    width: 75px;
}

.compact .small-data input {
    width: 50px;
}

.compact .medium-data,
.data-table .medium-data {
    width: 150px;
}

.compact .medium-data input {
    width: 100px;
}

.data-table .child-data td {
    padding-left: 40px;
}
.data-table tbody tr.child-data:nth-child(odd) td {
    background: #EFEFEF;
} .data-table tbody tr.child-data:nth-child(even) td {
    background: #FFFFFF;
}

.data-table .child-data .arrow {
    padding-right: 20px;
    font-size: 24px;
}

.data-table .data-table {
    margin: 0;
    border: 0;
}

.data-table tr.category-indicator .data-table td {
    background: #CCC;
}

.data-table [id*=active] img, .data-table [id*=display] img, .data-table [id*=expired] img {
    max-width: none;
}

/**
 *	FILES CONTAINER
 */

.file-mgr-container {

}

.file-mgr-container h3 {
    padding: 10px 15px;
    font-size: 16px;
    background: #0C98CF;
}

.file-mgr {
    padding: 20px;
}

.file-preview-container {
    display: inline-block;
    padding: 10px;
    margin: 10px;
    width: 173px;
    height: 193px;
    border: 1px solid #0C98CF;
    background: #FFF568;
} .file-preview-container img {
	width: 100%;
}

.file-preview {
    padding: 10px;
}

.file-preview-controls {

}

/**
 *	INPUT CONTAINER
 */

.form-page {
    display: flex;
    flex-flow: row;
}

.input-container {
    flex-grow: 3;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.input-container fieldset {
    margin-bottom: 25px;
    padding-right: 35px;
    border: 1px solid #ccc;
}

.input-container fieldset legend {
    font-family: 'Robot', sans-serif;
    font-size: 18px;
}

.input-cell {
    flex-grow: 1;
    margin-right: 20px;
    padding-right: 20px;
}

.input-container hr {
    width: 90%;
    margin: 15px auto;
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}

.content-section {
    flex-wrap: wrap;
    padding: 15px;
    width: 100%;
}

.content-section textarea {
    min-height: 400px;
    max-height: 800px;
}

.actions-container {
    flex-grow: 0;
    max-width: 225px;
    float: right;
    height: 100%;
    padding: 10px;
    margin-right: 20px;
	/* margin-bottom:15px; */
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 28px 10px -30px rgba(85, 85, 85, 1);
    -moz-box-shadow: 0px 28px 10px -30px rgba(85, 85, 85, 1);
    box-shadow: 0px 28px 10px -30px rgba(85, 85, 85, 1);
}

.adButtons {
    text-align: center;
}

.adButtons button {
    margin: 10px 0;
}

.save-section div {
    padding: 10px 0px;
    text-align: center;
}

.file-section {
    margin-top: 35px;
    min-height: 400px;
}

.file-drop {
    /*max-width: 200px;
    min-height: 300px;*/
    padding: 25px;
    background: repeating-linear-gradient(
            45deg,
            #ccc,
            #ccc 10px,
            #f3f3f3 10px,
            #f3f3f3 20px
    );
    border: 1px solid #ccc;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 100px;
    text-align: center;
    word-wrap: break-word;
    color: #555;
}

.cross-sells {
    padding: 5px 10px;
    width: 100%;
}

.cross-sells h2 {
    margin-bottom: 8px;
}

.cross-sells .ui-widget-content {
    border: 0;
}

.cross-sells #cross-sells-log > div {

}

ul.button-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	flex-wrap: wrap;
	font-size: 1.5rem;
} ul.button-nav li {
	margin: 0 1% 1% 0;
	padding: 0;
	flex: 1 1 15%;
	min-height: 60px;
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	flex-direction: column;
} ul.button-nav li a.btn, ul.button-nav li button {
	display: block;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/**
 *	INPUTS
 */

.txt,.txtarea {
    padding: 5px 10px;
    font-family: sans-serif;
    font-size: 12px;
}

.txt label {
    display: block;
    width: 100%;
    margin-right: 10px;
    padding-bottom: 3px;
    font-weight: bold;

}

.txt input {
    display: block;
    /* width: 100%; */
	width:96%;
    padding: 5px 10px;
}

.radio {
    padding: 5px 10px;
    font-family: sans-serif;
    font-size: 12px;
}

.radio label {
    display: block;
    width: 100%;
    margin-right: 10px;
    padding-bottom: 3px;
    font-weight: bold;

}

.radio input {
    margin-bottom: 10px;
    padding: 5px 10px;
}

.radio span {
    cursor: pointer;
}

.check {
    padding: 5px 10px;
    font-family: sans-serif;
    font-size: 12px;
}

.check label {
    display: block;
    width: 100%;
    margin-right: 10px;
    padding-bottom: 3px;
    font-weight: bold;
}

.select {
    font-family: inherit;
    font-size: inherit;
}

.select label {
    display: block;
    width: 100%;
    margin-right: 10px;
    padding-bottom: 3px;
    font-weight: bold;

}

.select select {
    display: block;
    width: 100%;
    padding: 5px 10px;
}

.hours, .days {
    padding: 5px 10px;
    font-family: sans-serif;
    font-size: 12px;
}

.hours label, .days label {
    display: block;
    width: 100%;
    margin-right: 10px;
    padding-bottom: 3px;
    font-weight: bold;
}

.hours input, .days input {
    display: block;
    width: 100%;
    padding: 5px 10px;
    font-family: sans-serif;
}

.txtarea label {
    display: block;
    width: 100%;
    margin-right: 10px;
    padding-bottom: 3px;
    font-weight: bold;

}

.txtarea textarea {
	display:block;
	width:85%;
	min-height:50px;
	/* padding: 5px 10px; */
}

/**
 *	DASHBOARD STYLES
 */

.info-icon {
	background:url('https://knorrcatalog.s3.amazonaws.com/sites/master/info-icon24.png');
	background-repeat:no-repeat;
	display:inline-block;
	width:24px;
	height:24px;
	vertical-align:middle;
}

.info-box {
    margin: 10px;
    padding: 6px 10px 10px 10px;
    background: #F3F3F3;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .10);
}

.info-box.float {
    float: left;
    margin: 10px;
    width: 350px;
}

.info-box h2 {
    margin: 0 -10px 10px -10px;
    padding: 0 10px 6px 10px;
    border-bottom: 1px solid #CCCCCC;
}

.info-box .function-container {
    background: #FFFFFF;
}

.function-container {
    float: left;
    width: 250px;
    margin: 8px;
    padding: 8px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 12px;
}

.function-container b {
    display: block;
}

.function-container a {
    display: block;
    padding-right: 8px;
    padding-top: 5px;
    margin-top: 5px;
    text-align: right;
    border-top: 1px solid #ccc;
}

.panel {
    margin: 10px;
    padding: 20px;
}

.panel.white {
    background: #FFFFFF;
    color: #1B1B1B;
    border: solid 1px #E0E0E0;
}

.panel.gray {
    background: #F3F3F3;
    color: #1B1B1B;
    border: solid 1px #CCCCCC;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
} .flex.justify-start {
	justify-content: flex-start;
} .flex.justify-center {
	justify-content: center;
} .flex.stretch {
	align-items: stretch;
} .flex.align-items-center {
	align-items: center;
} .flex.add-space .flex-item {
	margin-right: 8px;
} .flex.wrap {
	flex-wrap: wrap;
}
.flex > h2 {
	margin: 0;
}
.flex-item.full-width {
	width: 100%;
}


/**
 *	HEADER
 */

header {
    font-size: 12px;
    border-bottom: 1px solid #6C6E70;
}

header .header {
    display: flex;
    flex-flow: row;
    padding: 15px;
}

header .logins {
    flex-grow: 0;
    display: flex;
    text-align: right;
    border-spacing: 8px;
}

header .logins > div {
    height: 15px;
    padding: 0px 10px;
    border-right: 1px solid #2D3033;
}

.header .logo {
    flex-grow: 0;
}

.header .logo img {
    width: 150px;
}

.header .client {
    flex-grow: 8;
    position: relative;
    top: -3px;
    margin-left: 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 300;
}

/**
 *	NAVS
 */

.nav-container {
    display: table-cell;
    width: 200px;
}

.global-nav {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.global-nav > li {
    padding: 12px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    border-left: 8px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
}

.global-nav > li:hover {
    cursor: pointer;
    border-left: 8px solid #0C98CF;
}

.global-nav > li.nav-on {
    border-left: 8px solid #0C98CF;
}

.sub-nav {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

.sub-nav li {
    padding: 6px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.sub-nav li:hover {
    cursor: pointer;
    text-decoration: underline;
}

.sub-nav > li.nav-on {
    font-weight: bold;
}

ul.mini-nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
}

ul.mini-nav li {
    padding: 0;
    margin: 0 1% 0 0;
    display: inline-block;
}

ul.mini-nav li.current {
    font-weight: bold;
    border-bottom: 2px solid #555555;
}

ul.mini-nav li a {
    text-decoration: none;
    color: #555555;
    display: inline-block;
    padding: 2px 8px;
}

/*
 *  MESSAGE SETTINGS
 */

.success {
	background: #D4FFD3;
	color: #00CC33;
	/* box-shadow: 1px 1px 1px #000000; */
	padding: 3px 5px;
}

.failed {
	background: #FFCFC1;
	color: #CC0000;
	/* box-shadow: 1px 1px 1px #000000; */
	padding: 3px 5px;
}

/*
 *  UTILITY CLASSES
 */

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-0 {
  margin-right: 0 !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.mr-3 {
  margin-right: 1rem !important; }

.mr-4 {
  margin-right: 1.5rem !important; }

.mr-5 {
  margin-right: 3rem !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.ml-3 {
  margin-left: 1rem !important; }

.ml-4 {
  margin-left: 1.5rem !important; }

.ml-5 {
  margin-left: 3rem !important; }

.ml-auto {
  margin-left: auto !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pr-0 {
  padding-right: 0 !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.pr-3 {
  padding-right: 1rem !important; }

.pr-4 {
  padding-right: 1.5rem !important; }

.pr-5 {
  padding-right: 3rem !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.pl-0 {
  padding-left: 0 !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.pl-3 {
  padding-left: 1rem !important; }

.pl-4 {
  padding-left: 1.5rem !important; }

.pl-5 {
  padding-left: 3rem !important; }

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.font-size-smaller {
  font-size: 0.8rem !important;
}

.font-size-small {
  font-size: 0.85rem !important;
}

.font-size-normal {
  font-size: 1rem !important;
}

.font-size-large {
  font-size: 1.2rem !important;
}

.font-size-larger {
  font-size: 1.6rem !important;
}

.font-size-largest {
  font-size: 2rem !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

@media (min-width: 420px) {
  .float-xs-left {
    float: left !important;
  }

  .float-xs-right {
    float: right !important;
  }

  .float-xs-none {
    float: none !important;
  }

  .d-xs-none {
    display: none !important;
  }

  .d-xs-inline {
    display: inline !important;
  }

  .d-xs-inline-block {
    display: inline-block !important;
  }

  .d-xs-block {
    display: block !important;
  }

  .d-xs-table {
    display: table !important;
  }

  .d-xs-table-row {
    display: table-row !important;
  }

  .d-xs-table-cell {
    display: table-cell !important;
  }

  .d-xs-flex {
    display: flex !important;
  }

  .d-xs-inline-flex {
    display: inline-flex !important;
  }

  .flex-xs-fill {
    flex: 1 1 auto !important;
  }

  .flex-xs-row {
    flex-direction: row !important;
  }

  .flex-xs-column {
    flex-direction: column !important;
  }

  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xs-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xs-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xs-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xs-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xs-start {
    justify-content: flex-start !important;
  }

  .justify-content-xs-end {
    justify-content: flex-end !important;
  }

  .justify-content-xs-center {
    justify-content: center !important;
  }

  .justify-content-xs-between {
    justify-content: space-between !important;
  }

  .justify-content-xs-around {
    justify-content: space-around !important;
  }

  .justify-content-xs-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xs-start {
    align-items: flex-start !important;
  }

  .align-items-xs-end {
    align-items: flex-end !important;
  }

  .align-items-xs-center {
    align-items: center !important;
  }

  .align-items-xs-baseline {
    align-items: baseline !important;
  }

  .align-items-xs-stretch {
    align-items: stretch !important;
  }

  .align-content-xs-start {
    align-content: flex-start !important;
  }

  .align-content-xs-end {
    align-content: flex-end !important;
  }

  .align-content-xs-center {
    align-content: center !important;
  }

  .align-content-xs-between {
    align-content: space-between !important;
  }

  .align-content-xs-around {
    align-content: space-around !important;
  }

  .align-content-xs-stretch {
    align-content: stretch !important;
  }

  .align-self-xs-auto {
    align-self: auto !important;
  }

  .align-self-xs-start {
    align-self: flex-start !important;
  }

  .align-self-xs-end {
    align-self: flex-end !important;
  }

  .align-self-xs-center {
    align-self: center !important;
  }

  .align-self-xs-baseline {
    align-self: baseline !important;
  }

  .align-self-xs-stretch {
    align-self: stretch !important;
  }

  .order-xs-first {
    order: -1 !important;
  }

  .order-xs-0 {
    order: 0 !important;
  }

  .order-xs-1 {
    order: 1 !important;
  }

  .order-xs-2 {
    order: 2 !important;
  }

  .order-xs-3 {
    order: 3 !important;
  }

  .order-xs-4 {
    order: 4 !important;
  }

  .order-xs-5 {
    order: 5 !important;
  }

  .order-xs-last {
    order: 6 !important;
  }

  .font-size-xs-smaller {
    font-size: 0.8rem !important;
  }

  .font-size-xs-small {
    font-size: 0.85rem !important;
  }

  .font-size-xs-normal {
    font-size: 1rem !important;
  }

  .font-size-xs-large {
    font-size: 1.2rem !important;
  }

  .font-size-xs-larger {
    font-size: 1.6rem !important;
  }

  .font-size-xs-largest {
    font-size: 2rem !important;
  }

  .text-xs-left {
    text-align: left !important;
  }

  .text-xs-right {
    text-align: right !important;
  }

  .text-xs-center {
    text-align: center !important;
  }
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .font-size-sm-smaller {
    font-size: 0.8rem !important;
  }

  .font-size-sm-small {
    font-size: 0.85rem !important;
  }

  .font-size-sm-normal {
    font-size: 1rem !important;
  }

  .font-size-sm-large {
    font-size: 1.2rem !important;
  }

  .font-size-sm-larger {
    font-size: 1.6rem !important;
  }

  .font-size-sm-largest {
    font-size: 2rem !important;
  }

  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .font-size-md-smaller {
    font-size: 0.8rem !important;
  }

  .font-size-md-small {
    font-size: 0.85rem !important;
  }

  .font-size-md-normal {
    font-size: 1rem !important;
  }

  .font-size-md-large {
    font-size: 1.2rem !important;
  }

  .font-size-md-larger {
    font-size: 1.6rem !important;
  }

  .font-size-md-largest {
    font-size: 2rem !important;
  }

  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .font-size-lg-smaller {
    font-size: 0.8rem !important;
  }

  .font-size-lg-small {
    font-size: 0.85rem !important;
  }

  .font-size-lg-normal {
    font-size: 1rem !important;
  }

  .font-size-lg-large {
    font-size: 1.2rem !important;
  }

  .font-size-lg-larger {
    font-size: 1.6rem !important;
  }

  .font-size-lg-largest {
    font-size: 2rem !important;
  }

  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .font-size-xl-smaller {
    font-size: 0.8rem !important;
  }

  .font-size-xl-small {
    font-size: 0.85rem !important;
  }

  .font-size-xl-normal {
    font-size: 1rem !important;
  }

  .font-size-xl-large {
    font-size: 1.2rem !important;
  }

  .font-size-xl-larger {
    font-size: 1.6rem !important;
  }

  .font-size-xl-largest {
    font-size: 2rem !important;
  }

  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1500px) {
  .float-xxl-left {
    float: left !important;
  }

  .float-xxl-right {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .font-size-xxl-smaller {
    font-size: 0.8rem !important;
  }

  .font-size-xxl-small {
    font-size: 0.85rem !important;
  }

  .font-size-xxl-normal {
    font-size: 1rem !important;
  }

  .font-size-xxl-large {
    font-size: 1.2rem !important;
  }

  .font-size-xxl-larger {
    font-size: 1.6rem !important;
  }

  .font-size-xxl-largest {
    font-size: 2rem !important;
  }

  .text-xxl-left {
    text-align: left !important;
  }

  .text-xxl-right {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.text-green {
	color: #00b72e;
}
.text-red {
	color: #CC0000;
}

.pointer {
    cursor: pointer;
}

.readmore {
	max-height: 22rem;
	overflow: hidden;
	position: relative;
} .readmore:after {
	display: block;
	content: '';
	height: 20px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
} .readmore.expanded {
	max-height: none;
} .readmore.expanded:after {
	background: transparent;
}

.storeHours {
    clear: both;
}

.storeHours h3 {
    clear: both;
    padding-bottom: 3px;
    display: block;
    margin: 10px 0 0 5px;
}

.storeHours input {
    float: left;
    margin-bottom: 10px;
}

.toggle {
    cursor: pointer;
}

.collapse {
    cursor: pointer;
    font-size: 2.0em;
}

.collapse-area {
    display: none;
}

.dropdown-menu {
    display: none;
}

.bkgd-green, tr.bkgd-green td {
    background: #D4FFD3 !important;
}

.bkgd-yellow, tr.bkgd-yellow td {
    background: #FFFED3 !important;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.clear {
    clear: both;
}

.txt-green {
    color: #008000 !important;
}

.txt-red {
    color: #FF0000 !important;
}

.white {
  color: #fff;
}

.white-bg {
  background: #fff;
}

.accent-blue {
  color: #0E4A76;
}

.accent-blue-bg {
  background: #0E4A76;
}

.nodisplay {
    display: none;
}

.list-style-none li {
  list-style: none;
}

.faded {
	opacity: .5 !important;
}

.row * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.row > [class*='col'] {
    padding: 1%;
    float: left;
}

.row > [class*='col']:first-child {
    padding-left: 0;
}

.row > [class*='col']:last-child {
    padding-right: 0;
}

.row .panel [class*='col']:first-child, .row .panel [class*='col']:last-child {
    padding: 1%;
}

.row .col-1 {
    width: 8.33333333%;
}

.row .col-2 {
    width: 16.66666666%;
}

.row .col-3 {
    width: 24.99999999%;
}

.row .col-4 {
    width: 33.33333332%;
}

.row .col-5 {
    width: 41.66666665%;
}

.row .col-6 {
    width: 49.99999998%;
}

.row .col-7 {
    width: 58.33333331%;
}

.row .col-8 {
    width: 66.66666664%;
}

.row .col-9 {
    width: 74.99999997%;
}

.row .col-10 {
    width: 83.3333333%;
}

.row .col-11 {
    width: 91.66666663%;
}

.row .col-12 {
    width: 100%;
}

/* table .live {
	background-color:#d5ffd8;
}
table .queued {
	background-color:#d2fe8c;
}
table .catalog {
	background-color:#fffed5;
}
table .approval {
	background-color:#9dfffc;
}
table .missing {
	background-color:#ffd5d5;
}
table .missing-translated {
	background-color:#ffd5d5;
}
table .linked {
	background-color:#ebb6ff;
}
table .expired {
	background-color:#FFD167;
} */

/* AJAX ELEMENTS */

.basic-underlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 1;
}

.basic-overlay {
    display: none;
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -375px;
    width: 800px;
    background-color: #fff;
    border: 4px solid #555;
    border-radius: 5px;
    z-index: 2;
    padding: 10px;
    font-family: sans-serif;
    font-size: 12px;
}

.feature-item img:hover {
    cursor: pointer;
}

.feature-item img {
    padding-left: 5px;
}

.feature-item {
    float: left;
    padding: 5px 10px 5px 10px;
    margin: 3px;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 13px;
    border: 2px solid #77216f;
    border-radius: 5px;
    background-color: #e4d3e2;
}

/* END AJAX ELEMENTS */

/* ADVERTISING */

.advertising-overlay {
    min-height: 350px;
}
.advertising-overlay * {
	box-sizing: border-box
}
.advertising-overlay .check label {
	font-weight: normal;
	font-size: .9em;
}

.advertising-graphic {
    width: 300px;
    float: left;
}

.advertising-graphic img {
    max-height: 150px;
    max-width: 300px;
}

.advertising-info {
    width: 460px;
    float: left;
    margin: 0 0 0 10px;
}

.advertising-info h2, .advertising-info h3, .advertising-info h4 {
    text-align: center;
}

.advertising-info .fields {
    width: 220px;
    float: left;
    margin: 0 0 0 10px;
}

.advertising-info .fields fieldset {
    width: 200px;
    border: 1px solid #A0A0A0;
    /* border: 1px solid #333333;
    border-radius: 7px;
    box-shadow: 2px 2px 2px #000000; */
}

.advertising-info .fields fieldset legend {
    margin: 0 0 0 15px;
    font-weight: bold;
}

.advertising-info .fields .button-spacer {
    margin: 0 0 10px 0;
}

.tile-layout {
    width: 930px;
}

.small-hometile {
    width: 288px;
    float: left;
    margin: 10px 5px;
    border: 1px solid #333333;
    background: #BBDDFF;
}

.small-hometile img {
    width: 288px;
}

.medium-hometile {
    width: 588px;
    float: left;
    margin: 10px 5px;
    border: 1px solid #333333;
    background: #BBDDFF;
}

.medium-hometile img {
    width: 588px;
}

.large-hometile {
    width: 888px;
    float: left;
    margin: 10px 5px;
    border: 1px solid #333333;
    background: #BBDDFF;
}

.large-hometile img {
    width: 888px;
}

.text-hometile {
    width: 888px;
    float: left;
    margin: 10px 5px;
    border: 1px solid #333333;
    background: #BBDDFF;
}

.text-hometile h3 {
    text-align: center !important;
    background: #FFFFFF;
    font-size: 16px;
}

.text-hometile .text-area {
    background: #FFFFFF;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 10px;
    margin: 10px 0;
    text-align: center;
}

/* REMOVE THIS AFTER TESTING */
/* .small-hometile, .medium-hometile, .large-hometile, .text-hometile {
	float: none !important;
} */
.small-hometile img, .medium-hometile img, .large-hometile img {
    max-height: 300px;
}

.mobile-tile-layout {
    width: 780px;
}

.mobile-hometile {
    width: 768px;
    margin: 10px 5px;
    padding: 0 0 5px 0;
    border: 1px solid #333333;
    border-radius: 7px;
    background: #BBDDFF;
    box-shadow: 2px 2px 2px #000000;
}

.mobile-hometile img {
    width: 768px;
    max-height: 300px;
    border-radius: 7px 7px 0 0;
}

.small-hometile, .medium-hometile, .large-hometile, .text-hometile, .mobile-hometile {
	cursor:move;
}

.file-mgr .ad-file-mgr * {
	box-sizing: border-box;
} .file-mgr .ad-file-mgr .file-preview-container {
	width: 100%;
	height: auto;
	margin: 1em 0;
} .file-mgr .ad-file-mgr .file-preview-container img {
	width: auto;
}

.filemanagerExpired {
    /* background: #E82C0C !important; */
    background: #E2998D !important;
}

.filemanagerActive {
    /* background: #00B233 !important; */
    background: #AED4AA !important;
}

.homeboxActive {
    /* background: #00B233 !important; */
    background: #AED4AA !important;
}

.homeboxExpired {
    /* background: #E82C0C !important; */
    background: #E2998D !important;
}

/* END ADVERTISING */

/*

   SPECIFIC PAGE STYLES

*/

/* CART / ECOMMERCE MANAGER */

form#ecommerce-orders .editOrderButton {
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
}
form#ecommerce-orders .shipIcon {
	width: 25px;
	vertical-align: middle;
}
form#ecommerce-orders .actions-container {
	height: auto;
}
form#ecommerce-orders .noteBox {
	position: relative;
	width: 100%;
	max-width: 460px;
	padding: 1em 1.5em;
	margin: 5px  10px;
	color: #2f2f2f;
	background: #ffffff;
} form#ecommerce-orders .noteBox:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fbfbfb #f3f3f3;
	display: block;
	width: 0;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
} form#ecommerce-orders .noteBox .noteDate {
	font-style: italic;
	color: #a7a7a7;
	font-size: .9em;
}

.order-items-container {
	width: 100%;
	max-width: 800px;
}
table.order-items {
	border-collapse: collapse;
	width: 100%;
	max-width: 800px;
} table.order-items tr {
	padding: 5px 0;
} table.order-items tr th, table.order-items tr td {
	padding: 15px 10px;
    border-bottom: 1px solid #ccc;
} table.order-items tr th {

} table.order-items tr td {

} table.order-items tr th.image, table.order-items tr td.image {
	width: 120px;
} table.order-items tr th.item-info, table.order-items tr td.item-info {
	text-align: left;
	vertical-align: top;
} table.order-items tr th.qty, table.order-items tr td.qty {
	text-align: center;
} table.order-items tr th.item-total, table.order-items tr td.item-total {
	text-align: right;
}
table.order-items tr td.image img {
	border: solid 1px #dcdcdc;
	width: 80px;
	height: auto;
	margin: 0 auto;
	display: block;
	padding: 5px;
    background: #FFFFFF;
}

table.order-totals {
	border-collapse: collapse;
	width: 100%;
	max-width: 340px;
	float: right;
	text-align: right;
	margin: 1em 0;
} table.order-totals tr td {
	padding: 5px 10px;
} table.order-totals tr.order-total td {
	font-weight: bold;
	font-size: 18px;
} table.order-totals tr.coupon td span {
	font-style: italic;
	color: #888;
	font-size: 11px;
}

span.select2 {
	width:100% !important;
} span.select2-container--default .select2-selection--multiple {
	border-radius:0px;
}

/* END CART / ECOMMERCE MANAGER */

/* BRAND FINDER */

#brand-finder-container {
	padding:20px;
} #brand-finder-container .title {
	margin:0 0 1em 0;
	font-weight:bold;
} #brand-finder-container .form {

} #brand-finder-container .loading {
	display:none;
	padding:10px;
	background:#a59e9e;
} #brand-finder-container .result {
	padding:10px;
	background:#f6f6f6;
	border-bottom:1px solid #fff;
} #brand-finder-container .result:hover {
	background:#ccc;
}

#brand-finder-container table#brand-finder-translate {
	border-collapse: collapse;
	margin: 2em 0;
	width: 100%;
	max-width: 800px;
} #brand-finder-container table#brand-finder-translate tr {

} #brand-finder-container table#brand-finder-translate tr th, #brand-finder-container table#brand-finder-translate tr td {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 5px;
} #brand-finder-container table#brand-finder-translate tr th {
	text-align: left;
} #brand-finder-container table#brand-finder-translate tr td {

}

#brand-finder-container .overlay {
	z-index:2;
	display:none;
	position:absolute;
	top:100px;
	left:50%;
	width:600px;
	margin-left:-300px;
	background-color:#fff;
	border:6px solid #ccc;
	box-shadow:0px 10px 10px #555;
} #brand-finder-container .underlay {
	z-index:1;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:2000px;
	height:2000px;
	background-color:#fff;
	opacity:0.5;
}

/* END BRAND FINDER */

/*

END SPECIFIC PAGE STYLES

*/
/* Blog ONLY */
.featuredstar {
	font-size: 1.6em;
    color: #ababab;
	cursor:pointer;
}
.goldStar {
	color:#F4B20D;
}

/* END BLOG */

/* MEDIA CONTAINER STYLES */
.mediaContainer {

} .mediaContainer .mediaHolder {
	
} .mediaContainer .mediaHolder .mediaContainerLocal {
	
} .mediaContainer .mediaHolder .mediaContainerMaster {
	
} .mediaContainer .mediaHolder .mediaContainerLocal,
  .mediaContainer .mediaHolder .mediaContainerMaster {
	margin: 3em 0;
} .mediaContainer .mediaHolder .mediaImages {
	margin: 1em 0;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
} .mediaContainer .mediaHolder .mediaImages .mediaFileThumb.fullWidth {
	width: 100%;
} .mediaContainer .mediaHolder .mediaImages .mediaFileThumb {
    width: 195px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 5px 0;
  padding: 10px 10px 2px 10px;
	border: 1px solid #e6e6e6;
    text-align: center;
	background: white;
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
} .mediaContainer .mediaHolder .mediaImages .mediaFileThumb .mediaDetails {
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
} .mediaContainer .mediaHolder .mediaImages .mediaFileThumb .mediaDetails button {
    padding: .4em 10px;
    font-size: .9em;
} .mediaContainer .mediaHolder .mediaImages .mediaFileThumb .mediaDetails button.danger {
	margin: .5em 0 0 0;
} .mediaContainer .mediaHolder .mediaContainerLocal.ui-sortable .mediaFileThumb a img {
	cursor: move;
}
.mediaContainer .noImageMsg {
	margin: 1em 0 0;
}

/*----- Sliding panel -----*/
div.slidePanel {
	position: fixed;
	top: 0;
	right: 0;
	margin-right: -600px;
	width: 100%;
	background: #EFEFEF;
	height: 100vh;
	/* z-index: 20000000; */
  z-index: 20000;
	max-width: 600px;
	overflow-x: auto;
	transition: all .3s ease-out;
  box-shadow: 0px 0px 10px 0px #000;
} div.slidePanel.revealed {
	margin-right: 0;
}
div.slidePanel .wrapper {
	padding: 20px;
}
div.slidePanel .closeContainer {
	border-bottom: 2px solid #e2e2e2;
}
div.slidePanel .closeContainer .wrapper {
    padding: 5px;
}
div.slidePanel i.close {
	cursor: pointer;
	padding: 5px;
	font-size:23px;
}
body.slidePanel-showing {
	overflow: hidden;
}
.closePanelUnderlay {
	position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    /* z-index: 9999999; */
    z-index: 19999;
}

body.slidePanel-showing {
    overflow: hidden;
}
body.darken:after, main.darken:after, footer.darken:after {
    /* z-index: 999999; */
    z-index: 1999;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
}
body:after, main:after, footer:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: .2s all linear;
    transition-property: opacity, z-index, background;
    opacity: 0;
}

@media(max-width: 768px) {
	.row [class*='col'] {
		float: none;
		width: 100%;
	}
}

/*
Tooltip container
*/
.tooltip {
    position: relative;
    display: inline-block;
    margin-left: 2px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: rgb(0 0 0 / 85%);
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    border-radius: 6px;
    margin-left: 5px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
    top: -150%;
    left: 105%;
    width: 200px;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#display-more-info, .display-more-info {
  display: none;
  margin-top: 1em;
  padding: 1em;
  position: relative;
  background: white;
  box-shadow: 0 0 5px grey;
  color: #000;
  font-weight: 300;
  font-size: 14px;
  white-space: normal;
  max-width: 500px;
  z-index: 99;
}
#display-tool-tip:hover ~ #display-more-info, .display-tool-tip:hover ~ .display-more-info {
display: block;
position: absolute;
}

i:not(.fa, .fas, .far, .fab) {

    font-style: italic !important;

}