/* Minification failed. Returning unminified contents.
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,11): run-time error CSS1030: Expected identifier, found ','
(225,39): run-time error CSS1031: Expected selector, found ')'
(225,39): run-time error CSS1025: Expected comma or open brace, found ')'
(251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(259,20): run-time error CSS1046: Expect comma, found '172'
(259,27): run-time error CSS1046: Expect comma, found ')'
(586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2168,24): run-time error CSS1030: Expected identifier, found ','
(2168,35): run-time error CSS1031: Expected selector, found ')'
(2168,35): run-time error CSS1025: Expected comma or open brace, found ')'
(2358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2542,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2811,27): run-time error CSS1046: Expect comma, found '128'
(2811,34): run-time error CSS1046: Expect comma, found ')'
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

:root {
    --bs-success-rgb: 0, 205, 135;
}

html {
    overflow-y: scroll;
}

body {
    margin: 0;
}

@media (min-width: 768px) {
    body {
        --bs-body-font-size: 0.875rem;
        font-size: 0.875rem;
    }
}

a {
    text-decoration: none;
}

a:not(.btn, .menu-link, .dropdown-item):hover {
    text-decoration: underline;
}

b,
strong {
    /* bootstrap lists this as "bolder," and "bolder" is a relative term
        It's not "one step higher than bold," it's "one step higher than the parent"
    */
    font-weight: 700;
}

select.form-select {
    border-radius: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

select.form-select:disabled {
    --bs-secondary-bg: #efeff9;
}

small {
    font-size: 0.875rem;
}

.page-title > small {
    color: rgb(172 172 197);
}

th small {
    font-weight: normal;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

    label.input-group-prepend {
        margin: 0;
    }

.form-inline label {
    margin-bottom: 0;
}

/* Bootstrap Grid Overrides & Theme Overrides */
@media (min-width: 1600px) { /* Really wide screens (1680x1050-ish)... */
    .container {
        width: 1570px;
    }

    .col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
        left: -99px;
    }
}

@media (min-width: 2000px) { /* Really, REALLY wide screens (1680x1050-ish)... */
    .container {
        width: 1940px;
    }

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

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

    .col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
        left: 178px;
    }
}

@media (max-width: 1999px) {
    .visible-xl {
        display: none !important;
    }
}

/* Element Level */
hr.thin {
    margin: 3px 0;
}

.total-element {
    display: inline-block;
    margin-top: 4px;
    border-top: 1px solid #C8C8C8;
}

.monospace {
    font-family: "Lucida Console", Monaco, monospace;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tile-item.ellipsis {
    margin-right: -.75rem;
    font-size: 1.125rem;
}

    .tile-item.ellipsis .btn {
        box-shadow: none;
        -webkit-box-shadow: none;
        font-size: 1.125rem;
    }

        .tile-item.ellipsis .btn:hover {
            font-size: 1.25rem;
        }

        .tile-item.ellipsis .btn:focus {
            font-size: 1.25rem;
        }

.text-white {
    color: white;
}

    .text-white.text-white-focus:focus {
        color: white;
    }

.text-no-wrap {
    white-space: nowrap;
}

.text-info-smaller {
    font-size: 13px;
}

.bg-muted {
    background-color: #DDD;
}

/* Styles for the Header */
.logo img {
    height: 50px;
}

.fixed-header-on .header .logo {
    margin-top: 0;
}

.navbar.navbar-default {
    margin: 0;
}

.header-top-dropdown > .btn-group > .btn,
.header-top-dropdown #logout-button {
    color: #999;
    padding: 8px 10px;
    margin: 0;
    -moz-min-width: 0;
    -ms-min-width: 0;
    -o-min-width: 0;
    -webkit-min-width: 0;
    min-width: 0;
    font-size: 12px;
    text-align: center;
    background-color: transparent;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: none;
}

    .header-top-dropdown > .btn-group > .btn:hover,
    .header-top-dropdown #logout-button:hover {
        border-left-color: #e3e3e3;
        border-right-color: #e3e3e3;
        background-color: #fafafa;
        color: #3d78d8;
    }

.header-top-dropdown .dropdown-menu.dropdown-menu-thin {
    padding: 0;
}

.stacked-menu > .menu > .menu-item > .menu-link {
    font-size: 0.8rem;
}

    .stacked-menu > .menu > .menu-item > .menu-link.selected-menu-item {
        color: #32323C;
        background-color: #E1EBF6;
        border-left: 5px solid #056EDF;
        font-weight: bold;
    }

    .stacked-menu > .menu > .menu-item > .menu-link > .menu-icon.selected-menu-item {
        color: #32323C;
    }

/* Styles for the Slider */
.slideshow-boxed .tp-rightarrow {
    right: 20px !important;
}

.slideshow-boxed .tp-leftarrow {
    left: 20px !important;
}

.slideshow-boxed li:hover {
    cursor: pointer;
}

/* Styles for the Footer */
#logo-footer {
    height: 50px;
}

.footer {
    padding-top: 10px;
}

    .footer h2 {
        margin: 30px 0;
    }

/* Styles for page-header's */
.page-header {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}

h1 small.very-small, .h1 small.very-small,
h2 small.very-small, .h2 small.very-small,
h3 small.very-small, .h3 small.very-small,
h1 .small.very-small, .h1 .small.very-small,
h2 .small.very-small, .h2 .small.very-small,
h3 .small.very-small, .h3 .small.very-small {
    font-size: 40%;
}

/* Styles for the Home Page */
.box-style-2 {
    margin-bottom: 20px;
}

.tile-container {
    display: flex !important; /*Hacky, but some javascript is setting the inline styling to display: block and I can't find where.*/
}

.project-dashboard {
    padding-bottom: 7rem;
}

.box-style-2 h2,
.box-style-2 p {
    margin-bottom: 6px;
}

/* Styles for the login page. */
.validation-summary-errors ul {
    margin-bottom: 20px;
    list-style-type: none;
}

/* Styles for Software Licenses Page */
.search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    width: 100%;
    height: 32px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-radius: 4px 25px 25px 4px;
    border: 1px solid #ccc;
}

    .search-form .form-group input.form-control {
        padding-right: 20px;
        padding-bottom: 14px;
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
    }

        .search-form .form-group input.form-control::-webkit-input-placeholder {
            display: none;
        }

        .search-form .form-group input.form-control:-moz-placeholder {
            /* Firefox 18- */
            display: none;
        }

        .search-form .form-group input.form-control::-moz-placeholder {
            /* Firefox 19+ */
            display: none;
        }

        .search-form .form-group input.form-control:-ms-input-placeholder {
            display: none;
        }

    .search-form .form-group span.form-control-feedback {
        position: absolute;
        top: -4px;
        right: -2px;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        color: #3D78D8;
        left: initial;
        font-size: 14px;
        pointer-events: auto;
    }

        .search-form .form-group span.form-control-feedback:hover {
            cursor: default;
        }

    .search-form .form-group.showClass {
        width: 100%;
        border-radius: 4px 25px 25px 4px
    }

/* Styles for Buttons */
.btn-link.no-edge-modifications {
    margin: 0;
    border: 0;
    padding: 0;
}

.btn-fit {
    -moz-min-width: 0;
    -ms-min-width: 0;
    -o-min-width: 0;
    -webkit-min-width: 0;
    min-width: 0;
}

.btn.btn-inline {
    display: inline;
}

.btn.btn-info {
    --bs-btn-color: #fff;
}

.btn-no-text-transform {
    text-transform: none;
}

.btn-group > button.dropdown-toggle ~ ul.dropdown-menu {
    /* 
        We place the z-index at 1001 as this allows normal behavior.
        The theme modified bootstrap's default value and thus impacted behavior.
    */
    z-index: 1001;
}

/* Styles for Validation */
.validation-summary-errors > span {
    font-weight: bold;
}

.btn-sm-activate {
    margin: 0px;
}

.validation-summary-errors.mb0 > ul {
    margin-bottom: 0;
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

/* Styling for Links */
.show-underlines a,
a.show-underlines {
    text-decoration: underline;
}

/* Styling for Accordions */
.panel-heading.transparent {
    background: transparent;
}

    .panel-heading.transparent + .panel-collapse > .panel-body {
        border-top: 1px solid #f0f0f0;
    }

.panel-heading.always-open a {
    cursor: default;
}

    .panel-heading.always-open a:after {
        content: "";
    }
/* Styles for Tables */
table.table.table-light-background > tbody {
    background-color: #fafafa;
}

table.table.table-striped.table-light-row-background > tbody > tr > td {
    background-color: #fdfdfd;
}

table.table.table-striped.table-light-row-background > tbody > tr:nth-of-type(odd) > td {
    background-color: #f7f7f7;
}

table.table.table-bordered > thead > tr > th {
    border-color: #3d78d8;
}

table.table.table-transparent,
table.table.table-transparent > tbody,
table.table.table-transparent > tbody > tr,
table.table.table-transparent > tbody > tr > td {
    background-color: transparent;
}

table.table.table-borderless,
table.table.table-borderless > tbody > tr > td {
    border: 0;
}

table.table.table-bordered.table-bordered-dark > tbody > tr > td {
    border-color: #cecece;
}

table.table tbody tr.text-middle td {
    vertical-align: middle;
}

table.table tbody tr td.text-middle {
    vertical-align: middle;
}

.table.table-tight > thead > tr > th,
.table.table-tight > tbody > tr > th,
.table.table-tight > tfoot > tr > th,
.table.table-tight > thead > tr > td,
.table.table-tight > tbody > tr > td,
.table.table-tight > tfoot > tr > td {
    padding: 8px;
}

.table.table-gray > thead > tr > th {
    background-color: #8E8E8E;
    border-bottom-color: #8E8E8E;
}

    .table.table-gray > thead > tr > th,
    .table.table-gray > thead > tr > th > a,
    .table.table-gray > thead > tr > th:hover,
    .table.table-gray > thead > tr > th > a:hover,
    .table.table-gray > thead > tr > th:active,
    .table.table-gray > thead > tr > th > a:active {
        color: white;
    }

.table > tbody.top-spaced::before {
    content: '';
    display: block;
    height: 25px;
    background-color: white !important;
}

/* File Upload */
.input-group-btn .btn {
    padding-top: 9px;
    padding-bottom: 9px;
    /* Arbitrary */
    -moz-min-width: 40px;
    -ms-min-width: 40px;
    -o-min-width: 40px;
    -webkit-min-width: 40px;
    min-width: 40px;
}

/* Tiles */
.tile-item.ellipsis h3,
.tile-item.ellipsis p {
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* The high degree of specificity is desired. */
.filters > ul.nav-pills > li.active > a > i.fa.fa-folder:before {
    content: "\f07c";
}

code {
    font-weight: bold;
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
}

/* Styles for Printing */
@media print {
    /*tr { Doesn't work yet
        -webkit-print-color-adjust: exact !important;
    }*/

    a[href]:after {
        content: none;
    }
}

/* Styles for Datepickers */
.datepicker {
    -ms-border-radius: 0;
    border-radius: 0;
}

.datepicker-days > table,
.datepicker-months > table,
.datepicker-years > table {
    width: 100%;
}

    .datepicker-days > table > tbody,
    .datepicker-months > table > tbody,
    .datepicker-years > table > tbody {
        background-color: transparent;
    }

/* Styles for Wells */
.well hr {
    border-top-color: #CCC;
}

.well.markdown :first-child {
    margin-top: 0;
}

.well.markdown :last-child {
    margin-bottom: 0;
}

/* Styles for FontAwesome */
.panel-body i.supress-panel-styles {
    width: auto;
}

.header-top-dropdown > .btn-group > .toaster-menu-btn {
    color: #fff;
}

/* Styles for Collapsing */
span.collapse {
    display: none;
    position: static;
    height: auto;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -ms-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease;
}

span.collapsing {
    display: inline;
    position: static;
    height: auto;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -ms-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease;
}

span.collapse.in {
    display: inline;
    position: static;
    opacity: 1;
    height: auto;
}

a.btn[data-bs-toggle='collapse']:focus {
    color: unset;
}

a.btn.btn-reset {
    font-size: inherit;
    line-height: inherit;
    color: #32323c;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

[data-bs-toggle=collapse] .collapse-indicator {
    color: #acacc5;
}

[data-bs-toggle=collapse][aria-expanded=false] .collapse-indicator > .fa-angle-down,
[data-bs-toggle=collapse][aria-expanded=false] .collapse-indicator > .fa-caret-down,
[data-bs-toggle=collapse][aria-expanded=false] .collapse-indicator > .fa-chevron-down,
[data-bs-toggle=collapse][aria-expanded=false] .collapse-indicator > .oi-caret-down,
[data-bs-toggle=collapse][aria-expanded=false] .collapse-indicator > .oi-chevron-down {
    transform: rotate(0);
    transition: transform 200ms;
}

[data-bs-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-angle-down,
[data-bs-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-caret-down,
[data-bs-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-chevron-down,
[data-bs-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-caret-down,
[data-bs-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-chevron-down {
    transform: rotate(-180deg);
    transition: transform 200ms;
}

span.collapse + span > button[data-bs-toggle='collapse'] > i.fa.compare:before {
    content: "\f24e";
}

span.collapsing[aria-expanded='true'] + span > button[data-bs-toggle='collapse'] > i.fa.compare:before {
    content: "\f24e";
}

span.collapse + span > button[data-bs-toggle='collapse'] > i.fa:before {
    content: "\f073";
    font-family: FontAwesome;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -ms-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}

span.collapsing[aria-expanded='false'] + span > button[data-bs-toggle='collapse'] > i.fa:before {
    content: "\f054";
    font-family: FontAwesome;
    -ms-opacity: 0.25;
    opacity: 0.25;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -ms-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}

span.collapsing[aria-expanded='true'] + span > button[data-bs-toggle='collapse'] > i.fa:before {
    content: "\f073";
    font-family: FontAwesome;
    -ms-opacity: 0.25;
    opacity: 0.25;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -ms-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}

span.collapse.in + span > button[data-bs-toggle='collapse'] > i.fa:before {
    content: "\f054";
    font-family: FontAwesome;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -ms-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}

/* Styles for Donuts */
.donut-chart {
    max-height: 300px;
    max-width: 300px;
}

    .donut-chart.transparent-inner-circle .inner-circle {
        color: transparent;
        fill: transparent;
    }

    .donut-chart.transparent-inner-circle-recruits .inner-circle-recruits {
        color: transparent;
        fill: transparent;
    }
/*Styles for toastr containers*/
.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #5cb85c;
}

.toast-error {
    background-color: #d9534f;
}

.toast-info {
    background-color: #3d78d8;
}

.toast-warning {
    background-color: #8a6d3b;
}

#toast-container.toast-expanded > div {
    width: 400px;
}

@media all and (max-width: 240px) {
    #toast-container.toast-expanded > div {
        width: 12em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container.toast-expanded > div {
        width: 24em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container.toast-expanded > div {
        width: 30em;
    }
}
/******************************/

.hover-pointer {
    cursor: pointer;
}

.hover-success:hover {
    color: #fff;
    background-color: #5cb85c;
    cursor: pointer;
    border: none;
}

    .hover-success:hover > div {
        color: #fff;
        background-color: #5cb85c;
        cursor: pointer;
        border: none;
    }

    .hover-success:hover > h4 {
        color: #fff;
    }

.hover-danger:hover {
    color: #fff;
    background-color: #d9534f;
    cursor: pointer;
    border: none;
}

    .hover-danger:hover > div {
        color: #fff;
        background-color: #d9534f;
        cursor: pointer;
        border: none;
    }

    .hover-danger:hover > h4 {
        color: #fff;
    }

.hover-info:hover {
    color: #fff;
    background-color: #3d78d8;
    cursor: pointer;
    border: none;
}

    .hover-info:hover > div {
        color: #fff;
        background-color: #3d78d8;
        cursor: pointer;
        border: none;
    }

    .hover-info:hover > h4 {
        color: #fff;
    }

.hover-info-light:hover {
    color: #666666;
    background-color: #d9edf7;
    cursor: pointer;
    border: none;
}

    .hover-info-light:hover > div {
        color: #666666;
        background-color: #d9edf7;
        cursor: pointer;
        border: none;
    }

    .hover-info-light:hover > h4 {
        color: #666666;
    }

.hover-warning:hover {
    color: #fff;
    background-color: #8a6d3b;
    cursor: pointer;
    border: none;
}

    .hover-warning:hover > div {
        color: #fff;
        background-color: #8a6d3b;
        cursor: pointer;
        border: none;
    }

    .hover-warning:hover > h4 {
        color: #fff;
    }

.border-bottom-default {
    border-bottom: 1px solid;
}

.border-left-default {
    border-left: 1px solid;
}

.border-right-default {
    border-right: 1px solid;
}

.border-top-default {
    border-top: 1px solid;
}

.border-bottom-light {
    border-bottom: 1px #f1f1f1 solid;
}

.border-left-light {
    border-left: 1px #f1f1f1 solid;
}

.border-right-light {
    border-right: 1px #f1f1f1 solid;
}

.border-top-light {
    border-top: 1px #f1f1f1 solid;
}

.border-bottom-medium {
    border-bottom: 2px #f1f1f1 solid;
}

.border-left-medium {
    border-left: 2px #f1f1f1 solid;
}

.border-right-medium {
    border-right: 2px #f1f1f1 solid;
}

.border-top-medium {
    border-top: 2px #f1f1f1 solid;
}

.border-bottom-white {
    border-bottom: 2px #ffffff solid;
}

.border-left-white {
    border-left: 2px #ffffff solid;
}

.border-right-white {
    border-right: 2px #ffffff solid;
}

.border-top-white {
    border-top: 2px #ffffff solid;
}

.readonly {
    background-color: #F0F0F0;
    color: #ada6a6;
}

    .readonly:hover {
        cursor: not-allowed;
    }

.min-width-zero {
    min-width: 0px;
}

.inline {
    display: inline;
}

.stripedRow {
    background-color: whitesmoke;
}

/*share resource page*/

.customRows {
    padding: 0px 15px !important;
    border-top: 0px !important;
}

.greyText {
    color: darkgrey !important;
}

/*toggle component*/

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 8px;
        bottom: 8px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 30px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/*end toggle component*/

/* share resources page */
.roundedCorners {
    border-radius: 4px 4px 0 0 !important;
}

/* DOWNLOADS */
.provider-download-button {
    float: right;
    background: none;
    padding: 0px;
    border: none;
    outline: none;
    color: #3d78d8;
}

.provider-download-button-disabled {
    float: right;
    background: none;
    padding: 0px;
    border: none;
    outline: none;
    color: #3d78d8;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.loading-container {
    position: absolute;
    top: 1%;
    left: 1%;
    height: 99%;
    width: 99%;
    z-index: 1;
    background-color: white;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.loading-position {
    position: absolute;
    height: 22px;
    width: 80px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -11px;
}
/* DOWNLOADS END*/

.floatingHeader {
    position: fixed;
    padding-top: 65px;
    top: 0;
    visibility: hidden;
}

.bold-text {
    font-weight: bold;
}

download.dropdown-menu.show {
    -webkit-animation-name: none;
    animation-name: none;
}

.dropdown-menu.dropdown-menu-right-imp {
    left: auto !important;
    right: 0 !important;
}

th.rotate {
    /* Something you can count on */
    height: 200px;
    white-space: nowrap;
}

    th.rotate > div {
        transform:
        /* Magic Numbers */
        translate(20px, 155px)
        /* 45 is really 360 - 45 */
        rotate(290deg);
        width: 30px;
    }

        th.rotate > div > span {
            border-bottom: 1px solid #ccc;
            padding: 5px 10px;
        }

th#coworkerName {
    text-align: left;
}

th#extraTh1 {
    background-color: white;
    border-top: none;
}

td.blueTd {
    background-color: #337ab7;
}

td#singleBox {
    border-right: 1px solid;
    border-right-color: rgba(211,211,211, 0.1);
    border-top: none;
    border-bottom: none;
    border-left: none;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

td#check-all {
    background-color: #f1f1f1;
}

h1#shareProjectsHeader {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

th#coworkerName {
    background-color: white;
    border-top: none;
}

button#submitProjectButton {
    float: right;
}

/*table#shareProjectTable {
    width: 100%;
    padding: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-collapse: collapse;
    margin: 0 auto;
    border-top: none;
}*/

td#addedTd {
    padding-left: 0px;
    padding-right: 0px;
}

div#paginationNav {
    z-index: 1;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.tooltip-inner {
    background-color: white;
    /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
    color: #666666;
}

.tooltip.top .tooltip-arrow {
    border-top-color: white;
}

.tooltip.right .tooltip-arrow {
    border-right-color: white;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: white;
}

.tooltip.left .tooltip-arrow {
    border-left-color: white;
}

#user-stats-heading {
    color: white;
    background-color: #3d78d8;
    height: 30px;
}

#user-stats-title {
    color: white;
    font-size: 15px;
}

.users-stats-criteria-none {
    margin-bottom: 15px;
}

#user-stats-tablehead {
    /*color: white;
    background-color: #3d78d8;
    font-weight: normal;*/
    color: #3d78d8;
    background-color: white;
}

#user-stats-btn {
    background-color: #4CAF50;
    color: white;
    padding-left: 0px;
}

    #user-stats-btn:hover {
        background-color: #46a049;
    }

.selectDate {
    padding-bottom: 10px;
    padding-left: 0px;
}

.selectClient {
    padding-bottom: 10px;
    padding-left: 0px;
}

#customDateRange {
    padding-left: 0px;
}

#changeNameInput {
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.center-div {
    margin: 0 auto;
    width: 100px;
}

#enterGroupName.form-control {
    border-color: #acacac;
    border-width: 1px;
}

.text-decoration-none {
    text-decoration: none !important;
}

.bg-gray {
    background-color: #ededed;
}

.dur-4ms {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

.hover-link:hover,
.hover-link:hover > span {
    color: blue;
    cursor: pointer;
    text-decoration-line: underline;
}

.row-hover:hover {
    background: #f5f5f5;
}

.googleChart {
    padding: 20px;
    font-weight: bold;
}

.ga-table > div > div > div > table {
    min-width: 490px;
    min-height: 402.67px;
}

.grey-h4 {
    color: grey;
    margin-left: 20px;
}

.ga-table-format {
    font-size: 12px;
}

    .ga-table-format > div > div > div > table {
        min-width: 460px;
        min-height: 300px;
    }

.ga-table-scroll-format {
    font-size: 12px;
}

    .ga-table-scroll-format > div > div > div > table > thead {
        display: table; /*allows to keep behavior of a table*/
        width: calc(100% - 1em); /*scrollbar is average 1em/16px wide, remove it from thead width*/
    }

        .ga-table-scroll-format > div > div > div > table > thead tr th:nth-last-child(-n+2) {
            width: 17%; /*apply n% width to the last two td's in a tr*/
        }

    .ga-table-scroll-format > div > div > div > table > tbody {
        min-width: 430px;
        max-height: 300px;
        overflow-x: hidden; /*hides horizontal scrollbar*/
        overflow-y: auto; /*adds vertical scrollbar*/
        display: block; /*allows to add scrollbar*/
    }

        .ga-table-scroll-format > div > div > div > table > tbody tr {
            display: table; /*allows to keep behavior of a table*/
            width: 100%;
        }

            .ga-table-scroll-format > div > div > div > table > tbody tr td:nth-last-child(-n+2) {
                width: 17%; /*apply n% width to the last two td's in a tr*/
            }

table.import-dashboard {
    width: 100%;
    margin-bottom: 10px;
}

    table.import-dashboard tbody tr td {
        background-color: #fdfdfd;
    }

    table.import-dashboard tbody tr:nth-of-type(odd) td {
        background-color: #f7f7f7;
    }

    table.import-dashboard th, td {
        padding-left: 3px;
        padding-right: 3px;
    }

    table.import-dashboard th {
        padding-top: 10px;
        color: white;
        background-color: #4885ed;
    }

    table.import-dashboard td {
        font-size: 90%;
    }

    table.import-dashboard th.right, td.right {
        text-align: right;
    }

    table.import-dashboard th.center, td.center {
        text-align: center;
    }

    table.import-dashboard th.nowrap, td.nowrap {
        white-space: nowrap;
    }

    table.import-dashboard td.type {
        color: #3d78d8;
    }

.blob-summary-table {
    width: 100%;
}

.blob-summary-td {
    width: 14%;
}

.fw-normal {
    font-weight: normal;
}

.border-info {
    border-style: solid;
    border-color: #d9edf7;
}

.border-success {
    border-style: solid;
    border-color: #dff0d8;
}

.b2 {
    border-width: 2px;
}

.bt2 {
    border-width: 2px 0 0 0;
}

.br2 {
    border-width: 0 2px 0 0;
}

.bb2 {
    border-width: 0 0 2px 0;
}

.bl2 {
    border-width: 0 0 0 2px;
}

.btb2 {
    border-width: 2px 0 2px 0;
}

.brl2 {
    border-width: 0 2px 0 2px;
}

.btrl2 {
    border-width: 2px 2px 0 2px;
}

.brbl2 {
    border-width: 0 2px 2px 2px;
}

.overflow-hidden {
    overflow: hidden;
}

select.match-text-input {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 182px;
}

.hidden-tables-icon {
    display: inline-block;
    cursor: pointer;
    visibility: hidden;
    padding: 0px 10px 0px 10px;
}

.hidden-graphs-icon {
    display: inline-block;
    cursor: pointer;
    visibility: hidden;
    padding: 0px;
}

.table-icon {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 0px;
    float: right;
}

.graph-icon {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 0px;
    float: right;
}

.hoverable-table:hover .table-icon,
.hoverable-graph:hover .graph-icon {
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .table-icon {
        float: right;
        margin-left: 0px;
        margin-right: 190px;
    }

    .graph-icon {
        float: right;
        margin-left: 0px;
        margin-right: 195px;
    }
}

@media screen and (min-width: 992px) {
    .table-icon {
        margin-right: 0px;
        padding: 10px 0px 0px 0px;
    }

    .graph-icon {
        margin-right: -20px;
    }

    .hidden-tables-icon {
        padding: 10px 10px 0px 10px;
    }
}

@media screen and (min-width: 1200px) {
    .googleChart {
        min-width: 500px;
    }

    .graph-icon,
    .table-icon {
        margin-right: 5px;
    }
}

@media screen and (min-width: 1600px) {
    .googleChart {
        min-width: initial;
    }

    .graph-icon,
    .table-icon {
        margin-right: 10px;
    }
}

.print-logo {
    height: 40px;
}

@media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    div {
        margin: 0px !important;
    }
}

@media print and (min-width: 480px) {
    .googleChart {
        display: inline-grid;
        display: -ms-inline-grid;
    }

    .pba {
        display: block;
        position: relative;
        page-break-after: always !important;
    }

    .app-main {
        padding: 0px !important;
    }
}

#linegraph {
    font: 12px Arial;
}

    #linegraph path {
        stroke: steelblue;
        stroke-width: 2;
        fill: none;
    }

    #linegraph .axis path,
    .axis line {
        fill: none;
        stroke: grey;
        stroke-width: 1;
        shape-rendering: crispEdges;
    }

.cursor-pointer {
    cursor: pointer;
}

.quill-editor {
    background-color: white;
}

#editor-container {
    height: 515px;
}

.article-source-text {
    color: blue;
}

.news-delete-text {
    color: red;
}

.state-flag-img {
    height: 80px !important;
    width: 132px !important;
}

.user-login-active {
    color: green;
}

.user-login-deactivated {
    color: red;
}

.spaceUnder {
    background-color: #FFFFFF;
}
/* Apply padding to td elements that are direct children of the tr elements with class spaceUnder. */
tr.spaceUnder > td {
    padding-bottom: 1em;
}

.line-height-inherit {
    line-height: inherit;
}

/***********************************************************/
/********** QUEST ANALYTICS CORPORATE REBRANDING ***********/
/***********************************************************/

/********** OVERALL **********/
/* font */
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.otf');
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.otf');
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro/AvenirNextLTPro-Demi.otf');
    font-weight: bold;
}

body {
    font-family: 'Avenir Next LT Pro', Calibri, sans-serif;
}

.color-caribbean-green {
    color: #00CD87;
}

.color-faded-jade {
    color: #6E6E8B;
}

.color-logan {
    color: #ACACC5;
}

.color-tuna {
    color: #32323C;
}

.text-success {
    color: #00CD87;
}

.text-info {
    --bs-info-rgb: 5, 110, 223;
    color: #056EDF;
}

.text-danger {
    --bs-danger-rgb: 242, 57, 87;
    color: #F23957;
}

.text-muted {
    --bs-secondary-color: #acacc5;
    color: #ACACC5;
}

.text-warning {
    --bs-warning-rgb: 255, 161, 84;
    color: #FFD654;
}

.gray {
    --bs-card-color: rgb(50, 50, 60);
}

/* sections */
.gray-bg {
    background-color: #F2F2FC;
}

    .gray-bg:before {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

/* links */
a {
    color: #056EDF;
}

    a:hover, a:focus {
        color: #4790E6;
    }

.color-logan a,
.color-logan a:hover,
.color-logan a:focus,
.color-logan a.focus,
.color-logan a:active,
.color-logan a.active {
    color: #ACACC5;
}

.color-tuna a,
.color-tuna a:hover,
.color-tuna a:focus,
.color-tuna a.focus,
.color-tuna a:active,
.color-tuna a.active {
    color: #32323C;
}

a.text-danger:hover {
    color: #DA334E;
}

a.text-warning:hover {
    color: #E6C14C;
}

a.text-success:hover {
    color: #00B979;
}

a.text-info:hover {
    color: #4790E6;
}

/* alerts */
.alert {
    padding: 1rem;
}

.alert-success {
    background-color: #CCF5E7;
    color: #32323C;
}

    .alert-success:before {
        background-color: #00CD87;
    }

.alert-warning {
    background-color: #FFF7DD;
    border-color: #FFD654;
    color: #32323C;
}

    .alert-warning:before {
        background-color: #FFD654;
    }

.alert-danger {
    background-color: #FCD7DD;
    color: #32323C;
}

    .alert-danger:before {
        background-color: #F23957;
    }

.alert-info {
    background-color: #DCECFF;
    color: #32323C;
}

    .alert-info:before {
        background-color: #056EDF;
    }

/* mark */
.mark {
    background-color: #00CD87;
}

.default-bg {
    background-color: #00CD87;
}

.box-style-2:hover .default-bg {
    border-color: #00CD87;
    color: #00CD87;
}

    .box-style-2:hover .default-bg * {
        color: #00CD87;
    }


/* buttons */
.btn {
    border-radius: 0;
    text-transform: none;
    /*height: initial !important;*/
}

.btn-with-icon i {
    padding: 7px;
    margin-right: 5px;
}

.btn-with-icon {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 10px !important;
    text-align: left;
}

.btn-success {
    background-color: #00CD87;
    border-color: #00CD87;
    color: #FFFFFF;
}

.btn-sm {
    font-size: 0.8125rem;
    height: 1.8125rem;
    padding: 4px 8px;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #00B979;
        border-color: #00B979;
        color: #FFFFFF;
    }

.btn-with-icon.btn-success i {
    background-color: #00B979;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    background-color: #00B979;
    border-color: #00B979;
}

.btn-gray {
    background-color: #ACACC5;
    border-color: #ACACC5;
    color: #FFFFFF;
}

    .btn-gray:hover,
    .btn-gray:focus,
    .btn-gray.focus,
    .btn-gray:active,
    .btn-gray.active,
    .open > .dropdown-toggle.btn-gray {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #6E6E8B;
        border-color: #D3D3E9;
        color: #FFFFFF;
    }

.btn-light-gray {
    background-color: #F2F2FC;
    border-color: #F2F2FC;
    color: #6E6E8B;
}

    .btn-light-gray:hover,
    .btn-light-gray:focus,
    .btn-light-gray.focus,
    .btn-light-gray:active,
    .btn-light-gray.active,
    .open > .dropdown-toggle.btn-light-gray {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #D3D3E9;
        border-color: #D3D3E9;
        color: #6E6E8B;
    }

.btn-with-icon.btn-light-gray i {
    background-color: #D3D3E9;
}

.btn-default {
    background-color: #056EDF;
    border-color: #056EDF;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #4790E6;
        border-color: #4790E6;
    }


.btn-danger {
    background-color: #F23957;
    border-color: #F23957;
    color: #FFFFFF;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #DA334E;
        border-color: #DA334E;
        color: #FFFFFF;
    }

.btn-info {
    background-color: #056EDF;
    border-color: #056EDF;
}

.btn-info:not(.disabled, :disabled):active {
    background-color: #1c84ff;
    border-color: #0f7eff;
    color: white;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #4790E6;
        border-color: #4790E6;
        color: #FFFFFF;
    }

.btn.disabled,
.btn[disabled] {
    background-color: #D3D3E9;
    border-color: #D3D3E9;
    color: #6E6E8B;
}

    .btn[disabled]:hover,
    .btn.disabled:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ACACC5;
        border-color: #ACACC5;
        color: #6E6E8B;
    }

/* form warnings */
.has-error .form-control,
.has-error .form-control:focus {
    border-color: #F23957;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #F23957;
}

/* dropdown */
.form-control {
    color: #6e6e8b;
    border-radius: 0;
}

.form-control::placeholder {
    color: #acacc5;
}

.form-select::placeholder {
    color: #acacc5;
}

textarea.form-control {
    height: auto;
}

select.form-select {
    color: #6e6e8b;
}

@media (min-width: 768px) {
    input.form-control {
        height: 2.25rem;
        font-size: 0.875rem;
    }

    .form-control,
    .form-select {
        font-size: 0.875rem;
    }
}

.dropdown-item:hover,
.dropdown-item.hover,
.dropdown-item:focus,
.dropdown-item.focus,
.dropdown-item.active,
.dropdown-item:active {
    background-color: #00CD87;
}

/********** PAGE **********/
.page-inner {
    padding-top: 0px;
    padding-bottom: 0px;
}

.page-title-bar {
    margin-bottom: 0px;
}

.page-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/********** HEADER **********/
/* header top containing log in */
.header-top {
    background-color: #32323C;
    border-bottom: none !important;
}

.header-top-dropdown .dropdown > button {
    border-right: 1px solid #32323C;
    border-left: 1px solid #32323C;
}

.header-top-dropdown .dropdown:first-child.open > button,
.header-top-dropdown .dropdown:first-child > button:hover {
    border-left-color: #32323C;
}

.header-top-dropdown .dropdown.open > button,
.header-top-dropdown .dropdown > button:hover {
    background-color: #32323C;
    border-right-color: #32323C;
    border-left-color: #32323C;
    color: #D3D3E9;
}

.header {
    border-bottom: 1px solid #f2f2fc;
}

/* log in */
.header-top-dropdown > .btn-group > .btn {
    background-color: #32323C;
    border-right-color: #32323C;
    border-left-color: #32323C;
    color: #ACACC5;
}

    .header-top-dropdown > .btn-group > .btn:hover {
        background-color: #32323C;
        border-right-color: #32323C;
        border-left-color: #32323C;
        color: #D3D3E9;
    }

/* log out */
.header-top-dropdown #logout-button {
    color: #056EDF;
}

    .header-top-dropdown #logout-button:hover {
        background-color: #32323C;
        border-right-color: #32323C;
        border-left-color: #32323C;
        color: #4790E6;
    }

/* menu dropdown */
.navbar-default .navbar-nav > li > a {
    text-transform: none;
    color: #32323C;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #6E6E8B;
}

.navbar-default .navbar-nav > .dropdown > a:before {
    color: #ACACC5;
}

.navbar-default .navbar-nav > .dropdown.open > a:before {
    color: #D3D3E9;
}

/* mega menu navigation */
.dropdown-menu {
    --bs-dropdown-border-radius: 0;
    background-color: #F2F2FC;
}

.dropdown-menu {
    background-color: #f9f9ff;
}

    .dropdown-menu .divider {
        background-color: #f2f2fc;
    }

.mega-menu .menu > li > a:hover, .mega-menu .menu > li > a:focus {
    background-color: #F2F2FC;
    color: #00CD87;
    border-color: #F2F2FC;
}

.dropdown-item:hover {
    --bs-dropdown-link-hover-color: #fff;
}

.dropdown-item:hover .dropdown-icon {
    color: inherit;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #F2F2FC;
}

.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > open > a:hover,
.main-navigation .navbar-nav > open > a:focus {
    background-color: #F2F2FC !important;
}

/********** CONTENT **********/
/* breadcrumbs */
.breadcrumb {
    color: #056EDF;
}

    .breadcrumb > .active {
        color: #ACACC5;
    }

.breadcrumb {
    --bs-breadcrumb-font-size: 0.875rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page-intro {
    background-color: #FFFFFF;
    border-bottom: 1px solid #f2f2fc;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

/* page title header */
.page-title {
    color: #32323C;
    font-weight: normal;
}

h1 a {
    color: #6E6E8B;
}

    h1 a:hover,
    h1 a:focus,
    h1 a.focus,
    h1 a:active,
    h1 a.active {
        color: #6E6E8B;
    }

/* tile filters */
.nav-pills > li > a {
    border: 1px solid #F2F2FC;
    color: #ACACC5;
    background-color: #FFFFFF;
    text-transform: capitalize;
}

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus,
    .nav-pills > li > a:hover,
    .nav-pills > li > a:focus {
        border: 1px solid #ACACC5;
        color: #FFFFFF;
        background-color: #ACACC5;
    }

.nav-pills > li + li {
    margin-left: 10px !important;
}

/* project tiles */
.project-tile-top {
    box-shadow: none;
    border: 1px solid #D3D3E9 !important;
    margin-bottom: 0px !important;
    border-width: 1px 1px 0 1px !important;
}

.mtb0 {
    margin-top: 0;
    margin-bottom: 0;
}

.project-tile-bottom {
    text-align: center;
    padding: 1rem;
    margin-top: 0px !important;
    border: 1px solid #D3D3E9;
    border-width: 0 1px 1px 1px;
    background-color: #F9F9FF;
}

.project-tile-options {
    background-color: #FFFFFF;
    padding: 15px 15px 25px 15px;
    box-shadow: none;
    border: 0;
}

.project-tile-height-consistency {
    height: 62px;
}

/* cards */
.metric-row .metric {
    margin: 0px 0px 1rem 0px;
}

/* accordions */
.card {
    border-radius: 0;
    margin-bottom: 1rem;
}

.card-expansion-item > .card-header {
    background-color: #F2F2FC;
    color: #32323C;
}

.card-expansion-item:last-child.expanded {
    margin-bottom: 1rem !important;
}

.card-expansion {
    margin-bottom: 0px;
}

.card-expansion-item {
    margin-bottom: 1rem;
}

.card-expansion .card-header button b {
    color: rgb(50, 50, 60);
    font-size: 0.875rem;
}

.card-header {
    --bs-card-cap-bg: transparent;
    padding: 0px;
    font-weight: 600;
}

    .card-header > .btn {
        padding: 1rem;
    }

/* tabs */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-color: #00CD87;
}

.nav-tabs .nav-link {
  --bs-nav-link-padding-y: 1rem;
  --bs-nav-link-font-size: 0.875rem;
  border: 0px solid transparent;
  border-bottom-width: 3px;
  transition: none;
}
.nav-tabs .nav-link:hover {
  text-decoration: none;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-bottom: 3px solid #00cd87;
}

.nav-tabs .nav-item .nav-link:focus-visible {
  outline: 2px solid #056edf;
}

.nav-tabs .nav-link:not(.active) {
  color: #acacc5;
  cursor: pointer;
}
.nav-tabs .nav-link:not(.active):hover {
  border-bottom: 3px solid #d3d3e9;
  color: #32323c;
}

.tab-content {
  margin-top: 1rem;
}

/* tables */
/* table bordered */
table.table > thead > tr > th > a {
    color: #32323C;
}

.table > thead > tr > th {
    border-bottom: none;
}

.table.table-striped tr:nth-child(even) td {
    --bs-table-bg-type: #f9f9ff;
}

.table.table-striped tr:nth-child(odd) td {
    box-shadow: none;
}

.table>:not(caption)>*>* {
    --bs-table-color-state: #32323c;
    padding: 0.75rem;
}

/* table striped */
.table-striped tbody {
    background-color: #F9F9FF;
    color: #32323C;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FFFFFF;
}

.table-striped.table > tbody > tr > td {
    border: none;
}

/* all tables */
.table > thead > tr > th {
    background-color: #D3D3E9;
    color: #32323C;
    font-size: 16px;
}

th {
    color: #32323C;
}

thead tr + tr th {
    padding-top: 0px !important;
}

table {
    margin-bottom: 0px !important;
}

    table + table {
        margin-top: 1rem !important;
    }

/* table row colors */
.table-hover > tbody > tr:hover {
    background-color: #F8F8FB;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #FCD7DD;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #FBC4CD;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #FFF7DD;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #FFF2CB;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #CCF5E7;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #B2F0DA;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #DCECFF;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #CAE2FF;
}

/* table arrows */
.fa-stack.fa-stack-arrows {
    text-align: center;
    width: auto;
    font-size: 12px;
    color: #ACACC5;
}

    .fa-stack.fa-stack-arrows > .fa-caret-down {
        position: absolute;
        bottom: 4px;
    }

    .fa-stack.fa-stack-arrows > .fa-caret-up {
        position: absolute;
        top: 2px;
    }

.table-bordered > thead > tr > th.th-stacked-arrows {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* progress bar */
.progress {
    border-radius: 0;
}

.progress-bar-success {
    background-color: #00CD87;
}

.progress-bar-info {
    background-color: #056EDF;
}

.progress-bar-warning {
    background-color: #FFD654;
}

.progress-bar-danger {
    background-color: #F23957;
}

/* toastr */
#toast-container > div {
    border-radius: 0px;
}

.toast-info {
    background-color: #32323C;
}

.toast-success {
    background-color: #00CD87;
}

.toast-warning {
    background-color: #FFD654;
}

.toast-danger {
    background-color: #F23957;
}

/* other */
fieldset {
    background-color: #F2F2FC;
    border: 1px solid #D3D3E9;
}

    fieldset legend {
        border: 1px solid #D3D3E9;
    }

hr {
    border-color: rgb(128 128 128);
    border-top-color: rgba(80 80 99/0.5);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.col-form-label {
    text-align: left;
}

.invisible {
    height: 0px;
    margin-bottom: 0px;
}

.form-group.invisible {
    margin-bottom: 0px;
}

@media screen and (min-width: 576px) {
    .col-form-label {
        text-align: right;
    }
}

.timeline-figure-without-bar::before {
    display: none !important;
}

.timeline-figure-without-bar {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.timeline-body-without-bar {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.material-scrolltop,
.material-scrolltop:hover,
.material-scrolltop:active,
.material-scrolltop.hover,
.material-scrolltop.active {
    background-color: #6E6E8B;
}

.arrow-margin {
    margin-right: 4.5rem;
}

/********** FOOTER **********/
.subfooter {
    background-color: #32323C;
    color: #ACACC5;
}

/********** AUTHENTICATION (LOGIN / FORGOT PASSWORD) **********/
.main.object-non-visible.auth {
    width: 50%;
    margin: 0 auto 1px;
    text-align: center;
}

    .main.object-non-visible.auth .form-block {
        width: 100%;
        padding: 2rem;
        max-width: 420px;
        border-radius: .25rem;
        background-color: #fff;
        box-shadow: 0 0 0 1px rgba(20,20,31,.05), 0 1px 3px 0 rgba(20,20,31,.15);
    }

    .main.object-non-visible.auth .form-control {
        border-radius: .25rem !important;
    }

    .main.object-non-visible.auth .btn.btn-default {
        display: inline;
        width: 100%;
        color: #fff;
        text-align: center;
        border-radius: .25rem !important;
    }

/********** LOOPER **********/
.app > .app-main {
    overflow: visible;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xxl-2dot4,
.col-xxxl-2,
.col-4xl-1dot7,
.col-5xl-1dot5,
.col-6xl-1dot33 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1600px) {
    .col-xxl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1920px) {
    .col-xxxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media (min-width: 2300px) {
    .col-4xl-1dot7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.284714%;
        flex: 0 0 14.284714%;
        max-width: 14.284714%;
    }
}

@media (min-width: 2600px) {
    .col-5xl-1dot5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media (min-width: 2900px) {
    .col-6xl-1dot33 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.111111%;
        flex: 0 0 11.111111%;
        max-width: 11.111111%;
    }
}

.user-tile {
    position: relative;
    margin-bottom: 0;
    margin-right: 0.75rem;
    display: inline-block;
    font-size: 1.25rem;
}

.aside-trademark {
    border-top: 1px solid rgba(23, 23, 28, 0.05);
    border-bottom: 1px solid rgba(23, 23, 28, 0.05);
    color: #504d5c;
    display: inline-block;
    font-size: 0.63rem;
    padding: 0.5rem 0;
    text-align: center;
    width: 100%;
}

.aside-menu {
    max-height: calc(100% - 2rem);
}

/* MAIN NAV */
.app-header * {
    box-sizing: border-box;
}

.app-header {
    height: 3.5rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030;
}

.app-header-light {
    background-color: #f9f9ff;
    color: #acacc5;
}

.top-bar {
    align-items: stretch;
    display: flex;
    height: 3.5rem;
    width: 100%;
}

.top-bar-brand {
    align-items: center;
    background-color: #f9f9ff;
    display: none;
    font-size: 1.25rem;
    height: 3.5rem;
    margin-bottom: 0;
    padding: 0 0.5rem 0 1rem;
    width: 12rem;
}

@media (min-width: 768px) {
    .top-bar-brand {
        display: flex;
    }
}

.top-bar-list {
    align-items: center;
    box-shadow: 0 0 0 1px rgba(23, 23, 28, 0.05), 0 20px 20px -20px rgba(23, 23, 28, 0.15);
    display: flex;
    flex: 1;
}

.top-bar-item {
    align-items: center;
    display: flex;
    padding: 0;
}

    .top-bar-item.top-bar-item-right {
        margin-left: auto;
    }

@media (min-width: 768px) {
    .top-bar-item.top-bar-item-right {
        padding-inline-end: 1rem;
        padding-inline-start: 1rem;
    }
}

.top-bar-mobile-logo {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}

.top-bar .btn-account {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    border-left: 1px solid rgba(80, 80, 99, 0.1);
    display: flex !important;
    flex-wrap: nowrap;
    margin: 0;
    min-height: 3.5rem;
    min-width: 3.5rem;
    outline: 0;
    padding: 0 1rem;
    position: relative;
    transition: background-color 0.15s;
}

    .top-bar .btn-account:hover, .top-bar .btn-account:focus {
        background-color: #edf2f8;
        color: #32323c;
    }

    .top-bar .btn-account .user-tile {
        background-color: #d3d3e9;
        border-radius: 4rem;
        color: #6e6e8b;
        display: inline-block;
        font-size: 1.25rem;
        font-weight: 600;
        height: 2.25rem;
        line-height: 2.25rem;
        margin-bottom: 0;
        margin-right: 0.75rem;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 2.25rem;
    }

    .top-bar .btn-account .account-summary {
        display: block;
        flex: 1;
        margin-right: 0.75rem;
        max-width: 10rem;
        overflow: hidden;
        text-align: left;
        text-overflow: clip;
        white-space: nowrap;
    }

        .top-bar .btn-account .account-summary .account-name {
            display: block;
            font-weight: 500;
            line-height: 1rem;
            margin: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .top-bar .btn-account .account-summary .account-description {
            display: block;
            font-size: 0.75rem;
            font-weight: 400;
            line-height: 1rem;
            margin: 0;
            opacity: 0.7;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.top-bar .dropdown .dropdown-arrow {
    display: none;
    height: 1.25rem;
    left: 2rem;
    margin-left: -10px;
    margin-top: -10px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 1.25rem;
    z-index: 1001;
}

.top-bar .dropdown .show ~ .dropdown-arrow {
    animation: showArrow 0.3s ease-in-out;
    display: block;
    transform-origin: bottom;
}

.top-bar .dropdown-arrow::before {
    background-color: hsla(0, 0%, 100%, 0.98);
    bottom: -0.375rem;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, 0.05), 0 2px 7px 1px rgba(20, 20, 31, 0.16);
    content: "";
    display: block;
    height: 0.75rem;
    left: 50%;
    margin-left: -5px;
    pointer-events: none;
    position: absolute;
    transform: rotate(45deg);
    width: 0.75rem;
}

.top-bar .dropdown-menu {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    border: 0;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, 0.05), 0 2px 7px 1px rgba(20, 20, 31, 0.16);
    font-size: 0.875rem;
    font-weight: 400;
    margin-top: 10px !important;
}

    .top-bar .dropdown-menu .dropdown-icon {
        color: #acacc5;
        margin-right: 0.25rem;
    }
    
    .top-bar .dropdown-menu button:hover .dropdown-icon {
        color: white;
    }

    .top-bar .dropdown-menu .dropdown-item {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

        .top-bar .dropdown-menu .dropdown-item:hover {
            text-decoration: none;
        }

    .top-bar .dropdown-menu.show {
        animation-name: showDropdown;
    }

@keyframes showArrow {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes showDropdown {
    0% {
        opacity: 0;
        top: 100%;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        top: 100%;
        transform: scale(1);
    }
}

.app-aside {
    backface-visibility: hidden;
    background-color: #f9f9f9;
    bottom: 0;
    color: #f9f9ff;
    left: 0;
    max-width: 13.5rem;
    padding: 0;
    position: fixed;
    top: 0;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.2s ease-in-out;
    width: calc(100vw - 3.5rem);
    z-index: 1050;
}

@media (min-width: 768px) {
    .app-aside {
        border-right: 1px solid rgba(23, 23, 28, 0.05);
    }
}

.app-aside-expand-md {
    top: 0;
    transform: translate3d(-100%, 0, 0);
    width: 12rem;
    z-index: 5;
}

@media (min-width: 768px) {
    .app-aside-expand-md {
        top: 3.5rem;
        transform: translateZ(0);
    }
}

.app-aside-expand-md.show {
    transform: translateZ(0);
    z-index: 1050;
}

.top-bar-item {
    align-items: center;
    display: flex;
    padding: 0;
}

.hamburger.hamburger-squeeze {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: inherit;
    display: flex;
    font: inherit;
    height: 2.25rem;
    justify-content: center;
    margin: 0;
    outline: 0;
    overflow: visible;
    padding: 0.5rem;
    position: relative;
    text-transform: none;
    transition: background-color 0.3s linear;
    width: 2.25rem;
}

@media (min-width: 768px) {
    .hamburger.hamburger-squeeze {
        display: none;
    }
}

.hamburger.hamburger-squeeze .hamburger-box {
    display: inline-block;
    height: 1.25rem;
    position: relative;
    width: 1.25rem;
}

.hamburger.hamburger-squeeze .hamburger-inner {
    background-color: #32323c;
    border-radius: 2px;
    display: block;
    margin-top: -1px;
    top: 50%;
    height: 2px;
    position: absolute;
    transition-duration: 0.075s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    width: 1.25rem;
}

    .hamburger.hamburger-squeeze .hamburger-inner::before, .hamburger.hamburger-squeeze .hamburger-inner::after {
        background-color: #32323c;
        border-radius: 2px;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        transition-duration: 0.15s;
        transition-property: transform;
        transition-timing-function: ease;
        width: 1.25rem;
    }

    .hamburger.hamburger-squeeze .hamburger-inner::before {
        top: -6px;
        transition: top 0.075s ease 0.12s, opacity 0.075s ease;
    }

    .hamburger.hamburger-squeeze .hamburger-inner::after {
        background-color: inherit;
        bottom: -6px;
        transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.app-aside.show .hamburger {
    position: absolute;
    right: -2.5rem;
}

.hamburger.hamburger-squeeze.active:hover {
    background-color: hsla(0, 0%, 100%, 0.05);
    outline: 0;
}

.hamburger-squeeze.active .hamburger-inner {
    background-color: #ffffff;
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger-squeeze.active .hamburger-inner::before {
        opacity: 0;
        top: 0;
        transition: top 0.075s ease, opacity 0.075s ease 0.12s;
    }

    .hamburger-squeeze.active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    }

.aside-backdrop {
    background-color: rgba(23, 23, 28, 0.8);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

    .aside-backdrop.show {
        animation: fadeInBackdrop 0.26s ease forwards;
        display: block;
    }

@keyframes fadeInBackdrop {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.aside-header {
    box-shadow: none;
    display: block;
    position: relative;
    z-index: 3;
}

@media (min-width: 768px) {
    .aside-header {
        font-size: 0.875rem;
    }
}

.aside-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.aside-menu {
    flex: 1;
    overflow-y: auto;
    position: relative;
}

.aside-trademark {
    border-top: 1px solid rgba(23, 23, 28, 0.05);
    border-bottom: 1px solid rgba(23, 23, 28, 0.05);
    color: #504d5c;
    display: inline-block;
    font-size: 0.63rem;
    padding: 0.5rem 0;
    text-align: center;
    width: 100%;
}

.stacked-menu {
    background-color: transparent;
    margin-bottom: 0;
    padding-top: 0;
    padding: 0.25rem 0;
    position: relative;
    width: 100%;
}

    .stacked-menu ul.menu {
        display: block;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

        .stacked-menu ul.menu + .menu {
            margin-top: 1rem;
        }

    .stacked-menu .menu-header {
        color: #32323c;
        font-size: 0.8125rem;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.25rem;
        margin: 1rem 0 0;
        padding: 0.5rem 1rem;
        text-transform: uppercase;
    }

    .stacked-menu .menu-link {
        display: block;
        outline: 0;
        overflow: hidden;
        padding: 0.5rem 1.5rem 0.5rem 1rem;
        position: relative;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (min-width: 768px) {
    .stacked-menu .menu-link {
        font-size: 0.875rem;
        line-height: 1.25rem;
        padding-bottom: 0.375rem;
        padding-top: 0.375rem;
    }
}

.stacked-menu > .menu .menu-item .menu-link {
    color: #32323c;
    font-size: 0.8rem;
}

    .stacked-menu > .menu .menu-item .menu-link.selected-menu-item {
        background-color: #e1ebf6;
        border-left: 5px solid #056edf;
        color: #32323c;
        font-weight: bold;
    }

    .stacked-menu > .menu .menu-item .menu-link:focus {
        overflow: hidden;
    }

    .stacked-menu > .menu .menu-item .menu-link:not(.selected-menu-item):hover,
    .stacked-menu > .menu .menu-item .menu-link:not(.selected-menu-item):focus {
        background-color: #edf2f8;
    }

.stacked-menu .menu-link > .menu-icon {
    color: #32323c;
    font-size: 1rem;
    margin-right: 0.5em;
    text-align: center;
    width: 1.25rem;
}

.stacked-menu .menu-header:first-child {
    margin-top: 0;
}

.stacked-menu .menu-header h3, .stacked-menu .menu-header .h3 {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: 0;
}

/* This is in addition to what's defined in looper */
.aside-menu {
    max-height: calc(100% - 2rem);
}

/* END MAIN NAV */
.app-main {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3.5rem;
    position: relative;
}

.app-aside + .app-main {
    padding-left: 0;
}

@media (min-width: 768px) {
    .app-aside + .app-main {
        padding-left: 12rem;
    }
}

.wrapper {
    margin: 0 auto;
    position: relative;
}

.page {
    min-height: 646px;
}

@media (min-width: 992px) {
    .page {
        min-height: calc(100vh - 3.5rem);
    }
}

.page-inner {
    padding-bottom: 0;
    padding-top: 0;
}

@media (min-width: 576px) {
    .page-inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 992px) {
    .page-inner {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.page-section {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.page-title-bar {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.page-navs {
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0 1px 0 rgba(80, 80, 99, 0.1);
    display: flex;
    height: 3.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    z-index: 5;
}

@media (min-width: 992px) {
    .page-navs {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.section-block {
    margin: 0;
}

.footer {
    padding-top: 4rem;
}

.page-title {
    color: #32323C;
    font-size: 1.75rem;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.form-group {
    margin-bottom: 1rem;
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
}

    .form-inline .form-control,
    .form-inline .form-select {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

.input-group .input-group-prepend,
.input-group .input-group-append {
    border-radius: 0;
    display: flex;
}

.input-group:not(.input-group-alt) .input-group-prepend .btn,
.input-group:not(.input-group-alt) .input-group-append .btn {
    height: 100%;
}

.section-block {
    margin: 1rem 0;
}

.table tfoot tr td {
    border-bottom: none;
}

.badge {
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.input-group-prepend .badge {
    padding: 0.25rem 0.5rem;
    align-self: center;
    font-size: inherit;
    color: #acacc5;
    font-weight: normal;
    background: #efeff9;
    transition: all 150ms;
    margin-left: 0.375rem;
}

.focus .input-group-prepend .badge {
    color: white;
    background: #00cd87;
}

.input-group {
    border: 1px solid #dcdcee;
}

.input-group .form-control {
    border: 0;                        
}

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

#toast-container > div {
    background-color: #505063;
    width: auto !important;
    min-width: 288px;
    max-width: 568px;
    padding: 1rem 2rem 1rem 3.5rem !important;
    margin: 0 !important;
}

#toast-container > div + div {
    margin-top: 0.5rem !important;
}

#toast-container .container-fluid .row {
    margin-left: -10px;
    margin-right: -10px;
}

#toast-container .container-fluid .row > * {
    width: auto;
    padding: 0;
}

#toast-container .container-fluid .row .btn-sm {
    padding: 0.25rem 0.5rem;
}

#toast-container {
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
    right: 0;
    left: 0;
    font-size: 0.875rem;
}

#toast-container.toast-top-right {
    align-items: flex-end;
    top: 4.5rem;
}

.toast-close-button {
    position: absolute !important;
    top: 0 !important;
    right: 0.5rem !important;
    margin-left: 0.5em;
    float: none;
    opacity: 0.4;
}

.toast {
    backdrop-filter: blur(10px);
    background-clip: padding-box;
    border: 1px solid rgba(0 0 0/0.1);
}

.table tbody + tbody {
    border-top: 2px solid #ecedf1;
}
.bootstrap-datetimepicker-widget tbody { background-color: transparent; }

.bootstrap-datetimepicker-widget .btn {
    -moz-min-width: 0;
    -ms-min-width: 0;
    -o-min-width: 0;
    -webkit-min-width: 0;
    min-width: 0;
}

.bootstrap-datetimepicker-widget .separator {
    background-color: transparent;
    border: 0;
    margin: 0;
    position: static;
}

.bootstrap-datetimepicker-widget .separator:after {
    background: transparent;
    height: 0;
    width: 0;
}

.bootstrap-datetimepicker-widget table td span {
    height: 14px;
    line-height: 14px;
}
svg.donut-chart {
    display: block;
    margin: 0 auto;
}

text.inner-circle {
    font-size: 48px;
    font-weight: 400;
    text-transform: uppercase;
}

text.inner-circle-recruits {
    font-size: 40px;
    font-weight: 200;
    text-transform: uppercase;
}

.arc { cursor: pointer; }

.arc:hover { opacity: .85; }

.arc text {
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
}

.d3-tip-matte-background {
    background-color: #2D2D2D;
    color: white;
    border-radius: 4px;
    padding: 3px 8px;
}

.ml0 {
  margin-left: 0px;
}
.mt0 {
  margin-top: 0px;
}
.mr0 {
  margin-right: 0px;
}
.mb0 {
  margin-bottom: 0px;
}
.mlr0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mtb0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.m0 {
  margin: 0px;
}
.ml1 {
  margin-left: 1px;
}
.mt1 {
  margin-top: 1px;
}
.mr1 {
  margin-right: 1px;
}
.mb1 {
  margin-bottom: 1px;
}
.mlr1 {
  margin-left: 1px;
  margin-right: 1px;
}
.mtb1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
.m1 {
  margin: 1px;
}
.ml2 {
  margin-left: 2px;
}
.mt2 {
  margin-top: 2px;
}
.mr2 {
  margin-right: 2px;
}
.mb2 {
  margin-bottom: 2px;
}
.mlr2 {
  margin-left: 2px;
  margin-right: 2px;
}
.mtb2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.m2 {
  margin: 2px;
}
.ml3 {
  margin-left: 3px;
}
.mt3 {
  margin-top: 3px;
}
.mr3 {
  margin-right: 3px;
}
.mb3 {
  margin-bottom: 3px;
}
.mlr3 {
  margin-left: 3px;
  margin-right: 3px;
}
.mtb3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.m3 {
  margin: 3px;
}
.ml4 {
  margin-left: 4px;
}
.mt4 {
  margin-top: 4px;
}
.mr4 {
  margin-right: 4px;
}
.mb4 {
  margin-bottom: 4px;
}
.mlr4 {
  margin-left: 4px;
  margin-right: 4px;
}
.mtb4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.m4 {
  margin: 4px;
}
.ml5 {
  margin-left: 5px;
}
.mt5 {
  margin-top: 5px;
}
.mr5 {
  margin-right: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.mlr5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mtb5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.m5 {
  margin: 5px;
}
.ml6 {
  margin-left: 6px;
}
.mt6 {
  margin-top: 6px;
}
.mr6 {
  margin-right: 6px;
}
.mb6 {
  margin-bottom: 6px;
}
.mlr6 {
  margin-left: 6px;
  margin-right: 6px;
}
.mtb6 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.m6 {
  margin: 6px;
}
.ml7 {
  margin-left: 7px;
}
.mt7 {
  margin-top: 7px;
}
.mr7 {
  margin-right: 7px;
}
.mb7 {
  margin-bottom: 7px;
}
.mlr7 {
  margin-left: 7px;
  margin-right: 7px;
}
.mtb7 {
  margin-top: 7px;
  margin-bottom: 7px;
}
.m7 {
  margin: 7px;
}
.ml8 {
  margin-left: 8px;
}
.mt8 {
  margin-top: 8px;
}
.mr8 {
  margin-right: 8px;
}
.mb8 {
  margin-bottom: 8px;
}
.mlr8 {
  margin-left: 8px;
  margin-right: 8px;
}
.mtb8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.m8 {
  margin: 8px;
}
.ml9 {
  margin-left: 9px;
}
.mt9 {
  margin-top: 9px;
}
.mr9 {
  margin-right: 9px;
}
.mb9 {
  margin-bottom: 9px;
}
.mlr9 {
  margin-left: 9px;
  margin-right: 9px;
}
.mtb9 {
  margin-top: 9px;
  margin-bottom: 9px;
}
.m9 {
  margin: 9px;
}
.ml10 {
  margin-left: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m10 {
  margin: 10px;
}
.ml15 {
  margin-left: 15px;
}
.mt15 {
  margin-top: 15px;
}
.mr15 {
  margin-right: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.mlr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m15 {
  margin: 15px;
}
.ml20 {
  margin-left: 20px;
}
.mt20 {
  margin-top: 20px;
}
.mr20 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m20 {
  margin: 20px;
}
.ml30 {
  margin-left: 30px;
}
.mt30 {
  margin-top: 30px;
}
.mr30 {
  margin-right: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.mlr30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m30 {
  margin: 30px;
}
.ml40 {
  margin-left: 40px;
}
.mt40 {
  margin-top: 40px;
}
.mr40 {
  margin-right: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.mlr40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mtb40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.m40 {
  margin: 40px;
}
.ml50 {
  margin-left: 50px;
}
.mt50 {
  margin-top: 50px;
}
.mr50 {
  margin-right: 50px;
}
.mb50 {
  margin-bottom: 50px;
}
.mlr50 {
  margin-left: 50px;
  margin-right: 50px;
}
.mtb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m50 {
  margin: 50px;
}
.ml60 {
  margin-left: 60px;
}
.mt60 {
  margin-top: 60px;
}
.mr60 {
  margin-right: 60px;
}
.mb60 {
  margin-bottom: 60px;
}
.mlr60 {
  margin-left: 60px;
  margin-right: 60px;
}
.mtb60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.m60 {
  margin: 60px;
}
.ml70 {
  margin-left: 70px;
}
.mt70 {
  margin-top: 70px;
}
.mr70 {
  margin-right: 70px;
}
.mb70 {
  margin-bottom: 70px;
}
.mlr70 {
  margin-left: 70px;
  margin-right: 70px;
}
.mtb70 {
  margin-top: 70px;
  margin-bottom: 70px;
}
.m70 {
  margin: 70px;
}
.ml80 {
  margin-left: 80px;
}
.mt80 {
  margin-top: 80px;
}
.mr80 {
  margin-right: 80px;
}
.mb80 {
  margin-bottom: 80px;
}
.mlr80 {
  margin-left: 80px;
  margin-right: 80px;
}
.mtb80 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.m80 {
  margin: 80px;
}
.ml90 {
  margin-left: 90px;
}
.mt90 {
  margin-top: 90px;
}
.mr90 {
  margin-right: 90px;
}
.mb90 {
  margin-bottom: 90px;
}
.mlr90 {
  margin-left: 90px;
  margin-right: 90px;
}
.mtb90 {
  margin-top: 90px;
  margin-bottom: 90px;
}
.m90 {
  margin: 90px;
}
.ml100 {
  margin-left: 100px;
}
.mt100 {
  margin-top: 100px;
}
.mr100 {
  margin-right: 100px;
}
.mb100 {
  margin-bottom: 100px;
}
.mlr100 {
  margin-left: 100px;
  margin-right: 100px;
}
.mtb100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.m100 {
  margin: 100px;
}
.ml110 {
  margin-left: 110px;
}
.mt110 {
  margin-top: 110px;
}
.mr110 {
  margin-right: 110px;
}
.mb110 {
  margin-bottom: 110px;
}
.mlr110 {
  margin-left: 110px;
  margin-right: 110px;
}
.mtb110 {
  margin-top: 110px;
  margin-bottom: 110px;
}
.m110 {
  margin: 110px;
}
.ml120 {
  margin-left: 120px;
}
.mt120 {
  margin-top: 120px;
}
.mr120 {
  margin-right: 120px;
}
.mb120 {
  margin-bottom: 120px;
}
.mlr120 {
  margin-left: 120px;
  margin-right: 120px;
}
.mtb120 {
  margin-top: 120px;
  margin-bottom: 120px;
}
.m120 {
  margin: 120px;
}
.ml130 {
  margin-left: 130px;
}
.mt130 {
  margin-top: 130px;
}
.mr130 {
  margin-right: 130px;
}
.mb130 {
  margin-bottom: 130px;
}
.mlr130 {
  margin-left: 130px;
  margin-right: 130px;
}
.mtb130 {
  margin-top: 130px;
  margin-bottom: 130px;
}
.m130 {
  margin: 130px;
}
.ml140 {
  margin-left: 140px;
}
.mt140 {
  margin-top: 140px;
}
.mr140 {
  margin-right: 140px;
}
.mb140 {
  margin-bottom: 140px;
}
.mlr140 {
  margin-left: 140px;
  margin-right: 140px;
}
.mtb140 {
  margin-top: 140px;
  margin-bottom: 140px;
}
.m140 {
  margin: 140px;
}
.ml150 {
  margin-left: 150px;
}
.mt150 {
  margin-top: 150px;
}
.mr150 {
  margin-right: 150px;
}
.mb150 {
  margin-bottom: 150px;
}
.mlr150 {
  margin-left: 150px;
  margin-right: 150px;
}
.mtb150 {
  margin-top: 150px;
  margin-bottom: 150px;
}
.m150 {
  margin: 150px;
}
.ml160 {
  margin-left: 160px;
}
.mt160 {
  margin-top: 160px;
}
.mr160 {
  margin-right: 160px;
}
.mb160 {
  margin-bottom: 160px;
}
.mlr160 {
  margin-left: 160px;
  margin-right: 160px;
}
.mtb160 {
  margin-top: 160px;
  margin-bottom: 160px;
}
.m160 {
  margin: 160px;
}
.ml170 {
  margin-left: 170px;
}
.mt170 {
  margin-top: 170px;
}
.mr170 {
  margin-right: 170px;
}
.mb170 {
  margin-bottom: 170px;
}
.mlr170 {
  margin-left: 170px;
  margin-right: 170px;
}
.mtb170 {
  margin-top: 170px;
  margin-bottom: 170px;
}
.m170 {
  margin: 170px;
}
.ml180 {
  margin-left: 180px;
}
.mt180 {
  margin-top: 180px;
}
.mr180 {
  margin-right: 180px;
}
.mb180 {
  margin-bottom: 180px;
}
.mlr180 {
  margin-left: 180px;
  margin-right: 180px;
}
.mtb180 {
  margin-top: 180px;
  margin-bottom: 180px;
}
.m180 {
  margin: 180px;
}
.ml190 {
  margin-left: 190px;
}
.mt190 {
  margin-top: 190px;
}
.mr190 {
  margin-right: 190px;
}
.mb190 {
  margin-bottom: 190px;
}
.mlr190 {
  margin-left: 190px;
  margin-right: 190px;
}
.mtb190 {
  margin-top: 190px;
  margin-bottom: 190px;
}
.m190 {
  margin: 190px;
}
.ml200 {
  margin-left: 200px;
}
.mt200 {
  margin-top: 200px;
}
.mr200 {
  margin-right: 200px;
}
.mb200 {
  margin-bottom: 200px;
}
.mlr200 {
  margin-left: 200px;
  margin-right: 200px;
}
.mtb200 {
  margin-top: 200px;
  margin-bottom: 200px;
}
.m200 {
  margin: 200px;
}
.ml0-imp {
  margin-left: 0px !important;
}
.mt0-imp {
  margin-top: 0px !important;
}
.mr0-imp {
  margin-right: 0px !important;
}
.mb0-imp {
  margin-bottom: 0px !important;
}
.mlr0-imp {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mtb0-imp {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.m0-imp {
  margin: 0px !important;
}
.ml1-imp {
  margin-left: 1px !important;
}
.mt1-imp {
  margin-top: 1px !important;
}
.mr1-imp {
  margin-right: 1px !important;
}
.mb1-imp {
  margin-bottom: 1px !important;
}
.mlr1-imp {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.mtb1-imp {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.m1-imp {
  margin: 1px !important;
}
.ml2-imp {
  margin-left: 2px !important;
}
.mt2-imp {
  margin-top: 2px !important;
}
.mr2-imp {
  margin-right: 2px !important;
}
.mb2-imp {
  margin-bottom: 2px !important;
}
.mlr2-imp {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.mtb2-imp {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.m2-imp {
  margin: 2px !important;
}
.ml3-imp {
  margin-left: 3px !important;
}
.mt3-imp {
  margin-top: 3px !important;
}
.mr3-imp {
  margin-right: 3px !important;
}
.mb3-imp {
  margin-bottom: 3px !important;
}
.mlr3-imp {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.mtb3-imp {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.m3-imp {
  margin: 3px !important;
}
.ml4-imp {
  margin-left: 4px !important;
}
.mt4-imp {
  margin-top: 4px !important;
}
.mr4-imp {
  margin-right: 4px !important;
}
.mb4-imp {
  margin-bottom: 4px !important;
}
.mlr4-imp {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.mtb4-imp {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.m4-imp {
  margin: 4px !important;
}
.ml5-imp {
  margin-left: 5px !important;
}
.mt5-imp {
  margin-top: 5px !important;
}
.mr5-imp {
  margin-right: 5px !important;
}
.mb5-imp {
  margin-bottom: 5px !important;
}
.mlr5-imp {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mtb5-imp {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m5-imp {
  margin: 5px !important;
}
.ml6-imp {
  margin-left: 6px !important;
}
.mt6-imp {
  margin-top: 6px !important;
}
.mr6-imp {
  margin-right: 6px !important;
}
.mb6-imp {
  margin-bottom: 6px !important;
}
.mlr6-imp {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.mtb6-imp {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.m6-imp {
  margin: 6px !important;
}
.ml7-imp {
  margin-left: 7px !important;
}
.mt7-imp {
  margin-top: 7px !important;
}
.mr7-imp {
  margin-right: 7px !important;
}
.mb7-imp {
  margin-bottom: 7px !important;
}
.mlr7-imp {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.mtb7-imp {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
.m7-imp {
  margin: 7px !important;
}
.ml8-imp {
  margin-left: 8px !important;
}
.mt8-imp {
  margin-top: 8px !important;
}
.mr8-imp {
  margin-right: 8px !important;
}
.mb8-imp {
  margin-bottom: 8px !important;
}
.mlr8-imp {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.mtb8-imp {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.m8-imp {
  margin: 8px !important;
}
.ml9-imp {
  margin-left: 9px !important;
}
.mt9-imp {
  margin-top: 9px !important;
}
.mr9-imp {
  margin-right: 9px !important;
}
.mb9-imp {
  margin-bottom: 9px !important;
}
.mlr9-imp {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
.mtb9-imp {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
.m9-imp {
  margin: 9px !important;
}
.ml10-imp {
  margin-left: 10px !important;
}
.mt10-imp {
  margin-top: 10px !important;
}
.mr10-imp {
  margin-right: 10px !important;
}
.mb10-imp {
  margin-bottom: 10px !important;
}
.mlr10-imp {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mtb10-imp {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m10-imp {
  margin: 10px !important;
}
.ml15-imp {
  margin-left: 15px !important;
}
.mt15-imp {
  margin-top: 15px !important;
}
.mr15-imp {
  margin-right: 15px !important;
}
.mb15-imp {
  margin-bottom: 15px !important;
}
.mlr15-imp {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mtb15-imp {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.m15-imp {
  margin: 15px !important;
}
.ml20-imp {
  margin-left: 20px !important;
}
.mt20-imp {
  margin-top: 20px !important;
}
.mr20-imp {
  margin-right: 20px !important;
}
.mb20-imp {
  margin-bottom: 20px !important;
}
.mlr20-imp {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mtb20-imp {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.m20-imp {
  margin: 20px !important;
}
.ml30-imp {
  margin-left: 30px !important;
}
.mt30-imp {
  margin-top: 30px !important;
}
.mr30-imp {
  margin-right: 30px !important;
}
.mb30-imp {
  margin-bottom: 30px !important;
}
.mlr30-imp {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mtb30-imp {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.m30-imp {
  margin: 30px !important;
}
.ml40-imp {
  margin-left: 40px !important;
}
.mt40-imp {
  margin-top: 40px !important;
}
.mr40-imp {
  margin-right: 40px !important;
}
.mb40-imp {
  margin-bottom: 40px !important;
}
.mlr40-imp {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mtb40-imp {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.m40-imp {
  margin: 40px !important;
}
.ml50-imp {
  margin-left: 50px !important;
}
.mt50-imp {
  margin-top: 50px !important;
}
.mr50-imp {
  margin-right: 50px !important;
}
.mb50-imp {
  margin-bottom: 50px !important;
}
.mlr50-imp {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mtb50-imp {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.m50-imp {
  margin: 50px !important;
}
.ml60-imp {
  margin-left: 60px !important;
}
.mt60-imp {
  margin-top: 60px !important;
}
.mr60-imp {
  margin-right: 60px !important;
}
.mb60-imp {
  margin-bottom: 60px !important;
}
.mlr60-imp {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.mtb60-imp {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.m60-imp {
  margin: 60px !important;
}
.ml70-imp {
  margin-left: 70px !important;
}
.mt70-imp {
  margin-top: 70px !important;
}
.mr70-imp {
  margin-right: 70px !important;
}
.mb70-imp {
  margin-bottom: 70px !important;
}
.mlr70-imp {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
.mtb70-imp {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.m70-imp {
  margin: 70px !important;
}
.ml80-imp {
  margin-left: 80px !important;
}
.mt80-imp {
  margin-top: 80px !important;
}
.mr80-imp {
  margin-right: 80px !important;
}
.mb80-imp {
  margin-bottom: 80px !important;
}
.mlr80-imp {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.mtb80-imp {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.m80-imp {
  margin: 80px !important;
}
.ml90-imp {
  margin-left: 90px !important;
}
.mt90-imp {
  margin-top: 90px !important;
}
.mr90-imp {
  margin-right: 90px !important;
}
.mb90-imp {
  margin-bottom: 90px !important;
}
.mlr90-imp {
  margin-left: 90px !important;
  margin-right: 90px !important;
}
.mtb90-imp {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.m90-imp {
  margin: 90px !important;
}
.ml100-imp {
  margin-left: 100px !important;
}
.mt100-imp {
  margin-top: 100px !important;
}
.mr100-imp {
  margin-right: 100px !important;
}
.mb100-imp {
  margin-bottom: 100px !important;
}
.mlr100-imp {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.mtb100-imp {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.m100-imp {
  margin: 100px !important;
}
.ml110-imp {
  margin-left: 110px !important;
}
.mt110-imp {
  margin-top: 110px !important;
}
.mr110-imp {
  margin-right: 110px !important;
}
.mb110-imp {
  margin-bottom: 110px !important;
}
.mlr110-imp {
  margin-left: 110px !important;
  margin-right: 110px !important;
}
.mtb110-imp {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}
.m110-imp {
  margin: 110px !important;
}
.ml120-imp {
  margin-left: 120px !important;
}
.mt120-imp {
  margin-top: 120px !important;
}
.mr120-imp {
  margin-right: 120px !important;
}
.mb120-imp {
  margin-bottom: 120px !important;
}
.mlr120-imp {
  margin-left: 120px !important;
  margin-right: 120px !important;
}
.mtb120-imp {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}
.m120-imp {
  margin: 120px !important;
}
.ml130-imp {
  margin-left: 130px !important;
}
.mt130-imp {
  margin-top: 130px !important;
}
.mr130-imp {
  margin-right: 130px !important;
}
.mb130-imp {
  margin-bottom: 130px !important;
}
.mlr130-imp {
  margin-left: 130px !important;
  margin-right: 130px !important;
}
.mtb130-imp {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}
.m130-imp {
  margin: 130px !important;
}
.ml140-imp {
  margin-left: 140px !important;
}
.mt140-imp {
  margin-top: 140px !important;
}
.mr140-imp {
  margin-right: 140px !important;
}
.mb140-imp {
  margin-bottom: 140px !important;
}
.mlr140-imp {
  margin-left: 140px !important;
  margin-right: 140px !important;
}
.mtb140-imp {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}
.m140-imp {
  margin: 140px !important;
}
.ml150-imp {
  margin-left: 150px !important;
}
.mt150-imp {
  margin-top: 150px !important;
}
.mr150-imp {
  margin-right: 150px !important;
}
.mb150-imp {
  margin-bottom: 150px !important;
}
.mlr150-imp {
  margin-left: 150px !important;
  margin-right: 150px !important;
}
.mtb150-imp {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}
.m150-imp {
  margin: 150px !important;
}
.ml160-imp {
  margin-left: 160px !important;
}
.mt160-imp {
  margin-top: 160px !important;
}
.mr160-imp {
  margin-right: 160px !important;
}
.mb160-imp {
  margin-bottom: 160px !important;
}
.mlr160-imp {
  margin-left: 160px !important;
  margin-right: 160px !important;
}
.mtb160-imp {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}
.m160-imp {
  margin: 160px !important;
}
.ml170-imp {
  margin-left: 170px !important;
}
.mt170-imp {
  margin-top: 170px !important;
}
.mr170-imp {
  margin-right: 170px !important;
}
.mb170-imp {
  margin-bottom: 170px !important;
}
.mlr170-imp {
  margin-left: 170px !important;
  margin-right: 170px !important;
}
.mtb170-imp {
  margin-top: 170px !important;
  margin-bottom: 170px !important;
}
.m170-imp {
  margin: 170px !important;
}
.ml180-imp {
  margin-left: 180px !important;
}
.mt180-imp {
  margin-top: 180px !important;
}
.mr180-imp {
  margin-right: 180px !important;
}
.mb180-imp {
  margin-bottom: 180px !important;
}
.mlr180-imp {
  margin-left: 180px !important;
  margin-right: 180px !important;
}
.mtb180-imp {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}
.m180-imp {
  margin: 180px !important;
}
.ml190-imp {
  margin-left: 190px !important;
}
.mt190-imp {
  margin-top: 190px !important;
}
.mr190-imp {
  margin-right: 190px !important;
}
.mb190-imp {
  margin-bottom: 190px !important;
}
.mlr190-imp {
  margin-left: 190px !important;
  margin-right: 190px !important;
}
.mtb190-imp {
  margin-top: 190px !important;
  margin-bottom: 190px !important;
}
.m190-imp {
  margin: 190px !important;
}
.ml200-imp {
  margin-left: 200px !important;
}
.mt200-imp {
  margin-top: 200px !important;
}
.mr200-imp {
  margin-right: 200px !important;
}
.mb200-imp {
  margin-bottom: 200px !important;
}
.mlr200-imp {
  margin-left: 200px !important;
  margin-right: 200px !important;
}
.mtb200-imp {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}
.m200-imp {
  margin: 200px !important;
}
.pl0 {
  padding-left: 0px;
}
.pt0 {
  padding-top: 0px;
}
.pr0 {
  padding-right: 0px;
}
.pb0 {
  padding-bottom: 0px;
}
.plr0 {
  padding-left: 0px;
  padding-right: 0px;
}
.ptb0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.p0 {
  padding: 0px;
}
.pl1 {
  padding-left: 1px;
}
.pt1 {
  padding-top: 1px;
}
.pr1 {
  padding-right: 1px;
}
.pb1 {
  padding-bottom: 1px;
}
.plr1 {
  padding-left: 1px;
  padding-right: 1px;
}
.ptb1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.p1 {
  padding: 1px;
}
.pl2 {
  padding-left: 2px;
}
.pt2 {
  padding-top: 2px;
}
.pr2 {
  padding-right: 2px;
}
.pb2 {
  padding-bottom: 2px;
}
.plr2 {
  padding-left: 2px;
  padding-right: 2px;
}
.ptb2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.p2 {
  padding: 2px;
}
.pl3 {
  padding-left: 3px;
}
.pt3 {
  padding-top: 3px;
}
.pr3 {
  padding-right: 3px;
}
.pb3 {
  padding-bottom: 3px;
}
.plr3 {
  padding-left: 3px;
  padding-right: 3px;
}
.ptb3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.p3 {
  padding: 3px;
}
.pl4 {
  padding-left: 4px;
}
.pt4 {
  padding-top: 4px;
}
.pr4 {
  padding-right: 4px;
}
.pb4 {
  padding-bottom: 4px;
}
.plr4 {
  padding-left: 4px;
  padding-right: 4px;
}
.ptb4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.p4 {
  padding: 4px;
}
.pl5 {
  padding-left: 5px;
}
.pt5 {
  padding-top: 5px;
}
.pr5 {
  padding-right: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.plr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.p5 {
  padding: 5px;
}
.pl6 {
  padding-left: 6px;
}
.pt6 {
  padding-top: 6px;
}
.pr6 {
  padding-right: 6px;
}
.pb6 {
  padding-bottom: 6px;
}
.plr6 {
  padding-left: 6px;
  padding-right: 6px;
}
.ptb6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.p6 {
  padding: 6px;
}
.pl7 {
  padding-left: 7px;
}
.pt7 {
  padding-top: 7px;
}
.pr7 {
  padding-right: 7px;
}
.pb7 {
  padding-bottom: 7px;
}
.plr7 {
  padding-left: 7px;
  padding-right: 7px;
}
.ptb7 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.p7 {
  padding: 7px;
}
.pl8 {
  padding-left: 8px;
}
.pt8 {
  padding-top: 8px;
}
.pr8 {
  padding-right: 8px;
}
.pb8 {
  padding-bottom: 8px;
}
.plr8 {
  padding-left: 8px;
  padding-right: 8px;
}
.ptb8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.p8 {
  padding: 8px;
}
.pl9 {
  padding-left: 9px;
}
.pt9 {
  padding-top: 9px;
}
.pr9 {
  padding-right: 9px;
}
.pb9 {
  padding-bottom: 9px;
}
.plr9 {
  padding-left: 9px;
  padding-right: 9px;
}
.ptb9 {
  padding-top: 9px;
  padding-bottom: 9px;
}
.p9 {
  padding: 9px;
}
.pl10 {
  padding-left: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p10 {
  padding: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pt15 {
  padding-top: 15px;
}
.pr15 {
  padding-right: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p15 {
  padding: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.p20 {
  padding: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pt30 {
  padding-top: 30px;
}
.pr30 {
  padding-right: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}
.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.p30 {
  padding: 30px;
}
.pl40 {
  padding-left: 40px;
}
.pt40 {
  padding-top: 40px;
}
.pr40 {
  padding-right: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.plr40 {
  padding-left: 40px;
  padding-right: 40px;
}
.ptb40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p40 {
  padding: 40px;
}
.pl50 {
  padding-left: 50px;
}
.pt50 {
  padding-top: 50px;
}
.pr50 {
  padding-right: 50px;
}
.pb50 {
  padding-bottom: 50px;
}
.plr50 {
  padding-left: 50px;
  padding-right: 50px;
}
.ptb50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.p50 {
  padding: 50px;
}
.pl60 {
  padding-left: 60px;
}
.pt60 {
  padding-top: 60px;
}
.pr60 {
  padding-right: 60px;
}
.pb60 {
  padding-bottom: 60px;
}
.plr60 {
  padding-left: 60px;
  padding-right: 60px;
}
.ptb60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.p60 {
  padding: 60px;
}
.pl70 {
  padding-left: 70px;
}
.pt70 {
  padding-top: 70px;
}
.pr70 {
  padding-right: 70px;
}
.pb70 {
  padding-bottom: 70px;
}
.plr70 {
  padding-left: 70px;
  padding-right: 70px;
}
.ptb70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.p70 {
  padding: 70px;
}
.pl80 {
  padding-left: 80px;
}
.pt80 {
  padding-top: 80px;
}
.pr80 {
  padding-right: 80px;
}
.pb80 {
  padding-bottom: 80px;
}
.plr80 {
  padding-left: 80px;
  padding-right: 80px;
}
.ptb80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.p80 {
  padding: 80px;
}
.pl90 {
  padding-left: 90px;
}
.pt90 {
  padding-top: 90px;
}
.pr90 {
  padding-right: 90px;
}
.pb90 {
  padding-bottom: 90px;
}
.plr90 {
  padding-left: 90px;
  padding-right: 90px;
}
.ptb90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.p90 {
  padding: 90px;
}
.pl100 {
  padding-left: 100px;
}
.pt100 {
  padding-top: 100px;
}
.pr100 {
  padding-right: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
.plr100 {
  padding-left: 100px;
  padding-right: 100px;
}
.ptb100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.p100 {
  padding: 100px;
}
.pl110 {
  padding-left: 110px;
}
.pt110 {
  padding-top: 110px;
}
.pr110 {
  padding-right: 110px;
}
.pb110 {
  padding-bottom: 110px;
}
.plr110 {
  padding-left: 110px;
  padding-right: 110px;
}
.ptb110 {
  padding-top: 110px;
  padding-bottom: 110px;
}
.p110 {
  padding: 110px;
}
.pl120 {
  padding-left: 120px;
}
.pt120 {
  padding-top: 120px;
}
.pr120 {
  padding-right: 120px;
}
.pb120 {
  padding-bottom: 120px;
}
.plr120 {
  padding-left: 120px;
  padding-right: 120px;
}
.ptb120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.p120 {
  padding: 120px;
}
.pl130 {
  padding-left: 130px;
}
.pt130 {
  padding-top: 130px;
}
.pr130 {
  padding-right: 130px;
}
.pb130 {
  padding-bottom: 130px;
}
.plr130 {
  padding-left: 130px;
  padding-right: 130px;
}
.ptb130 {
  padding-top: 130px;
  padding-bottom: 130px;
}
.p130 {
  padding: 130px;
}
.pl140 {
  padding-left: 140px;
}
.pt140 {
  padding-top: 140px;
}
.pr140 {
  padding-right: 140px;
}
.pb140 {
  padding-bottom: 140px;
}
.plr140 {
  padding-left: 140px;
  padding-right: 140px;
}
.ptb140 {
  padding-top: 140px;
  padding-bottom: 140px;
}
.p140 {
  padding: 140px;
}
.pl150 {
  padding-left: 150px;
}
.pt150 {
  padding-top: 150px;
}
.pr150 {
  padding-right: 150px;
}
.pb150 {
  padding-bottom: 150px;
}
.plr150 {
  padding-left: 150px;
  padding-right: 150px;
}
.ptb150 {
  padding-top: 150px;
  padding-bottom: 150px;
}
.p150 {
  padding: 150px;
}
.pl160 {
  padding-left: 160px;
}
.pt160 {
  padding-top: 160px;
}
.pr160 {
  padding-right: 160px;
}
.pb160 {
  padding-bottom: 160px;
}
.plr160 {
  padding-left: 160px;
  padding-right: 160px;
}
.ptb160 {
  padding-top: 160px;
  padding-bottom: 160px;
}
.p160 {
  padding: 160px;
}
.pl170 {
  padding-left: 170px;
}
.pt170 {
  padding-top: 170px;
}
.pr170 {
  padding-right: 170px;
}
.pb170 {
  padding-bottom: 170px;
}
.plr170 {
  padding-left: 170px;
  padding-right: 170px;
}
.ptb170 {
  padding-top: 170px;
  padding-bottom: 170px;
}
.p170 {
  padding: 170px;
}
.pl180 {
  padding-left: 180px;
}
.pt180 {
  padding-top: 180px;
}
.pr180 {
  padding-right: 180px;
}
.pb180 {
  padding-bottom: 180px;
}
.plr180 {
  padding-left: 180px;
  padding-right: 180px;
}
.ptb180 {
  padding-top: 180px;
  padding-bottom: 180px;
}
.p180 {
  padding: 180px;
}
.pl190 {
  padding-left: 190px;
}
.pt190 {
  padding-top: 190px;
}
.pr190 {
  padding-right: 190px;
}
.pb190 {
  padding-bottom: 190px;
}
.plr190 {
  padding-left: 190px;
  padding-right: 190px;
}
.ptb190 {
  padding-top: 190px;
  padding-bottom: 190px;
}
.p190 {
  padding: 190px;
}
.pl200 {
  padding-left: 200px;
}
.pt200 {
  padding-top: 200px;
}
.pr200 {
  padding-right: 200px;
}
.pb200 {
  padding-bottom: 200px;
}
.plr200 {
  padding-left: 200px;
  padding-right: 200px;
}
.ptb200 {
  padding-top: 200px;
  padding-bottom: 200px;
}
.p200 {
  padding: 200px;
}
.pl0-imp {
  padding-left: 0px !important;
}
.pt0-imp {
  padding-top: 0px !important;
}
.pr0-imp {
  padding-right: 0px !important;
}
.pb0-imp {
  padding-bottom: 0px !important;
}
.plr0-imp {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ptb0-imp {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p0-imp {
  padding: 0px !important;
}
.pl1-imp {
  padding-left: 1px !important;
}
.pt1-imp {
  padding-top: 1px !important;
}
.pr1-imp {
  padding-right: 1px !important;
}
.pb1-imp {
  padding-bottom: 1px !important;
}
.plr1-imp {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.ptb1-imp {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.p1-imp {
  padding: 1px !important;
}
.pl2-imp {
  padding-left: 2px !important;
}
.pt2-imp {
  padding-top: 2px !important;
}
.pr2-imp {
  padding-right: 2px !important;
}
.pb2-imp {
  padding-bottom: 2px !important;
}
.plr2-imp {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.ptb2-imp {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.p2-imp {
  padding: 2px !important;
}
.pl3-imp {
  padding-left: 3px !important;
}
.pt3-imp {
  padding-top: 3px !important;
}
.pr3-imp {
  padding-right: 3px !important;
}
.pb3-imp {
  padding-bottom: 3px !important;
}
.plr3-imp {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.ptb3-imp {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.p3-imp {
  padding: 3px !important;
}
.pl4-imp {
  padding-left: 4px !important;
}
.pt4-imp {
  padding-top: 4px !important;
}
.pr4-imp {
  padding-right: 4px !important;
}
.pb4-imp {
  padding-bottom: 4px !important;
}
.plr4-imp {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.ptb4-imp {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.p4-imp {
  padding: 4px !important;
}
.pl5-imp {
  padding-left: 5px !important;
}
.pt5-imp {
  padding-top: 5px !important;
}
.pr5-imp {
  padding-right: 5px !important;
}
.pb5-imp {
  padding-bottom: 5px !important;
}
.plr5-imp {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ptb5-imp {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p5-imp {
  padding: 5px !important;
}
.pl6-imp {
  padding-left: 6px !important;
}
.pt6-imp {
  padding-top: 6px !important;
}
.pr6-imp {
  padding-right: 6px !important;
}
.pb6-imp {
  padding-bottom: 6px !important;
}
.plr6-imp {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.ptb6-imp {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.p6-imp {
  padding: 6px !important;
}
.pl7-imp {
  padding-left: 7px !important;
}
.pt7-imp {
  padding-top: 7px !important;
}
.pr7-imp {
  padding-right: 7px !important;
}
.pb7-imp {
  padding-bottom: 7px !important;
}
.plr7-imp {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.ptb7-imp {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.p7-imp {
  padding: 7px !important;
}
.pl8-imp {
  padding-left: 8px !important;
}
.pt8-imp {
  padding-top: 8px !important;
}
.pr8-imp {
  padding-right: 8px !important;
}
.pb8-imp {
  padding-bottom: 8px !important;
}
.plr8-imp {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.ptb8-imp {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.p8-imp {
  padding: 8px !important;
}
.pl9-imp {
  padding-left: 9px !important;
}
.pt9-imp {
  padding-top: 9px !important;
}
.pr9-imp {
  padding-right: 9px !important;
}
.pb9-imp {
  padding-bottom: 9px !important;
}
.plr9-imp {
  padding-left: 9px !important;
  padding-right: 9px !important;
}
.ptb9-imp {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.p9-imp {
  padding: 9px !important;
}
.pl10-imp {
  padding-left: 10px !important;
}
.pt10-imp {
  padding-top: 10px !important;
}
.pr10-imp {
  padding-right: 10px !important;
}
.pb10-imp {
  padding-bottom: 10px !important;
}
.plr10-imp {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ptb10-imp {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p10-imp {
  padding: 10px !important;
}
.pl15-imp {
  padding-left: 15px !important;
}
.pt15-imp {
  padding-top: 15px !important;
}
.pr15-imp {
  padding-right: 15px !important;
}
.pb15-imp {
  padding-bottom: 15px !important;
}
.plr15-imp {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ptb15-imp {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.p15-imp {
  padding: 15px !important;
}
.pl20-imp {
  padding-left: 20px !important;
}
.pt20-imp {
  padding-top: 20px !important;
}
.pr20-imp {
  padding-right: 20px !important;
}
.pb20-imp {
  padding-bottom: 20px !important;
}
.plr20-imp {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ptb20-imp {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.p20-imp {
  padding: 20px !important;
}
.pl30-imp {
  padding-left: 30px !important;
}
.pt30-imp {
  padding-top: 30px !important;
}
.pr30-imp {
  padding-right: 30px !important;
}
.pb30-imp {
  padding-bottom: 30px !important;
}
.plr30-imp {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.ptb30-imp {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.p30-imp {
  padding: 30px !important;
}
.pl40-imp {
  padding-left: 40px !important;
}
.pt40-imp {
  padding-top: 40px !important;
}
.pr40-imp {
  padding-right: 40px !important;
}
.pb40-imp {
  padding-bottom: 40px !important;
}
.plr40-imp {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.ptb40-imp {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.p40-imp {
  padding: 40px !important;
}
.pl50-imp {
  padding-left: 50px !important;
}
.pt50-imp {
  padding-top: 50px !important;
}
.pr50-imp {
  padding-right: 50px !important;
}
.pb50-imp {
  padding-bottom: 50px !important;
}
.plr50-imp {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.ptb50-imp {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.p50-imp {
  padding: 50px !important;
}
.pl60-imp {
  padding-left: 60px !important;
}
.pt60-imp {
  padding-top: 60px !important;
}
.pr60-imp {
  padding-right: 60px !important;
}
.pb60-imp {
  padding-bottom: 60px !important;
}
.plr60-imp {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.ptb60-imp {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.p60-imp {
  padding: 60px !important;
}
.pl70-imp {
  padding-left: 70px !important;
}
.pt70-imp {
  padding-top: 70px !important;
}
.pr70-imp {
  padding-right: 70px !important;
}
.pb70-imp {
  padding-bottom: 70px !important;
}
.plr70-imp {
  padding-left: 70px !important;
  padding-right: 70px !important;
}
.ptb70-imp {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.p70-imp {
  padding: 70px !important;
}
.pl80-imp {
  padding-left: 80px !important;
}
.pt80-imp {
  padding-top: 80px !important;
}
.pr80-imp {
  padding-right: 80px !important;
}
.pb80-imp {
  padding-bottom: 80px !important;
}
.plr80-imp {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.ptb80-imp {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.p80-imp {
  padding: 80px !important;
}
.pl90-imp {
  padding-left: 90px !important;
}
.pt90-imp {
  padding-top: 90px !important;
}
.pr90-imp {
  padding-right: 90px !important;
}
.pb90-imp {
  padding-bottom: 90px !important;
}
.plr90-imp {
  padding-left: 90px !important;
  padding-right: 90px !important;
}
.ptb90-imp {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.p90-imp {
  padding: 90px !important;
}
.pl100-imp {
  padding-left: 100px !important;
}
.pt100-imp {
  padding-top: 100px !important;
}
.pr100-imp {
  padding-right: 100px !important;
}
.pb100-imp {
  padding-bottom: 100px !important;
}
.plr100-imp {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.ptb100-imp {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.p100-imp {
  padding: 100px !important;
}
.pl110-imp {
  padding-left: 110px !important;
}
.pt110-imp {
  padding-top: 110px !important;
}
.pr110-imp {
  padding-right: 110px !important;
}
.pb110-imp {
  padding-bottom: 110px !important;
}
.plr110-imp {
  padding-left: 110px !important;
  padding-right: 110px !important;
}
.ptb110-imp {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}
.p110-imp {
  padding: 110px !important;
}
.pl120-imp {
  padding-left: 120px !important;
}
.pt120-imp {
  padding-top: 120px !important;
}
.pr120-imp {
  padding-right: 120px !important;
}
.pb120-imp {
  padding-bottom: 120px !important;
}
.plr120-imp {
  padding-left: 120px !important;
  padding-right: 120px !important;
}
.ptb120-imp {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.p120-imp {
  padding: 120px !important;
}
.pl130-imp {
  padding-left: 130px !important;
}
.pt130-imp {
  padding-top: 130px !important;
}
.pr130-imp {
  padding-right: 130px !important;
}
.pb130-imp {
  padding-bottom: 130px !important;
}
.plr130-imp {
  padding-left: 130px !important;
  padding-right: 130px !important;
}
.ptb130-imp {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}
.p130-imp {
  padding: 130px !important;
}
.pl140-imp {
  padding-left: 140px !important;
}
.pt140-imp {
  padding-top: 140px !important;
}
.pr140-imp {
  padding-right: 140px !important;
}
.pb140-imp {
  padding-bottom: 140px !important;
}
.plr140-imp {
  padding-left: 140px !important;
  padding-right: 140px !important;
}
.ptb140-imp {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}
.p140-imp {
  padding: 140px !important;
}
.pl150-imp {
  padding-left: 150px !important;
}
.pt150-imp {
  padding-top: 150px !important;
}
.pr150-imp {
  padding-right: 150px !important;
}
.pb150-imp {
  padding-bottom: 150px !important;
}
.plr150-imp {
  padding-left: 150px !important;
  padding-right: 150px !important;
}
.ptb150-imp {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
.p150-imp {
  padding: 150px !important;
}
.pl160-imp {
  padding-left: 160px !important;
}
.pt160-imp {
  padding-top: 160px !important;
}
.pr160-imp {
  padding-right: 160px !important;
}
.pb160-imp {
  padding-bottom: 160px !important;
}
.plr160-imp {
  padding-left: 160px !important;
  padding-right: 160px !important;
}
.ptb160-imp {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}
.p160-imp {
  padding: 160px !important;
}
.pl170-imp {
  padding-left: 170px !important;
}
.pt170-imp {
  padding-top: 170px !important;
}
.pr170-imp {
  padding-right: 170px !important;
}
.pb170-imp {
  padding-bottom: 170px !important;
}
.plr170-imp {
  padding-left: 170px !important;
  padding-right: 170px !important;
}
.ptb170-imp {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}
.p170-imp {
  padding: 170px !important;
}
.pl180-imp {
  padding-left: 180px !important;
}
.pt180-imp {
  padding-top: 180px !important;
}
.pr180-imp {
  padding-right: 180px !important;
}
.pb180-imp {
  padding-bottom: 180px !important;
}
.plr180-imp {
  padding-left: 180px !important;
  padding-right: 180px !important;
}
.ptb180-imp {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}
.p180-imp {
  padding: 180px !important;
}
.pl190-imp {
  padding-left: 190px !important;
}
.pt190-imp {
  padding-top: 190px !important;
}
.pr190-imp {
  padding-right: 190px !important;
}
.pb190-imp {
  padding-bottom: 190px !important;
}
.plr190-imp {
  padding-left: 190px !important;
  padding-right: 190px !important;
}
.ptb190-imp {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}
.p190-imp {
  padding: 190px !important;
}
.pl200-imp {
  padding-left: 200px !important;
}
.pt200-imp {
  padding-top: 200px !important;
}
.pr200-imp {
  padding-right: 200px !important;
}
.pb200-imp {
  padding-bottom: 200px !important;
}
.plr200-imp {
  padding-left: 200px !important;
  padding-right: 200px !important;
}
.ptb200-imp {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}
.p200-imp {
  padding: 200px !important;
}
ul.multi-column {
  overflow: hidden;
}
ul.multi-column li {
  float: left;
}
/*ul.multi-column li.margin-and-padding {
    margin: 5px 0;
    padding: 0 10px;
}*/
@media (max-width: 767px) {
  /* xs */
  ul.multi-column li {
    width: 100%;
  }
  ul.multi-column.columns-xs-1 li {
    width: 100%;
  }
  ul.multi-column.columns-xs-2 li {
    width: 50%;
  }
  ul.multi-column.columns-xs-3 li {
    width: 33.33333333%;
  }
  ul.multi-column.columns-xs-4 li {
    width: 25%;
  }
  ul.multi-column.columns-xs-5 li {
    width: 20%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* sm */
  ul.multi-column li {
    width: 50%;
  }
  ul.multi-column.columns-sm-1 li {
    width: 100%;
  }
  ul.multi-column.columns-sm-2 li {
    width: 50%;
  }
  ul.multi-column.columns-sm-3 li {
    width: 33.33333333%;
  }
  ul.multi-column.columns-sm-4 li {
    width: 25%;
  }
  ul.multi-column.columns-sm-5 li {
    width: 20%;
  }
}
@media (min-width: 992px) {
  /* md and lg */
  ul.multi-column li {
    width: 33.33333333%;
  }
  ul.multi-column.columns-md-1 li {
    width: 100%;
  }
  ul.multi-column.columns-md-2 li {
    width: 50%;
  }
  ul.multi-column.columns-md-3 li {
    width: 33.33333333%;
  }
  ul.multi-column.columns-md-4 li {
    width: 25%;
  }
  ul.multi-column.columns-md-5 li {
    width: 20%;
  }
  ul.multi-column.columns-md-6 li {
    width: 16.66666667%;
  }
  ul.multi-column.columns-md-7 li {
    width: 14.28571429%;
  }
  ul.multi-column.columns-md-8 li {
    width: 12.5%;
  }
  ul.multi-column.columns-md-9 li {
    width: 11.11111111%;
  }
  ul.multi-column.columns-md-10 li {
    width: 10%;
  }
}
@media (min-width: 1200px) {
  /* lg */
  ul.multi-column.columns-lg-1 li {
    width: 100%;
  }
  ul.multi-column.columns-lg-2 li {
    width: 50%;
  }
  ul.multi-column.columns-lg-3 li {
    width: 33.33333333%;
  }
  ul.multi-column.columns-lg-4 li {
    width: 25%;
  }
  ul.multi-column.columns-lg-5 li {
    width: 20%;
  }
  ul.multi-column.columns-lg-6 li {
    width: 16.66666667%;
  }
  ul.multi-column.columns-lg-7 li {
    width: 14.28571429%;
  }
  ul.multi-column.columns-lg-8 li {
    width: 12.5%;
  }
  ul.multi-column.columns-lg-9 li {
    width: 11.11111111%;
  }
  ul.multi-column.columns-lg-10 li {
    width: 10%;
  }
}

.font-size-1 {
    font-size: 1px;
}
.font-size-2 {
    font-size: 2px;
}
.font-size-3 {
    font-size: 3px;
}
.font-size-4 {
    font-size: 4px;
}
.font-size-5 {
    font-size: 5px;
}
.font-size-6 {
    font-size: 6px;
}
.font-size-7 {
    font-size: 7px;
}
.font-size-8 {
    font-size: 8px;
}
.font-size-9 {
    font-size: 9px;
}
.font-size-10 {
    font-size: 10px;
}
.font-size-11 {
    font-size: 11px;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-13 {
    font-size: 13px;
}
.font-size-14 {
    font-size: 14px;
}
.font-size-15 {
    font-size: 15px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-17 {
    font-size: 17px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-19 {
    font-size: 19px;
}
.font-size-20 {
    font-size: 20px;
}
.svg-container {
    display: inline-block;
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
}
.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.waiting {
    cursor: wait;
}
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.data-box {
    margin-bottom: 1.5em;
}

    .data-box .data-box-header {
        font-size: 120%;
        font-weight: bold;
        margin-bottom: 0.5em;
    }

    .data-box .data-box-content {
        font-size: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .data-box:after {
        content: '';
        display: block;
        background: #8E8E8E;
        margin-top: 0.25em;
        height: 0.05em;
    }

.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
.panel.panel-vertical-tabs .panel-body {
    padding: 0;
    border: 0;
}

.panel.panel-vertical-tabs .panel-body > .vertical {
    margin: 0;
}

.panel.panel-vertical-tabs .panel-body > .vertical .nav-tabs > li > a,
.panel.panel-vertical-tabs .panel-body > .vertical .nav-tabs > li.active > a,
.panel.panel-vertical-tabs .panel-body > .vertical .nav-tabs > li.active > a:hover,
.panel.panel-vertical-tabs .panel-body > .vertical .nav-tabs > li.active > a:focus {
    border: 0;
}

.panel-default.panel-vertical-tabs > .panel-heading + .panel-collapse > .panel-body {
    border: 0;
}

.vertical .nav-tabs.muted {
    background: #c4c4c4;
}

.bio-tile {
    border: 1px solid #E6E6E6;
    box-shadow: #E6E6E6 0 0 10px;
    display: block;
    margin-top: 30px;

    width: 100%;
}

.bio-tile .bio-tile-image { max-height: 300px; }

@media (min-width: 440px) and (max-width: 769px) {
     .bio-tile { max-width: 410px; }
 }

@media (min-width: 770px) {
     .bio-tile {
         height: 390px;
         max-height: 390px;
     }

     .bio-tile .bio-tile-image,
     .bio-tile .bio-tile-background {
         display: inline-block;
         height: 100%;
         width: 50%;
     }

     .bio-tile .bio-tile-image { max-height: unset; }

     .bio-tile .bio-tile-background { border-left: 1px solid #E6E6E6; }
 }

.bio-tile .bio-tile-image { overflow-y: hidden; }

.bio-tile .bio-tile-image img { width: 100%; }

.bio-tile .bio-tile-background {
    background: white;
    padding: 15px;
    vertical-align: top;
}

.bio-tile .bio-tile-name { font-weight: normal; }

.bio-tile .bio-tile-title { font-size: 85%; }

.bio-tile .small { font-size: 11px; }

/* Image Sizing */
.bio-tile-image .tall {
    display: none !important;
}

.bio-tile-image .small {
    display: none !important;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .bio-tile-image .tall {
        display: block !important;
    }

    .bio-tile-image .wide {
        display: none !important;
    }
}

@media (max-width: 769px) {
    .bio-tile-image .small {
        display: block !important;
    }

    .bio-tile-image .wide {
        display: none !important;
    }
}