@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:300,300i,400,400i,500,500i,700,700i');

 /** {border-radius: 0 !important;}*/
     ::selection { background: #777; color: #fff; }
::-moz-selection { background: #777; color: #fff; }
::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #767676; }
                    :-moz-placeholder, .form-control:-moz-placeholder { color: #767676; }
                  ::-moz-placeholder, .form-control::-moz-placeholder { color: #767676; }
          :-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #767676; }
                           input::placeholder, textarea::placeholder  { color: #767676; }

.scrollbox {
    overflow: auto;
    /*border: 1px solid rgba(0,0,0,0);*/
}
.scrollbox.active {
    /*border-color: #ddd;*/
}

.col-content-main *::-webkit-scrollbar,
.stores-select .dropdown-pane.is-open::-webkit-scrollbar,
table.body-scroll tbody::-webkit-scrollbar,
.scrollbox::-webkit-scrollbar {
    width: 0.5em;
}
.col-content-main *::-webkit-scrollbar-track,
.stores-select .dropdown-pane.is-open::-webkit-scrollbar-track,
table.body-scroll tbody::-webkit-scrollbar-track,
.scrollbox::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #f0f0f0;
}
.col-content-main *::-webkit-scrollbar-thumb,
.stores-select .dropdown-pane.is-open::-webkit-scrollbar-thumb,
table.body-scroll tbody::-webkit-scrollbar-thumb,
.scrollbox::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    /*outline: 1px solid slategrey;*/
}
    .col-content-main *::-webkit-scrollbar-thumb:hover,
    .stores-select .dropdown-pane.is-open::-webkit-scrollbar-thumb:hover,
    table.body-scroll tbody::-webkit-scrollbar-thumb:hover,
    .scrollbox::-webkit-scrollbar-thumb:hover {
        background-color: #a6a6a6;
    }
.col-content-main *,
.stores-select .dropdown-pane.is-open,
table.body-scroll tbody,
.scrollbox {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}
    .col-content-main *:hover, .col-content-main *:focus,
    .stores-select .dropdown-pane.is-open:hover, .stores-select .dropdown-pane.is-open:focus,
    table.body-scroll tbody:hover, table.body-scroll tbodyfocus,
    .scrollbox:hover, .scrollbox:focus {
        scrollbar-color: #cdcdcd #f0f0f0;
        scrollbar-width: thin;
    }
html {
	height: auto;
	min-height: 100%;
}
body {
    font-family: "Alegreya Sans",sans-serif;
	-webkit-font-feature-settings: "onum" 1; 
  	-moz-font-feature-settings:    "onum" 1; 
  	-ms-font-feature-settings:     "onum" 1; 
	font-feature-settings:         "onum" 1; 
	position: relative;
	min-height: 100vh;
	background-color: #f1f2f5;
	background-color: #f5f5f5;
	background-color: #F5F3F5;
	color: #333;
	overflow-y: scroll;
}

.page {
	position: relative;
	min-height: 100vh;
}
.page-account {
    background: #7b8ba3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiOGJhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FmYzJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGI5YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7b8ba3 0%, #afc2de 50%, #c4b9be 100%);
    background: -webkit-linear-gradient(top, #7b8ba3 0%,#afc2de 50%,#c4b9be 100%);
    background: linear-gradient(to bottom, #7b8ba3 0%,#afc2de 50%,#c4b9be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8ba3', endColorstr='#c4b9be',GradientType=0 );
}

.content-header {
	background-color: #e6e6e6;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	padding: 0 0.9375rem;
}

hr {
	border-bottom-color: rgba(0, 0, 0, 0.2);
}
hr.expanded {
  max-width: none;
}
hr.small {
    margin: 0.5rem 0;
}


p { line-height: 1.45; }
p.small {
  font-size: 0.9rem;
  line-height: 1.4;
}

button, input, optgroup, select, textarea {
    font-family: "Alegreya Sans",sans-serif;
}
table, input[type="date"], input[type="number"] {
	-webkit-font-feature-settings: "onum" 1,"tnum" 1; 
  	-moz-font-feature-settings:    "onum" 1,"tnum" 1; 
  	-ms-font-feature-settings:     "onum" 1,"tnum" 1; 
	font-feature-settings:         "onum" 1,"tnum" 1; 
}

/*#region Utilities */
.nowrap { white-space: nowrap; }
.text-muted { opacity: 0.4; }
.text-uppercase { text-transform: uppercase; }
.vertical-middle { vertical-align: middle;
}
.text-center { text-align: center; }
.ui-widget {
	font-family: "Roboto",sans-serif !important;
	font-size: 1rem !important;
}
.ui-datepicker-trigger {
    display: none;
}
.block { display: block; }
/*#endregion */

/*#region Grid */
    .column,.columns {
	    position: relative;
    }
    .row-dv {
	    position: relative;
    }
    .col-dv::before {
	    background-color: rgba(0, 0, 0, 0.1);
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 1px;
    }

    .grid-row.row-small,.margin-l {
	    margin-bottom: 1.875rem;
    }
    .row div.row-small {
  
    }
    .row-small > .column, .row-small > .columns,
    .row-small.column, .row-small.columns {
  
    }
    .column.row.row, .row.row.columns {
	    display: flex;
    }
    .grid-row > .columns > .callout {margin-bottom: 0;}
/*#endregion */

/*#region Headings */
    h1, h2, h3, h4, h5, h6 {
	    font-family: inherit;
    }
    h1, .sidebar-heading {
	    font-size: 1.5rem;
	    line-height: 3.375rem;
	    color: rgba(0, 0, 0, 0.3);
	    font-weight: 400;
        margin: 0;
    }
    h1 span {
	    color: rgba(0, 0, 0, 0.55);
	    /*font-weight: 500;*/
    }
    .content-header h1 span.active {
        font-weight: 600;
    }

    h2 {
	    font-size: 1.75rem;
	    margin: 0 0 1.2rem;
	    font-weight: 100;
        color: #948592;
        color: #9AA5AB;
    }
    h3 {
	    margin-bottom: 0.5rem;
          font-size: 1.1rem;
          font-weight: 600;
    }
    h4.small {
        font-size: 1rem;
        font-weight: 500;
    }
h4.heading-label {
    font-size: 1rem;
    font-weight: 400;
}
.report-subheading {
    font-size: 1.25rem;
    font-weight: normal;
    text-transform: none;
    color: #948592;
    color: #9AA5AB;
}
    .report-subheading small, .report-subheading .small {
        color: inherit;
    }
    .callout .report-subheading:first-child {
        margin-top: 0;
    }
/*#endregion */

/*#region Containers */
    .card-divider .report-subheading { 
        margin: 0;
    }
    .stat {
        font-size: 1.5rem;
        font-weight: 100;
        margin-top: -0.5rem;
    }
    .chart { margin-bottom: 1.5rem; }
    .card > .chart { margin: 0; }
    .section {
      margin-bottom: 1.5rem;
    }
    .callout {
	    background-color: rgba(255, 255, 255, 0.7);
	    border-color: rgba(0, 0, 0, 0.1);
	    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    .section + .section {
	    padding-top: 1.5rem;
	    border-top: 3px solid rgba(0, 0, 0, 0.05);
    }
    .section .callout {
	    margin: 0;
    }
    .callout.primary {
        background-color: #ecf8fc;
        border-color: rgba(0,0,0,0.05);
    }
    .callout.secondary {
	    background-color: rgba(0, 0, 0, 0.07);
    }
    .container-can-activate {
	    margin-bottom: 1rem;
	    padding: 1rem;
	    border: 1px solid rgba(0,0,0,0);
	    position: relative;
	    background-color: rgba(255,255,255,0.7);
    }
    .container-can-activate:hover {
	
    }
    .container-can-activate.active {
	    border-color: #cfd1d9;
        border-color: #d44c7e;
        border-color: #82A5BA;
    }
    .container-can-activate.active:after {
        right: -20px;
	    top: 50%;
	    border: solid transparent;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
	    border-color: rgba(232, 232, 228, 0);
	    border-right-color: #fff;
        /*border-right-color: #eaeaea;*/
	    border-width: 15px;
	    margin-top: -15px;
    }

    .card { max-width: 100%; }
    .card-divider {
        margin: 0;
        background: #EBE9EB;
        /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
    }
    .card-header {
	    border-top: 1px solid #f5f5f5;
	    border-left: 1px solid #f5f5f5;
	    border-right: 1px solid #f5f5f5;
    }
    .card-header.active {
	    border-top: 1px solid #bbb;
	    border-left: 1px solid #bbb;
	    border-right: 1px solid #bbb;
    }
    .btn-card-header {
	    margin-right: -0.75rem;
	    margin-top: -0.35rem;
    }
    .card-block {
	    border: 1px solid #fff;
    }
    .card-block.active {
	    border-color: #bbb;
	    position: relative;
    }
    .card-header.active + .card-block.active {
	    border-color: #fff #bbb #bbb #bbb;
    }
    .card-header.active::before {
	    position: absolute;
	    right: -1.25rem;
	    top: 0.6em;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 15px 12px 15px 0;
	    border-color: transparent #ddd transparent transparent;
	    content: "";
    }
    .btn-card-collapse-toggle {
        margin: -0.75rem 0.5rem -0.75rem -1.25rem;
        padding: 0.75rem 1rem;
        background-color: transparent;
        border-style: none solid none none;
        border-right: 1px solid #ddd;
        box-shadow: none;
        line-height: 1.857142857142857;
        outline: none;
    }
    .btn-card-collapse-toggle:hover,.btn-card-collapse-toggle:focus {
	    background-color: rgba(0,0,0,0.05);
	    outline: none;
    }
    .btn-card-collapse-toggle:active:focus {
	    background-color: rgba(0,0,0,0.1);
	    outline: none;
    }
    .btn-card-collapse-toggle .fa {
	    line-height: inherit;
    }
    .card-section + .card-section {
        border-top: 1px solid #e6e6e6;
    }
    a.card-section + a.card-section {
        border-top: 1px solid #e6e6e6;
    }
    a.card-section:hover, a.card-section:focus {
        background-color: #f9f9f9;
    }

    .content-header {
        position: relative;
    }
    .content-filters {
        background-color: rgba(255,255,255,0.3);
        padding: 1.5rem .9375rem 0.5rem;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }
    .col-content-main {
	    padding-top: 2rem;
	    padding-bottom: 2rem;
    }
    .col-content-secondary {
	    margin-top: 1rem;
	    padding-top: 1rem;
	    padding-bottom: 2rem;
	    background-color: #fff;
        /*background-color: #eaeaea;*/
	    color: #4d4d4d;
	    right: 0;
    }
    .col-content-secondary h2 {
	
    }
    .col-content-nav {
	    padding-top: 2em;
	    padding-bottom: 2em;
	    background-color: #53585b;
	    color: #fff;
    }
    .col-content-nav h1 {
	    font-size: 2rem;
    }

/*#endregion */

/*#region Colours */
    .bg-danger,.bg-danger:hover {
	    background-color: #ec5840 !important;
	    color: #fff;
    }
    .bg-danger:hover td {
	    background-color: transparent;
    }
    .bg-danger a,.bg-danger .button,
    .bg-danger:hover a,.bg-danger:hover .button{
	    color: #f5ddda;
    }
/*#endregion */

/*#region Links */
    a,.btn-link {
	    color: #d44c7e;
        color: #247BA0;
    }
    a:hover,a:focus,
    .btn-link:focus, .btn-link:hover {
	    color: #c73069;
        color: #13506B;
    }
    a:not(.button):focus {
        outline: 1px dotted;
    }
    h1 a {
        color: inherit;
        border-bottom: 1px dotted rgba(0,0,0,0.2);
    }
    h1 a:hover, h1 a:focus {
        color: #247BA0;
        border-bottom: none;
    }
    a.has-tip {
	    cursor: pointer;
	    border-bottom: inherit;
	    font-weight: inherit;
    }
    a.disabled {
        cursor: not-allowed !important;
        opacity: 0.5;
        pointer-events: none;
    }
/*#endregion */

/*#region Buttons */
    button, html [type="button"], [type="reset"], [type="submit"] {
        cursor: auto !important;
    }
    .button.disabled, .button[disabled] {
        cursor: not-allowed !important;
    }
    .input-group-button .button {
	    box-shadow: none;
    }
    .input-group > .button-group {
        margin-bottom: 0;
    }
    .input-group > :last-child:not(.button-group) > .button {
        border-radius: 0 4px 4px 0;
    }
    .input-group > :last-child > .secondary.light, .input-group > :last-child > .secondary.light:hover, .input-group > :last-child > .secondary.light:focus,
    .input-group > :last-child > .secondary.light.disabled, .input-group > :last-child > .secondary.light[disabled] {
        border-color: rgba(0, 0, 0, 0.15);
        border-left-color: transparent;
    }
    .btn-link {
	    box-shadow: none;
    }
    .btn-link:hover,.btn-link:focus {
	    text-decoration: none;
    }
    .btn-group .btn {
	    margin-bottom: 0;
	    box-shadow: none;
    }
    .btn-group {
	
    }
    .btn-close {
	    padding: 5px;
	    font-size: 4.5em;
	    line-height: 0.65;
	    font-weight: 200;
	    position: absolute;
	    right: 15px;
	    top: 0;
	    box-shadow: none;
	    background-color: transparent;
	    color: rgba(0,0,0,0.1);
	    border: none;
    }
    .btn-close:hover,.btn-close:focus {
	    color: #222;
    }
    .close-button {
	    font-size: 3rem;
	    font-weight: 200;
	    z-index: 1;
    }
    .button {
	    outline: 0;
        /*box-shadow: 0 2px 7px rgba(0,0,0,0.1);*/
        transition: all 0.25s ease-out,color 0.25s ease-out;
        border-radius: 4px;
    }
    .button:hover, .button:focus, .button:active {
	    outline: 0;
    }
    .button-group .button {
        border-radius: 0;
    }
    .button-group > :first-child.button {
        border-radius: 4px 0 0 4px;
    }
    .button-group > :last-child.button, .button-group > :last-of-type.button {
        border-radius: 0 4px 4px 0;
    }

    .button.primary,.pagination .current {
	    border-color: #d44c7e;
	    background-color: #d44c7e;
	    color: #fff;
    }
    .button.primary:focus, .button.primary:hover {
        /*border-color: rgba(0, 0, 0, 0.15);*/
        background-color: #c73069;
        color: #fff;
    }
    .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #d44c7e;
        color: #fefefe;
    }
    
    .button.dropdown::after {
        top: 0.3em;
        margin-left: 0.6em;
    }

    .button.secondary {
	    border-color: #eaeaea;
	    background-color: #eaeaea;
        border-color: #f0eef0;
	    background-color: #f0eef0;
	    color: #424142;
    }
    .button.secondary:focus, .button.secondary:hover {
        /*border-color: rgba(0, 0, 0, 0.15);*/
        background-color: #ddd;
        border-color: #DBD9DB;
	    background-color: #DBD9DB;
        color: #0a0a0a;
    }
    .button.secondary:active, .button.secondary.active, .open > .button.secondary.dropdown-toggle,  .button.secondary.dropdown[aria-expanded="true"] {
      background-color: #333;
      color: #fff;
    }
    .button.secondary.dropdown[aria-expanded="true"]::after {
        border-color: transparent transparent #fff transparent;
        border-top-width: 0;
        border-top-style: none;
        border-bottom-width: 0.4em;
        border-bottom-style: solid;
        top: 0.3em;
    }
    .button.secondary:active:hover, .button.secondary:active:focus, .button.secondary.focus:active {
        background-color: #ccc;
        border-color: #CCCACC;
	    background-color: #CCCACC;
        color: #0a0a0a;
    }
    .button.secondary.active:hover, .button.secondary.active:focus, .button.secondary.active.focus, 
    .open > .button.secondary.dropdown-toggle:hover, .open > .button.secondary.dropdown-toggle:focus, .open > .button.secondary.dropdown-toggle.focus {
      background-color: #111;
        border-color: #424142;
	    background-color: #424142;
      color: #fff;
    }
    .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #ccc;
        border-color: #CCCACC;
	    background-color: #CCCACC;
        color: #000;
    }
    .button.secondary.dropdown::after {
        border-color: #4d4d4d transparent transparent;
    }

    .button.secondary.light {
	    border-color: #fff;
	    background-color: #fff;
	    color: #4d4d4d;
    }
    .button.secondary.light:focus, .button.secondary.light:hover {
	    border-color: #d0d0d0;
        background-color: #d0d0d0;
        color: #0a0a0a;
    }
    .button.secondary.light:active {
        border-color: #ccc;
        background-color: #ccc;
        color: #0a0a0a;
    }
    .button.secondary.light.active, .open > .button.secondary.light.dropdown-toggle,  .button.secondary.light.dropdown[aria-expanded="true"] {
	    border-color: #333;
        background-color: #333;
        color: #fff;
    }
    .button.secondary.light.dropdown[aria-expanded="true"]::after {
        border-color: transparent transparent #fff transparent;
        border-top-width: 0;
        border-top-style: none;
        border-bottom-width: 0.4em;
        border-bottom-style: solid;
        top: 0.3em;
    }
    .button.secondary.light:active:hover, .button.secondary.light:active:focus, .button.secondary.light.focus:active {

    }
    .button.secondary.light.active:hover, .button.secondary.light.active:focus, .button.secondary.light.active.focus, 
    .open > .button.secondary.light.dropdown-toggle:hover, .open > .button.secondary.light.dropdown-toggle:focus, .open > .button.secondary.light.dropdown-toggle.focus {
      background-color: #111;
      color: #fff;
    }
    .button.disabled.secondary.light, .button.disabled.secondary.light:hover, .button.disabled.secondary.light:focus, .button[disabled].secondary.light, .button[disabled].secondary.light:hover, .button[disabled].secondary.light:focus {
        /*background-color: #ccc;
        color: #000;*/
        border-color: #fff;
        background-color: #fff;
        color: #4d4d4d;
        opacity: 0.45;
    }
    .button.secondary.light.dropdown::after {
        border-color: #4d4d4d transparent transparent;
    }
    
    .button.secondary.btn-actions[aria-expanded="true"], .button.secondary.btn-actions[aria-expanded="true"]:hover, .button.secondary.btn-actions[aria-expanded="true"]:focus{
        background-color: #555;
        color: #fff;
    }
    
    .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
        border-color: transparent;
        background-color: transparent;
        box-shadow: none;
    }
    .button.clear.secondary:hover, .button.clear.secondary:focus {
        background-color: #e7e7e7;
    }
    
    .button.clear.success {
        color: #5cb85c;
    }
    .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
        border-color: transparent;
        background-color: transparent;
        box-shadow: none;
    }
    .button.clear.success:hover, .button.clear.success:focus {
        background-color: #e7e7e7;
    }
    .button-group .btn-filter.secondary:active {
	    box-shadow: none;
    }
    .dt-buttons {
        margin-bottom: 1rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .dt-buttons .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: 0.9rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        border-radius: 0;
    }
    .dt-buttons > :first-child.button {
        border-radius: 4px 0 0 4px;
    }
    .dt-buttons > :last-child.button, .dt-buttons > :last-of-type.button {
        border-radius: 0 4px 4px 0;
    }
    td > .button {
        margin:0;
    }
    .button-checkbox {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 1rem;
    }
    .button-checkbox input {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none;
    }
    .button-checkbox input + .button {
        cursor: default;
        margin: 0;
    }
    .button-checkbox input:checked + .button,
    .button-checkbox input:checked + .button:active {
  
    }
    .button-checkbox input:checked + .button:hover, .button-checkbox input:checked + .button:focus,
    .button-checkbox input:checked + .button:active:hover, .button-checkbox input:checked + .button:active:focus {
  
    }
    button .fa {
        cursor: default;
    }
    .button.large {
	    font-weight: 300;
    }
    .button.large .fa-pulse {
	    font-size: 1.3125rem;
	    line-height: 0.9523809523809524;
	    width: 1.224485714285714em;
    }
    .btn-ellipsis {
        margin: 0;
        font-size: 1.25rem;
        line-height: 2.625rem;
        padding: 0 .75rem;
        height: 2.625rem;
        border: none !important;
    }

    .btn-cell .button {
        border-radius: 0 !important;
    }

    .button-group.small .btn-icon.btn-actions, .small.btn-icon.btn-actions {
        font-size: 1.2rem;
        padding: 0 0.625em;
        line-height: 2.08125rem;
    }
    .button-group.small .btn-icon.btn-actions .svg-inline--fa, .small.btn-icon.btn-actions .svg-inline--fa {
        /*height: 0.75rem;*/
        vertical-align: -0.25rem;
    }

    .btn-filters [data-fa-i2svg] {
        font-size: 1.25em;
        margin-top: -0.1em;
        margin-bottom: -0.1em;
    }
    .button [data-fa-i2svg]:first-child, a [data-fa-i2svg]:first-child {
        margin-right: 0.25em;
    }
    .button.btn-icon [data-fa-i2svg] {
        margin: 0;
    }

    .button.btn-menu {
        font-size: 1rem;
        line-height: 1;
        text-decoration: none;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.7rem 1rem;
        border-radius: 0;
        background-color: transparent;
        color: inherit;
    }
    .button.btn-menu:hover, .button.btn-menu:focus {
        background-color: #eee;
        color: inherit;
    }

    .switch { font-weight: normal; }
    .switch-inactive {
        color: #666;
    }
    .switch.disabled .switch-paddle,
    input:checked[disabled] ~ .switch-paddle {
        cursor: not-allowed !important;
    }
    input:checked ~ .switch-paddle {
        background: #5cb85c;
    }
/*#endregion */
/*#region Dropdowns */
.dropdown-pane {
    box-shadow: 0 2px 6px 0px rgba(0,0,0,0.3);
}
    .dropdown-pane-menu {
        padding: 0.5rem 0;
        width: auto;
        min-width: 250px;
    }
    .dropdown-pane-menu .fa {
        opacity: 0.25;
    }
    .dropdown-pane-menu .fa-fw {
        opacity: 0.25;
        font-size: .875em;
    }
    
    .menu.vertical > li > a {
        color: inherit;
    }
    .menu.vertical > li > a:hover, .menu.vertical > li > a:focus {
        background-color: #eee;
    }
    .menu.vertical > li.active > a {
        background-color: #ccc;
    }
    .dropdown-pane {
        box-shadow: 0 2px 6px 0px rgba(0,0,0,0.3);
    }
    .dropdown-pane-menu {
        padding: 0.5rem 0;
        width: auto;
        min-width: 250px;
    }
    .dropdown-pane-menu .fa {
        opacity: 0.25;
    }
    .dropdown-pane-menu .fa-fw {
        opacity: 0.25;
        font-size: .875em;
    }
    .menu.vertical li.divider {
        border-top: 1px solid #ddd;
    }
/*#endregion */

/*#region Tabs */
    /*.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover {
	    outline: none;
    }*/
    .tabs {
        border-style: none none solid none;
        background-color: rgba(255, 255, 255, 0.5);
    }
    .tabs a {
	    font-size: 1rem;
    }
    .tabs a:focus, .tabs a:hover {
        border-color: transparent transparent #666;
        background-color: rgba(0,0,0,0.1);
    }
        .tabs .is-active a,
        .tabs .is-active a:focus,
        .tabs .is-active a:hover {
            /*background-color: #666;
            border-color: #666 #666 rgba(0, 0, 0, 0);*/
            background-color: #82A5BA;
            border-color: #82A5BA #82A5BA rgba(0, 0, 0, 0);
            color: #ffffff;
        }
    .tab-content-container {
	    border-color: rgba(0, 0, 0, 0) #ddd #ddd;
	    border-style: none solid solid;
	    border-width: 1px;
	    padding: 0 1em;
    }
    .tab-content-main {
	    clear: both;
	    background-color: transparent;
	    border: none;
    }
    .col-content-secondary .tabs {
	    background-color: transparent;
	    border-bottom: 1px solid #666;
	
    }
    .col-content-secondary .tabs-content {
	    background-color: transparent;
    }
    .tab-content-main > .tab-pane {
	    padding: 0;
    }
    .tab-pane {
	    padding: 2em 0;
    }

    .nav-secondary {
	    margin-bottom: -1px;
	    border: none;
	    background-color: transparent;
    }
    .nav-secondary a {
	    font-size: 1rem;
	    line-height: 1.4;
        padding: 0.9375rem 1rem;
        color: #222;
        border-left: 1px solid rgba(0,0,0,0.075);
        border-top: 3px solid rgba(0,0,0,0);
        border-bottom: 3px solid rgba(0,0,0,0);
	    height: 3.375rem;
	    position: relative;
        outline: none;
    }
    .nav-secondary a:focus, .nav-secondary a:hover {
	    border-color: transparent;
        color: #222;
        border-left: 1px solid rgba(0,0,0,0.075);
        border-top-color: rgba(0,0,0,0.2); 
	    background-color: rgba(0,0,0,0.03);
        outline: none;
    }
    .nav-secondary .is-active a, 
    .nav-secondary .is-active a:focus, 
    .nav-secondary .is-active a:hover, 
    .nav-secondary .nav-item.open .nav-link, 
    .nav-secondary .nav-item.open .nav-link:focus, 
    .nav-secondary .nav-item.open .nav-link:hover {
	    /*background-color: #d44c7e;
	    border-color: #d44c7e #d44c7e transparent;
	    color: #fff;*/

        background-color: rgba(0,0,0,0.03);
        border-left: 1px solid rgba(0,0,0,0.075);
        border-top-color: #d44c7e; 
        color: #111;
        outline: none;
    }
/*#endregion */

/*#region Pagination */
    .pagination a:hover, .pagination button:hover {
        background: #d0d0d0;
        color: #0a0a0a;
    }
    .pagination .current {
        background-color: #82A5BA;
    }
    .pagination .current a {
        background-color: #82A5BA;
	    color: #fff;
        padding: 0;
    }
    .pagination .current a:hover,.pagination .current a:focus {
	    background: transparent;
    }
    .pagination-container .pagination {
      background-color: #eee;
      margin: 0;
      padding: 0.25rem;
      text-align: center;
    }
    .db-pagination .pagination-previous a::before, .db-pagination .pagination-previous.disabled::before,
    .db-pagination .pagination-next a::after, .db-pagination .pagination-next.disabled::after {
        display: none;
    }
/*#endregion */

/*#region Modals */
    .reveal {
	    outline: 0;
	    box-shadow: 0 0 50px rgba(0,0,0,0.35);
    }
.db-slide-in-down.mui-enter {
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(-4rem);
    transform: translateY(-4rem);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
        .db-slide-in-down.mui-enter.mui-enter-active {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
/*#endregion */

/*#region dbPanel */
    .db-panel-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1005;
        background-color: rgba(10, 10, 10, 0.0);
        overflow-y: hidden;
        overflow-x: hidden;
        /*text-align: right;*/
        -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .db-panel {
        position: relative;
        display: none;
        float: right;
        min-height: 100vh;
        width: 600px;
        max-width: 100vw;
        padding: 1rem;
        background-color: #fff;
        left: 600px;
        /*transition: left 1s;
            transition-timing-function: ease-out;*/
        -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

        .db-panel.ready {
            display: block;
        }

    .db-panel-overlay.active {
        background-color: rgba(10, 10, 10, 0.75);
    }

        .db-panel-overlay.active .db-panel {
            left: 0;
            box-shadow: 0 0 50px rgba(0,0,0,0.35);
        }

    .editor-field:empty {
        display: none;
    }
/*#endregion */

/*#region Forms */
    [type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea, select {
		box-shadow: none;
		border-color: #ddd;
		background-color: #f5f5f5;
        transition: box-shadow 0.5s ease 0s, border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
	}
    [type="text"]:hover, [type="password"]:hover, [type="date"]:hover, [type="datetime"]:hover, [type="datetime-local"]:hover, [type="month"]:hover, [type="week"]:hover, [type="email"]:hover, [type="number"]:hover, [type="search"]:hover, [type="tel"]:hover, [type="time"]:hover, [type="url"]:hover, [type="color"]:hover, textarea:hover, select:hover {
        background-color: #fff;
    }
	[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus, select:focus {
		border-color: #d44c7e;
        border-color: #82A5BA;
		background-color: #fff;
		box-shadow: none;
		transition: box-shadow 0.5s ease 0s, border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
	}

        input:disabled, input[readonly], textarea:disabled, textarea[readonly],
        input:disabled:hover, input:disabled:focus,
        input[readonly]:hover, input[readonly]:focus,
        textarea:disabled:hover, textarea:disabled:focus,
        textarea[readonly]:hover, textarea[readonly]:focus,
        select:disabled, select[readonly],
        select:disabled:hover, select:disabled:focus,
        select[readonly]:hover, select[readonly]:focus {
            background-color: #eee;
            color: #888;
        }

    .select2 {width:100%!important;}
    .select2-container--default .select2-selection--multiple {
	    border: 1px solid #ccc;
    }
    .select2-container--default.select2-container--focus .select2-selection--multiple {
	    border: 1px solid #9e005d;
    }

    option:disabled {
        color: #ccc;
    }
    
    input.form-control,select.form-control {
	    height: calc( 2.25em + 2px );
    }

    .input-group-label {
	    background-color: rgba(0,0,0, 0.1);
	    color: rgba(255,255,255, 0.5);

        background-color: #e0dfe0;
        color: #666;
	    border-color: rgba(255,255,255, 0.1);
    }
    .callout:not(.secondary) .input-group-label {
      color: rgba(0,0,0,0.4);
    }
    .input-group-field {
	    width: 100px !important;
    }
    .fieldset legend {
	
    }
    .callout.secondary .fieldset legend {
	    background-color: #eee;
    }

    .hide.validation-summary-errors {
        display: block !important;
    }

    label {
	    color: inherit;
    }

    input[type="number"] {
        text-align: right;
        padding-right: 0.1rem;
        width: 5rem;
    }
    table input[type="number"],table input[type="text"] {
	    margin: 0;
    }
    input::-webkit-inner-spin-button {
	    opacity: 1;
    }

    .form-footer .button + .button, .DTE_Form_Buttons .button + .button {
	    margin-left: 0.4rem;
    }
    .form-footer,
    div.reveal-modal.db-modal div.DTE_Footer,
    div.db-panel div.DTE_Footer {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        margin-top: 2rem;
        padding-top: 2rem;
        position: static;
        float: none;
    }
    .form-footer-small {
        margin-top: 1rem;
        padding-top: 1rem;
    }
    .form-footer-small .button { margin-bottom: 0; }
    .input-group .form-control {
	    z-index: 1;
    }
    .input-container .input-group {
	    margin-bottom: 5px;
    }
    .form-control:focus {
	    border-color: #B3597A;
	    border-color: #9e005d;
    }
/*#endregion */

/*#region Editor */
    .sizes .row {
	    padding-top: 1rem;
	    border-bottom: 1px dotted #ccc;
    }
    .sizes-table label {
        margin-top: 0.4375rem;
    }
    .sizes-table .editable {
        display: block;
        margin: -0.5rem 0;
        min-height: 2.4375rem;
        padding: 0.5rem 0;
        outline: none;
    }
    .editable-container.editable-inline {
	
    }
    .editable-buttons .button {
      margin: 0;
    }
    div.DTE_Inline div.DTE_Inline_Field div.DTE_Field {
        margin: 0;
    }
    div.DTE_Inline div.DTE_Field>div {
        width: 100% !important;
        padding: 0;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .editable {
	    display: inline-block;
	    position: relative;
    }
    .DTE_Field_InputControl select {
	    box-sizing: border-box;
    }
    .td-editable .DTE_Field_InputControl select {
        margin: -6px 0;
        padding-bottom: 2px;
        line-height: 1;
        padding-top: 2px;
        height: 30px;
    }
    .DTE_Field_InputControl > input[type=number] {
        /*width: 3.75rem !important;*/
    }
    .DTE_Field_InputControl > input.input-price {
        width: 6rem !important;
    }
    .ui-tooltip-content .editable-input select,.ui-tooltip-content .editable-input input {
	    box-sizing: border-box;
	    margin: 0;
    }
    .ui-datepicker .ui-datepicker-title select {
	    padding: initial;
	    height: auto;
    }
    div.reveal-modal.db-modal div.DTE_Header,
    div.db-panel div.DTE_Header {
	    position: static;
    }
    div.reveal-modal.db-modal div.DTE_Form_Content,
    div.db-panel div.DTE_Form_Content {
	    width: 100%;
    }
    div.reveal-modal.db-modal .DTE_Field.row,
    div.db-panel .DTE_Field.row {
	    display: block;
    }
    div.reveal-modal.db-modal .DTE_Field.row + .DTE_Field.row, 
    div.db-panel .DTE_Field.row + .DTE_Field.row {
        margin-top: 0.5rem;
    }
    div.reveal-modal.db-modal .DTE_Field .columns,
    div.db-panel .DTE_Field .columns {
	    padding: 0;
	    width: 100%;
	    max-width: none;
    }
    div.reveal-modal.db-modal div.DTE_Field div.label:empty,
    div.db-panel div.DTE_Field div.label:empty {
	    display: none;
    }
    
/*#endregion */

/*#region Tables */
    .vscroll-table {
        position: relative;
        overflow: auto;
        max-width: 100%;
        max-height: 100%;
    }
    table.processing {
	    position: relative;
    }
    table.processing::before {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.1);
	    content: "";
    }
    table.dbtable tbody, table.dbtable tfoot, table.dbtable thead {
	    background-color: transparent;
	    border: none;
    }
    table.dbtable th, table.dbtable td {
	    border-top: 1px solid rgba(0,0,0,0.05);
    }
    table tbody tr:nth-child(2n) {
        background-color: rgba(0, 0, 0, 0.02);
    }
    table.hover tr:hover,table.hover tr:nth-of-type(2n):hover {
        background-color: rgba(0,0,0,0.2);
    }
    table.hover.table-no-stripe tr:hover,table.hover.table-no-stripe tr:nth-of-type(2n):hover,
    table.google-visualization-table-table tbody tr:hover, table.google-visualization-table-table tbody tr:nth-child(2n):hover {
        background-color: rgba(0,0,0,0.035);
    }
    table.hover.table-no-stripe thead tr:hover {
        background-color: transparent;
    }
    table.table.dataTable tr.selected {
        background-color: #FFFFCC;
    }
    table.table.dataTable tr.selected:hover, table.table.dataTable tr:nth-of-type(2n).selected:hover {
        background-color: #f3f3c4;
    }
    .col-content-secondary table.hover tr:hover,.col-content-secondarytable.hover tr:nth-of-type(2n):hover,
    .callout:not(.secondary) table.hover tr:hover,.callout:not(.secondary).hover tr:nth-of-type(2n):hover {
        background-color: rgba(0,0,0,0.035);
    }


    table { border-collapse: collapse; }
    thead {
	    color: inherit;
    }
    th[scope=row] {
	    text-align: left;
    }
    table thead th, table thead td, table tbody th, table tfoot th, table tfoot td {
        font-weight: 500;
    }
    .table-no-stripe {
	    border-style: none !important;
	    border-width: 0;
    }
    .table-no-stripe thead, .table-no-stripe tbody, .table-no-stripe tfoot, .table-no-stripe tbody tr:nth-child(2n),
    table.google-visualization-table-table thead, .table-no-stripe tbody, table.google-visualization-table-table tfoot, table.google-visualization-table-table tbody tr:nth-child(2n){
        background-color: transparent;
        border: none;
    }
    .table-no-stripe tbody td,.table-no-stripe tbody th, .table-no-stripe tfoot td,.table-no-stripe tfoot th,
    table.google-visualization-table-table tbody td,table.google-visualization-table-table tbody th{
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .table-no-stripe thead th,
    table.google-visualization-table-table thead th{
        border-bottom: 3px solid rgba(0, 0, 0, 0.2);
    }
    .table-no-stripe tfoot tr:first-child td,.table-no-stripe tfoot tr:first-child th {
        border-top: 3px solid rgba(0, 0, 0, 0.2);
    }
    tbody td { vertical-align: top; }
    table.table-child-rows {
        border: 2px solid rgba(255,255,255,0) !important;
    }
    table.table tr.shown {
        background-color: #333 !important;
        color: #fff !important;
        border: 2px solid #333;
    }
    /*table.table tr.shown + tr, table.table tr.shown + tr:hover*/
    table.table tr.tr-child {
        background-color: #eaeaea !important;
        border: 2px solid #333;
    }
    table.table tr.shown + tr td {
    }
    table.dataTable {
        width: 100% !important;
    }
    th.details-control-header {
        width: 2.5rem;
        max-width: 2.5rem !important;
    }
td.details-control {
    cursor: pointer;
    text-align: center;
    width: 1.25rem;
    max-width: 1.25rem !important;
    color: rgba(0,0,0,0.25);
}
    td.shrink, th.shrink {
        width: 1%;
    }
    td.email {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    td.number, th.number, td.row-number,
    .google-visualization-table-type-number  {
        text-align: right;
        width: 1%;
        white-space: nowrap;
    }
    th.number-input, td.number-input {
        text-align: right;
        width: 5rem;
    }
    .btn-cell {
        width: 1%;
    }
    .btn-cell-left {
        padding: 0 !important;
    }
    .btn-cell-left {
    }
    .btn-cell-right {
    }
    table.table-compact td.number-input {
        padding: 0.2rem 0.35rem;
    }
    table.table-compact td.number-input input[type="number"] {
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        height: 2rem;
    }
    td.details-control:hover {
        color: rgba(0,0,0,0.9);
    }
    .shown td.details-control {
        color: #fff;
    }
    th.details-control-header {
        background-image: none !important;
        padding: 0 !important;
    }
    .table label>[type='checkbox'] {
        margin-bottom: 0;
    }
    .table label br + small {
        margin-left: 1.3125rem;
        margin-top: -0.3rem;
        display: block;
    }

    div.google-visualization-table {display: block;}
    table.google-visualization-table-table {width: 100%; background: transparent; font-family: inherit; font-size: inherit;}
    table.google-visualization-table-table tbody { background: transparent; }
    table.google-visualization-table-table th,
    table.google-visualization-table-table td {
        padding: 0.5rem 0.625rem 0.625rem;
        border: none;
    }
    .table-compact table.google-visualization-table-table td,
    table.table-compact th, table.table-compact td{
        padding: 0.35rem 0.35rem 0.35rem;
    }

    table.body-scroll tbody {
        overflow: auto;
    }

    tbody .td-editable {
    background-color: rgba(0, 0, 0, 0.04);
    border-left: 1px solid #fff;
    cursor: pointer;
}
    tbody .td-editable:hover {
        background-color: rgba(0, 0, 0, 0.07);
    }
    table.dataTable tbody tr.highlight {
        background-color: #FFFBCC !important;
    }
    table.dataTable tbody tr.highlight,
    table.dataTable tbody tr.noHighlight,
    table.dataTable tbody tr.highlight td,
    table.dataTable tbody tr.noHighlight td {
      -webkit-transition: background-color 1000ms linear;
         -moz-transition: background-color 1000ms linear;
          -ms-transition: background-color 1000ms linear;
           -o-transition: background-color 1000ms linear;
              transition: background-color 1000ms linear;
    }
/*#endregion */

/*#region Datatables */
    .dataTables_filter {
        position: relative;
        padding-right: 1rem;
    }
    div.dataTables_wrapper div.dataTables_filter label {
        position: relative;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        padding-right: 1.5rem;
        padding-left: 2rem;
        background-image: url(/Content/icons/svgs/light/search.svg);
        background-repeat: no-repeat;
        background-size: 1rem;
        background-position: 0.5rem 50%;
    }
    .btn-clear-search {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 2.4rem;
        width: 2rem;
        opacity: 0.3;
    }
    .btn-clear-search:hover,.btn-clear-search:focus {
        opacity: 1;
    }
    .selectedCount {
        line-height: 1;
        vertical-align: middle;
        padding: 0.85em 1em;
        display: inline-block;
        margin: 0 0 1rem;
        background-color: #f5f5f5;
        font-size: 0.9rem;
        border: 1px solid transparent;
    }
    .selectedCount:empty {
        background-color: transparent
    }
    .btn-filters {
        position: relative;
    }
    .btn-filters.applied::after {
        position: absolute;
        right: 3px;
        top: 3px;
        width: 0.4rem;
        height: 0.4rem;
        content: "";
        background-color: #D44C7E;
        border-radius: 50%;
    }

    div.dataTables_wrapper div.dataTables_length label {
        float: right !important;
        /*margin-right: 1rem;*/
    }

    div.dataTables_wrapper div.dataTables_length select {
        margin-left: 0.5em;
    }

    .filter-lables:not(:empty) + .filter-lables {
        margin-left: 0.5rem;
    }

    .filter-label {
        margin-right: 0.2rem;
    }
/*#endregion */

/*#region Lists */
    .list-inline {
        margin: 0 0 1em;
        padding: 0;
        list-style: none;
    }
    .list-inline li {
        display: inline-block;
        padding-right: 0.5em;
    }
    .list-inline li + li {
        padding-left: 0.5em;
    }

    .card-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .card-list li {
        padding: 0.5rem 1rem;
    }
    .card-list.card-list-links li {
        padding: 0;
    }
    .card-list li + li {
        border-top: 1px solid #ddd;
    }
    .card-list li a {
        padding: 0.5rem 1rem;
        display: block;
    }

    .checkbox-list li {
        display: flex;
        padding: 0 1rem;
        align-items: center;
    }
    .checkbox-list li:hover, .checkbox-list li:focus {
        background-color: #eee;
    }
    .checkbox-list li label {
        flex-grow: 1;
        padding: 0.7rem 0;
    }
/*#endregion */

/* #region Asset list */
    .asset-list, .asset-list-mini {
        margin: 0;
        padding: 0 0.15rem 0 0;
        list-style: none;
        counter-reset: itemNumber;
        position: relative;
    }
	.asset-list > li {
		margin: 0 0 0.625rem;
		/*padding: 1.2rem 1.2rem 1.2rem 1.2rem;*/
		position: relative;
		/*background-color: #e6e6e6;*/
        background-color: #f0f0f0;
        background-color: #F0EEF0;
		border: 1px solid rgba(0,0,0,0);
		/*min-height: 5.275rem;*/
        
        /*padding: 0.5rem 1.2rem;*/
        padding: 0;
        display: flex;
        align-items: stretch;
        min-height: 4.925rem;
	}
    ol.asset-list > li {
		/*padding: 1.2rem 1.2rem 1.2rem 4.2rem;*/
        /*padding: 0.5rem 1.2rem 0.5rem 3.5rem;*/
        /*padding: 0.5rem 1.2rem 0.5rem 3rem;*/
        padding: 0;
	}
    .asset-list-mini > li {
        margin: 0 0 0.25rem;
        position: relative;
        background-color: #f0f0f0;
        background-color: #F0EEF0;
        border: 1px solid rgba(0,0,0,0);
        padding: 0;
        display: flex;
        align-items: stretch;
    }
    .asset-list-container {
        padding: 0 1.2rem 0 0.5rem;
        display: flex;
        flex-grow: 1;
    }
    .asset-list-mini .asset-list-container {
        padding: 0 1.2rem 0 0;
    }
    .asset-list-content {
        width: 100%;
        display: flex;
        align-items: center;
    }

	.asset-list-clickable li {
		cursor: pointer;
	}
	/*.asset-list > li::before {
		position: absolute;
		left: -1px;
		top: -1px;
		display: block;
		width: 3rem;
		height: calc( 100% + 2px );
		content: "";
	}*/
	.asset-list > li.ui-state-highlight::before {
		display: none;
	}
	.asset-list > li::after {
		display: table;
		clear: both;
		content: "";
	}
	.asset-list > li.active::after {
		right: -20px;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(232, 232, 228, 0);
		border-right-color: #fff;
		border-width: 15px;
		margin-top: -15px;
        display: none;
	}
	.asset-list > li.ui-sortable-helper {
		left: 0 !important;
	}
	.asset-list-content {
		line-height: 1.125;
		position: relative;
        display: flex;
	}
    .asset-list-img {
        padding-right: 0.5rem;
        flex: 0 0 10%;
    }
    .asset-list-mini .asset-list-img {
        padding-right: 0.5rem;
        flex: 0 0 calc(3.1rem - 2px);
    }
    .asset-list-mini .asset-list-flag {
        padding: 0.65rem;
        flex: 0 0 3rem;
    }
    .asset-list-img img {
        /*width: 2.75rem;*/
        width: 100%;
        height: auto;
    }
    .asset-list-flag .flag-icon {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 75%;
        display: block;
        background-position: 0;
    }
    .asset-list-headings {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 0.2rem;
    }
    .asset-list-mini .asset-list-headings {
        line-height: 1.1;
    }
    .asset-list-heading {
        display: block;
        font-weight: 500;
        /*text-transform: uppercase;*/
        width: 100%;
    }
	.asset-list-subheading {
		opacity: 0.6;
		display: block;
	}
	.asset-list-controls {
		display: flex;
        align-items: center;
        flex-shrink: 0;
	}
	.asset-list-controls input, 
    .asset-list-controls label,
    .asset-list-controls .button,
    .asset-list-controls .button-group {
		margin-bottom: 0;
		vertical-align: middle;
	}
	.asset-list-remove {
		font-size: 1.25rem;
        font-weight: 300;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		line-height: 1;
		right: 1.5rem;
		opacity: 0.4;
		z-index: 1;
	}
    .asset-list-mini .asset-list-remove {
        font-size: 1rem;
        right: 1rem;
    }
	.asset-list-remove:hover,.asset-list-remove:focus {
		opacity: 1;
	}
    ul.asset-list > li::before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f111";
        width: 2rem;
        flex: 0 0 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.5rem;
        font-weight: 600;
        color: rgba(0,0,0,0.1);
        background-color: rgba(0,0,0,0.03);
    }
	.asset-list-sorthandle {
		/*position: absolute;
		left: -1px;
		top: -1px;
		display: block;*/
		width: 2.5rem;
		/*height: calc( 100% + 2px );*/
		background-color: #cfd1d9;
        background-color: rgba(0,0,0,0.1);
		color: #1f232b;
		text-align: center;
		/*font-size: 1.5rem;*/
        font-size: 1rem;
		cursor: row-resize;
        flex-shrink: 0;
	}
	.asset-list > li:hover .asset-list-sorthandle, .asset-list > li:focus .asset-list-sorthandle {
  		
	}
	.asset-list-sorthandle:hover,.asset-list-sorthandle:focus,
	.asset-list > li.ui-sortable-helper .asset-list-sorthandle,
	.asset-list > li:hover .asset-list-sorthandle:hover, .asset-list > li:hover .asset-list-sorthandle:focus {
		background-color: #c0c1cc;
        background-color: rgba(0,0,0,0.2);
	}
	.asset-list-sorthandle .sorthandle-icon {
		color: #1f232b;
		position: relative;
  		top: 50%;
  		transform: translateY(-75%);
        opacity: 0.5;
	}
    .asset-list > li:hover .asset-list-sorthandle:hover .sorthandle-icon, .asset-list > li:hover .asset-list-sorthandle:focus .sorthandle-icon,  .asset-list-sorthandle:focus .sorthandle-icon {
        opacity: 1;
    }

    .asset-list > li {
        z-index: auto !important;
    }
    .asset-list > li.ui-sortable-helper {
        z-index: 2 !important;
    }
    .asset-list > li:hover, .asset-list > li.ui-sortable-helper,
    .asset-list-mini > li:hover, .asset-list-mini > li.ui-sortable-helper {
        /*background-color: #fff;*/
        /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
        border-color: #aaa;
    }
    .asset-list > li.active, .asset-list > li.active:hover,
    .asset-list-mini > li.active, .asset-list-mini > li.active:hover {
        background-color: #fff;
        border-color: #d44c7e;
        border-color: #82A5BA;
    }

	.asset-list > li::before { }
	.asset-list > li::after { }
	.asset-list > li.active::after { }

    .asset-list-heading a, .asset-list-heading a:hover, .asset-list-heading a:focus {
        color: inherit;
    }

	ol.asset-list > li { }
	ol .asset-list-content { 
		/*padding-left: 3.5rem;*/
        display: flex;
	}
	ol .asset-list-content::before {
		counter-increment: itemNumber;
		content: counter(itemNumber, decimal-leading-zero);
		font-size: 2.25rem;
		font-weight: 100;
		line-height: 5rem;
		width: 3rem;
        padding-right: 0.5rem;
		/*width: 2.5rem;*/
		/*position: absolute;
		left: 0;
		top: -1.2rem;*/
        text-align: right;
		opacity: 0.2;
		-webkit-font-feature-settings: "onum" 1,"tnum" 1; 
  		   -moz-font-feature-settings: "onum" 1,"tnum" 1; 
  		    -ms-font-feature-settings: "onum" 1,"tnum" 1; 
		        font-feature-settings: "onum" 1,"tnum" 1; 
	 }
/* #endregion */

/*#region Tracks */
    .tab-pane-tracks > .row, .tab-pane-related > .row {
	    position: relative;
    }
    /*.list-tracks {
	    margin: 0;
	    padding: 0;
	    list-style-type: decimal-leading-zero;
	    list-style-position: inside;
	    position: relative;
    }
    ul.list-tracks {
	    list-style: none;
    }
    .list-tracks li {
	    padding: 0.25em 0.5em;
	    border: 1px solid rgba(238, 240, 233, 0);
	    border-top: 1px solid rgba(0,0,0,0.05);
	    position: relative;
	    line-height: 1.8;
	    min-height: 2.5rem;
    }
    .list-tracks li:hover,.list-tracks li:focus, .list-tracks li.ui-sortable-helper {
	    background-color: rgba(0, 0, 0, 0.3);
    }
    .container-can-activate .list-tracks li:hover,.container-can-activate .list-tracks li:focus, .container-can-activate .list-tracks li.ui-sortable-helper {
	    background-color: rgba(0, 0, 0, 0.3);
    }
    .list-tracks li.ui-sortable-helper {
	    left: 0 !important;
    }
    .list-tracks li::after {
        display: table;
        clear: both;
        content: "";
    }
    .list-track-actions {
        left: -0.2rem;
        position: relative;
        float: left;
    }
    .list-tracks .sort-handle {
	    padding: 0.4em 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    height: 100%;
	    width: 2.5em;;
	    text-align: center;
	    color: #bbb;
	    cursor: s-resize;
    }
    .list-tracks .sort-handle:hover,.list-tracks .sort-handle:focus {
	    color: #333;
    }
    .list-tracks li.active {
	    border-color: rgba(255, 255, 255, 0.2);
	    background-color: rgba(0,0,0,0.3);
    }
    .list-tracks li::before {
	
    }
    .list-tracks li.active::before {
	
    }

    .list-tracks li.active::after, .list-tracks li.active::before {
	    right: -20px;
	    top: 50%;
	    border: solid transparent;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
    }

    .list-tracks li.active::after {
	    border-color: rgba(232, 232, 228, 0);
	    border-right-color: #fff;
	    border-width: 15px;
	    margin-top: -15px;
    }
    .list-tracks li.active:before {
	    border-color: rgba(0, 0, 0, 0);
	    border-right-color: #cdcdc5;
	    border-width: 16px;
	    margin-top: -16px;
	    display: none;
    }*/

    li.ui-sortable-helper {
	    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    }
    li.ui-state-highlight {
	    min-height: 5.275rem;
	    background: rgba(0,0,0,0) !important;
	    border-color: rgba(0,0,0,0);
    }
    .edit-track {
	    cursor: pointer;
	    display: inline-block;
	    width: calc(100% - 4rem);
    }
/*#endregion */

/*#region Visualization */
    .chart { margin-bottom: 1.5rem; }
    .card > .chart { margin: 0; }
/*#endregion */

/*#region Labels */
    .label.secondary { background-color: rgba(0,0,0,0.07); color: inherit }
    .label.success   { background-color: #5cb85c; color: #fff; }
    .label.alert     { background-color: #ec5840; }
    .label-close {
        opacity: 0.25;
    }
    .label-close:hover, .label-close:focus {
        opacity: 1;
    }
    .labels-container {
        box-shadow: none;
    }
    #filter-labels .filter-labels-heading {
        display: none;
        margin: 0 0.5rem 0 0;
        font-size: 0.9rem;
        line-height: 1;
        font-weight: 500;
        color: rgba(0,0,0,0.5);
    }
    #filter-labels.callout .filter-labels-heading {
        display: inline-block;
    }
/*#endregion */

/* #region Header */
    .off-canvas {
		height: 100%;
		min-height: 100vh;
        background-color: #2e2b2e;
		/*border-right: 1px solid rgba(0,0,0,0.5);*/
	}
	.js-off-canvas-exit,.js-off-canvas-overlay {
		height: 100%;
		min-height: 100vh;
		background: rgba(0,0,0, 0.45);
	}
	.off-canvas-content, .off-canvas-content {
		background: transparent;
		box-shadow: none;
	}
	.menu-icon {
		float: left;
		margin-right: 0.25rem;
        margin-left: -0.9375rem;
        padding: 0 0.9375rem;
        height: 3.375rem;
        width: auto;
        font-size: 1.6rem;
        line-height: 3.375rem;
	}
    .menu-icon:hover, .menu-icon:focus { 
        outline: 0; 
        background-color: rgba(0,0,0,0.1);
    }
	.menu-icon::after {
		background: #777 none repeat scroll 0 0;
		box-shadow: 0 7px 0 #777, 0 14px 0 #777;
        display: none;
	}
	.menu-icon:hover::after, .menu-icon:focus::after {
		background: #111 none repeat scroll 0 0;
		box-shadow: 0 7px 0 #111, 0 14px 0 #111;
	}

    .navbar-side {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        justify-items: center;
    }
    #main-nav {
        flex-grow: 1;
        order: 2;
    }
    /*.nav-account {
        order: 4;
        display: none;
    }*/
    .stores-select {
        order: 1;
        padding: 0 1rem;
         padding: 0;

    }
    .stores-select .button, .store-title {
        margin: 0;
        display: block;
        margin: 0;
        padding: 0 1rem;
        border-radius: 0;
        background-color: #82A5BA;
        border-color: #82A5BA;
        color: #fff;
        text-align: left;
        font-weight: 500;
        font-size: 1.2rem;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        line-height: 3.375rem;
        height: 3.375rem;
        position: relative;
    }
    .stores-select .button:hover, .stores-select .button:focus {
        background-color: #247BA0;
        border-color: #247BA0;
        color: #fff;
    }
    .stores-select .button:active:hover,
    .stores-select .button:active:focus, 
    .stores-select .button.focus:active {
        background-color: #13506B;
        border-color: #13506B;
        color: #fff;
    }
    .stores-select .button[aria-expanded="true"], 
    .stores-select .button[aria-expanded="true"]:hover, 
    .stores-select .button[aria-expanded="true"]:focus {
        background-color: #13506B;
        border-color: #13506B;
        color: #fff;
    }
    .stores-select .button::after {
		position: absolute;
		right: 0.9375rem;
		content: "\f0d7";
        font: 1rem/3.375rem 'Font Awesome 5 Pro';
        font-weight: 900;
	}
    .stores-select .button[aria-expanded="true"]::after {
		content: "\f0d8";
    }
    .stores-select .dropdown-pane.is-open {
        max-height: calc(100vh - 3.375rem);
        overflow: auto;
    }

	.nav-primary {
		/*margin: 0 0 4rem;*/
        margin: 0 0 1rem;
	}
	.navbar-header {
		/*height: 3.375rem;
		background-color: rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.1);

        display: none;*/
        order: 3;
        padding: 0.5rem 0;
	}
	.navbar-brand {
		/*padding: 0.9375rem;
		display: block;
		font-size: 1.1rem;
		line-height: 1.4375;
		font-weight: 700;
		text-transform: uppercase;
		color: rgba(255,255,255,0.2);*/
        display: block;
        text-align: center;
	}
    .navbar-brand img {
        height: 3.375rem;
        width: auto;
        opacity: 0.25;
        transition: all 0.25s ease-out,color 0.25s ease-out;
    }
    .navbar-brand:hover,.navbar-brand:focus { color: #fff;
        outline: none !important; }
    .navbar-brand:hover img,.navbar-brand:focus img {
        opacity: 1;
    }
	.nav-primary .fa { opacity: 0.45; }
    .nav-primary svg {
        opacity: 0.65;
    }
    .nav-primary svg + span {
        margin-left: 0.15rem;
    }
	.nav-primary > li {
		border-bottom: 1px dotted rgba(0,0,0, 0.1);
	}
    .nav-primary > li.divider {
        height: 5px;
        background-color: rgba(255,255,255,0.05);
    }
	.nav-primary > li > a {
		display: block;
		padding: 0.625rem 0.9375rem;
		color: rgba(255, 255, 255, 0.65);
		position: relative;
        font-weight: 600;
	}
	.nav-primary > li > a:hover,.nav-primary > li > a:focus {
		background-color: rgba(0,0,0,0.2);
        background-color: rgba(255, 255, 255, 0.05);
        outline: none;
	}
	.site-header {
        /*background-color: #2e2b2e;*/
        background-color: #191719;
	}
	.site-header .nav .active > a {
		border-left: 0.3125rem solid #d44c7e;
		border-left: 0.3125rem solid #82A5BA;
		padding-left: 0.625rem;
	}
	.site-header .nav .active .active a {
		padding-left: 2.0875rem;
	}

	.site-header .nav .sub-menu ul .active > a {
		color: #fff;
		position: relative;
	}
	.site-header .nav .sub-menu.active > a {
		border-right: none;
	}
	.site-header .dropdown-toggle::after {
		position: absolute;
		right: 0.9375rem;
		top: 1.1rem;
	}
	.sub-menu ul {
		padding: 0 0 0.425rem;
		padding: 0;
		margin: 0;
		float: none;
		width: 100%;
		min-width: 0;
		border-top: 1px dotted rgba(0, 0, 0, 0.2);
	}
	.sub-menu.sub-menu-open {
		position: relative;
	}
	.sub-menu.sub-menu-open > a::before {
		background-color: #bbb;
        background-color: rgba(255,255,255,0.2);
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 0.3125rem;
		z-index: 0;
	}
	.sub-menu.sub-menu-open.active > a::before {
		display: none;
	}
	.sub-menu.sub-menu-open ul {
		
	}
	.sub-menu > a {
		outline: 0;
	}
	.sub-menu > a::after {
		position: absolute;
		right: 0.9375rem;
		content: "\002B";
		font-weight: 400;

        content: "\f107";
        font: 1rem/1.4 'Font Awesome 5 Pro';
        font-weight: 400;
	}
	.sub-menu.sub-menu-open > a::after {
		content: "\2212";
    content: "\f106";
	}
	.sub-menu.sub-menu-open > a,.sub-menu.sub-menu-open > a:hover,.sub-menu.sub-menu-open > a:focus {
		
	}
	.sub-menu.sub-menu-open > a:hover,.sub-menu.sub-menu-open > a:focus {
		color: #fff;
	}
	.sub-menu ul a {
		padding: 0.425rem 0.9375rem 0.425rem 2.4rem;
		display: block;
		
		color: rgba(255, 255, 255, 0.65);
	}
	.sub-menu ul a:hover,.sub-menu ul a:focus {
		background-color: rgba(0,0,0,0.2);
        background-color: rgba(255, 255, 255, 0.05);
		text-decoration: none;
	}
	/*.nav-account {
		text-align: center;
		padding: 1rem;
	}
	.nav-account a {
		color: #828378;
	}
	.nav-account a:hover,.nav-account a:focus {
		background-color: rgba(255,255,255,0.2);
        background-color: rgba(255, 255, 255, 0.05);
        color: #fff;
	}
	.nav-account a i.fa-fw {
		margin: 0 auto;
	}
	.nav-account .nav-link {
		display: inline-block;
	}*/
/* #endregion */

/*#region CKE */
    .cke_bottom, .cke_top, .cke_chrome {
	
    }
    .cke_chrome {
	
    }
    .cke_path_empty, .cke_path_item {
	
    }
    .cke_button__source_label, .cke_button__sourcedialog_label {
        display: none !important;
    }
/*#endregion */

#daterange-dropdown, #daterange-dropdown.is-open {
    max-width: 100%;
}
#date-range-filter {
    position: relative;
    top: -0.5rem;
    flex-wrap: wrap;
}
#date-range-filter .input-group {
    padding-top: 0.5rem;
}

@media screen and (max-width: 21.875em){
    td.shrink.shrink-min-small,
    th.shrink.shrink-min-small {
        width: auto;
    }
}
/* Small only */
@media screen and (max-width: 39.9375em) {
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.col-md-dv::before { content: ""; }
	.grid-item {
		position: relative;
		height: 100%;
	}


    .navbar-header {
        padding: 0;
	}
	.navbar-brand {
		float: none;
        padding: 1.7rem 0;
	}
	/*.site-header.collapsed {
		width: 3.3125rem;
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
		z-index: 1;
	}
	.site-header.collapsed .navbar-brand {
		display: none;
	}
	.site-header.collapsed .nav-link span {
		display: none;
	}
	.site-header.collapsed .active .nav-link {
		border-right-width: 2px;
	}*/
	/*.nav-account {
		position: absolute;
		bottom: 0.5rem;
        left: 0;
        right: 0;
	}*/
	.nav-secondary {
		
	}
	
	.main {
		
	}
	.content-header {
		height: 3.375rem;
		background-color: #e6e6e6;
		background-color: #E6E4E6;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		padding: 0 0.9375rem;
        display: flex;
	}
	.content-header h1 {
		/*float: left;*/
        font-size: 0.7rem;
        line-height: 1.2;
        display: flex;
        flex-direction: column;
        justify-content: center;
	}
    .content-header h1 span.active {
        font-size: 1.05rem;
        font-weight: 600;
    }
	.nav-secondary {
		/*float: right;*/
        margin-left: auto;
        display: flex;
        flex: 0 1 38.25rem;
        justify-items: stretch;
	}
    .nav-secondary-statement {
        width: 22rem;
    }
    .nav-secondary .tabs-title {
        float: none;
        flex-grow: 1;
        text-align: center;
        white-space: nowrap;
        flex-shrink: 1;
    }
    .nav-secondary a {
        padding: 0.9375rem 0.25rem;
    }
	.col-content-main {
        min-height: calc( 100vh - 3.375rem );
		overflow-y: auto;
		overflow-x: hidden;
	}
	.col-content-secondary {
		overflow-y: auto;
		overflow-x: hidden;
        margin-top: 0;
	}
	.col-content-nav {
		height: 100vh;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
    .row.expanded .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }

    .col-content-secondary .callout.secondary {
        margin-right: 1rem;
    }
	
	.tab-pane-tracks > .row, .tab-pane-related > .row {
		
	}

    .filter-country-controls {
        -webkit-column-count: 2;
        -webkit-column-gap: 1.5rem;
        -moz-column-count: 2;
        -moz-column-gap: 1.5rem;
        column-count: 2;
        column-gap: 1.5rem;
    }

    .content-filters {
        margin: -2rem -.9375rem 2rem;
        padding: 0.5rem 0;
    }
}
@media screen and (min-width: 57em){
    .stat {
        font-size: 2.6vw;
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}

/* Large and up */
@media screen and (min-width: 64em) {
    body {
        overflow-y: hidden;
    }
    .col-content-main {
        height: calc( 100vh - 3.375rem );
        overflow-y: auto;
    }
	.card-max {
        margin-left: auto;
        margin-right: auto;
        max-width: 68rem;
    }

    .row.expanded .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }

    
    #tracks, .voucher-rules {
        height: calc(100vh - 11rem);
        overflow-x: hidden;
        overflow-y: auto;
    }
    #track-detail {
        /*height: calc(100vh - 6.375rem);*/
    }
    #track-detail-container {
        height: calc(100vh - 11rem);
        overflow-x: hidden;
        overflow-y: auto;
    }
    #product-related .products-table,
    #products-container .products-table {
        height: calc(100vh - 10rem);
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
    }
    #product-tracks .col-content-main,
    #product-related .col-content-main,
    .col-content-secondary,
    .content-no-scroll  {
        overflow: hidden;
    }
    #product-related div.dataTables_wrapper {
        overflow: hidden !important;
    }
    #related-products-list {
        max-height: calc(100vh - 22.375rem);
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
    }
}
@media screen and (min-width: 75em){
	.column, .columns {
		
	}
	.row .row {
		
	}
	/*.list-tracks li.active::after, .list-tracks li.active::before {
		right: -2rem;
	}*/
	.asset-list li.active::after {
        right: -1rem;
	}

    .stat {
        font-size: 2.25rem;
    }

    .content-header h1 {
        display: block;
        font-size: 1.25rem;
	    line-height: 3.375rem;
        white-space: nowrap;
    }
    .content-header h1 span.active {
        font-size: inherit;
        line-height: inherit;
    }

	.nav-secondary a {
		/*padding-left: 1.2rem;
		padding-right: 1.2rem;*/
	}

    .row.expanded .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }
}
@media screen and (min-width: 90em){
	.nav-secondary a {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
    .product-report-img-container {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

@media screen and (min-width: 40em) and (max-height: 42em) {
    /*.nav-account {
		position: relative;
		bottom: 0;
	}
    .stores-select {
        bottom: 3rem;
    }
    .site-header {
        position: relative;
    }*/
}