.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-1 {
    flex: 1;
}

.affLoadSpinner {
    position: absolute;
    z-index: 998;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    margin: 0 auto;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: wait;
    animation:
        sk-rotate 2s infinite linear,
        fade-in 0.5s ease-in forwards;
}
.affLoadSpinner .affDot1,
.affLoadSpinner .affDot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100% !important;
    animation: sk-bounce 2s infinite ease-in-out;
}
.affLoadSpinner .affDot1 {
    background-color: #36c6d3;
}
.affLoadSpinner .affDot2 {
    top: auto;
    bottom: 0;
    background-color: #e87e04;
    animation-delay: -1s;
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
}
@keyframes fade-in {
    0%,
    70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* NOTIFICATIONS CENTER */
#header_notification_bar > ul.dropdown-menu {
    max-width: 350px;
    width: 350px;
}

#header_notification_bar li.external {
    text-transform: uppercase;
}

#notifications-center:empty {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#notifications-center:empty::before {
    content: "No notifications";
    color: #909090;
}

#notifications-center .notification-item {
    border-bottom: 1px solid #eff2f6 !important;
    background: #fff;
    transition: 0.3s all;
    display: flex;
    flex-direction: row;
    border-left: 3px solid #888;
}

#notifications-center .notification-item:hover {
    background: #f8f9fa;
}

#notifications-center .notification-item a {
    text-decoration: none;
    font-size: 13px;
    color: #888;
    display: flex;
    align-items: stretch;
    padding: 10px;
}

#notifications-center .notification-item.success {
    border-left-color: #36c6d3;
}

#notifications-center .notification-item.error {
    border-left-color: #ed6b75;
}

#notifications-center .notification-info p {
    margin: 0;
}

#notifications-center .notification-info .title {
    font-weight: bold;
    margin-bottom: 3px;
}

#notifications-center .notification-info .text {
    font-size: 0.9em;
}

/* LOGO */
.page-header #page_logo {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.page-header #page_logo a img {
    max-width: 140px;
    max-height: 30px;
    margin: 0;
}

.page-header #page_logo .logo-container {
    flex: 1;
}

body.page-sidebar-closed #page_logo .logo-container {
    display: none;
}

.page-header #page_logo .menu-toggler.sidebar-toggler {
    float: none;
    margin: 0;
}

body.page-sidebar-closed .page-header #page_logo {
    justify-content: center;
}

body.page-sidebar-closed .page-header #page_logo .menu-toggler.sidebar-toggler {
    margin: 0;
}

/* SEARCHBAR */
.navbar.page-header .search-form-expanded.search-form .icon-magnifier {
    margin-right: 10px;
}

.search-form:focus-within,
.search-form.results-visible {
    width: 400px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 10px;
    height: 100%;
}

.page-header.navbar .top-menu .navbar-nav li.dropdown .dropdown-menu {
    animation: slide-down 0.1s ease-out forwards;
}

#header_currency_bar .pull-left,
#header_currency_bar .pull-left .dropdown-menu {
    box-shadow: -5px 5px rgba(102, 102, 102, 0.1);
    -webkit-box-shadow: -5px 5px rgba(102, 102, 102, 0.1);
}

#header_currency_bar .pull-left .dropdown-menu {
    animation: none;
    margin: 0 -1px 0 0;
    top: 0;
}

#header_currency_bar .pull-left .dropdown-menu:before,
#header_currency_bar .pull-left .dropdown-menu:after {
    content: none;
}

#header_currency_bar .dropdown-submenu > a {
    padding: 8px 0 8px 20px;
}

#header_currency_bar .dropdown-submenu > a:after {
    left: 7px;
    right: auto;
    content: "\f104";
}

#header_currency_bar .dropdown-menu .dropdown-menu div {
    margin: 0;
}

#header_currency_bar .dropdown-menu .dropdown-menu div label {
    margin-left: 0 !important;
    border-color: #ededed;
}

/* DROPDOWNS */
#header_inbox_bar ul.dropdown-menu {
    width: 30px;
}

#header_currency_bar ul.dropdown-menu {
    width: 250px;
    min-width: 250px;
}

#header_currency_bar ul.dropdown-menu ul.dropdown-menu {
    overflow-y: scroll;
    max-height: calc(100vh - 50px);
}

#header_currency_bar .dropdown-toggle {
    color: #79869a;
}

#header_currency_bar:hover .dropdown-toggle {
    color: #a4aebb;
}

#header_currency_bar span.cur-label,
#header_currency_bar span.caltype-label,
#header_currency_bar span.fdow-label {
    padding: 0 0 0 0px;
    font-size: 13px;
    font-weight: 300;
}

#header_top_info {
    margin-right: 7px;
}

.ui-vert-toggle {
    margin: 10px;
    display: flex;
    flex-direction: column;
}
.ui-vert-toggle label {
    text-align: center;
    border: none;
    border-bottom: 1px solid #ededed;
}
.ui-vert-toggle label:last-child {
    border: none;
}
.ui-vert-toggle label.active {
    background-color: #32c5d2;
    color: #ffffff;
}

@keyframes slide-down {
    0% {
        transform-origin: top right;
        opacity: 0;
        transform: translateY(-10px) scale(0.8);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes slide-left {
    0% {
        transform-origin: right;
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* IE10+ compatibility */
@media all and (-ms-high-contrast: none) {
    .search-form {
        width: 400px !important;
    }
}
/* MS EDGE compatibility */
@supports (-ms-ime-align: auto) {
    .search-form {
        width: 400px !important;
    }
}
/************************
 Search
*/
#mainSearchForm > .search-results,
form.newPlatform .search-results {
    background: #fff;
    border-radius: 0 0 4px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    display: none;
}

#mainSearchForm > .search-results > ul,
form.newPlatform .search-results > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mainSearchForm > .search-results > ul > li,
form.newPlatform .search-results > ul > li {
    display: block;
    padding: 5px 15px;
    background: #fff;
    cursor: pointer;
}

#mainSearchForm > .search-results > ul > li:last-of-type,
form.newPlatform .search-results > ul > li:last-of-type {
    border-radius: 0 0 4px 0;
}

#mainSearchForm > .search-results > ul > li.active,
form.newPlatform .search-results > ul > li.active {
    background: #eee;
}

#mainSearchForm > .search-results > ul > li::after,
form.newPlatform .search-results > ul > li::after {
    display: inline-block;
    height: 100%;
    width: 80px;
    text-align: right;
    vertical-align: middle;
    color: #bbb;
    font-size: 90%;
}

#mainSearchForm > .search-results > ul > li::after {
    content: "Merchant";
}

#mainSearchForm > .search-results > ul > li.platform-search::after {
    content: "Platform";
}

#mainSearchForm > .search-results > ul > li.no-results,
form.newPlatform .search-results > ul > li.no-results {
    color: #aaa;
    padding: 12px;
}

#mainSearchForm > .search-results > ul > li.no-results::after,
form.newPlatform .search-results > ul > li.no-results::after {
    content: none;
}

#mainSearchForm > .search-results > ul > li a,
form.newPlatform .search-results > ul > li a {
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    width: calc(100% - 90px);
    vertical-align: middle;
}

#mainSearchForm > .search-results > ul > li a:hover,
form.newPlatform .search-results > ul > li a:hover {
    text-decoration: none;
}

@media (max-width: 750px) {
    .page-header.navbar
        .top-menu
        .navbar-nav
        > li.dropdown-language
        .dropdown-toggle
        .langname,
    .page-header.navbar
        .top-menu
        .navbar-nav
        > li.dropdown-user
        .dropdown-toggle
        .username.username-hide-on-mobile {
        display: none;
    }
}
@media (max-width: 500px) {
    .hide-on-mobile {
        display: none !important;
        visibility: hidden !important;
        margin: 0 !important;
        width: 0 !important;
        padding: 0 !important;
    }
}
form.newPlatform .input-group-btn {
    position: absolute;
    top: 40px;
    right: 40px;
}

form.newPlatform .input-group-btn.url {
    top: 115px;
}

form.newPlatform .search-results {
    margin-bottom: 10px;
}

/* SIDEBAR MENU */
.page-sidebar-menu .nav-link > .badge {
    color: black;
    top: 10px !important;
}

.page-sidebar .slimScrollDiv {
    height: 100vh !important;
}

.slimScrollDiv,
.page-sidebar-menu {
    height: calc(100vh - 50px) !important;
}

@media (min-width: 992px) {
    .page-sidebar-wrapper .page-sidebar-menu-closed a.nav-link span {
        display: none;
    }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
        width: 245px !important;
    }
    .page-sidebar-closed.page-sidebar-fixed
        .page-sidebar:hover
        .page-sidebar-menu {
        width: 245px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .container {
        width: 970px;
    }
    .page-sidebar-closed .container {
        width: 1170px;
    }
}
.page-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.page-bar > *:first-child {
    flex: 1;
}
.page-bar .page-toolbar {
    display: block;
    float: none;
}
.page-bar .page-breadcrumb {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 0;
}
.page-bar .page-breadcrumb > span:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.page-bar .page-breadcrumb span,
.page-bar .page-breadcrumb a {
    color: #888;
    text-transform: capitalize;
}
.page-bar .page-breadcrumb i.fa-circle {
    font-size: 5px;
    margin: 3px 8px 0 8px;
    color: #ddd;
}
.page-bar .page-bar-fixed {
    position: fixed;
    top: 75px;
    z-index: 999;
    margin: -25px 0 0 235px;
    left: 0;
    right: 0;
}

.page-bar-fixed ~ .page-title {
    margin-top: 35px !important;
}

@media (max-width: 992px) {
    .page-bar.page-bar-fixed {
        top: 5px;
        position: relative;
        margin-left: 0px;
    }
    .page-bar .page-breadcrumb {
        display: block;
    }
}
.modal-body p:first-child {
    margin-top: 0;
}

/*************************
User access restrictions
*/
.admin-only,
.can-billing,
.can-platforms,
.can-reports,
.can-technical,
.can-users,
.can-api-access {
    display: none !important;
}

/*************************
Hide on mobile
*/
@media (max-width: 992px) {
    .hideOnMobile {
        display: none !important;
    }
}
/*# sourceMappingURL=sourcemaps/common.css.map */