/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/


/* DataTables Override */
.dataTables_wrapper .dataTables_paginate {
    float: none!important;
    text-align: unset!important;
    padding-top: 0!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px!important;
    margin-left: 0px!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid transparent!important;
    background: unset!important;
    background-color: unset!important;
}


/* @group Base */
.chosen-container {
    position: relative;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: block;
}
.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
    top: calc(100% + 6px);
    left: initial;
    right: 0;
    border: 1px solid #DADADA;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.chosen-container a {
    cursor: pointer;
}

/* @end */
/* @group Single Chosen */

.chosen-container-single {
    background: #fff;
    padding: 8px;
    border-radius: 25px;
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    height: 24px;
    /*background-color: #fff;*/
    /*background-clip: padding-box;*/
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0;
}
.chosen-container-single .chosen-default {
    color: #999;
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../backend/img/png/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
    position: absolute;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
    top: -3px;
}
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../backend/img/png/chosen-sprite-w.png');
    background-position: 0 6px;
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    white-space: nowrap;
    padding: 15px;
    border-bottom: 1px solid #EEE;
}
.chosen-container-single .chosen-search input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('../backend/img/png/chosen-sprite.png') no-repeat 100% -20px;
    background: url('../backend/img/png/chosen-sprite.png') no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    width: 300px;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 400px;
    -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    list-style: none;
    line-height: 15px;
    -webkit-touch-callout: none;
    padding: 10px 15px;
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}
.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
    padding: 5px 10px;
}
.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}
.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    -moz-box-sizing: border-box;
    cursor: text;
    height: auto !important;
    margin: 0;
    min-height: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 6px;
    border: 1px solid #C0C0C0;
    border-radius: 3px;
    background: #FFF;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 5px;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../backend/img/png/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 6px;
}
.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}
.chosen-disabled .chosen-single {
    cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}
.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}
.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}
.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}
.chosen-rtl .chosen-choices li {
    float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: white url('../backend/img/png/chosen-sprite.png') no-repeat -30px -20px;
    background: url('../backend/img/png/chosen-sprite.png') no-repeat -30px -20px;
    direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url('../backend/img/png/chosen-sprite@2x.png') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}
/* @end */



/* CUSTOM CSS GOES HERE */

/*// ----------------------------------------------*/
/*// Chosen Container Multi*/


.chosen-container .chosen-results li.group-result:first-child {
    padding-top: 15px;
}

li.active-result.group-option.highlighted {
    background: none;
    color: #FD7F15;
}

/*// ----------------------------------------------*/

@media screen and (max-width: 414px) {
    .chosen-container-single .chosen-single div b {
        background: url('../backend/img/png/chosen-sprite-w.png');
        background-position: 0 16px;
    }

    .chosen-container-active.chosen-with-drop .chosen-single div b {
        background-position: -18px 16px;
    }
}

/*---------- additional css from the custom.scss for settings account menu */
.nav.navbar_account .badge > .name {
    padding: 1px 8px;
    font-size: 0.9em;
    max-width: 110px;
    overflow-x: hidden;

}

@media screen and (min-width: 375px) {
    .nav.navbar_account.accAbove10 .badge > .name {
        max-width: 155px;
    }
}

@media screen and (min-width: 550px) {
    .nav.navbar_account.accAbove10 .badge > .name {
        max-width: 200px;
    }
}


.nav.navbar_account.accAbove10 > li {
    padding: 0;
}
.nav.navbar_account.accAbove10 > li > a {padding: 0 3px;}
.nav.navbar_account.accAbove10 > li .dropdown-menu {top:47px;}
.nav.navbar_account.accAbove10 .chosen-container.chosen-with-drop .chosen-drop {
    top: 38px;
}
.nav.navbar_account.accAbove10 .dropdown-alerts {width: inherit;}
.nav.navbar_account.accAbove10 .dropdown-toggle {padding: 0 !important;}

.nav.navbar_account.accAbove10 .dropdown .chosen-container {width: inherit !important;}

.nav.navbar_account.accAbove10 .trial-label {
    color:#9e9e9e;font-style: italic; font-size: 11px;
}

.nav.navbar_account.accAbove10 .badge > .name,
.nav.navbar_account.accAbove10 .chosen-container .chosen-single > span {
    line-height: 1.7;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    max-width: 145px;
    padding: 0;
}

.chosen-container-single .chosen-single > div > b {
    background-image: none;
    display: block;
    width: 0;
    height: 0;
    margin-left: -3px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #2c2e8b;
    margin-top: 9px;
}

.chosen-container-single .chosen-single > div {
    padding: 1px 2px 1px 5px;
    position: inherit;
    right: inherit;
    top: 0;
    width: 21px;
}

.nav.navbar_account .chosen-container .chosen-single {
    padding:0 12px;

}

.nav.navbar_account .chosen-container .chosen-single > span {
    margin-top:2px;
    font-weight: bold;
    color:#2C2E8B;
    margin-right:5px;
}

.nav.navbar_account .chosen-container .chosen-results {
    text-align: left;
}

.nav.navbar_account .chosen-select {
    max-width:145px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single > span,
.chosen-container-single .chosen-single > div {
    float: left;
    height: 23px;
}

.nav-item .b-avatar {
    color: #2C2E8B;
    font-size: 18px;
    font-weight: bold;
}

/*less then 10 accounts*/

.nav.navbar_account.accAbove10 .badge {
    background-color: #fff;
    padding: 9px 24px;
    color: #2C2E8B;
    border-radius: 25px !important;
    font-weight: 700;
}

.nav.navbar_account .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.navbar-expand .navbar-nav .dropdown-menu {
    left:inherit;
    right:0;
}

.navbar-expand .navbar-nav .dropdown-menu.dropdown-menu-settings {
    right: inherit;
}
.nav-pills-w-icon .fab,
.dropdown-w-icon .fab,
.nav-pills-w-icon .fa,
.dropdown-w-icon .fa,
.nav-pills-w-icon .bi,
.dropdown-w-icon .bi {
    width: 20px;
    text-align: center;
    margin-right:0.5rem;
}

/* secondary nav */
.atx-navbar-secondary .btn-border-bottom {
    border: 0;
    border-bottom: 5px solid var(--atx-grey-2);
    border-radius: 0px;
    transition: all 0.5s ease-in-out;
    font-weight: 400 !important;
    color: var(--atx-grey-3);
}

.atx-navbar-secondary .btn-border-bottom:focus {
    outline: 0;
    box-shadow: none;
}

.atx-navbar-secondary .btn-border-bottom:last-child:hover,
.atx-navbar-secondary .btn-border-bottom:last-child.active {
    border-bottom: 5px solid var(--atx-blue-2) !important;
    background-color: transparent !important;
    color: var(--atx-blue-2) !important;
}

.atx-navbar-secondary .btn-border-bottom:not(:last-child):hover,
.atx-navbar-secondary .btn-border-bottom:not(:last-child).active
{
    border-bottom: 5px solid var(--atx-blue-2) !important;
    background-color: transparent !important;
    color: var(--atx-blue-2) !important;
}

.min-h-500 {
    min-height:500px;
}

@media (min-width: 768px) {

    .settings-col-left {
        z-index:1;
    }

    .settings-col-left .nav-link {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .settings-col-right {
        margin-left:-1px;
    }
}

.page-team-settings .search-input-container .bi-search,
.page-team-settings .search-input-container .bi-filter,
.page-backendbilling .search-input-container .bi-search{
    position: absolute;
    left: 25px;
    top: 49%;
    transform: translateY(-50%);
    color: #999;
}

.page-team-settings .search-input-container input,
.page-backendbilling .search-input-container input {
    padding-left: 40px;
    padding-right: 30px;
}

.page-team-settings .search-input-container .bi-x,
.page-backendbilling .search-input-container .bi-x {
    font-size: 24px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 52%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
}

.page-team-settings #team-name-search,
.page-team-settings #account-user-search,
.page-backendbilling #team-name-search {
    height: 48px;
    border: 2px solid #d8d8d8;
}

.text-underline {
    text-decoration: underline;
}
.no-caret::after {
    display: none;
}

.navbar-expand .navbar-nav .dropdown-menu.dropdown-menu-whats-new {
    right: inherit;
}

#whats-new-navbar-dropdown .dropdown-menu {
    width: 300px;
    white-space: normal;
}

#whats-new-navbar-dropdown .dropdown-item {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
}

#whats-new-navbar-dropdown .dropdown-item:hover,
#whats-new-navbar-dropdown .dropdown-item:focus {
    background-color: var(--atx-blue-1);
    color: var(--atx-blue-3);
}

#whats-new-navbar-dropdown .animated-dot {
    transform-origin: center;
    animation: 5s 1 atx-pulse ease-in-out forwards;
}

#whats-new-navbar-dropdown .animated-background-dot {
    transform-origin: center;
    animation: 5s 1 atx-pulse-big ease-in-out forwards;
}

#whats-new-navbar-dropdown .background-icon {
    position: absolute;
    top: 0;
    left: 0;
}

#whats-new-navbar-dropdown .foreground-icon {
    position: absolute;
    top: 3px;
    right: -16px;
}

@-moz-document url-prefix() {
    .notification-wrapper {
        transform: translate(0px, 14px); /* Adjust to fix the 14px issue */
    }
}

@keyframes atx-pulse {
    0% {
        opacity: 1;
        transform: scale(0.5); /* Start scaled down */
    }
    20% {
        opacity: 1;
        transform: scale(1); /* Scale up */
    }
    40% {
        opacity: 1;
        transform: scale(0.5); /* Scale down */
    }
    60% {
        opacity: 1;
        transform: scale(1); /* Scale up again */
    }
    80% {
        opacity: 1;
        transform: scale(0.5); /* Scale down again */
    }
    100% {
        opacity: 1;
        transform: scale(1); /* End at full scale */
    }
}

@keyframes atx-pulse-big {
    0% {
        opacity: 0.6;
        transform: scale(0.5);
    }
    20% {
        opacity: 0.2;
        transform: scale(1.2);
    }
    21% {
        opacity: 0.1;
        transform: scale(0);
    }
    40% {
        opacity: 0.6;
        transform: scale(0.5);
    }
    60% {
        opacity: 0.2;
        transform: scale(1.2);
    }
    61% {
        opacity: 0.1;
        transform: scale(0);
    }
    80% {
        opacity: 0.6;
        transform: scale(0.5);
    }
    95% {
        opacity: 0.2;
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}


.notify {
  display: none;
  position: fixed;
  z-index: 1100;
  width: 100%;
  max-width: 400px;
}

[data-notify-state='active'] {
  display: block;
}

.notify_item {
  margin: 10px;
  padding: 20px;
  line-height: 1.3;
  transition: all 250ms ease-out;
}

.notify_item--right { transform: translate3d(450px, 0, 0); }
.notify_item--left  { transform: translate3d(-450px, 0, 0); }

[data-notify-item-state='slide-in'] {
  transform: translate3d(0, 0, 0);
}

[data-notify-item-state='fade-out'] {
  transform: translate3d(0, 0, 0);
  opacity: 0;
}

.notify_item--persist {
  position: relative;
  padding-right: 50px;
}

.notify_item-close {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: grey;
  color: #FFF;
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  transform: translateY(-50%);

}

.notify_item-close:hover,
.notify_item-close:active {
  background: grey;
  color: #FFF;
}


.notify_item {
  border-left: 10px solid #000;
  border-radius: 3px;
  background: #FFF;
  box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.1),
      0 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 16px;
}

.notify_item--danger  { border-left-color: #c83632; }
.notify_item--help    { border-left-color: #b197fc; }
.notify_item--info    { border-left-color: #228ae6; }
.notify_item--success { border-left-color: #40c057; }
.notify_item--warn    { border-left-color: #fcc419; }

[type='radio'][disabled]+label,
[type='checkbox'][disabled]+label {
    color: #6c757d;
}

a.disabled {
    pointer-events: none;
}

.table-cogs th,
.table-cogs td,
.table-valign-center th,
.table-valign-center td {
    vertical-align: middle;
}

.table-cogs th {
    width:230px;
    font-weight: normal;
}

h3.popover-header {
    line-height:18px;
}

.alert p:last-of-type {
    margin-bottom:0;
}

.box-status {
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0.75rem;
    border-top-right-radius: 12px;
}


.list-checked li i {
    left: 4px;
    top: 4px;
}

.btn_quickbooks_connect {
    width: 200px;
    height: 35px;
    padding: 0;
    border: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/assets/backend/img/svg/c2qb_green_btn_tall_default.svg');
}

.btn_quickbooks_connect:hover {
    background-image: url('/assets/backend/img/svg/c2qb_green_btn_tall_hover.svg');
}

.btn-settle-sync {
    background: #518473;
    border-color: #518473;
    color: #fff;
    border-radius: 4px!important;
}

.btn-settle-sync:hover,
.btn-settle-sync:focus {
    color: #fff;
    background: #325a4d;
    border-color: #325a4d;
}

/**
Select 2 starts
 */
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 4px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}
.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}
.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
    border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.w-230,
#upCost .select2-container {
    width:230px!important;
}

/**
Select 2 ends
 */

#costs-spreadsheet .ht_master tr:nth-of-type(even) > td {
    background-color: #edf3ff;
}

@media screen and (max-width:768px) {
    .dropdown-menu-settings-mobile {
        transform:translate3d(0px, -5px, 0px)!important;
    }
}
/* Morris 0.4.3 */

.morris-hover {
    position: absolute;
    z-index: 1000;
}

.morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #666;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px rgba(230, 230, 230, 0.8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: bold;
    margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: 0.1em 0;
}

/* Utility classes */

.word-break-break-all {
    word-break: break-all;
}

/*mappings sticky button (old mappings)*/


.action-group.sticky-action-group {
    position: fixed;
    bottom: 0;
    background: white;
    max-width: 1218px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #dadada;
    z-index:300;
    transition:all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding:15px!important;
}

@media screen and (max-width:1550px) {
    .action-group.sticky-action-group {
        right: 33px;
        left: 33px;
        max-width: 100%;
        width: auto;
    }
}

/*mappings optimized page list view*/

.page-mapping-optimized .input-box {
    position:relative;
}
.page-mapping-optimized .list {
    display:none;
    position:absolute;
    background: #fff;
    padding: 5px;
    border: 1px solid #dadada;
    width: 303px;
    border-top: 0;
    font-size: 12px;
    max-height: 200px;
    overflow-y: scroll;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    z-index:9999;
    width:100%;
}

.page-mapping-optimized .list li {
    padding:5px;
    font-size:14px;
}

.page-mapping-optimized .list li:hover {
    background:#228ae6;
    color:#fff;
}

.page-mapping-optimized .list .value {
    display:none;
}

.page-mapping-optimized .list.active {
    display:block;
}

.font-scale-1-2 {
    font-size:120%;
}

.bg-transparent {
    background-color: transparent;
}

.max-w-100 {
    max-width: 100%;
}


#mainTable_filter input[type="search"] {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#mainTable_filter input[type="search"]:focus {
    outline: none;
}

/* Loading */
/* stylelint-disable-next-line selector-max-specificity */
#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #DDD;
    z-index: 2147483051;
    text-align: center;
}


/* Spinner */

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1);
       }
}

.spinner {
    width: 50px;
    height: 40px;
    margin: 20% auto;
    font-size: 10px;
    text-align: center;
}

.spinner > div {
    display: inline-block;
    width: 6px;
    height: 100%;
    background-color: #333;
    animation: sk-stretchdelay 1200ms infinite ease-in-out;
}

.spinner .rect2 {
    animation-delay: -1100ms;
}

.spinner .rect3 {
    animation-delay: -1000ms;
}

.spinner .rect4 {
    animation-delay: -900ms;
}

.spinner .rect5 {
    animation-delay: -800ms;
}

/* DatePicker */

.datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#777}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616}.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#777}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;border-width:1px 0;margin-left:-5px;margin-right:-5px}

/* Video Modal */

.how-to-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.how-to-video-container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.progressRing {
    position: relative;
    height: 24px;
}

.progressRing svg {
    transform: rotate(-90deg);
    position: absolute;
    top: -4px;
    left: 10px;
}

.progressRing .percent {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
}

.progressWrapper {
    display: block;
    line-height: 1;
}

button[aria-expanded='true'] > .expand-chevron:before {
    transform: rotate(-180deg);
}

.accordion button:focus,
.accordion button:active {
    outline: none;
    box-shadow: none;
}

/* Card header and chevron up down css */
.card-header[data-toggle] {
    cursor: pointer;
}

.card-header.collapsed > .toggle-control .bi-chevron-up,
.card-header > .toggle-control .bi-chevron-down,
.card-header.collapsed > .toggle-control .toggle-less,
.card-header > .toggle-control .toggle-more {
    display: none !important;
}

.card-header.collapsed > .toggle-control .bi-chevron-down,
.card-header > .toggle-control .bi-chevron-up,
.card-header.collapsed > .toggle-control .toggle-more,
.card-header > .toggle-control .toggle-less {
    display: block !important;
}

/*mappings optimized page list view*/

.data-option-selects .input-box,
.page-mapping-classic .input-box {
    position:relative;
}

.data-option-selects .input-box input,
.page-mapping-classic .input-box input {
    cursor: pointer;
    padding-right:40px;
}
 
.data-option-selects .list,
.page-mapping-classic .list {
    display:none;
    position:absolute;
    background: #fff;
    padding: 5px;
    border: 1px solid #dadada;
    width: 303px;
    border-top: 0;
    font-size: 12px;
    max-height: 200px;
    overflow-y: scroll;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    z-index:9999;
    width:100%;
}

.data-option-selects .list li,
.page-mapping-classic .list li {
    padding:5px;
    font-size:14px;
}
.data-option-selects .list li:hover,
.page-mapping-classic .list li:hover {
    background:#228ae6;
    color:#fff;
}
.data-option-selects .list .value,
.page-mapping-classic .list .value {
    display:none;
}
.data-option-selects .list.active,
.page-mapping-classic .list.active {
    display:block;
}

.opener.position-absolute {
    right: 15px;
    top: 8px;
    pointer-events: none;
}

.ellipsis-text-15 {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis-text-35 {
    max-width: 310px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

/** SSO BUTTONS **/

.gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 2px solid #747775;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    /*font-family: 'Roboto', arial, sans-serif;*/
    font-size: 15px;
    height: 48px;
    /*letter-spacing: 0.25px;*/
    outline: none;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-align: center;
    /*-webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;*/
    /*transition: background-color .218s, border-color .218s, box-shadow .218s;*/
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    max-width: 400px;
    width:226px;
    min-width: min-content;
    margin: 0 auto 15px;
}

.gsi-material-button:hover {
    text-decoration: none;
    color:inherit;
}

.gsi-material-button .gsi-material-button-icon {
    height: 30px;
    margin-right: 8px;
    min-width: 30px;
    width: 30px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    /*font-family: 'Roboto', arial, sans-serif;*/
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
    /*-webkit-transition: opacity .218s;*/
    /*transition: opacity .218s;*/
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
    border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state,
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
    background-color: #303030;
    opacity: 12%;
}

/*.gsi-material-button:not(:disabled):hover {*/
/*    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);*/
/*    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);*/
/*}*/

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: #303030;
    opacity: 8%;
}



.xero-sso {
    width:226px;
    margin:0px auto 15px;
}

.xero-sso>.xero-sso-link {
    height:48px;
    box-shadow:none;
    background: #fff;
    color: #000;
    font-size: 15px;
    border-radius: 4px;
    min-height: 40px;
    line-height: 1.4;
    padding: 0 10px;
    border: 2px solid #747775;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    -webkit-font-smoothing: antialiased;
}

.xero-sso-logo {
    border-radius: 50%;
    width: 2em;
    margin: 0.25em 9px 0.25em 0em;
    vertical-align: middle;
}

.xero-sso-label {
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}

.xero-sso>.xero-sso-link:hover {
    background-color: #f2f3f4;
}

/*.xero-sso>.xero-sso-link:focus {*/
/*    box-shadow: 0 0 0 3px rgba(0, 10, 30, .2) !important;*/
/*}*/

.quickbooks-intuit-sign-in-button,
.quickbooks-intuit-sign-up-button {
    width:226px;
    margin:0 auto;
}

.quickbooks-intuit-sign-in-button:hover {
    background:url('/images/quickbooks-button/quickbooks-sign-in-transparent-btn-tall-hover.svg');
}

.quickbooks-intuit-sign-up-button:hover {
    background:url('/images/quickbooks-button/quickbooks-sign-up-transparent-btn-tall-hover.svg');
}

.finance-report-shopify-payout-breakdown-name {
    text-indent: 35px;
}

.finance-report-shopify-payout-breakdown-value {
    text-align: right;
}

.finance-report-shopify-payout-dropdown-clickable:hover {
    cursor: pointer;
}

.finance-report-shopify-payout-breakdown {
    background-color: #f9f9f9;
}

tr.finance-report-shopify-payout-breakdown > td {
    padding-bottom: 4px;
    padding-top: 4px;
}

.shopify-reconnect-banner {
    background-color: var(--atx-orange-1);
    padding-left: 2rem;
}

.shopify-reconnect-icon {
    color: #F57F20;
}

.shopify-reconnect-button {
    margin-bottom: 10px;
    margin-top: 10px;
}

#navigation .navbar .nav-link.active {
    background: rgba(234, 247, 252, 0.15);
    border-radius: 4px;
}

#settings-cogs-table {
    font-size: 14px;
}
#settings-cogs-table input.search {
    border: 0!important;
}
#settings-cogs-table td {
    padding: 0.25rem!important;
}

#settings-cogs-table tbody tr:not([class]) td .input-box input,
#settings-cogs-table tbody tr.refund-row td .input-box input
{
    font-weight: bold;
}
#settings-cogs-table tbody td .input-box.disabled input.form-control,
#settings-cogs-table tbody td .input-box.disabled input::placeholder {
    background: #fff!important;
    color: #DBDBDF;
}
#settings-cogs-table tbody td .input-box.disabled .opener {
    display: none;
}

.costs-nav .nav-link {
    color:#1b1f23
}

.costs-nav .nav-link.active {
    color:#0672d3;
}

.costs-nav img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.costs-nav .active img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.font-size-1_5 {
    font-size:1.5rem;
}
.font-size-0_75 {
    font-size:0.75rem;
}
.badge-size-1 {
    padding:0.25rem 0.5rem!important;
    font-size:0.75rem!important;
}

.badge-info {
    background-color: var(--atx-grey-1)!important;
    color: var(--atx-grey-3)!important;
    border: 1px solid var(--atx-grey-2)!important;
}
.badge-success {
    background-color: var(--atx-green-1)!important;
    color: var(--atx-grey-3)!important;
    border: 1px solid var(--atx-green-2)!important;
}

.badge-error {
    background-color: var(--atx-red-1)!important;
    color: var(--atx-grey-3)!important;
    border: 1px solid var(--atx-red-2)!important;
}
.badge-warning {
    background-color: var(--atx-orange-1)!important;
    color: var(--atx-grey-3)!important;
    border: 1px solid var(--atx-orange-2)!important;
}

.show-all .shared-connection-item:not(:nth-child(-n+3)) {
    display: none;
}

.tooltip-light.tooltip,
.tooltip-light .tooltip {
    opacity:1;
}
.tooltip-light.tooltip .tooltip-inner,
.tooltip-light .tooltip .tooltip-inner {
    background:#fff;
    color:var(--atx-grey-4)!important;
    opacity:1;
    box-shadow: 0 1px 5px rgba(0,0,0,0.35);
}
.tooltip-light.tooltip .arrow:before,
.tooltip-light .tooltip .arrow:before {
    border-top-color:#fff!important;
}