/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    box-sizing: border-box;
    height: 100%;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Base Styles */

body {
    background: #eaeff3;
    color: #5e5e5e;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.73vw;
    height: 100%;
    overflow-y:scroll;
}

*, *:before, *:after {
    box-sizing: inherit;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a {
    color: #4570b9;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Layout */

#l-page-wrapper,
#l-header,
#l-grid-wrapper,
#l-content-header,
#l-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#l-content-wrapper {
    flex: 1;
}

#l-page-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

#l-header {
    background: #1f5bcd;
    border-bottom: 1px solid #141821;
    width: 100%;
}

#l-grid-wrapper {
    min-height: calc(100vh - 76px);
}

#l-column-1 {
    background: #232c3d;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#l-column-2 {
    width: calc(100% - 230px);
}

#l-content-header {
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #d0d5d8;
}

#l-content-header.l-content-header-no-flex {
    display: block;
}

#l-footer {
    background: #f4f7f9;
    border-top: 1px solid #d0d5d8;
    padding: 40px 40px 60px 40px;
}

/* Utility */

.u-center-horizontally {
    margin: 0 auto;
}

.u-circle-radius {
    border-radius: 50%;
}

.u-center-text-horizontally {
    text-align: center;
}

/* Modules */

/* Module: Logo */

.logo {
    min-width: 93px;
    height: 26px;
    display: block;
}

.logo-header {
    margin: 24px;
}

.logo-login {
    display: block;
    height: 38px;
    margin: 0 auto;
    width: 38px;
}

.logo-regular {
    background: url("../img/gfx/logo.png") no-repeat;
}

.logo-grey-symbol {
    background: url("../img/gfx/logo_grey_symbol.png") no-repeat;
}

/* Module: Nethero Logo */

.nh-logo {
    background: url("../img/gfx/power-by-google.jpg") no-repeat;
    display: block;
    /*height: 46px;
    min-width: 115px;*/
    background-size: contain;
    height:46px;
    width:140px;
}

/* Module: Quick Search */

.quicksearch {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-left: 1px solid #1d4899;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
    padding: 0 21px;
    position: relative;
    width: 25%;
}

.quicksearch-textinput {
    background: url("../img/gfx/icons/quicksearch.png") 20px no-repeat, #184aa8;
    border: 0;
    border-radius: 24px;
    -webkit-box-shadow: 0 1px 0 #266ffa, inset 0 1px 0 #12377e;
    -moz-box-shadow: 0 1px 0 #266ffa, inset 0 1px 0 #12377e;
    box-shadow: 0 1px 0 #266ffa, inset 0 1px 0 #12377e;
    color: #fff;
    padding: 15px 25px 15px 50px;
    text-shadow: 0 1px 0 #12377e;
    width: 100%;
}

.quicksearch-textinput::-webkit-input-placeholder {
    color: #90b7ff;
}

.quicksearch-textinput:-moz-placeholder {
    color: #90b7ff;
    opacity:  1;
}

.quicksearch-textinput::-moz-placeholder {
    color: #90b7ff;
    opacity:  1;
}

.quicksearch-textinput:-ms-input-placeholder {
    color: #90b7ff;
}

.quicksearch-textinput:placeholder-shown {
    color: #90b7ff;
}

.quicksearch-textinput:focus {
    background: url("../img/gfx/icons/quicksearch_white.png") 20px no-repeat, #184aa8;
}

/* Module: User Navigation */

.usernav {
    background: url("../img/gfx/arrow_white_down_shadow.png") right 20px center no-repeat;
    border-left: 1px solid #1d4899;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    padding: 21px 50px 0 21px;
    position: relative;
    text-shadow: 0 1px 0 #1949a4;
}

.usernav:hover {
    background: url("../img/gfx/arrow_white_up_shadow.png") right 20px center no-repeat, #1d55bf;
}

.usernav-list {
    border-bottom-left-radius: 4px;
    display: none;
    left: -1px;
    list-style: none;
    margin: 0;
    min-width: 160px;
    padding: 21px 0 0 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.usernav:hover .usernav-list {
    display: block;
}

.usernav-list-item-link {
    background: #2a3549;
    border-left: 1px solid #141821;
    border-bottom: 1px solid #1c2331;
    -webkit-box-shadow: inset 0 1px 0 #303d54;
    -moz-box-shadow: inset 0 1px 0 #303d54;
    box-shadow: inset 0 1px 0 #303d54;
    color: #8ea0c1;
    display: block;
    padding: 16px 22px;
    text-decoration: none;
    text-shadow: 0 1px 0 #1c2331;
}

.usernav-list-item-link:hover {
    background: #303d55;
    -webkit-box-shadow: inset 0 1px 0 #374662;
    -moz-box-shadow: inset 0 1px 0 #374662;
    box-shadow: inset 0 1px 0 #374662;
    text-decoration: none;
    transition: all 0.3s ease-out;
}

.usernav-list-item:last-child .usernav-list-item-link {
    border-color: #141821;
    border-bottom-left-radius: 4px;
}

.usernav-imgwrapper {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    padding: 2px;
}

/* Module: Dropdown */

.dropdown {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: url("../img/gfx/arrow_grey_down_nostyle.png") right 20px center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/arrow_grey_down_nostyle.png") right 20px center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/arrow_grey_down_nostyle.png") right 20px center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/arrow_grey_down_nostyle.png") right 20px center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #d0d5d8;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    outline: none;
    padding: 13px;
    position: relative;
}

#dropdown-econmon-employee {
    min-width: 250px;
}

.dropdown-value {
    color: #414141;
    font-weight: 600;
    padding-right: 35px;
    width: 100%;
}

.dropdown-list {
    background: #f4f8fb;
    border-bottom: 1px solid #d0d5d8;
    border-left: 1px solid #d0d5d8;
    border-right: 1px solid #d0d5d8;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    left: -1px;
    list-style: none;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: calc(100% - 13px);
    transition: all 0.2s ease-out;
}

.dropdown-list-margin-fix {
    margin-top: 14px;
}

/*ul.dropdown-list{
    max-height: 315px;
    overflow-y: auto;
}*/

.dropdown-list-item-link {
    border-bottom: 1px solid #d0d5d8;
    color: #414141;
    display: block;
    font-weight: 500;
    padding: 16px 22px;
    text-decoration: none;
    transition: all 0.3s ease-out;
}

.dropdown-list-item-link:hover {
    background: #ecf0f3;
}

.dropdown-list-item:last-child .dropdown-list-item-link {
    border-bottom: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dropdown.dropdown-active {
    background: url("../img/gfx/arrow_grey_up_nostyle.png") right 20px center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/arrow_grey_up_nostyle.png") right 20px center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/arrow_grey_up_nostyle.png") right 20px center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/arrow_grey_up_nostyle.png") right 20px center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dropdown.dropdown-active .dropdown-list {
    opacity: 1;
    pointer-events: auto;
}

/* Module: Navigation */

.nav {
    margin-top: 20px;
}

.nav-heading {
    color: #6f7b93;
    font-size: 0.63vw;
    font-weight: 600;
    margin: 0 0 0 40px;
    text-shadow: 0 1px 0 #1c2331;
    text-transform: uppercase;
}

.nav-list {
    list-style: none;
    padding: 0;
}

.nav-list-item-link {
    border-left: 4px solid transparent;
    color: #8ea0c1;
    display: block;
    font-weight: 500;
    padding: 15px 36px;
    text-decoration: none;
    text-shadow: 0 1px 0 #1c2331;
}

.nav-list-item-link:hover {
    text-decoration: none;
}

.nav-list-item-link:hover, .nav-list-item-link-current {
    background: #141925;
    border-left: 4px solid #1f5bcd;
    color: #fff;
}

/* Module: Content Header Headings */

.content-header-heading {
    color: #5e5e5e;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.94vw;
    font-weight: 600;
    margin: 0;
    padding: 30px;
}

.content-header-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
    margin-right: 20px;
}

.content-header-right-no-right-margin {
    margin-right: 0;
    padding-right: 20px;
}

.content-header-right-border-right {
    border-right: 1px solid #d0d5d8;
}

.content-header-right .stdbutton {
    margin-left: 20px;
}

/* Module: Login Box */

.loginbox {
    width: 380px;
}

.loginbox-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.loginbox-form {
    background: #fff;
    border-left: 1px solid #d0d5d8;
    border-right: 1px solid #d0d5d8;
    border-top: 1px solid #d0d5d8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 20px;
    padding: 15px 15px 0 15px;
    position: relative;
}

.loginbox-form:after, .loginbox-form:before {
    border: solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    pointer-events: none;
    width: 0;
}

.loginbox-form:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.loginbox-form:before {
    border-color: rgba(208, 213, 216, 0);
    border-bottom-color: #d0d5d8;
    border-width: 9px;
    margin-left: -9px;
}

.loginbox-form-heading {
    font-size: 0.83vw;
    font-weight: 400;
    margin: 5px 0 20px 0;
    text-align: center;
}

.loginbox-form-textinput {
    background: #f9f9f9;
    border: 1px solid #d0d5d8;
    border-radius: 24px;
    -webkit-box-shadow: inset 0 2px 1px #ececec;
    -moz-webkit-box-shadow: inset 0 2px 1px #ececec;
    box-shadow: inset 0 2px 1px #ececec;
    color: #414141;
    margin-bottom: 15px;
    padding: 15px 25px;
    width: 100%;
}

.loginbox-form-bottom {
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #d0d5d8;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.loginbox-button-submit {
    background: #246ad5; /* Old browsers */
    background: -moz-linear-gradient(top, #246ad5 0%, #1a4dc5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #246ad5 0%, #1a4dc5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #246ad5 0%, #1a4dc5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #1d4899;
    border-radius: 24px;
    color: #fff;
    display: block;
    font-weight: 500;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #224eae;
    width: 100%;
}

.loginbox-button-submit:hover {
    background: #347ae2; /* Old browsers */
    background: -moz-linear-gradient(top, #347ae2 0%, #2658d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #347ae2 0%, #2658d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #347ae2 0%, #2658d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Module: Economic Monitoring */

.econmonitor-content {
    background: #fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.econmonitor-content-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 20px;
}

.econmonitor-content-top .small-horiz-nav {
    margin-left: 20px;
}

.econmonitor-range-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
}

.econmonitor-range-form .stdbutton {
    margin-left: 20px;
}

.econmonitor-range-form-label {
    font-weight: 600;
    padding: 15px;
}

.econmonitor-range-textinput {
    width: 95px;
    background: #f9f9f9;
    border: 1px solid #d1d6d9;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 1px #ececec;
    -moz-webkit-box-shadow: inset 0 2px 1px #ececec;
    box-shadow: inset 0 2px 1px #ececec;
    padding: 0 15px;
    text-align: center;
}

.econmonitor-chart-wrapper {
    padding: 0 20px 20px 20px;
}

.econmonitor-chart {
    background: #f3fff9;
    border: 1px solid #c1dccf;
    border-radius: 4px;
    padding: 20px;
}

.econmonitor-chart-canvas {
    height: 400px;
}

.econmonitor-table {
    width: 100%;
}

.econmonitor-table-header {
    background: #f7f9fb; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f9fb 0%, #e9eff3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7f9fb 0%,#e9eff3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7f9fb 0%,#e9eff3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-bottom: 1px solid #d0d5d8;
    border-top: 1px solid #d0d5d8;
    color: #8a8a8a;
    font-size: 0.63vw;
    text-transform: uppercase;
}

.econmonitor-table-header-item {
    padding: 10px 20px;
    text-align: left;
}

.econmonitor-table-body .econmonitor-table-body-row.econmonitor-table-body-row-collapse-sub:last-child .econmonitor-employee-assignment-wrapper:before {
    bottom: calc(50% + -1px);
}

.econmonitor-table-body:nth-of-type(even) {
    background: #f4f8fb;
}

.econmonitor-table-body .econmonitor-table-body-row-collapse:last-child {
    border-bottom: 0;
}

.econmonitor-table-body-row {
    border-top: 1px solid #d0d5d8;
}

.econmonitor-table-body-row:hover .econmonitor-employee-name-link,
.econmonitor-table-body-row-collapse:hover .econmonitor-employee-customer-link {
    text-decoration: underline;
}

.econmonitor-table-body:last-child .econmonitor-table-body-item:first-child {
    border-bottom-left-radius: 4px;
}

.econmonitor-table-body:last-child .econmonitor-table-body-item:last-child {
    border-bottom-right-radius: 4px;
}

.econmonitor-table-body-row:hover,
.econmonitor-table-body-row-collapse:hover,
.econmonitor-table-body-row-collapse-active:hover {
    cursor: pointer;
}

.econmonitor-table-body-row-collapse-sub {
    border-top: 0;
}

.econmonitor-table-body-row-collapse-sub .econmonitor-table-body-item-sub {
    background: #f2f3f3;
}

.econmonitor-table-body-item {
    padding: 20px;
    vertical-align: top;
}

.econmonitor-table-body-row-collapse,
.econmonitor-table-body-row-collapse-active {
    background: #fbfcfc;
}

.econmonitor-table-body-row-collapse {
    border-top: 1px solid #d0d5d8;
}

.econmonitor-table-body-item-collapse {
    line-height: 1;
    padding: 15px 20px;
}

.econmonitor-table-body-row-collapse-sub:first-child {
    border-top: 1px solid #d0d5d8;
}

.econmonitor-table-body-item-sub {
    background: #fbfcfc;
    padding: 0 20px;
}

.econmonitor-employee-assignment-wrapper,
.econmonitor-employee-customer-wrapper {
    position: relative;
}

.econmonitor-employee-assignment-wrapper {
    padding: 15px 0;
}

.econmonitor-employee-assignment-wrapper:before {
    border-left: 1px solid #c9cdd0;
    content: "";
    left: 25px;
    top: 0;
    position: absolute;
    width: 0;
}

.econmonitor-employee-assignment-wrapper:before {
    bottom: 0;
}

.econmonitor-employee-assignment-link {
    color: #5e5e5e;
}

.econmonitor-employee-assignment-text:before {
    border-top: 1px solid #c9cdd0;
    content: "";
    left: 26px;
    position: absolute;
    top: 50%;
    width: 18px;
}

.econmonitor-employee-assignment-text {
    margin-left: 53px;
}

.econmonitor-employee-name {
    width: 25%;
}

.econmonitor-employee-name-link {
    color: #4570b9;
    font-weight: 600;
    text-decoration: none;
}

.econmonitor-employee-total, .econmonitor-employee-hours {
    font-weight: 600;
}

.econmonitor-employee-debiting-wrapper {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.econmonitor-employee-debiting-wrapper .progressbar {
    margin-left: 10px;
    width: 100%;
}

.econmonitor-employee-debiting-text {
    font-weight: 600;
}

.econmonitor-employee-debiting-text-high {
    color: #00a651;
}

.econmonitor-employee-debiting-text-medium {
    color: #ff6c00;
}

.econmonitor-employee-debiting-text-low {
    color: #eb4c4c;
}

.econmonitor-employee-debiting-text-neutral {
    color: #9d9d9d;
}

.econmonitor-employee-customer-link {
    color: #5e5e5e;
    font-weight: 600;
    margin-left: 40px;
    text-decoration: none;
}

.econmonitor-employee-customer-link:before {
    content: "";
    width: 13px;
    height: 13px;
    left: 19px;
    position: absolute;
    background: url("../img/gfx/expand_tree_button.png") no-repeat;
}

.econmonitor-table-body-row-collapse-active .econmonitor-employee-customer-link:before {
    background: url("../img/gfx/minimize_tree_button.png") no-repeat;
}

/* Module: Progress Bar */

.progressbar {
    background: #d5dade;
    border-radius: 24px;
    height: 4px;
    width: 100%;
}

.progressbar-bar {
    border-radius: 24px;
    height: 4px;
}

.progressbar-bar-high {
    background: #00a651;
}

.progressbar-bar-medium {
    background: #ff6c00;
}

.progressbar-bar-low {
    background: #eb4c4c;
}

.progressbar-bar-neutral {
    background: #9d9d9d;
}

/* Module: Standard Button */

.stdbutton-wrapper {
    padding: 20px;
}

.stdbutton-wrapper-create-assignment {
    background: #2e384a;
    border-bottom: 1px solid #1d2432;
    padding-bottom: 21px;
}

.stdbutton {
    background: #a0a0a0; /* Old browsers */
    background: -moz-linear-gradient(top,  #a0a0a0 0%, #7c7c7c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #a0a0a0 0%,#7c7c7c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #a0a0a0 0%,#7c7c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #737373;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-weight: 600;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #6e6e6e;
}

.stdbutton {
    padding: 13px 25px 12px;
}

.stdbutton:hover {
    background: #a8a8a8; /* Old browsers */
    background: -moz-linear-gradient(top,  #a8a8a8 0%, #878787 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #a8a8a8 0%,#878787 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #a8a8a8 0%,#878787 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-decoration: none;
}

.stdbutton-pushed {
    background: #ddd;
    border-color: #b5b5b5;
    box-shadow: inset 0 2px 2px #c5c5c5;
    color: #979797;
    text-shadow: none;
}

.stdbutton-pushed:hover {
    background: #ddd;
}

.stdbutton-no-border {
    border: 0;
}

.stdbutton-padding-wide {
    min-width: 150px;
}

.stdbutton-green {
    background: #43c85c; /* Old browsers */
    background: -moz-linear-gradient(top,  #43c85c 0%, #31b343 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #43c85c 0%,#31b343 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #43c85c 0%,#31b343 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-color: #1ba329;
    text-shadow: 0 1px 0 #2d963d;
}

.stdbutton-green:hover {
    background: #52d36b; /* Old browsers */
    background: -moz-linear-gradient(top,  #52d36b 0%, #3cc24e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #52d36b 0%,#3cc24e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #52d36b 0%,#3cc24e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdbutton-blue {
    background: #424fc7; /* Old browsers */
    background: -moz-linear-gradient(top,  #424fc7 0%, #303db3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #424fc7 0%,#303db3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #424fc7 0%,#303db3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-color: #1b28a3;
    text-shadow: 0 1px 0 #2d3896;
}

.stdbutton-blue:hover {
    background: #535fd4; /* Old browsers */
    background: -moz-linear-gradient(top,  #535fd4 0%, #3c49c2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #535fd4 0%,#3c49c2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #535fd4 0%,#3c49c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdbutton-red {
    background: #e86062; /* Old browsers */
    background: -moz-linear-gradient(top,  #e86062 0%, #df4647 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e86062 0%,#df4647 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e86062 0%,#df4647 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-color: #b03637;
    text-shadow: 0 1px 0 #b54041;
}

.stdbutton-red:hover {
    background: #ef7273; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef7273 0%, #e95353 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ef7273 0%,#e95353 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ef7273 0%,#e95353 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdbutton-orange {
    background: #f59f4e; /* Old browsers */
    background: -moz-linear-gradient(top,  #f59f4e 0%, #f17b39 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f59f4e 0%,#f17b39 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f59f4e 0%,#f17b39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-color: #d67035;
    text-shadow: 0 1px 0 #c26e34;
}

.stdbutton-orange:hover {
    background: #f7a65b; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7a65b 0%, #f58442 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7a65b 0%,#f58442 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7a65b 0%,#f58442 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Module: Icon Button */

.icon-button {
    background: #f7fafc; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #d0d5d8;
    border-radius: 4px;
    display: block;
    padding: 20px 10px;
}

.icon-button:hover {
    border-color: #c0c3c6;
}

.icon-button-default-size {
    width: 50px;
}

.icon-button-travel-box {
    margin: 10px 8px;
    padding: 18px;
    position: absolute;
    z-index: 6;
}

.icon-button-delete-box {
    border-radius: 0;
    margin-left: -1px;
    padding: 28px 28px 28px;
    position: absolute;
    z-index: 6;
}

.icon-button-delete-box:hover {
    z-index: 7;
}

.icon-button-device-list {
    border-radius: 0;
    height: calc(100% + 2px);
    margin: -1px;
    position: absolute;
    width: 80px;
    z-index: 6;
}

.icon-button-device-list:hover {
    z-index: 7;
}

.icon-button-delete {
    background: url("../img/gfx/icons/delete.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/delete.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/delete.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/delete.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.icon-button-move-up {
    background: url("../img/gfx/icons/arrow_up.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/arrow_up.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/arrow_up.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/arrow_up.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.icon-button-move-up-disabled {
    background: url("../img/gfx/icons/arrow_up_grey.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/arrow_up_grey.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/arrow_up_grey.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/arrow_up_grey.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.icon-button-move-down {
    background: url("../img/gfx/icons/arrow_down.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/arrow_down.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/arrow_down.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/arrow_down.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.icon-button-move-down-disabled {
    background: url("../img/gfx/icons/arrow_down_grey.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/arrow_down_grey.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/arrow_down_grey.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/arrow_down_grey.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.icon-button-move-up-disabled:hover,
.icon-button-move-down-disabled:hover {
    border-color: #d0d5d8;
}

.icon-button-edit {
    background: url("../img/gfx/icons/page_white_edit.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/page_white_edit.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/page_white_edit.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/page_white_edit.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.icon-button-commission {
    background: url("../img/gfx/icons/money_add.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/money_add.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/money_add.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/money_add.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    outline: none;
}

.icon-button-send-report {
    background: url("../img/gfx/icons/report_go.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/report_go.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/report_go.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/report_go.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    outline: none;
}

.icon-button-express-invoice {
    background: url("../img/gfx/icons/lightning_go.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/lightning_go.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/lightning_go.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/lightning_go.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    outline: none;
}

.icon-button-recurrent {
    background: url("../img/gfx/icons/date_add.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/date_add.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/date_add.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/date_add.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    outline: none;
}

/* Module: Standard Label */

.stdlabel {
    color: #8b8b8b;
    display: block;
    font-size: 0.63vw;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.stdlabel-no-margin {
    margin: 0;
}

.stdlabel-softer-text {
    font-weight: 600;
}

.stdlabel-checkbox {
    color: inherit;
    font-size: inherit;
    line-height: 1;
    text-transform: none;
    font-weight: inherit;
}

.stdlabel-important {
    color: #eb4c4c;
}

.stdlabel-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.stdlabel-flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.stdlabel-vert-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.stdlabel-min-width {
    min-width: 200px;
}

.stdlabel-mandatory {
    color: #eb4c4c;
}

/* Module: Icon Label */

.icon-label {
    color: #9f9f9f;
    padding-left: 35px;
}

.icon-label-link {
    display: block;
    text-decoration: none;
}

.icon-label-link:hover {
    text-decoration: underline;
}

.icon-label-center {
    margin: 0 auto;
}

.icon-label-clearer-text {
    color: #8b8b8b;
}

.icon-label-softer-text {
    font-weight: 600;
}

.icon-label-icon-only {
    padding: 0 8px;
}

.icon-label-car {
    background: url("../img/gfx/icons/car.png") left no-repeat;
}

.icon-label-time {
    background: url("../img/gfx/icons/time.png") left no-repeat;
}

.icon-label-add {
    background: url("../img/gfx/icons/add_green.png") left no-repeat;
}

.icon-label-accept {
    background: url("../img/gfx/icons/accept.png") left no-repeat;
}

.icon-label-phone {
    background: url("../img/gfx/icons/telephone.png") left no-repeat;
}

.icon-label-mobile-phone {
    background: url("../img/gfx/icons/mobile_phone.png") left no-repeat;
}

.icon-label-email {
    background: url("../img/gfx/icons/email.png") left no-repeat;
}

.icon-label-printer {
    background: url("../img/gfx/icons/printer.png") left no-repeat;
}

.icon-label-web {
    background: url("../img/gfx/icons/world_link.png") left no-repeat;
}

.icon-label-connection {
    background: url("../img/gfx/icons/world_connect.png") left no-repeat;
}

.icon-label-position {
    background: url("../img/gfx/icons/user_suit.png") left no-repeat;
}

.icon-label-date {
    background: url("../img/gfx/icons/date.png") left no-repeat;
}

.icon-label-fee {
    background: url("../img/gfx/icons/money_add.png") left no-repeat;
}

.icon-label-invoice-together {
    background: url("../img/gfx/icons/page_white_stack.png") left no-repeat;
}

.icon-label-invoice {
    background: url("../img/gfx/icons/money.png") left no-repeat;
}

.icon-label-invoice-repeat {
    background: url("../img/gfx/icons/money_repeat.png") left no-repeat;
}

.icon-label-invoice-credit {
    background: url("../img/gfx/icons/money_delete.png") left no-repeat;
}

.icon-label-ongoing-assigment {
    background: url("../img/gfx/icons/hourglass.png") left no-repeat;
}

.icon-label-ongoing-repeat {
    background: url("../img/gfx/icons/hourglass_repeat.png") left no-repeat;
}

.icon-label-ongoing-invoice-credit {
    background: url("../img/gfx/icons/hourglass_delete.png") left no-repeat;
}

.icon-label-hourly-rate {
    background: url("../img/gfx/icons/status_away.png") left no-repeat;
}

.icon-label-entry-fee {
    background: url("../img/gfx/icons/telephone_go.png") left no-repeat;
}

.icon-label-remote-assignment {
    background: url("../img/gfx/icons/monitor.png") left no-repeat;
}

.icon-label-products {
    background: url("../img/gfx/icons/bricks.png") left no-repeat;
}

.icon-label-server {
    background: url("../img/gfx/icons/server.png") left no-repeat;
}

.icon-label-firewall {
    background: url("../img/gfx/icons/shield.png") left no-repeat;
}

.icon-label-wireless {
    background: url("../img/gfx/icons/wireless.png") left no-repeat;
}

.icon-label-network-storage {
    background: url("../img/gfx/icons/drive_network.png") left no-repeat;
}

.icon-label-computer {
    background: url("../img/gfx/icons/computer.png") left no-repeat;
}

.icon-label-license {
    background: url("../img/gfx/icons/application_key.png") left no-repeat;
}

.icon-label-arrow-refresh-enabled {
    background: url("../img/gfx/icons/arrow_refresh_enabled.png") left no-repeat;
}

.icon-label-arrow-refresh-disabled {
    background: url("../img/gfx/icons/arrow_refresh_disabled.png") left no-repeat;
}

.icon-label-add-text {
    color: #3abd4f;
    font-weight: 700;
    text-transform: uppercase;
}

.icon-label-default-size {
    padding: 8px;
}

.icon-label-left-spacing {
    padding-left: 25px;
}

/* Module: Standard Input */

.stdinput-wrapper {
    line-height: 1;
}

.stdinput-wrapper-textarea {
    padding: 15px;
}

.stdinput-wrapper-flex,
.stdinput-label-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/*.stdinput-wrapper-flex-wrap {
    flex-wrap: wrap;
}*/

.stdinput-wrapper-flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.stdinput {
    background: #f2f7fa;
    border: 1px solid #d1d6d9;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 1px #e6eaed;
    -moz-webkit-box-shadow: inset 0 2px 1px #e6eaed;
    box-shadow: inset 0 2px 1px #e6eaed;
    font-weight: 600;
    padding: 14px;
    width: 100%;
}

.stdinput-textarea {
    min-height: 180px;
}

.stdinput-file {
    padding: 11px;
}

.stdinput-no-right-radius {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.stdinput-no-left-radius {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.stdinput-no-right-border {
    border-right: 0;
}

.stdinput-no-left-border {
    border-left: 0;
}

.stdinput-flex-fix {
    min-width: 1%;
}

.stdinput-time {
    max-width: 85px;
    text-align: center;
}

.stdinput-center-text {
    text-align: center;
}

.stdinput-prebox {
    border: 1px solid #d1d6d9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    min-width: 50px;
    width: 50px;
}

.stdinput-prebox-time {
    background: url("../img/gfx/icons/time.png") center no-repeat #f2f7fa;
    margin-left: 10px;
}

.stdinput-left-spacing {
    margin-left: 10px;
}

.stdinput-side-button {
    border: 1px solid #d1d6d9;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    min-width: 50px;
    width: 50px;
}

.stdinput-side-button:hover {
    border-color: #c0c3c6;
}

.stdinput-side-button-calendar {
    background: url("../img/gfx/icons/calendar.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/calendar.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/calendar.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/calendar.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdinput-side-button-browse-folder {
    background: url("../img/gfx/icons/folder_explore.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/folder_explore.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/folder_explore.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/folder_explore.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdinput-side-button-search-web {
    background: url("../img/gfx/icons/world.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/world.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/world.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/world.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdinput-side-button-add {
    background: url("../img/gfx/icons/add.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/add.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/add.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/add.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdinput-side-button-delete {
    background: url("../img/gfx/icons/delete.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/delete.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/delete.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/delete.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdinput-side-button-copy {
    background: url("../img/gfx/icons/page_copy.png") center no-repeat, #f7fafc; /* Old browsers */
    background: url("../img/gfx/icons/page_copy.png") center no-repeat, -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: url("../img/gfx/icons/page_copy.png") center no-repeat, -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../img/gfx/icons/page_copy.png") center no-repeat, linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.stdinput-checkbox-right-spacing {
    margin-right: 10px;
}

.stdinput-label-box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #d0d5d8;
    color: #8b8b8b;
    flex: 0 0 auto;
    font-size: 0.63vw;
    font-weight: 600;
    padding: 0 20px;
    text-transform: uppercase;
}

.stdinput-label-box-right-radius {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.stdinput-checkbox-left {
    float: left;
    margin-right: 10px;
}

.stdinput-separator {
    font-weight: 700;
    padding: 14px;
}

/* Module: Info Box */

#l-content-wrapper > .infobox-section-wrapper {
    border-bottom: 1px solid #d0d5d8;
    margin: 20px;
    padding-bottom: 20px;
}

#l-content-wrapper > .infobox-section-wrapper:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.infobox-header-flex,
.infobox-section-wrapper-flex,
.infobox-content-flex,
.infobox-content-wrapper-flex,
.infobox-list-flex,
.infobox-list-item-flex,
.infobox-list-item-link-flex,
.infobox-wrapper-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.infobox-section-wrapper-flex .infobox-wrapper:nth-child(n+2) {
    margin-left: 20px;
}

.infobox-section-wrapper-spacing {
    padding: 20px;
}

.infobox-section-wrapper-no-top-spacing {
    padding: 0 20px 20px 20px;
}

.infobox-wrapper-flex-1,
.infobox-content-flex-1,
.infobox-content-box-flex-1,
.infobox-list-item-flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.infobox-wrapper-flex-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.infobox-wrapper-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.infobox-header {
    background: #f7f9fb; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f9fb 0%, #e9eff3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7f9fb 0%,#e9eff3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7f9fb 0%,#e9eff3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #d0d5d8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.infobox-header-dark-grey {
    background: #9b9b9b; /* Old browsers */
    background: -moz-linear-gradient(top,  #9b9b9b 0%, #7b7b7b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #9b9b9b 0%,#7b7b7b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9b9b9b 0%,#7b7b7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #6c6c6c;
}

.infobox-header-no-radius {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}

.infobox-header-heading {
    color: #8b8b8b;
    font-size: 0.63vw;
    font-weight: 700;
    line-height: 1;
    margin: 12px 25px;
    text-transform: uppercase;
}

.infobox-header-heading-white {
    color: #fff;
    text-shadow: 0 1px 0 #6c6c6c;
}

.infobox-close-button {
    background: url("../img/gfx/icons/close_grey.png") no-repeat;
    display: block;
    margin: 12px 15px 0 auto;
    padding: 6px;
}

.infobox-close-button:hover {
    background: url("../img/gfx/icons/close_dark_grey.png") no-repeat;
}

.infobox-content {
    background: #fff;
    border-bottom: 1px solid #d0d5d8;
    border-left: 1px solid #d0d5d8;
    border-right: 1px solid #d0d5d8;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.infobox-content-radius-all-corners {
    border-radius: 4px;
}

.infobox-content-full-border {
    border: 1px solid #d0d5d8;
}

.infobox-content-center-items {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.infobox-content-wrapper {
    border-bottom: 1px solid #d0d5d8;
}

.infobox-content-wrapper-no-border {
    border: 0;
}

.infobox-content-wrapper-border-top {
    border-top: 1px solid #d0d5d8;
}

.infobox-content-wrapper-spacing,
.infobox-content-spacing {
    padding: 20px;
}

.infobox-content-wrapper:last-child {
    border-bottom: 0;
}

.infobox-content-wrapper .infobox-content-box:first-child {
    border-left: 0;
}

.infobox-content-box {
    border-left: 1px solid #d0d5d8;
    padding: 25px;
}

.infobox-content-box-no-border {
    border: 0;
}

.infobox-content-box-no-spacing {
    padding: 0;
}

.infobox-content-box-device-list {
    margin-right: 78px;
    padding: 0;
    position: relative;
}

.infobox-company-logo {
    max-width: 242px;
    max-height: 242px;
}

.infobox-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.infobox-list-rounded-box {
    border: 1px solid #d0d5d8;
    border-radius: 4px;
}

.infobox-list-item {
    border-bottom: 1px solid #d0d5d8;
    line-height: 2;
    padding: 18px 25px;
}

.infobox-list-item:nth-of-type(even) {
    background: #f4f8fb;
}

.infobox-list-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.infobox-list-item-flex-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.infobox-list-item-flex-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.infobox-list-item-strong-text,
.infobox-list-item-link {
    font-weight: 600;
}

.infobox-list-item-link-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.infobox-list-item-less-padding-right {
    padding-right: 18px;
}

.infobox-list-item-account-manager {
    border-bottom: 0;
    border-right: 1px solid #d0d5d8;
    padding: 47px;
    text-align: center;
}

.infobox-list-item-account-manager:last-child {
    border-right: 0;
}

.infobox-list-item-img-wrapper {
    background: #fff;
    border: 1px solid #d0d5d8;
    border-radius: 50%;
    display: inline-block;
    padding: 6px;
}

.infobox-list-item-account-manager-info {
    padding-top: 44px;
}

.infobox-footer {
    background: #f4f8fb;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.infobox-footer-white {
    background: #fff;
}

.infobox-footer-spacing {
    padding: 25px;
}

.infobox-footer-spacing-less {
    padding: 20px;
}

.infobox-footer-border-top {
    border-top: 1px solid #d0d5d8;
}

/* Module: Small Horizontal Nav */

.small-horiz-nav {
    border: 1px solid #d0d5d8;
    border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.small-horiz-nav-item {
    border-left: 1px solid #d0d5d8;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
}

.small-horiz-nav-item:first-child {
    border-left: 0;
}

.small-horiz-nav-item:first-child .small-horiz-nav-item-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.small-horiz-nav-item:last-child .small-horiz-nav-item-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.small-horiz-nav-item-flex-1,
.small-horiz-nav-item-link-flex-1-center {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.small-horiz-nav-item-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7fafc; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #414141;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-weight: 600;
    padding: 10px 25px;
    text-decoration: none;
}

.small-horiz-nav-item-link:hover {
    text-decoration: underline;
}

.small-horiz-nav-item-link-active {
    background: #eceff0;
    box-shadow: inset 0 1px 1px #d5d7d8;
}

.small-horiz-nav-item-link-flex-1-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    padding: 14px 0;
}

/* Module: Scrollable Box Nav */

.scroll-box-nav-wrapper {
    border: 1px solid #d0d5d8;
    border-radius: 4px;
    display: inline-block;
    margin: 10px;
    max-height: 280px;
    overflow-y: auto;
    width: calc(100% - 20px);
}

.scroll-box-nav-heading {
    background: #f7fafc; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7fafc 0%, #edf4f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7fafc 0%,#edf4f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7fafc 0%,#edf4f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-top: 1px solid #d0d5d8;
    color: #8b8b8b;
    font-size: 0.73vw;
    font-weight: 500;
    margin: 0;
    padding: 15px 25px;
}

.scroll-box-nav-heading:first-child {
    border-top: 0;
}

.scroll-box-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.scroll-box-nav-item-link {
    border-top: 1px solid #d0d5d8;
    color: #4570b9;
    display: block;
    font-weight: 600;
    padding: 15px 25px;
    text-decoration: none;
}

.scroll-box-nav-item-link:hover {
    background: #f4f8fb;
    text-decoration: underline;
}

/* Module: Standard Table */

.std-table-wrapper {
    padding: 20px;
}

.std-table-wrapper-no-vert-spacing {
    padding-bottom: 0;
    padding-top: 0;
}

.std-table-wrapper:last-child {
    padding-bottom: 20px;
}

.std-table {
    border: 1px solid #d0d5d8;
    border-collapse: separate;
    border-radius: 4px;
    table-layout: fixed;
    width: 100%;
}

.std-table-standard-width {
    width: auto;
}

.std-table-no-top-radius {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.std-table-header {
    color: #8b8b8b;
    font-size: 0.63vw;
    font-weight: 700;
    text-transform: uppercase;
}

.std-table-header-item {
    background: #f7f9fb; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f9fb 0%, #e9eff3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7f9fb 0%,#e9eff3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7f9fb 0%,#e9eff3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-bottom: 1px solid #d0d5d8;
    padding: 10px;
    text-align: left;
}

.std-table-header-item-low-height {
    padding: 8px;
}

.std-table-header-item-separator,
.std-table-body-item-separator {
    border-right: 1px solid #d0d5d8;
}

.std-table-header-item:first-child,
.std-table-body-item:first-child,
.std-table-footer-item:first-child {
    padding-left: 20px;
}

.std-table-header-item-separator:first-child,
.std-table-body-item-separator:first-child {
    padding-left: 8px;
}

.std-table-header-item-separator:last-child,
.std-table-body-item-separator:last-child {
    border-right: 0;
}

.std-table-body:nth-child(odd) {
    background: #f4f8fb;
}

.std-table-header-item:first-child {
    border-top-left-radius: 4px;
}

.std-table-header-item:last-child {
    border-top-right-radius: 4px;
}

.std-table-header-item-icon-button {
    width: 62px;
}

.std-table-header-item-icon-button:first-child {
    width: 72px;
}

.std-table-header-item-icon {
    width: 45px;
}

.std-table-header-item-article-col {
    width: 35%;
}

.std-table-body {
    background: #fff;
}

.std-table-body:last-child .std-table-body-item {
    border-bottom: none;
}

.std-table-body:last-child .std-table-body-item:first-child {
    border-bottom-left-radius: 4px;
}

.std-table-body:last-child .std-table-body-item:last-child {
    border-bottom-right-radius: 4px;
}

.std-table-body-row-grey {
    background: #f4f8fb;
}

.std-table-body-row-clickable:hover {
    cursor: pointer;
}

.std-table-body-row-clickable:hover .std-table-body-item-link {
    text-decoration: underline;
}

.std-table-body-item {
    border-bottom: 1px solid #d0d5d8;
    padding: 20px 10px;
}

.std-table-body-item-low-height {
    padding: 8px;
}

.std-table-body-item-link {
    color: #4570b9;
    font-weight: 600;
    text-decoration: none;
}

.std-table-body-item-link:hover {
    text-decoration: underline;
}

.std-table-highlighted-text {
    font-weight: 600;
}

.std-table-small-uppercase-text {
    color: #8b8b8b;
    font-size: 0.63vw;
    font-weight: 600;
    text-transform: uppercase;
}

.std-table-footer {
    background: #f4f8fb;
}

.std-table-footer-no-background {
    background: transparent;
}

.std-table-footer-item {
    padding: 20px 0;
}

.std-table-footer-item:first-child {
    border-bottom-left-radius: 4px;
}

.std-table-footer-item:last-child {
    border-bottom-right-radius: 4px;
}

.std-table-footer-item-small-horiz-spacing {
    padding-left: 10px;
    padding-right: 10px;
}

/* Module: Breadcrumbs */

.breadcrumbs-nav {
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 18px;
    font-size: 0.94vw;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.breadcrumbs-nav .breadcrumbs-nav-item:nth-child(n+2):before {
    content: "keyboard_arrow_right";
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    padding: 0;
    position: absolute;
    text-transform: none;
    top: 36%;
    word-wrap: normal;
    white-space: nowrap;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;

    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

.breadcrumbs-nav .breadcrumbs-nav-item:nth-child(n+2) .breadcrumbs-nav-item-link {
    padding-left: 40px;
}

.breadcrumbs-nav-item-link {
    color: #8b8b8b;
    display: block;
    font-size: 14px;
    font-size: 0.73vw;
    padding: 33px 18px 33px 33px;
    text-decoration: none;
}

.breadcrumbs-nav-item-link:hover {
    text-decoration: underline;
}

.breadcrumbs-nav-item-link-current {
    background: #fff;
    color: #5e5e5e;
    font-size: 18px;
    font-size: 0.94vw;
    font-weight: 600;
    padding: 30px 20px 30px 30px;
}

.breadcrumbs-nav-item-link-current:hover {
    text-decoration: none;
}

/* Module: Sub Page Nav */

.sub-page-nav-wrapper {
    background: #fff;
    border-bottom: 1px solid #d0d5d8;
    padding-left: 1px
}

.sub-page-nav {
    background: #fafbfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafbfc 0%, #ecf1f4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fafbfc 0%,#ecf1f4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fafbfc 0%,#ecf1f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: inset 0 -1px 0 #d0d5d8;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
}

.sub-page-nav-item-link {
    border-right: 1px solid #d0d5d8;
    color: #5e5e5e;
    display: block;
    font-weight: 600;
    min-width: 180px;
    padding: 28px 0;
    text-align: center;
    text-decoration: none;
}

.sub-page-nav-item-link:hover {
    text-decoration: underline;
}

.sub-page-nav-item-link-current {
    background: #fff;
    color: #32b445;
    position: relative;
}

.sub-page-nav-item-link-current:before {
    border: 2px solid #32b445;
    content: "";
    left: -1px;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px);
}

.sub-page-nav-item-link-current:hover {
    text-decoration: none;
}

/* Module: Standard Module Components */

.std-module-wrapper {
    background: #fff;
    border: 1px solid #d0d5d8;
    border-radius: 4px;
    margin: 20px;
}

.std-module-wrapper:last-child {
    margin-bottom: 20px;
}

.std-module-wrapper-no-bottom-spacing {
    margin-bottom: 0;
}

.std-module-wrapper-no-bottom-radius {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.std-module-header {
    background: #fff;
    border-bottom: 1px solid #d0d5d8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 20px;
}

.std-module-wrapper-no-bottom-border,
.std-module-header-no-bottom-border {
    border-bottom: 0;
}

.std-module-header-heading {
    color: #5e5e5e;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.94vw;
    font-weight: 500;
    margin-left: 20px;
}

/* Module: Standard Pagination */

.std-pagination-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 20px;
}

.std-pagination-wrapper-no-spacing {
    margin: 0;
}

.std-pagination {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.std-pagination-item {
    margin-right: 20px;
}

.std-pagination-item:last-child {
    margin-right: 0;
}

.std-pagination-item-link {
    background: #eaf0f4;
    border: 1px solid #d0d5d8;
    border-radius: 4px;
    color: #949799;
    display: block;
    font-weight: 600;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: 50px;
}

.std-pagination-item-link:hover {
    background: #fff;
    color: #5e5e5e;
    text-decoration: none;
}

.std-pagination-item-link-current {
    background: #fff;
    color: #5e5e5e;
}

.std-pagination-backward,
.std-pagination-forward {
    border-radius: 4px;
    display: block;
    width: 50px;
}

.std-pagination-backward:hover,
.std-pagination-forward:hover {
    background-color: #fff;
}

.std-pagination-backward {
    background: url("../img/gfx/icons/arrow_left_greyblue.png") no-repeat center, #eaf0f4;
    border: 1px solid #d0d5d8;
}

.std-pagination-forward {
    background: url("../img/gfx/icons/arrow_right_greyblue.png") no-repeat center, #eaf0f4;
    border: 1px solid #d0d5d8;
}

/* Module: Comments */

.comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comments-item,
.comments-item-metadata {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.comments-item {
    border-bottom: 1px solid #d0d5d8;
}

.comments-item:nth-child(even) {
    background: #f4f8fb;
}

.comments-item:last-child {
    border-bottom: 0;
}

.comments-item-metadata {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 350px;
    padding: 20px;
}

.comments-item-user-pic-wrapper,
.comments-item-user-pic {
    border-radius: 50%;
}

.comments-item-user-pic-wrapper {
    border: 1px solid #d0d5d8;
    display: inline-block;
    padding: 5px;
}

.comments-item-user-info {
    padding: 10px 20px;
}

.comments-item-post-date,
.comments-item-author-position {
    color: #8f9294;
    font-size: 0.63vw;
    font-weight: 600;
    text-transform: uppercase;
}

.comments-item-post-date {
    border-bottom: 1px solid #d0d5d8;
    padding-bottom: 5px;
}

.comments-item-author {
    margin: 5px 0 0;
    padding: 0;
}

.comments-item-author-link {
    color: #4570b9;
    font-weight: 600;
    text-decoration: none;
}

.comments-item-author-link:hover {
    text-decoration: underline;
}

.comments-item-post-wrapper {
    height: 100%;
    padding: 20px 20px 20px 0;
}

.comments-item-post {
    background: #fff;
    border: 1px solid #d0d5d8;
    border-radius: 4px;
    flex: 3;
    margin: 20px 20px 20px 0;
    padding: 20px;
    position: relative;
}

.comments-item-post:after, .comments-item-post:before {
    border: solid transparent;
    bottom: calc(50% - 8px);
    content: "";
    left: -7px;
    position: absolute;
    pointer-events: none;
}

.comments-item-post:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.comments-item-post:before {
    border-color: rgba(208, 213, 216, 0);
    border-right-color: #d0d5d8;
    border-width: 8px;
    margin-left: -9px;
}

.comments-item-post > p:first-child {
    margin-top: 0;
}

.comments-item-post > p:last-child {
    margin-bottom: 0;
}

/* Module: Droplist */

.droplist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.droplist-top-spacing {
    padding-top: 5px;
}

.droplist-bottom-spacing {
    padding-bottom: 5px;
}

.droplist-item-wrapper {
    border-bottom: 1px solid #d0d5d8;
}

.droplist-item-wrapper-spacing {
    padding: 20px;
}

.droplist-item-link {
    background: url("../img/gfx/arrow_grey_down_nostyle.png") right 20px center no-repeat, #f7fafc;
    background: url("../img/gfx/arrow_grey_down_nostyle.png") right 20px center no-repeat, -moz-linear-gradient(top, #f7fafc 0%, #edf4f8 100%);
    background: url("../img/gfx/arrow_grey_down_nostyle.png") right 20px center no-repeat, -webkit-linear-gradient(top, #f7fafc 0%,#edf4f8 100%);
    background: url("../img/gfx/arrow_grey_down_nostyle.png") right 20px center no-repeat, linear-gradient(to bottom, #f7fafc 0%,#edf4f8 100%);
    border-bottom: 1px solid #d0d5d8;
    border-top: 1px solid #d0d5d8;
    color: #414141;
    display: block;
    font-weight: 600;
    line-height: 1;
    margin-top: -1px;
    position: relative;
    text-decoration: none;
}

.droplist-item-link:hover {
    border-color: #c0c3c6;
    text-decoration: none;
    z-index: 5;
}

.droplist-item-link-active {
    background: url("../img/gfx/arrow_grey_up_nostyle.png") right 20px center no-repeat, #f7fafc;
    background: url("../img/gfx/arrow_grey_up_nostyle.png") right 20px center no-repeat, -moz-linear-gradient(top, #f7fafc 0%, #edf4f8 100%);
    background: url("../img/gfx/arrow_grey_up_nostyle.png") right 20px center no-repeat, -webkit-linear-gradient(top, #f7fafc 0%,#edf4f8 100%);
    background: url("../img/gfx/arrow_grey_up_nostyle.png") right 20px center no-repeat, linear-gradient(to bottom, #f7fafc 0%,#edf4f8 100%);
}

.droplist-item-link-no-spacing {
    padding: 0;
}

.droplist-item-link-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.droplist-item-link-item {
    border-right: 1px solid #d0d5d8;
    color: #414141;
    display: block;
    padding: 21px 32px;
}

.droplist-item-link-item:last-child {
    border-right: 0;
}

.droplist-item-link:hover .droplist-item-link-item:nth-child(2) {
    text-decoration: underline;
}

.droplist-item-link-item-title-box {
    background: #f0f3f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f3f4 0%, #dee3e6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f0f3f4 0%,#dee3e6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f0f3f4 0%,#dee3e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-width: 170px;
    text-align: center;
}

.droplist-item-link-item-title-box-no-min-width {
    min-width: 0;
}

.droplist-item-link-item-icon-button-spacing {
    padding: 21px 30px 21px 55px;
}

.droplist-item-link-item-subtle-text {
    color: #8b8b8b;
}

.droplist-item-link-delete-box {
    padding-left: 55px;
}

/* Module: Search Dropdown */

.search-dropdown {
    left: -1px;
    position: absolute;
    top: 75px;
    width: calc(100% + 2px);
}

.search-dropdown-heading {
    background: #202839;
    border-bottom: 1px solid #1c2331;
    color: #fff;
    font-size: 0.63vw;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 20px;
}

.search-dropdown-list {
    border-bottom-left-radius: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1;
}

.search-dropdown-list-item-link {
    background: #2a3549;
    border-bottom: 1px solid #1c2331;
    -webkit-box-shadow: inset 0 1px 0 #303d54;
    -moz-box-shadow: inset 0 1px 0 #303d54;
    box-shadow: inset 0 1px 0 #303d54;
    color: #8ea0c1;
    display: block;
    font-weight: 600;
    padding: 16px 22px;
    text-decoration: none;
    text-shadow: 0 1px 0 #1c2331;
}

.search-dropdown-list-item-link:hover {
    background: #303d55;
    -webkit-box-shadow: inset 0 1px 0 #374662;
    -moz-box-shadow: inset 0 1px 0 #374662;
    box-shadow: inset 0 1px 0 #374662;
    text-decoration: none;
    transition: all 0.3s ease-out;
}

.search-dropdown-list:last-child .search-dropdown-list-item:last-child .search-dropdown-list-item-link {
    border-color: #141821;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Module: Tooltip */

.tooltip {
    position: relative;
}

.tooltip .tooltip-text {
    background: #000;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    z-index: 1;
}

.tooltip-text:after {
    border-style: solid;
    border-width: 5px;
    content: " ";
    height: 0;
    position: absolute;
    pointer-events: none;
    width: 0;
}

.tooltip-text-left {
    margin-right: 5px;
    right: 105%;
    top: -5px;
}

.tooltip-text-left:after {
    border-color: transparent transparent transparent black;
    top: 50%;
    left: 100%;
    margin-top: -5px;
}

.tooltip-text-right {
    left: 105%;
    margin-left: 5px;
    top: -5px;
}

.tooltip-text-right:after {
    border-color: transparent black transparent transparent;
    margin-top: -5px;
    right: 100%;
    top: 50%;
}

.tooltip-text-top {
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translate(-50%);
}

.tooltip-text-top:after {
    border-color: black transparent transparent transparent;
    left: 50%;
    margin-left: -5px;
    top: 100%;
}

.tooltip-text-bottom {
    left: 50%;
    top: calc(100% + 5px);
    transform: translate(-50%);
}

.tooltip-text-bottom:after {
    border-color: transparent transparent black transparent;
    left: 50%;
    margin-left: -5px;
    bottom: 100%;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
}

.std-table-body-row:hover .tooltip-assignment {
  display:block;
}

.tooltip-assignment{
  display:none;
}

/* Module: Customer Map */

#customer-map {
    height: 100%;
}

/* Module: Copyright */

.copyright-box {
    color: #a9aaab;
    padding-left: 40px;
    line-height:46px;
    text-shadow: 0 1px 0 #fff;
}

.copyright-licensed-by-box {
    background: #9a9b9c;
    border-radius: 4px;
    color: #fff;
    /*height: 20px;*/
    margin: 10px 0 10px auto;
    padding: 0 5px;
    text-shadow: 0 1px 0 #767676;
}

/* Module: Spinner */

.spinner-article-count {
    width: 25px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Responsive Styles */
@media only screen and (max-width: 600px) {
    body {
        font-size: 16px; /* Adjust base font size for readability */
        line-height: 1.5;
    }

    .hide-mobile {
        display:none;
    }

    #l-header, #l-footer {
        text-align: center;
    }

    #l-column-1, #l-column-2 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .quicksearch {
        width: 100%;
        padding: 10px 0;
    }

    .quicksearch-textinput {
        width: calc(100% - 40px); /* Full width minus padding */
        padding: 10px 20px;
    }

    .usernav, .dropdown {
        width: 100%;
        padding: 10px 0;
    }

    .content-header-heading {
        font-size: 18px; /* Increase heading size */
        padding: 20px 10px;
    }

    .loginbox {
        width: 90%;
        margin: 20px auto; /* Center align and add margin */
    }

    .econmonitor-content, .econmonitor-chart-wrapper, .econmonitor-table {
        padding: 10px;
    }

    .econmonitor-chart-canvas {
        height: 200px; /* Adjust chart height */
    }

    .stdinput, .stdinput-textarea, .stdinput-wrapper {
        width: 100%;
        padding: 10px;
    }

    .std-table {
        width: 100%;
        font-size: 14px; /* Adjust font size for tables */
    }

    .std-table-header-item, .std-table-body-item, .std-table-footer-item {
        padding: 10px;
    }

    .comments-item, .comments-item-metadata, .comments-item-post-wrapper, .comments-item-post {
        padding: 10px;
        flex-direction: column; /* Stack comments vertically */
    }

    .breadcrumbs-nav .breadcrumbs-nav-item-link, .breadcrumbs-nav .breadcrumbs-nav-item-link-current {
        padding: 10px;
        font-size: 14px; /* Adjust breadcrumb font size */
    }

    .sub-page-nav-item-link {
        min-width: auto;
        padding: 10px;
    }

    .std-module-wrapper, .std-module-header {
        margin: 10px;
        padding: 10px;
    }

    .std-pagination-wrapper {
        flex-direction: column; /* Stack pagination vertically */
    }

    .std-pagination-item, .std-pagination-item-link {
        margin: 5px 0;
    }

    .infobox-section-wrapper {
        padding: 10px;
        margin: 10px;
    }

    .infobox-list-item {
        padding: 10px;
    }

    .infobox-list-item-link, .droplist-item-link, .search-dropdown-list-item-link {
        padding: 10px;
    }

    .tooltip .tooltip-text {
        width: auto;
        padding: 5px;
    }

    /* Fixed font size for elements with vw font size */
    body,
    .nav-heading,
    .content-header-heading,
    .loginbox-form-heading,
    .breadcrumbs-nav-item-link,
    .breadcrumbs-nav-item-link-current,
    .search-dropdown-heading,
    .std-table-header-item,
    .econmonitor-table-header-item,
    .comments-item-post-date,
    .comments-item-author-position,
    .scroll-box-nav-heading {
        font-size: 10px !important; /* Override vw font-size with a fixed font size */
    }

    /* Broad selectors targeting inline styles and all elements within the body */
    *[style*="font-size:"] {
        font-size: 10px !important; /* Override vw font-size with a fixed font size */
    }
    
    body * {
        font-size: 10px !important; /* Force a fixed font size on all elements */
    }
}