html,
body, .ui-view-container {
    height: 100%;
    min-height: 100%;
}
/* Cubic Bezier Transition */
/******************************************
  Navbar Logo
******************************************/
.page-header.navbar .page-logo .logo-default{
    background-image: url('/img/hub_logo.c804ebe7.jpg');
}
.logo-merchant{
    background-image: url('/img/merchant/J4M_LOGO_2020_white.0f09be01.svg') !important;
    /* background-size: 47px 47px !important; */
    /* margin-top: 0px!important; */
    /* max-height: 80px !important; */
    /* height: 68px !important; */
}

/***********
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.page-header.navbar {
    /* Top notification menu/bar */
    /* Header seaech box */ }
.page-header.navbar .page-logo {
    /* background: #26344B; */
    background: #ffffff;}
.page-header.navbar .page-top {
    box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
    background: #ffffff; }
.page-header.navbar .top-menu .navbar-nav {
    /* Extended Dropdowns */
    /* Notification */
    /* Inbox */
    /* Tasks */
    /* User */
    /* Language */
    /* Dark version */ }
.navbar-nav>li{
    vertical-align: middle;
}

.page-header.navbar .top-menu .navbar-nav > li {
    float: none !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #f9fafc; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #C0CDDC; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: #26344B;
    color: #ffffff; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default.secondary {
    background-color: #6ea122;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #f9fafc; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
    border-bottom-color: #e4e8ee; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    border: 1px solid #e4e8ee; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
    border-bottom-color: #d4dae4; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #eaedf2; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    background: #eaedf2; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
    color: #62878f; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
    color: #337ab7; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
    color: #23527c;
    text-decoration: none; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
    border-bottom: 1px solid #EFF2F6 !important;
    color: #888888; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
    background: #f8f9fa; }

.page-header.navbar .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time{
    background: #e1e1e1;
    opacity: 1;
    text-align: center;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #e4e4e4; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
    background-color: #26344B;
    color: #ffffff; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
    border-color: transparent transparent transparent #26344B; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
    color: #5b9bd1; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
    background-color: #dfe2e9; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #7f96ac; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #7f96ac; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: 195px; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
    color: #7f96ac; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #374b6d;
    border: 0; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #374b6d; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
    background: #293952; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
    color: #a8b8d3; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
    color: #5496cf; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
    color: #b8c6db;
    border-bottom: 1px solid #415a81 !important; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
    color: #97aaca; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
    background: #3e557a; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    border-bottom: 0 !important; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
    background: #415a81; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
    background: #2f405c; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
    background: #26344b; }
.page-header.navbar .search-form {
    background: #fff; }
.page-header.navbar .search-form .input-group .form-control {
    color: #7f96ac; }
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
    color: #7c94aa;
    opacity: 1; }
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
    color: #7c94aa; }
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
    color: #7c94aa; }
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
    color: #7f96ac; }

/* Page sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
    background-color: #26344B;
    /* Default sidebar */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
    /* 1st level links */
    /* All links */
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
    /* sidebar */
    width: 54px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li {
    /* hide opened sub menu */
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.open > .sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li > .sub-menu {
    display: none !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover {
    width: 249px !important;
    position: relative !important;
    z-index: 10000;
    display: block !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > a {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    -o-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
    text-align: left;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > a > i {
    display: inline-block;
    margin-right: 10px;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > a > .title {
    display: inline !important;
    padding-left: 20px;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > a > .badge {
    display: block !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > a > .selected {
    display: none;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > .sub-menu {
    width: 194px;
    position: absolute;
    z-index: 2000;
    left: 55px;
    margin-top: 0;
    top: 100%;
    display: block !important;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > .sub-menu > li > a {
    padding-left: 15px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > a {
    padding-left: 30px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
    padding-left: 45px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li > a {
    min-height: 54px;
    padding-left: 11px;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li > a .selected {
    top: 16px;
    right: -2px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li > a > .badge,
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li > a > .title,
.page-sidebar-closed .page-sidebar .page-sidebar-menu > li > a > .arrow {
    display: none !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-closed > li > a {
    min-height: 50px;
    padding-right: 11px;
    padding-left: 18px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #2b3b55;
    color: #c3cee0;
    background: #003050;
    min-height: 60px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}


/*
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title
.page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge,
.page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title,
.page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow{
    display: none !important;
}*/

@media (max-width: 991px) {
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
    .page-sidebar .page-sidebar-menu > li > a {
        /* 991px */
        border-top: 1px solid #344766;
    }
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > i {
    color: #43516c;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
    color: #4d5d7c;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
    color: #3b5074;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background: #212d41;
    color: #e4e9f2;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu > li.open > a > i {
    color: #4d5d7c;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
    color: #4d5d7c;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #6ea122;
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #6ea122;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
.page-sidebar .page-sidebar-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
    color: #ffffff;
    top: 0 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
    color: whitesmoke;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
.page-sidebar .page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
    color: #3b5074;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
    color: #4d5d7c;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
    color: whitesmoke;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
    background: #1c2637;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #b2c0d8;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
    color: #516fa0;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
    color: #5d7bad;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
    color: #3b5074;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #212d41 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
    color: #4d5d7c;
    color: #90a5c7;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
    color: #4d5d7c;
}

/******
    Page Footer
    ******/
.page-footer .page-footer-inner {
    color: #a1b2cf; }

.page-footer-fixed .page-footer {
    background-color: #a5aea8; }
.page-footer-fixed .page-footer .page-footer-inner {
    color: #121618; }

.page-boxed .page-footer .page-footer-inner {
    color: #121618; }

.page-footer-fixed .page-boxed .page-footer {
    background-color: #a5aea8; }

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, 0.2); }
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(48, 48, 48, 0.2); }
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, 0.2); }
    /* Fixed Sidebar */
    .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0; }
    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: #eef1f5; }
    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
        color: #333; }

    /* Boxed Layout */
    .page-boxed {
        background-color: #b8bfba !important;
        /* Page container */ }
    .page-boxed .page-container {
        background-color: #26344B; }
    .page-boxed.page-sidebar-reversed .page-container {
        border-left: 0; }
    .page-boxed.page-sidebar-fixed .page-container {
        border-left: 0;
        border-bottom: 0; }
    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
        border-left: 0;
        border-right: 0;
        border-bottom: 0; }
    /* Sidebar Menu Wirh Hoverable Submenu */
    .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #1c2637; }
    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #1c2637; }
    .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #1c2637 !important; } }

@media (max-width: 991px) {
    /* 991px */
    .page-container {
        background: #eef1f5; }
    .page-header.navbar {
        box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
        padding: 0;
        /* Top menu */ }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
        background-color: #f6f7fa; }
    .page-header.navbar .page-top {
        box-shadow: none; } }

@media (max-width: 767px) {
    /* 767px */
    .page-header.navbar {
        background: #26344B;
        /* Top menu */ }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
        background-color: #eff1f6; }

    .table-responsive {
        overflow-y: auto;
    }
    .navbar-nav>li{
        vertical-align: middle;
        float: none;
    }
}

/*============================================
   Portlet
=============================================*/

.portlet.light{
    min-height: 670px;
}

.portlet.light > .portlet-title > .caption > .caption-subject {
    color: #8E9DAA;
    font-weight: 500 !important;
    font-size: 20px;
}

.portlet.light > .portlet-title > .caption.caption-md > .caption-subject{
    font-size: 20px;
}

.portlet > .portlet-title > .caption{
    line-height: normal;
}

.portlet.light > .portlet-title > .caption > i {
    margin-top: 7px;
}

/*============================================
   CSS3 Spinner Bar
=============================================*/

.page-spinner-bar > div,
.block-spinner-bar > div {
    background: #1adbd1; }


/*============================================
   Tabbable Line
=============================================*/
.tabbable-line > .nav-tabs > li.active,
.tabbable-line > .nav-tabs > li:hover{
    border-bottom: 4px solid #6ea122;
}

/*============================================
   Table
=============================================*/
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle;
}

.tableActionsTd{
    width:1em;
    white-space: nowrap;
}

div.table-toolbar{
    padding: 0 0 10px 0;
}

div.table-responsive{
    padding: 20px 0;
}

td.with-space-for-icon {
    position: relative;
}

td.with-space-for-icon span {
    position: absolute;
    left: -20px;
}

td span.warning {
    color: #EB9B0A !important;
}

td.info-icon-container {
    width: 5px;
}

table.line-warnings {
    margin-left: 20px;
}

/*============================================
   Panel
=============================================*/

.panel-default>.panel-heading{
    color: #6ea122 !important;
}

/*==================================================================
 *  Input switch
 ==================================================================*/
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #6ea122 !important;
}

.ats-switch span.switch-left{
    background: #6ea122 !important;
}

/*==================================================================
 *  Body
 ==================================================================*/
body,
.body-preview {
    background-color: #26344B; }

body.page-boxed {
    background-color: #C0C6C2; }

.vrsn_inside_b2b {
    display: inline-block;
    padding: 1px 9px;
    /*margin: 50px 0 0 0;*/
    margin: 0 0 0 129px;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    background: #6ea122;
    color:#fff;
    float: left;
}

/*==================================================================
 *  No sidebar
 ==================================================================*/
.page-content-no-sidebar {
    margin-left: 0px !important;
}

/*==================================================================
 *  Theme Loader
 ==================================================================*/
.loader-wrapper {
    background: rgba(0,0,0,0.75);
    height: 100%;
    width: 100%;
    position: fixed;
    display: none;
    z-index: 4;
    top:0;
    left:0;
}

.loader-wrapper > .styles-loader{
    position: absolute;
    height: 100px;
    width: 100%;
    z-index: 5;
    top: 45%;
    left: 50%;
    border-radius: 20px;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    transform: translate(-50%,-50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.styles-loader > .styles-loader-text{
    text-align: center;
    font-family: inherit;
    font-size: 0.88em;
    text-transform: uppercase;
    color: #cccccc;
    position: absolute;
    top: 125%;
    left: 50%;
    width: 250px;
    height: auto;
    z-index: 10;
    font-weight: 600;
    letter-spacing: 0.2em;
    transform: translate(-50%,-50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

#fountainTextG{
    display: inline-block;
}

.fountainTextG{
    color:rgb(0,0,0);
    font-family:Arial;
    font-size: 30px;
    text-decoration:none;
    font-weight:normal;
    font-style:normal;
    float:left;
    animation-name:bounce_fountainTextG;
    -o-animation-name:bounce_fountainTextG;
    -ms-animation-name:bounce_fountainTextG;
    -webkit-animation-name:bounce_fountainTextG;
    -moz-animation-name:bounce_fountainTextG;
    animation-duration:2.09s;
    -o-animation-duration:2.09s;
    -ms-animation-duration:2.09s;
    -webkit-animation-duration:2.09s;
    -moz-animation-duration:2.09s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    transform:scale(.5);
    -o-transform:scale(.5);
    -ms-transform:scale(.5);
    -webkit-transform:scale(.5);
    -moz-transform:scale(.5);
}#fountainTextG_1{
     animation-delay:0.75s;
     -o-animation-delay:0.75s;
     -ms-animation-delay:0.75s;
     -webkit-animation-delay:0.75s;
     -moz-animation-delay:0.75s;
 }
#fountainTextG_2{
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}
#fountainTextG_3{
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}
#fountainTextG_4{
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}
#fountainTextG_5{
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}
#fountainTextG_6{
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}
#fountainTextG_7{
    animation-delay:1.64s;
    -o-animation-delay:1.64s;
    -ms-animation-delay:1.64s;
    -webkit-animation-delay:1.64s;
    -moz-animation-delay:1.64s;
}

@keyframes bounce_fountainTextG{
    0%{
        transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        transform:scale(.5);
        color:rgb(255,255,255);
    }
}

@-o-keyframes bounce_fountainTextG{
    0%{
        -o-transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        -o-transform:scale(.5);
        color:rgb(255,255,255);
    }
}

@-ms-keyframes bounce_fountainTextG{
    0%{
        -ms-transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        -ms-transform:scale(.5);
        color:rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_fountainTextG{
    0%{
        -webkit-transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        -webkit-transform:scale(.5);
        color:rgb(255,255,255);
    }
}

@-moz-keyframes bounce_fountainTextG{
    0%{
        -moz-transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        -moz-transform:scale(.5);
        color:rgb(255,255,255);
    }
}

/*=====================================================================================
 *  Procedure consisting of steps ( example: report's creation, user's creation )
 =====================================================================================*/

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #6ea122 !important;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    background: none;
    border-bottom: 4px solid rgba(110,161,34,0.6) !important;
}

.portlet.light > .portlet-title > .actions {
    padding: 6px 0 14px 10px;
}

.portlet.light.portlet-fullscreen > .portlet-body{
    padding-bottom: 20px;
}

.table-with-highlight tr td:first-child {
    border-left-width: 2px !important;
}

.table-with-highlight tr td.highlight:first-child a {
    margin-left: 15px;
}

.table-with-highlight tr td.highlight div.info {
    border-left: 5px solid #003050;
}

.table-with-highlight tr td.highlight div.warning {
    border-left: 5px solid #F1C40F;
}

.table-with-highlight tr td.highlight div.success {
    border-left: 5px solid #6ea122;
}

.table-with-highlight tr td.highlight div.danger {
    border-left: 5px solid #f30c0c;
}

.table-with-highlight tr td.highlight:first-child a:hover{
    text-decoration: none;
    cursor: auto;
}

.table-with-highlight div.success,
.table-with-highlight div.info,
.table-with-highlight div.important,
.table-with-highlight div.warning,
.table-with-highlight div.danger {
    position: absolute;
    margin-top: -5px;
    float: left;
    width: 2px;
    height: 30px;
    margin-right: 20px !important;
}

.form-wizard .steps > li.active > a.step .number {
    background-color: #6ea122 !important;
}

.progress-bar-success {
    background-color: #6ea122 !important;
}

.form-wizard .steps > li > a.step.creationStep,
.form-wizard .steps > li > a.step.creationStep:hover{
    cursor:default;
}

/*==================================================================
 *  Reports customization
 ==================================================================*/

.reportConfigurationForm input.ng-invalid.ng-touched,
.reportConfigurationForm select.ng-invalid,
.reportConfigurationForm .select2-container .select2-selection.ng-invalid,
.reportConfigurationForm .checkboxList.ng-invalid{
    border-color: #FA787E;
}

.reportConfigurationForm .checkboxList.ng-invalid,
.reportConfigurationForm .radioButtonList.ng-invalid{
    border: 1px solid #FA787E;
    padding: 3px 0;
}

.report-col-sm-4{
    margin-bottom: 5px;
    width: 33.33333333%;
    display: inline-block;
    padding: 0 15px;
}

.reportConfigurationItem{
    float: left;
    margin-bottom: 10px;
}

.reportBlock {
    padding-bottom: 20px !important;
}

.reportBlock span {
    position: relative;
    top: 1px;
}

.asyncReportBlock{
    padding-top: 0 !important;
    font-size: 18px;
}

.reportConfigurationIframe{
    min-height: 300px;
}

.scheduleType .radio,
.reportConfigurationRadioLabel .radio{
    padding-top: 2px;
}

.reportPlanningRadioLabel .uniformCheckboxLabel{
    top: 6px;
}

.reportConfigurationRadioLabel{
    width: 100%;
}

.reportPlanningRadioLabel{
    margin-right: 20px;
    min-width: 68px;
}

.reportCreationLoadingText{
    display: inline-block;
    margin-left: 6px;
}

.createOrSelectTriggerContainer .createOrSelectTriggerLabel{
    margin-right: 15px;
}

.createOrSelectTriggerContainer .createOrSelectTriggerLabel,
.createOrSelectTriggerContainer .createOrSelectTriggerForm{
    display: inline-block;
}

.createOrSelectTriggerForm .form-group{
    margin-left: 0;
    margin-right: 0;
}

.reportPlanningIntervalDiv{
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 7px;
}

.hourAndMinuteSelectorContainer div{
    display: inline-block;
}

.timeListBoxTable td {
    min-width: 30px;
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px;
}


.timeListBoxTable td input{
    width: 25px;
    margin: 0;
    text-align: center;
    border-radius: 4px;
}
/*==================================================================
 *   Voucher customization
 ==================================================================*/

.textarea-form-group {
    display:inline-block;
}

.textarea-form-group label{
    width:100%;
}

.textarea-form-group textarea{
    resize: none;
    width:250px !important;
    max-width:250px !important;
    float:left;
}

.textarea-form-group ul{
    display:inline-block
}

.textarea-form-group ul li{
    margin-left: 30px;
}
.textarea-form-group ul li:first-child{
    margin-top: 6px;
}

/*==================================================================
 *
 *    Form Customization
 *
 ==================================================================*/

.form-group span.select2,
.form-group span.select2 input.select2-search__field{
    width: 100% !important;
    min-width: 350px !important;
}

.responsive-select-wrapper span.select2,
.responsive-select-wrapper span.select2 input.select2-search__field {
    width: auto !important;
    min-width: unset !important;
}

.form-group span.select2 li.select2-search{
    width: auto;
}


.showAdvanced {
    background-color: #EEEE;
    padding: 10px 5px;
}


/*==================================================================
 *  Colorpicker
 ==================================================================*/
.form-group-inline-slim div.colorpicker-default i {
    width: 34px;
    float: left;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-group-inline-slim div.colorpicker-default input {
    padding: 0 0 0 5px;
    background-color: #fff;
}

/*==================================================================
 *  Upload form
 ==================================================================*/

.form-upload form{
    border: 1px solid #ccc;
    padding: 30px 10px;
    border-radius: 4px;
    width: 100%;
    display: inline-table !important;
}

.form-upload form .thumb{
    width: 130px;
    height: 31px;
    max-height: 31px;
    display: block !important;
    margin-top: 7px;
    background: no-repeat center center;
    background-size: 130px 31px;
    cursor: default;
}

.form-upload form .thumb,
.form-upload form input{
    float: left;
}

.form-upload form button{
    width: 34px;
    padding: 0;
}


.form-upload form .thumb{
    margin-right: 20px;
}

.form-upload form input{
    margin-top: 6px;
    max-width: 80px;
}

.form-upload .buttons{
    margin-top: 30px;
}

/*==================================================================
 *  Users list
 ==================================================================*/
.list-user-img-th{
    width: 70px;
}

.list-user-img{
    width: 48px;
}

.userSearchAndExport .col-search-input a{
    float: right;
}

@media all
and (max-width: 995px){
    .userSearchAndExport .col-search-input .col-md-3{
        margin-bottom: 15px;
    }

    .userSearchAndExport .col-search-input .col-md-3 a{
        float: none;
        width: 100%;
    }
}

@media all
and (min-width: 996px)
and (max-width: 1224px)
{
    .userSearchAndExport .col-datetime{
        padding-right: 70px;
        padding-left: 0;
    }

    .userSearchAndExport .col-datetime .col-md-6{
        padding: 0;
    }
}

@media all
and (min-width: 1224px)
and (max-width: 1440px)
{
    .userSearchAndExport .col-datetime{
        padding-right: 40px;
    }
}

/*==================================================================
 *  Theme customizer general
 ==================================================================*/

.form-group-inline-slim div.colorpicker-default,
.form-upload form{
    display: inline-flex;
}

.form-group-inline-slim div.colorpicker-default{
    padding: 0;
}

.form-group-inline-slim div.colorpicker-default,
.form-group-inline-slim .jdfs-main,
.form-group-inline-slim input {
    width: 100%;
    height: 34px;
}

.form-group-inline-slim div.colorpicker-default i {
    border: 1px solid #ccc;
    border-right: 0 none;
}

.form-group-inline-slim .jdfs-main input{
    height: 34px;
}

.form-group-inline-slim .buttons{
    width: 35%;
    display: inline-flex;
}

.form-group-inline-slim .jdfs-main button,
.form-group-inline-slim .buttons button,
.form-upload .buttons button,
.form-upload form button{
    height: 34px;
    line-height: 0.5 !important;
}

.form-group-inline-slim .jdfs-main button,
.form-group-inline-slim .buttons button,
.form-upload .buttons button{
    padding: 13px 2px;
}

.form-group-inline-slim .jdfs-main button{
    margin: 0;
}

.form-group-inline-slim .buttons button{
    margin: 0 0 0 8px;
    width: 50% !important;
}

.themeCustomizerStatusMessage{
    margin-top: 20px;
}

.body-preview-title{
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
}

.body-preview .page-content {
    min-height: 400px !important;
}

.body-preview .page-container{
    margin-top: 0 !important;
}

.selectLogoBtn{
    margin-top: 6px;
    padding: 6px 6px;
}


/*==================================================================
 * Modal for additional user info
 ==================================================================*/

.userInfo .modal-title{
    text-align: center;
}

.userInfo .modal-dialog,
.userInfo .modal-content{
    width: 800px;
}

.userInfo .list-group-item{
    border: none;
}

.userInfo .list-group-item-heading{
    margin-bottom: 10px;
}


/*==================================================================
 *  Notification Messages
 ==================================================================*/

.notificationUnread{
    background-color: #eff6f9;
}

/*==================================================================
 *  File input
 ==================================================================*/

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    direction: ltr;
}

/*=====================================================================================
      Profile Picture Tab
=======================================================================================*/

.profilePictureTab p {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

/*===============================================
      Profile picture Tab file input
 ===============================================*/
.fileinput.profilePictureInput .thumbnail{
    display: inline-block;
    margin: 0 15px 2px 0;
    height: 200px;
    width: 200px;
    vertical-align: middle;
    overflow: hidden;
}

.fileinput.profilePictureInput .thumbnail > img {
    display: table-cell;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.fileinput.profilePictureInput .noteAndActionsMainContainer{
    display: inline-block;
    height: 200px;
}

.fileinput.profilePictureInput .noteAndActionsContainer{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.fileinput.profilePictureInput .noteAndActionsContainer .pictureNotes{
    line-height: 24px;
}

.fileinput.profilePictureInput .noteAndActionsContainer .pictureNotes span{
    margin-left: -20px;
}

.fileinput.profilePictureInput .noteAndActionsContainer .pictureNotes li {
    margin-top: 8px;
}

.fileinput.profilePictureInput .noteAndActionsContainer .actionButtons{
    position:relative;
    top: 10px;
    margin: 0 0 15px 20px;
}

.fileinput.profilePictureInput .actionButtons .btnRestore{
    margin-top: 4px;
}

@media (max-width: 767px) {
    .fileinput.profilePictureInput{
        text-align: center;
    }
    .fileinput.profilePictureInput .noteAndActionsMainContainer{
        text-align: left;
    }
}
/*=====================================================================================
  *
  *    Dashboard
  *
=======================================================================================*/

/*.portlet.light {
    min-height: 500px;
}*/

.portlet.light .portlet-title {
    min-height: 50px;
}

.widget-thumb{
    height: 125px;
    max-height: 125px;
    padding: 10px 20px;
}

/*.dashboard-stat{
    max-height: 125px;
}*/

.widget-thumb {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-sortable-handle .widget-thumb,
.ui-sortable-handle .dashboard-stat,
.ui-sortable-handle div.portlet.light  {
    cursor: move;
}

.ui-sortable-handle .portlet-body {
    cursor: auto;
}

.col-lg-6.ui-sortable-handle div.portlet.light.portlet-fullscreen{
    cursor: auto;
}

.col-lg-6.ui-sortable-handle div.portlet.light {
    max-height: 500px;
    min-height: 500px;
}

@media (max-width: 991px) {
    .col-lg-6.ui-sortable-handle div.portlet.light{
        max-height: none;
    }
}

.col-lg-6.ui-sortable-handle .portlet-body .task-content .scroller{
    overflow-y: auto;
}

.col-lg-6.ui-sortable-handle div.portlet.light.portlet-fullscreen,
.col-lg-6.ui-sortable-handle div.portlet.light.portlet-fullscreen .portlet-body,
.col-lg-6.ui-sortable-handle div.portlet.light.portlet-fullscreen .portlet-body .table,
.col-lg-6.ui-sortable-handle div.portlet.light.portlet-fullscreen .portlet-body .table-responsive,
.col-lg-6.ui-sortable-handle div.portlet.light.portlet-fullscreen .portlet-body .task-content,
.col-lg-6.ui-sortable-handle div.portlet.light.portlet-fullscreen .portlet-body .task-content .scroller{
    max-height: none;
    height: auto;
    overflow: hidden;
}

.col-lg-6.ui-sortable-handle div.portlet.light.portlet-fullscreen .portlet-body{
    overflow-y: auto;
}

.dashboard-stat.primary {
    background-color: #26344B;
    color: #fff;
}

.dashboard-stat.primary .visual {
    color: #1f2b3d;
}
.dashboard-stat.primary .more {
    background-color: #1f2b3d;
    color: #fff;
}

.dashboard-stat.secondary {
    background-color: #6ea122;
    color: #fff;
}
.dashboard-stat.secondary .visual {
    color: #62901e;
}
.dashboard-stat.secondary .more {
    background-color: #62901e;
    color: #fff;
}


.dashboard-stat.bookings {
    background-color: #7785ac;
    color: #fff;
}
.dashboard-stat.bookings .visual {
    color: #6f7ea7;
}
.dashboard-stat.bookings .more {
    background-color: #6f7ea7;
    color: #fff;
}

.dashboard-stat.customDashboardStat {
    background-color: #fff;
    padding: 0;
}

.dashboard-stat.customDashboardStat .visual {
    margin-right: 15px;
}

.dashboard-stat.customDashboardStat .visual > i {
    /*color: #6ea122;
    opacity: 0.3;
    color: #AAB5BC;*/
    color: #8E9DAA;
    opacity: 0.8;
    margin-left: 0;
    font-size: 55px;
    line-height: 85px;
}

.dashboard-stat.customDashboardStat .details {
    position: relative;
    overflow: hidden;
}

.dashboard-stat.customDashboardStat .details .number {
    color: #6ea122;
}

.dashboard-stat.customDashboardStat .details .desc {
    /*color: #6ea122;*/
    color: #8E9DAA;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 1;
}

.dashboard-stat.customDashboardStat .more {
    color: #FFFFFF;
    background-color: #6ea122;
    opacity: 1;
}

.dashboard-stat2.customDashboardStat .display {
    margin: 11px 15px 20px 15px;
}

.font-green-sharp {
    color: #6ea122 !important;
}

/*=====================================================
 *   Tasks widget
=======================================================*/

.tasks-widget .task-list > li{
    padding: 8px 0;
}

.tasks-widget .task-list > li > .task-title {
    margin-right: 0;
    display: table;
    width: 100%;
}

.tasks-widget .task-list > li > .task-title .task-title-sp {
    padding-right: 5px;
    display: table-cell;
    width: 70%;
}

.tasks-widget .task-list > li > .task-title .task-timestamp{
    margin-right: 8px;
    font-weight: 700;
}

.tasks-widget .task-list > li > .task-title .task-description{
    margin-right: 8px;
    line-height:24px;
}

.tasks-widget .task-list > li > .task-title  .task-tags{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 30%;
    line-height: 30px;
}

.tasks-widget .task-info{
    text-align: center;
    padding-top: 20px;
}

.tasks-widget .task-footer {
    margin-top: 25px;
}

@media all
and (min-width: 320px)
and (max-width: 768px){
    .tasks-widget .task-list > li > .task-title{
        display: block;
    }
    .tasks-widget .task-list > li > .task-title .task-title-sp,
    .tasks-widget .task-list > li > .task-title  .task-tags {
        width: 100%;
        display: block;
    }
}

/*=====================================================
 *   Last Events widget
=======================================================*/

#lastEvents.tasks-widget .task-content .scroller{
    padding-right: 8px;
    max-height: 330px;
}

#lastEvents.tasks-widget.portlet-fullscreen .task-content .scroller{
    max-height: none;
}

#lastEvents.tasks-widget .task-footer{
    text-align: center;
}

#lastEvents.tasks-widget .task-footer .pull-right{
    float: none !important;
}

/*=====================================================
 *   Members Activity Widget
=======================================================*/
.number-stats .stat-chart,
.number-stats .stat-number{
    margin: 0 3px;
}

/*======================================================
 *   Data Tables
=======================================================*/


.dataTables_wrapper{
    margin-top: 0px;
}

.dataTables_scrollHead {
    border-bottom: 1px solid #e7ecf1 !important;
}

.dataTables_scrollBody{
    overflow-x: hidden !important;
}

div.portlet.light.portlet-fullscreen .dataTables_scrollBody{
    height: auto !important;
}

.table.dataTable>tbody>tr>td,
.table.dataTable>tbody>tr>th,
.table.dataTable>tfoot>tr>td,
.table.dataTable>tfoot>tr>th,
.table.dataTable>thead>tr>td,
.table.dataTable>thead>tr>th{
    white-space: nowrap;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 50%;
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 1px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child{
    padding-left: 0;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child ul{
    padding-left: 15px;
}

table.dataTable > tbody > tr.child ul li {
    padding: 0.3em 0;
}

div.dataTables_wrapper div.dataTables_length label{
    padding: 4px 0;
}

.table-toolbar select,
div.dataTables_wrapper div.dataTables_length select{
    width: 48px;
    padding: 5px 4px !important;
}

.table-toolbar select.enabledFeaturesMultiSelect{
    width: 100%;
    padding: 5px 4px !important;
}

div.dataTables_wrapper div.dataTables_length select{
    margin: 0 6px;
}

.dataTables_wrapper .row {
    margin-top: 20px;
}


table.dataTable > tbody > tr.child span.dtr-title{
    margin-right: 8px;
}

table.dataTable > tbody > tr.child span.dtr-data{
    white-space: normal;
}

div.dataTables_wrapper div.dataTables_length select {
    margin: 0 6px;
    color: #555;
    background: #fff none;
    border: 1px solid #ddd;
    height: 34px;
    line-height: 30px;
    font-size: 13px;
    padding: 2px 4px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate span.ellipsis,
.dataTables_wrapper .dataTables_paginate span.ellipsis:hover{
    color: #777 !important;
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 7px 9px;
    font-size: 13px;
    margin: 0;
    border-right-width: 0;
}

.dataTables_wrapper .dataTables_paginate li.paginate_button.disabled > a,
.dataTables_wrapper .dataTables_paginate li.paginate_button.disabled:active > a,
.dataTables_wrapper .dataTables_paginate li.paginate_button.disabled:hover > a,
.dataTables_wrapper .dataTables_paginate li.paginate_button.current > a,
.dataTables_wrapper .dataTables_paginate li.paginate_button.current:hover > a,
.dataTables_wrapper .dataTables_paginate li.paginate_button > a,
.dataTables_wrapper .dataTables_paginate li.paginate_button:hover > a,
.dataTables_wrapper .dataTables_paginate span.ellipsis,
.dataTables_wrapper .dataTables_paginate span.ellipsis:hover{
    padding: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate span.ellipsis{
    cursor: default;
    background: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    cursor: pointer;
    background: #eee;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
    cursor: not-allowed;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: #fff !important;
    background: #6ea122;
    border-color: #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last,
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover{
    border-right-width: 1px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active{
    color: #fff !important;
    background: #6ea122;
    border-color: #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button > a{
    border: none;
    background-color: transparent;
}

/*======================================================
 *   Table toolbar and Pagination
=======================================================*/

.table-toolbar{
    padding: 0px 0 20px 0;
    margin-bottom: 0;
    margin-top: 0;
}

.table-toolbar select{
    display: inline-block;
    margin: 0 6px;
}

.pagination{
    margin: 0px;
}

.pagination>li>a,
.pagination>li>span{
    padding: 7px 9px;
    font-size: 13px;
    color: #777;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #fff;
    background-color: #6ea122;
    border-color: #ddd;
}

@media (max-width: 768px){
    .toolbar-pagination .row .col-md-5{
        margin-bottom: 20px;
    }

    .toolbar-pagination .row .col-md-5,
    .toolbar-pagination .row .col-md-7{
        text-align: center;
    }

    .toolbar-pagination .row .col-md-7 .pagination{
        float: initial !important;
    }
}


/*==================================================
      Permissions Customization
===================================================*/
.permissionSection .panel-heading{
    cursor: pointer;
}

/*.permissionSection .panel-body{
    font-size: 14px;
}*/

.permissions-sub-section{
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 15px;
}

.permission-label{
    margin-top: 5px;
}


/*======================================================
 *   Restrictions tab customization
=======================================================*/

.restrictionSection .panel-heading{
    cursor: pointer;
}

.restrictionSectionBody{
    padding-bottom:5px
}

.restrictionSectionBody .restictionSectionText{
    margin-bottom: 15px;
    color: #555;
    letter-spacing: 0.04em;
}

.restrictionSectionSwitch label{
    margin-top: 5px;
}

/*==================================================
      User creation
===================================================*/
.user-type-selector label{
    width: 100%;
}

.user-creation .tabbable-line {
    min-height: 60px;
    border-bottom: 1px solid #eee;
    margin-bottom:20px;
}

.user-creation .tabbable-line .caption {
    float: left;
    display: inline-block;
    padding: 12px 0 13px 0;
}

.user-creation .tabbable-line .caption  span{
    font-size: 18px;
    font-weight:300;
}

.user-creation .tabbable-line > ul.nav-tabs{
    background: none;
    margin: 1px 0 0 0;
    float: right;
    display: inline-block;
    border: 0;
}
.user-creation .tabbable-line > ul.nav-tabs li{
    pointer-events: none;
}

.user-creation .tabbable-line > ul.nav-tabs li a{
    padding: 12px 13px 13px 13px;
}

.user-creation .form-actions{
    text-align: right;
    padding: 20px 20px;
}

/*OTP code for user verification*/

.pin-code-div-group{
    text-align:center;
    margin-bottom: 30px;
}

.pincode-input-container{
    margin-top: 15px;
}

.pincode-input-container input.pincode-input-text{
    width: 80px;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    text-align: center;
    border-right-width: 0 !important;
    height: 46px;
}

.pincode-input-container input.pincode-input-text.first{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;

}

.pincode-input-container input.pincode-input-text.last{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right-width: 1px !important;
}

.pincode-input-container input.pincode-input-text:focus{
    border-color: #6BA539 !important;
    border-right-width: 1px !important;
}

.show-hide-pin-code-button{
    background: transparent;
    vertical-align: middle;
    height: 46px;
    width: 15%;
    font-size: 20px;
}

.show-hide-pin-code-button,
.show-hide-pin-code-button:focus{
    border: none;
}

.pin-code-button-form-group{
    margin-top: 20px;
    width: 100%;
    text-align: right;
}


/*==================================================
      User creation step by step
===================================================*/
.userCreationTableContainer h5{
    font-weight: 500;
    margin: 0 0 3px 1px
}

.userCreationBlock div.userCreationBlockTitle{
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 6px 4px;
}

.userCreationBlock div.userCreationBlockSubtitle{
    max-width: 90%;
    font-weight: 300;
    font-size: 15px;
    margin: 0 0 6px 4px;
    white-space: normal;
}

.userCreationBlock div.userCreationBlockLocation{
    margin: 0 0 6px 4px;
}

.userCreationBlock div.userCreationBlockLocation .userCreationLocationLabel,
.userCreationBlock div.userCreationBlockLocation .userCreationLocationLabel div:first-child{
    font-weight: 500;
}

.userCreationBlock div.userCreationBlockLocation .userCreationLocationContent{
    margin-left: 5px;
}

.userCreationBlock div.userCreationBlockLocation .userCreationLocationLabel ,
.userCreationBlock div.userCreationBlockLocation .userCreationLocationContent{
    display: inline-block;
    vertical-align: top;
}

.areasTableContainer{
    margin-top: 10px;
}

.areasTableContainer,
.discountsTableContainer{
    margin-bottom: 20px;
}
/****************************************
  Shops select
****************************************/
.shops-selection-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.shops-selection-title.add-shop-modal-selection-title {
    justify-content: normal;
    margin-bottom: 0;
}

.shops-selection-title.add-shop-modal-selection-title button{
    background-color: transparent !important;
    color: #337ab7 !important;
    font-weight: normal !important;
    border: none;
    margin-top: 5px;

}

.shops-selection-title label{
    margin-top:10px;
}

.shops-selection-title .loading-container{
    align-self: center;
}

/****************************************
  Shops configuration
****************************************/
.shop-configuration .tableLoaderExternalContainer {
    min-height: 280px;
}

.shop-configuration .form-shop-configuration .form-group-grid {
    grid-template-columns: 40% 60%;
}

.shop-configuration .form-shop-configuration .form-group-grid  label {
    word-break: break-word;
    white-space: initial;
}

.shop-configuration .form-shop-configuration .form-group-grid-justify-center input[type=radio] {
    position: relative;
    top: 3px;
}


/****************************************
  Validation groups configuration
****************************************/
.validation-groups-selection-title{
    display: flex;
    justify-content: space-between;
}

.table-validation-groups-responsive {
    padding: 0 !important;
}

.table-validation-groups-responsive .table-validation-groups-title {
    font-size: 16px;
    margin-bottom: 10px;
}

.table-validation-groups-responsive  .accordion-button{

    font-weight: 400;
    margin: 0 0 10px 1px;
}

.validation-group-force-update-btn-moved-down{
    position: relative;
    top: 40px;
}

/****************************************
  Companies list
****************************************/
.company-status-icon {
    font-size: 20px;
    vertical-align: middle;
}

.select-input-site {
    width:100%!important;
    margin: 0px!important;
}

.select-input-margin {
    margin-top: 15px!important;
}

/****************************************
  Company Profile
****************************************/

.carousel-indicators li {
    display: inline-block;
    text-indent: 0;
    bottom:-10px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #6ea122;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
    margin-bottom: -25px!important;
}
.carousel-indicators li .active {
    width: 48px;
    height: 48px;
    margin: 10px;
    background-color: #ffff99!important;
}
.companyGeneralInfoRow .carousel,
.companyGeneralInfoRow .carousel-inner,
.companyGeneralInfoRow .carousel-inner img{
    max-height: 350px;
}

.companyPicturesRow .carousel,
.companyPicturesRow .carousel-inner,
.companyCarouselImg{
    max-height: 280px;
}

.companyPicture {
    width: 100%;
    object-fit: contain!important;
}
.companyGeneralInfoRow .carousel-inner img,
.companyCarouselImg{
    width:100%;
    object-fit: cover;
    overflow: hidden; }

.companyCarouselImg {
    /* max-height: 245px; */
    transform-style: preserve-3d;
}

.company.form-inline > * {
    margin:4px 4px;  }

.company > .carousel-caption i{
    background-color:white;
    color: #6ea122;
    margin-left:98%!important;
    font-size: 3em;  }

.companyPicture > .carousel-caption{
    top: 0;
    right: 0;
    left: initial;
    background-color:rgba(110,161,34,0.75);
    height: 50px;
    width: 50px;
    padding: 0;
}

.companyPicture > .carousel-caption i{
    background-color: transparent;
    color: #fff;
    font-size: 1.7em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.col-company-time-schedule{
    margin: 0 auto;
    float:none;
}

.table-company-time-schedule td .ats-switch{
    min-width: 85px;
}

.table-company-time-schedule td div.form-group.input-group{
    padding: 8px 0;
}

.time-schedule-error {
    color: red!important;  }

.input-group-addon {
    padding: 6px 12px;
    margin: 0 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #4d6b8a;
    text-align: center;
    background: none;
    border: none;
    border-radius: 4px; }

.md-radio label > .check {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    opacity: 0;
    z-index: 6;
    background: #6ea122;  }

.input_error{
    border-bottom: 1px solid red!important;  }

.uploadModal .modal-title{
    word-break: break-all;
}

.parking-amenity-column {
    display: flex;
    align-items: center;
    height: 30px;
}

.parking-amenity-column .form-control{
    height: 30px;
}

/*Open Layers css replacement*/

#gcd-container{
    right: .5em!important;
    top: .5em!important;
    left: initial!important;
}

.gcd-txt-result li{
    background-color: initial!important;
}

.gcd-road{
    line-height: 1.1!important;
}

.ol-geocoder ul.gcd-txt-result>li>a {
 padding:5px 8px!important;
}

/****************************************
  Languages section
****************************************/

.portlet-languages{
    min-height: 600px !important;
}

.portlet-legals{
    min-height: 220px !important;
}

.languageManagementSection{
    margin-top: 10px;
    /*min-height: 400px;*/
    padding-left: 30px;
}

.languageManagementSectionTitle{
    font-size: 16px;
}

.languageResourcesSectionTitle{
    font-weight: 600;
}

.languagePropertiesSectionTitle{
    font-weight: 600;
    margin-bottom: 5px;
}

.languageResourcesSection{
    border-right: 1px solid #e7ecf1;
}

.languageResourcesForm{}

.languageAppsTitle{
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
}

.languageResourcesForm .col-md-6,
.languageResourcesForm .col-md-12:not(.form-actions){
    padding: 0;
}

.languageResourcesForm .multi-country-padding {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.languageResourcesForm label{
    width: 100%;
    padding: 1px 0;
}

.languageResourcesForm .resourcesNotes{
    margin-top: 20px;
    width: 100%;
}

.languageResourcesForm .resourcesNotes ul span {
    margin-left: -35px;
}

.languageResourcesForm .resourcesNotes ul li{
    padding: 8px 0;
}

.languageResourcesForm .resourcesNotes ul li.extraTopPadding{
    padding-top: 15px;
}

.languageResourcesForm .form-actions{
    margin-top: 15px;
}

.languagePropertiesBody{
    margin-top: 10px;
    padding: 2px 0 !important;
}

.languagePropertiesBody .col-md-4,
.languagePropertiesBody .col-md-6,
.languagePropertiesBody .col-md-8{
    padding: 0;
}

.languagePropertiesBody .col-md-12.languageFlagCol{
    height: 10px;
    display: table;
}

.language-properties-flag{
    display: table-cell;
    background-image: url('/img/flags/flags_medium.a5ce846d.png');
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
    border-radius: 8px;
    margin-right: 20px;
}

.language-properties-flag-ca {
    background-position: -256px -128px;
}

.language-properties-flag-de {
    background-position: -320px -192px;
}

.language-properties-flag-es {
    background-position: -0px -256px;
}

.language-properties-flag-fr {
    background-position: -512px -256px;
}

.language-properties-flag-it {
    background-position: -512px -384px;
}

.language-properties-flag-ru {
    background-position: -448px -704px;
}

.language-properties-flag-tr {
    background-position: -448px -832px;
}

.language-properties-flag-us {
    background-position: -896px -832px;
}

.language-properties-flag-pt {
    background-position: -64px -704px;
}

.language-properties-flag-br {
    background-position: -896px -64px;
}

.language-properties-flag-pl {
    background-position: -832px -640px;
}

.language-properties-flag-gb {
    background-position: -640px -256px;
}

.language-properties-flag-nl {
    background-position: -0px -640px;
}

.languagePropertiesBody .languagePropertyNameDiv{
    height: 0px;
    float: left;
    display: table-cell;
    /*padding-left: 20px;*/
}
.languagePropertiesBody .languagePropertyNameDiv .languagePropertyGroup.languagePropertyName{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.languagePropertiesBody .listPropertiesCol{
    margin-top: 15px;
}

.languagePropertiesBody .languagePropertyGroup{
    display: inline-block;
    width: 100%;
    padding: 0px 0;
}

.languagePropertiesBody .languagePropertyGroup label{
    margin-right: 5px;
}

.languagePropertiesBody .languagePropertyGroup div{
    display: inline-block;
    min-width: 100px;
}


@media (max-width: 1200px){
    .portlet-languages{
        min-height: 660px !important;
    }

    .languagePropertiesBody .languagePropertyNameDiv {
        width: 100%;
        padding-left: 0;
    }

    .languagePropertiesBody .listPropertiesCol{
        margin-top:0;
    }
}

@media (max-width: 991px) {
    .languageResourcesForm .col-md-6.col-mobile-apps{
        margin-top: 20px;
    }

    .languageResourcesForm .form-actions{
        border-bottom: 1px solid #e7ecf1;
    }

    .languageManagementSection{
        min-height: inherit;
    }

    .languageResourcesSection{
        border-right: none;
    }

    .languagePropertiesSection{
        margin-top: 15px;
    }

    .languagePropertiesBody .languagePropertyNameDiv {
        padding-left: 20px;
    }

    .languagePropertiesBody .listPropertiesCol{
        margin-top: 15px;
    }
}


/*===================================================================
    * User Management
====================================================================*/

.btn-user-management{
    width: 34px;
}

.user-unblock-green{
    color: #fff;
    background-color: #16ad54;
    border-color: #16ad54;
}

.user-unblock-green:hover{
    color: #fff;
}

.font-user-unblock-green{
    color: #16ad54;
}

/*===================================================================
    *
    *    General
    *
====================================================================*/
/*==================================================================
 *  Buttons
 ==================================================================*/


.btn.btn-outline.customBtn.background-transparent:hover,
.btn.btn-outline.customBtn.background-transparent:active,
.btn.btn-outline.customBtn.background-transparent:active:hover,
.btn.btn-outline.customBtn.background-transparent:active:focus,
.btn.btn-outline.customBtn.background-transparent:focus,
.btn.btn-outline.customBtn.active.background-transparent,
.btn.btn-outline.customBtn.background-transparent{
    background: transparent !important;
    color: #34495e !important;
    text-align: left;
    padding: 15px;
    margin-bottom: 15px;
}

.btn.btn-outline.customBtn.background-transparent h5{
    font-weight: 600;
}

/****************************************
  Tracking
****************************************/
.act{
    color:#6ea122!important;
}


/****************************************
  Validation
****************************************/

.stream-orizontal-line {
    display: inline;
    background-color: red;
    height: 1px;
    width: 240px;
    position: absolute;
    margin-top: 120px;
    margin-left: 40px;
}

/*==================================================================
 *  Parking Clients
 ==================================================================*/

.createParkingClientDiv{
    padding-top: 15px;
}

.createParkingClientDiv .form-actions-white {
    background-color: #fff;
}


/*==================================================================
 *  Lost Tickets Management
 ==================================================================*/

.searchLostTicketsSection{
    border-bottom: 1px solid #ccc;
}

.searchLostTicketsSection form {
    min-height: 70px;
}

.searchLostTicketsSection form .col-lost-tickets-field,
.searchLostTicketsSection form .col-lost-tickets-button{
    display: inline-block;
}

.searchLostTicketsSection form .col-lost-tickets-field{
    width: 32%;
    float: left;
    padding-right: 15px;
}

.searchLostTicketsSection form .col-lost-tickets-button{
    width: 3%;
    float: left;
    margin-top: -1px;
}

.searchLostTicketsSection form .col-lost-tickets-centered-button{
    display: none;
    text-align: center;
}

.lostTicketsListSection{
    padding-top: 20px;
}

.lostTicketsListSection .parkingDetails{
    font-size: 16px;
    font-weight: 300;
}

.lostTicketsListSection .lostTicketsListPagination{
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 15px;
}

.lostTicketItem {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transform-style: preserve-3d;
    transition: 0.3s ease;
    background-color: #fafafa;
    position: relative;
    margin-bottom: 30px;
    color: #003050;
}

.lostTicketItem:hover {
    text-decoration: none;
}

.lostTicketItem > .ticketDetails {
    background: #fff;
    height: 120px;
    display: block;
    padding: 0;
    border-bottom: 1px solid #ccc;
}

.lostTicketItem > .ticketDetails .ticket-info{
    background: rgba(250, 250, 250, 0.6);
    border-top: 2px solid #F5F6F2;
    font-size: 2.25em;
    font-weight: 700;
    padding: 15px 20px 20px 20px;
    height: 100%;
    width: 85%;
    float: left;
}

.lostTicketItem > .ticketDetails .ticket-info small{
    font-size: 22px;
}

.lostTicketItem > .ticketDetails .ticket-info > .ticket-col-info{
    line-height: 26px;
    padding: 0 5px 10px;
    width: 25%;
    float: left;
}

.lostTicketItem > .ticketDetails .ticket-info > .ticket-col-info span{
    font-size: 12px;
    text-transform: uppercase;
}

.lostTicketItem > .ticketDetails .ticket-info > .ticket-cost {
    color: #6BA539;
}


.lostTicketItem > .ticketDetails .ticket-qr-code-container {
    width: 15%;
    position: relative;
    float: left;
    height: 100%;
}

.lostTicketItem > .ticketDetails .ticket-qr-code-container .ticket-qr-code {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lostTicketItem > .ticketDetails .qr-code-divider {
    width: 1px;
    height: 60px;
    background: #D9DCD8;
    float: left;
    margin-top: 45px;
}

.lostTicketItem > .ticketDetails .qr-caption {
    color:#001C2A;
    font-size: 11px;
    font-weight: 600;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

#ticketHistoryAccordion .panel-heading{
    background: #fff;
    padding: 10px 20px;
}

#ticketHistoryAccordion .panel-heading .accordionTitle{
    font-weight: 700;
}

#ticketHistoryAccordion .panel-heading .accordionTitle.infoTitle{
    display: none;
}

#ticketHistoryAccordion .panel-heading .panel-title i.pull-right{
    position: relative;
    top: 5px;
}

#ticketHistoryAccordion .panel-body{
    background: #fff;
}

#ticketHistoryAccordion .panel-body .ticket-info{
    display: none;
    padding: 0 20px;
}

#ticketHistoryAccordion .panel-body .ticket-info span{
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 6px;
}

#ticketHistoryAccordion .panel-body .ticket-info div{
    display: inline-block;
}

.lostTicketHistoryTitle,
.contractHistoryTitle {
    display: none;
    margin: 5px 0 10px 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

@media (max-width: 768px) {
    .searchLostTicketsSection form{
        padding: 0 0 15px 0 !important;
    }

    .searchLostTicketsSection form .col-lost-tickets-field {
        width: 100% !important;
    }

    .searchLostTicketsSection form .col-lost-tickets-centered-button{
        display: block;
    }

    .searchLostTicketsSection form .col-lost-tickets-button{
        display: none;
    }

    .lostTicketItem > .ticketDetails .ticket-info{
        width: 75%;
    }

    .lostTicketItem > .ticketDetails .ticket-qr-code-container{
        width: 25%;
    }

    .lostTicketItem > .ticketDetails .ticket-info > .ticket-area,
    .lostTicketItem > .ticketDetails .ticket-info > .ticket-cost-paid,
    .lostTicketItem > .ticketDetails .ticket-info > .ticket-scheduled-exit-date{
        display: none;
    }

    .lostTicketItem > .ticketHeader > h6.ticketTime > i.fa-sign-out,
    .lostTicketItem > .ticketHeader > h6.ticketTime > span.ticket-scheduled-exit-date{
        display: none;
    }

    .lostTicketItem > .ticketDetails .ticket-info > .ticket-col-info{
        width: 50%
    }

    #ticketHistoryAccordion .panel-heading .accordionTitle.historyTitle{
        display: none;
    }

    #ticketHistoryAccordion .panel-heading .accordionTitle.infoTitle{
        display: inline-block;
    }

    #ticketHistoryAccordion .panel-body .ticket-info{
        display: block;
        padding: 5px 20px;
    }

    .lostTicketHistoryTitle{
        display: block;
    }
}

@media (max-width: 480px) {
    .lostTicketItem > .ticketDetails .ticket-info{
        width: 100%;
    }

    .lostTicketItem > .ticketDetails .ticket-qr-code-container{
        display: none;
    }

}

/*==================================================================
 *  Disposed Tickets Management
 ==================================================================*/
.portlet-disposed-tickets .table-toolbar-disposed-search select {
    display: block;
    margin: 0;
    width: 100%;
}
/*==================================================================
 *  Radio buttons
 ==================================================================*/

input[type="radio"]{
    position: relative;
    top: 2px;
}

.radio-list .radio{
    padding-top: 1px;
    margin-right: 3px;
}

/*==================================================================
 *  Checkboxes
 ==================================================================*/

input[type="checkbox"]{
    position: relative;
    top: 2px;
}

.checkboxList label{
    width: 100%;
}

/*=============================================
  Icon hover
===============================================*/

.icon-hover:hover{
    cursor: pointer;
}

.tableLoaderExternalContainer{
    width: 50%;
    text-align: center;
    margin: 0 auto;
    display: table;
}

.tableLoaderInternalContainer{
    display: table-cell;
    vertical-align: middle;
}

.emptyMessage{
    margin-bottom: 15px;
}

/*=============================================
  General
===============================================*/

.font-info{
    color: #5bc0de !important;
}

.user-lock-unlock{
    background-repeat: no-repeat;
    background-position: 2px 0;
}

.user-lock{
    background-image: url("/img/user/user-lock.063237bb.png");
    background-size: 16px;
}

.user-unlock{
    background-image: url("/img/user/user-unlock.06202cf9.png");
    background-size: 18px;
}

.actions-visible-md,
.actions-visible-lg,
.actions-visible-xlg{
    display: none!important;
}

.actions-visible-always {
    display: block!important;
}


.dropdown-menu.last-dropdown-menu:before{
    top: 100%;
    border-top: 8px solid #e0e0e0;
    border-bottom: none;
}

.dropdown-menu.last-dropdown-menu:after {
    top: 100%;
    border-top: 7px solid #fff;
    border-bottom: none;
}

.nav-tabs-multiline li{
    border-bottom: 4px solid transparent !important;
}

@media (max-width: 1200px){
    .actions-visible-md {
        display: block!important;
    }
}

@media (max-width: 1200px) {
    .actions-hidden-md {
        display: none !important;
    }
}

@media (max-width: 1300px){
    .actions-visible-lg {
        display: block!important;
    }
}

@media (max-width: 1300px) {
    .actions-hidden-lg {
        display: none !important;
    }
}


@media (max-width: 1400px){
    .actions-visible-xlg {
        display: block!important;
    }
}

@media (max-width: 1400px) {
    .actions-hidden-xlg {
        display: none !important;
    }
}


.table-responsive-30-padding{
    padding: 30px 0;
}

.actions-visible-md.btn-group>.btn,
.actions-visible-lg.btn-group>.btn,
.actions-visible-xlg.btn-group>.btn,
.actions-visible-always.btn-group>.btn{
    float: none;
}

.tableActionsTd .dropdown-menu.customized-dropdown-menu{
    position: absolute;
    transform: translate3d(-105%, calc(-50% + 15px), 0px);
    top: 0 !important;
    left: 0 !important;
    will-change: transform;
    border: 1px solid #ccc;
    margin-top: 0;
}

.tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow{
    transform: translate3d(-105%, calc(-50% + 8px), 0px);
    height: 150px;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

.jms-accounts-table tr:last-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow{
    transform: translate3d(-105%, calc(-55% + 10px), 0px);
}

.contracts-table .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow{
    transform: translate3d(-104%, calc(-50% + 10px), 0px);
    height: 150px;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}


.proforma-invoices-table .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow{
    transform: translate3d(-104%, calc(-50% + 10px), 0px);
    height: auto;
    max-height: 155px;
    overflow-y: unset;
    overflow-x: unset;
}

.proforma-invoices-table .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow .dropdown-menu-arrow-after{
    top: calc(50% - 5px);
}

.proforma-invoices-table tr:last-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow{
    transform: translate3d(-104%, calc(-55% + 10px), 0px);
}

.proforma-invoices-table tr:last-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow .dropdown-menu-arrow-after{
    top: calc(55% - 5px);
}

.tableActionsTd .btn-group.open  .dropdown-menu-arrow-before{
    display: none;
}

.tableActionsTd .btn-group.open  .dropdown-menu-arrow-after{
    left: -8px;
    right: auto;
    top: calc(50% - 8px);
    border-left: 8px solid #ccc;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    content: '';
    position: absolute;
}

.tableActionsTd .dropdown-menu.customized-dropdown-menu  .dropdown-menu-arrow-before,
.tableActionsTd .dropdown-menu.customized-dropdown-menu  .dropdown-menu-arrow-after{
    left: auto;
    right: -8px;
    top: calc(50% - 8px);
    border-left: 8px solid #ccc;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    content: '';
    position: absolute;
}

.tableActionsTd .dropdown-menu.customized-dropdown-menu:before,
.tableActionsTd .dropdown-menu.customized-dropdown-menu:after{
    display: none !important;
}


.tableActionsTd .dropdown-menu.customized-dropdown-menu > li > a{
    padding: 6px 8px 6px 10px;
}

/*.table-responsive table tr.mainTr.last-item .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow,
.table-responsive table tr.accordionTr:last-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow{
    transform: translate3d(-105%, -75%, 0px);
}

.table-responsive table tr.mainTr.last-item .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow .dropdown-menu-arrow-before,
.table-responsive table tr.mainTr.last-item .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow .dropdown-menu-arrow-after,
.table-responsive table tr.accordionTr:last-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow .dropdown-menu-arrow-before,
.table-responsive table tr.accordionTr:last-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow .dropdown-menu-arrow-after{
    bottom: 15%;
    top: unset;
}


.table-responsive table tr:first-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow{
    transform: translate3d(-105%, -20%, 0px);
}

.table-responsive table tr:first-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow .dropdown-menu-arrow-before,
.table-responsive table tr:first-child .tableActionsTd .dropdown-menu.customized-dropdown-menu.dropdown-menu-fix-overflow .dropdown-menu-arrow-after{
    bottom: unset;
    top: 23%;
}

.table-responsive table tr:first-child .tableActionsTd .btn-group.btn-group-fix-overflow.open .dropdown-menu-arrow-before,
.table-responsive table tr:first-child .tableActionsTd .btn-group.btn-group-fix-overflow.open .dropdown-menu-arrow-after{
    bottom: unset;
    top: 23%;
}*/

.container-block {
    background: transparent !important;
    color: #34495e !important;
    text-align: left;
    padding: 15px;
    margin-bottom: 15px;
    line-height: 1.44;
    border-radius: 25px !important;
    display: block;
    width: 100%;
    border: 1px solid;
}
.container-block.green {
    border-color: #6ea122
}

/*=============================================
  Payment Configuration
===============================================*/
.payment-configuration.sm-separator {
    display: none;
}

@media all and (max-width: 769px) {
    .payment-configuration.sm-separator {
        display: block;
    }
}

.payment-configuration.credit-card.centered-credit-card, .credit-card-box {
    display: flex;
    justify-content: center;
}

.payment-configuration.credit-card.centered-credit-card.active {
    width: fit-content;
    margin: 0;
    padding: 2px;
}

.psps-section {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.psps-section .psps-box {
    display: flex;
    justify-content: center;
    width: 100%;
    row-gap: 10px;
    column-gap: 20px;
    flex-wrap: wrap;
}

.psps-box .psp-box {
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 150px;
    height: 70px;
}

.psps-box .psp-box.active {
    border: 3px solid #6BA539;
}

.psp-box img {
    object-fit: contain;
    width: 100%;
}

/*
	--------------------------
		Payment History
	--------------------------
*/
.my-items table {
    border-spacing: 0px 10px;
}

.my-items .my-item {
    background: transparent;
    margin-bottom: 10px;
}
.my-items table tbody tr td {
    background: #fff !important;
    padding: 15px;
    font-size: 14px;
    width: auto !important;
}
.my-items table thead tr th{
    opacity: 0.75;
    padding: 0 0 0 15px
}
.my-items table thead tr th:first-child {
    width: 20% !important;
    padding: 0;
}
.my-items table tbody tr td:first-child {
    width: 20% !important;
}

.payment-methods {
    display: -webkit-inline-box;
}

.payment-methods img {
    height: 26px;
    width: auto;
}

.payment-methods__user {
    display: inherit;
    margin-left: 10px;
}

.payment-methods__ast {
    display: inherit;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
    margin-left: 5px;
}

.payment-methods__num {
    display: inherit;
    margin-left: 5px;
}

.payment-badge {
    padding: 3px;
    border-radius: 20px;
    font-weight: 600;
    border: 1px solid;
    text-align: center;
}

.payment-badge__booking {
    color: #435DAE;
    border-color: #435DAE;
}

.payment-wallet {
    color: #f0ad4e;
    border-color: #eea236;
}

.payment-badge__parking {
    color: #003050;
    border-color: #003050;
}

.payment-badge__seasonal {
    color: #9C213D;
    border-color: #9C213D;
}

.payment-badge__onstreet {
    color: #3f8af0;
    border-color: #3f8af0;
}

.payment-billback {
    color: #5b8103;
    border-color: #5b8103;
}

.payment-amount {
    color: #EE7F01;
    font-weight: 600;
    font-size: 18px !important;
    text-align: right;
}

.payment-amount.deposit {
    color: #6ea122;
}

.payment-amount.withdrawal {
    color: #EE7F01;
}

.payment-amount.refunded {
    color: #6BA539;
}

.payment-amount.payment-amount-current {
    color: #34495e;
}

.payment-amount.booking-payment-amount{
    text-align: left;
}

.payment-status {
    border-radius: 20px;
    color: #fff;
    padding: 2px 20px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.4pt;
    min-width: 110px;
}

.payment-status__executed {
    background: rgba(110,161,46,0.9);
}

.payment-status__cancelled {
    background: rgba(214,50,50,0.9);
}

.payment-status__authorized {
    background: rgba(255, 115, 0, 0.9);
}

.payment-status__created {
    background: rgba(149,152,154,0.9);
}

.payment-status__refunded {
    background: rgba(96,116,126,0.9);
}

.payment-history-details-flex-container {
    justify-content: space-between;
}

.payment-history-details-flex-container payment_history__details{
    align-self: center;
    white-space: normal !important;
}

.payment-history-details-flex-container card-header{
    align-self: center;
}



.my-items table tbody tr th, .my-items table tbody tr td:before {
    content: attr(data-th) ": ";
    display: none;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 46, 70, 1);
}

.status_success {
   color: rgba(110,161,46,0.9);
}

.status_error {
    color: rgba(214,50,50,0.9);
}
/* Responsive Payment History */

@media all and (max-width: 769px) {
    .table-responsive {
        border: none;
        /*margin-top: -20px;*/
    }
    .my-items table {
        border-spacing: 0 20px;
    }
    .my-items table thead{
        display: none;

    }
    .my-items table tbody tr td:first-child {
        width: auto !important;
        padding-top: 20px;
        border-top: 8px solid #003050;
    }

    .my-items table tbody tr td {
        display: -webkit-box;
    }

    .my-items table tbody tr td:before {
        text-align: right;
        display: block;
        width: 40%;
        padding-right: 30px;
    }
    .my-items table tbody tr td:last-child {
        text-align: left;
        padding-bottom: 20px;
    }

}

/*=============================================
  White Label
===============================================*/

input.whitelabel-app-name{
    min-width: 250px;
}

.white-label-modifiable-fields .form-group > .col-md-9{
    padding-top: 7px;
}

.white-label-modifiable-fields .download-white-label{
        text-decoration: underline;
}

.white-label-modifiable-fields .edit-white-label{
    margin-left: 20px;
}

.white-label-modifiable-fields .download-edit-links{
    margin-bottom: 15px;
}

.white-label-modifiable-fields .download-edit-links .download-white-label,
.white-label-modifiable-fields .download-edit-links .edit-white-label{
    color: #6BA539;
    font-weight: 600;
}

.white-label-modifiable-fields .fileinput .hidden-file-input{
    opacity: 0;
    position: relative;
    top: -34px;
    height: 34px;
    width: 100%;
}

.white-label-modifiable-fields .fileinput.white-label-file-input .actionButtons{
    display: inline-block;
}

.white-label-modifiable-fields .fileinput.white-label-file-input .actionButtons .btn.default{
    width: 100%;
}

.white-label-modifiable-fields .progress{
    top: -30px;
    position: relative;
    height: 12px;
    margin-bottom: 0;
}

.white-label-modifiable-fields .progress .progress-bar {
    line-height: 14px;
    font-size: 11px;
}

.white-label-modifiable-fields .noteAndActionsContainer{
    position: relative;
    top: -2px;
}

.white-label-modifiable-fields .uploaded-file {
    display: inline-block;
    margin-left: 25px;
}

.white-label-modifiable-fields .uploaded-file span{
    color: #6BA539;
    margin-left: 5px;
}

.white-label-modifiable-fields .noteAndActionsContainer ul{
    line-height: 25px;
    margin-top: 15px;
}

.white-label-modifiable-fields .white-label-header-logo-input .thumbnail,
.white-label-modifiable-fields .white-label-footer-logo-input .thumbnail{
    float: left;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.white-label-modifiable-fields .white-label-header-logo-input .thumbnail{
    width: 110px;
    height: 110px;
    background-size: 100px;
}

.white-label-modifiable-fields .white-label-footer-logo-input .thumbnail{
    width: 110px;
    height: 110px;
    background-size: 100px;
}

.white-label-modifiable-fields .white-label-header-logo-input .noteAndActionsContainer,
.white-label-modifiable-fields .white-label-footer-logo-input .noteAndActionsContainer{
    height: 100%;
    width: 100%;
    float: left;
}

.white-label-modifiable-fields .white-label-header-logo-input .noteAndActionsContainer .actionButtons,
.white-label-modifiable-fields .white-label-footer-logo-input .noteAndActionsContainer .actionButtons {
    margin-left:15px;
}

.white-label-modifiable-fields .white-label-header-logo-input .noteAndActionsContainer .actionButtons,
.white-label-modifiable-fields .white-label-footer-logo-input .noteAndActionsContainer .actionButtons,
.white-label-modifiable-fields .white-label-header-logo-input .noteAndActionsContainer .pictureNotes,
.white-label-modifiable-fields .white-label-footer-logo-input .noteAndActionsContainer .pictureNotes{
    float: left;
    position: relative;
}
.white-label-modifiable-fields .white-label-footer-logo-input .noteAndActionsContainer .pictureNotes{
    max-width: 300px;
}

.white-label-description{
    margin-left: 35px !important;
    line-height: 24px;
}

.white-label-description{
    margin: 0 !important;
}

.white-label-description .alert-ico{
    display: none;
}


.white-label-description .statusMessageText a {
    color: #6BA539;
    font-weight: 600;
}

.white-label-service-info {
    width: 90% !important;
}

.white-label-email-preview-table{
    margin: 35px 0 0 0;
    padding: 0;
    color: #003050;
    font-family: "Open Sans", sans-serif;
    font-size: 1.1em;
    width: 100%;
}

.white-label-email-preview-center-table{
    vertical-align: center;
    background-color: #FFFFFF;
    width: 100%;
    border: 1px solid #ccc;
}

.white-label-email-preview-center-table table{
    width: 100%;
}

.white-label-email-preview-header{
    height: 220px;
    background-image: url("/img/whiteLabel/white-label-template-email-header-bg.5fb6f330.jpg")
}

.white-label-email-preview-header-imgcontainer{
    height:100%;
    width:100%;
    opacity: 0.8;
    position: relative;
}

.white-label-email-preview-header-imgcontainer img{
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.white-label-email-preview-content-table{
    width: 400px;
    border-collapse:separate!important;
    padding: 20px 0;
}

.white-label-email-preview-footer-table{
    border:none;
    width: 400px;
    height:160px;
    background-size:cover;
    background: #FFFFFF url(cid:footer_bg) no-repeat 0 2px;
    border-top: 1px solid rgba(0,0,0,0.05);
}

.white-label-email-preview-footer-logo{
    width: 25%;
    text-align: left;
    vertical-align: top;
    padding-left: 30px;
}

.white-label-email-preview-footer-logo img{
    width: 155px;
}

.white-label-email-preview-footer-links{
    width: 75%;
    text-align: right;
    vertical-align: top;
    padding-right:30px;
    color:#95989A;
    font-size: 13px;
    position: relative;
    line-height:20px;
}

.white-label-email-preview-footer-link-divider{
    margin: 0 4px;
}

.white-label-email-preview-footer-social-links td{
    text-align: center;
}

/**********************************
 * Provider payment configuration *
 **********************************/

.paginatedListActiveItem {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/*@media all and (min-width: 320px)
           and (max-width: 424px){

    .white-label-modifiable-fields .fileinput .actionButtons {
        top: 10px;
        width: 70%;
        transform: none;
    }

    .white-label-description{
        margin: 0 !important;
        padding: 20px;
    }

    .white-label-description .alert-ico{
        display: none;
    }
}

@media all and (min-width: 425px) and (max-width: 767px){
    .check-white-label-form-group{
        text-align: center;
    }

    .check-white-label-btn{
        margin-top: 15px;
        width: 100%;
    }

    .white-label-modifiable-fields .fileinput .actionButtons{
        top: 0;
    }

    .white-label-modifiable-fields .fileinput .actionButtons .btn.default{
        width: 100%;
    }

    .white-label-modifiable-fields .uploaded-file {
        width: 100%;
        position: relative;
        top: 8px;
    }

    .white-label-description{
        margin: 0 !important;
        padding: 20px;
    }

    .white-label-description .alert-ico{
        display: none;
    }
}*/


/* Start styles for company Features */
input.ng-invalid, input.ng-invalid:focus,
.timezonerequired .chosen-container.chosen-container-single .chosen-single.chosen-default {
    border-color: red;
}
.map-message-error-parent {
    position: absolute;
    z-index: 10;
    width: 50%;
    height: 100px;
    right: 0;
    left: 0;
    margin: auto;
    top: 150px;
    background-color: rgba(104,108,117,0.2);
    pointer-events: none;
    border: 1px solid gray;
    border-radius: 10px;
    text-align: center;
    display: table;
}
.map-message-error {
    display: table-cell;
    vertical-align: middle;
    color: black;
    pointer-events: none;
}
.error-message {
    color: red;
}
.features-column {
    width: 30%;
}
.configurations-column {
    width: 25%;
}
.flex-container {
    display: flex;
}
.inline-flex-container {
    display: inline-flex;
}
.left-flex {
    width: 30%;
}
.right-flex {
    width: 70%;
    margin-right: 15px;
}
.right-form {
    margin-top: 15px;
}
.left-flex > .form-grup {
    margin-top: 15px;
}
.hourly-label {
    margin-left: 10px;
}
.event-overlap {
    margin-top: 15px;
}
.price-label {
    margin-top: 10px;
}
@media screen and (max-width: 992px) {
    .flex-container {
        flex-direction: column;
    }
}

@media screen and (min-width: 1440px) {
    .servicesTableContainer.table-responsive {
        overflow-x: hidden;
    }
}


/* End styles for company Features */

/* Start styles for event section */
.calendar-row {
    margin-top: 15px;
}
.calendar-container {
    margin-top:15px;
}
.jw-calendar-button {
    background-color: #6ea122;
    border-color: #6ea122;
}
.jw-calendar-button:hover {
    background-color: #517916;
    border-color: #517916;
}
.jw-calendar-button.active {
    background-color: #517916;
    border-color: #517916;
}
.jw-calendar-button.active:hover {
    background-color: #517916;
    border-color: #517916;
}
.badge-important{
    background-color: #517916 !important;
}
.cal-slide-content.cal-event-list {
    background-color: #003050;
}


/* End styles for company Features */

/* Start styles for booking integration*/
.booking-integration-image.active {
    padding: 8px 0;
    border: 3px solid #6ea12e;
    height: 55px;
    width: 200px;
    margin: 0 auto;
}
/* End styles for booking integration */

/* Start styles for card provider integration*/



.external-card-provider-integration .carousel-external-card-providers {
    display: flex;
    justify-content: space-around;
}


.external-card-provider-integration .carousel-external-card-providers button {
    border: none;
    background: transparent;
}

.external-card-provider-integration .carousel-external-card-providers button:disabled{
    opacity: 0.3;
}

.external-card-provider-integration .carousel-inner{
    width: auto;
}

.external-card-provider-integration .carousel-inner .carousel-item img{
    width: 250px;
}

.external-card-provider-integration  p.card-provider-integration-info{
    white-space: normal;
    word-break: break-word;
}

/* End styles for card provider integration */


.merchant-limit-reached {
    text-decoration: line-through;
}

/* Start of merchant configuration styles */
@media (min-width: 768px)  {
    .flex-md-row {
        flex-direction: row !important;
    }
}

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

/* End of merchant configuration styles */

/* User select styles */

.user-select-auto {
  user-select: auto;
}

/* End of user select styles */

/**********************************
 * Jms Accounts List *
 **********************************/
.portlet-body-jms-accounts-list .parking-client-selection {
    width: 80%;
}

.portlet-body-jms-accounts-list .parking-client-selection-buttons {
    width:20%;
    margin-top: 25px;
}


@media (max-width: 1220px){
    .portlet-body-jms-accounts-list .parking-client-selection{
        width: 70%;
    }

    .portlet-body-jms-accounts-list .parking-client-selection .select2{
        min-width: 280px !important;
    }

    .portlet-body-jms-accounts-list .parking-client-selection-buttons{
        width: 30%;
    }
}

@media (max-width: 991px){
    .portlet-body-jms-accounts-list .parking-client-selection,
    .portlet-body-jms-accounts-list .parking-client-selection .select2-selection{
        width: 100%;
    }

    .portlet-body-jms-accounts-list .parking-client-selection-buttons {
        width: 100%;
        margin-top: 0;
        margin-bottom: 25px;
    }
}

/**********************************
 * Jms Account Configuration *
 **********************************/
.jms-accounts-selection .flex-container .loading-icon-sm {
    align-self: center;
}

.billingCycleForm .form-group .flex-container label {
    margin-top: 7px;
}

.documentsToUpdateForm .form-group .flex-container label {
    margin-top: 7px;
}

.documentsToUpdateBody .table-toolbar {
    padding: 0;
}

.documentsToUpdateBody  .table-responsive{
    padding: 10px 0 20px 0;
}

.documentsToUpdateBody .input-with-button {
    display: table;
    box-sizing: border-box;
}

.documentsToUpdateBody .input-with-button .input-wrapper {
    display: table-cell;
    width: 100%;
    padding-right: 10px;
}

.documentsToUpdateBody .input-with-button button {
    margin-top: 8px;
}

.rateCodesBody .table-toolbar {
    padding: 0;
}

.rateCodesBody  .table-responsive{
    padding: 10px 0 20px 0;
}

.accountTypeForm .form-group .flex-container label {
    min-width: 230px;
    margin-top: 7px;
}

.jmsAccountPaymentHistory .modal-dialog {
    width: 1000px;
}

.jmsAccountPaymentHistory div.table-responsive{
    max-height: 650px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.jmsAccountActionLoader{
    margin-right: 10px;
    align-self: center;
}

.table tr.odd {
    background-color: #f9f9f9;
}

/**********************************
 * Edit customer data
 **********************************/
.edit-customer-data-form .alert-warning {
    padding: 5px 10px;
    margin-top: 5px;
}

/**********************************
 * Contracts *
 **********************************/

.contractActionLoader {
    margin-right: 10px;
    align-self: center;
}

/**********************************
 * Contract Requests *
 **********************************/

 .contractRequestActionLoader {
    margin-right: 10px;
    align-self: center;
}

/**********************************
 * Vertical Divider *
 **********************************/

.vertical-divider-wrapper-mobile {
    display: none;
}

.vertical-divider-wrapper {
    display: initial;
}

.vertical-divider {
    position: absolute;
    display: table;
    text-align: center;
    height: 100%;
    left: 35%;
}

.vertical-divider-center-element {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.vertical-divider-center-element:before, .vertical-divider-center-element:after {
    position: absolute;
    content: "";
    width: 1px;
    left: 50%;
    border-left: 1px solid #34495e;
}

.vertical-divider-center-element:before {
    bottom: 50%;
    top: 0;
    margin-bottom: 20px;
}

.vertical-divider-center-element:after {
    top: 50%;
    bottom: 0;
    margin-top: 20px;
}

.vertical-divider-equal-wrapper {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}

/**
    used to keep buttons always at the bottom of the container
 */
.align-buttons-bottom {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.align-buttons-bottom div:last-of-type {
    margin: auto auto 0 auto;
}

@media screen and (max-width: 992px) {
    .vertical-divider-wrapper {
        display: none;
    }

    .vertical-divider-wrapper-mobile {
        display: flex;
        justify-content: center;
        flex-direction: row;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .vertical-divider-equal-wrapper {
        display: block;
    }
    .align-buttons-bottom {
        width: 90%;
        margin: auto;
    }

    .vertical-divider-wrapper-mobile-child {
        width: 40%;
        margin: 10px;
        border-top: 1px solid #34495e;
    }
}


/**
 Languages form rework
 */

.selected-language-flag {
    border-bottom-color: #6ea122 !important;
}

.scaled-flags {
    height: 56px;
    transform: scale(0.8);
}

.add-language-button {
    line-height: 56px !important;
    font-size: large;
    font-weight: bold;
}

.btn-bigger-bottom-border {
    border-bottom: 3px solid transparent;
    margin-bottom: 5px;
}

.language-tabs {
    padding: 0px 5px !important;
}

.language-tabs-add-language {
    color: #34495e;
}

/**********************************
 * Notification Target Group *
 **********************************/

.loader-inline-target-group > div {
    margin-left: 0;
}
.has-select-target-group {
    margin-top: 10px;
    font-weight: bold;
}




/**********************************
 * Email Preview *
 **********************************/

.email-preview-body {
    width: 80%;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 40px;
}

.email-preview-body > p, h2, h3 {
    margin-bottom: 30px;
}

.email-preview-header-logo {
    width: 25%;
    height: 80%;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    margin:auto;
    position: relative;
    top: 10%;
}

.email-preview-hub-header-logo{
    width: 35%;
}

.email-preview-wrapper {
    width: 576px;
    margin: auto;
}

.email-preview-inner-wrapper {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.email-preview-footer-logo {
    width: 3vw;
    height: 3vw;
    margin-left: 20px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    flex-grow:1;
}

.email-preview-lower-footer-default {
    display:flex;
    justify-content:space-between;
    padding-left:5%;
    padding-right:5%;
    align-items: center;
}

.email-preview-icons-middle {
    vertical-align: middle;
}

.right-side-footer-wrapper {
    height: fit-content;
}

.left-side-footer-wrapper {
    margin-bottom: initial;
    color: white;
}

.email-preview-upper-footer {
    display: flex;
    text-align: right;
    align-items: center;
}

.email-preview-lower-footer-default {
    padding-top: 15px;
    padding-bottom: 15px;
}

.email-preview-header-default {
    width: 100%;
    height: 142px;
}

.email-preview-header-default,
.email-preview-header-banner,
.email-preview-body,
.email-preview-upper-footer {
    margin-bottom: 20px;
}

.email-preview-footer-desc {
    padding-right: 5%;
}

.email-preview-lower-footer-plain, .email-preview-header-plain {
    width: 100%;
    height: 142px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.email-configuration-thumbnail {
    width: 110px;
    height: 110px;
    background-size: 100px;
    float: left;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

/**********************************
 * Email Preview *
 **********************************/



.parking-email-configuration label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}


/*==================================================================
 * Pay By Smartphone Modal
 ==================================================================*/

.pay-by-smartphone-modal-footer button{
    height: 34px;
    max-height: 34px;
}

.pay-by-smartphone-modal-footer .download-button-label{
    padding: 0;
}

.pay-by-smartphone-modal-footer .download-button-label .download-button-label{
    padding: 6px 12px;
}

.pay-by-smartphone-modal-footer .download-button-label canvas{
    position: relative;
    top: -34px;
    opacity: 0;
}

/*==================================================================
 * External Links For Parking Profile
 ==================================================================*/

.external-link-outer-wrapper {
    border-top: #ccc 1px solid;
    padding-top: 15px;
}

.external-link-outer-wrapper-transparent {
    border-top: transparent 1px solid;
    padding-top: 0;
}


/*==================================================================
 * Special Groups
 ==================================================================*/
.special-groups-table .special-group-description {
    word-break: break-word;
    white-space: pre-line;
}

.special-group-general-info-form textarea{
    min-height: 400px;
}

.font-wallet{
    color: #f0ad4e !important;
}

.special-group-list-filter-wrapper {
    width: 100%;
    margin-bottom: 20px;
}

.special-group-list-filter-wrapper:first-of-type {
    margin-bottom: 0;
}


/*==================================================================
 * Product Profiles
 ==================================================================*/

.product-profiles-table .max-subscriptions-purchased .checker {
    margin-top: 0 !important;
}

/*==================================================================
 * Contract request modal
 ==================================================================*/

.contract-request-modal .portlet.light{
    min-height: 500px;
    display: contents;
}

.btn-add-media-card{
    position: absolute;
    right: 15px;
    width: auto;
    min-width: 85px;
}

/*==================================================================
 * User Payments modal
 ==================================================================*/

.user-payments-modal .portlet.light{
    min-height: auto;
}

/*==================================================================
 * User requests
 ==================================================================*/

.roleConfigurationSection .userRoleConfiguration select{
    width: 300px;
}

@media (max-width: 991px) {
    .roleConfigurationSection .userRoleConfiguration select{
        width: 100%;
    }
}


/*==================================================================
 * Ask to register
 ==================================================================*/
.login.askToRegister{
    height: auto;
    min-height: 100%;
}

.login.askToRegister .content {
    width: 730px;
}

.login.askToRegister .content .form-control {
    background-color: #fff;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.login.askToRegister .content .form-group input.ng-invalid,
.login.askToRegister .content .form-group input.ng-invalid:focus{
    border-color: red;
}

.login.askToRegister .content .ask-to-role-configuration h5,
.login.askToRegister .content .ask-to-category-configuration h5{
    line-height: 1.5;
}


/*==================================================================
 * User requests
 ==================================================================*/
.user-requests-table .table-toolbar select{
    width: auto;
}

/*==================================================================
 * User creation modal
 ==================================================================*/

.userCreationModalWindow .modal-dialog{
    width: 1000px;
    min-height: 500px;
}

.userCreationModalBody .form-actions{
    background-color: #fff;
}

.userCreationModalWindow,
.userCreationModalWindow .modal-dialog{
    z-index: 10049 !important;
}

/*==================================================================
 * Jms Account creation modal
 ==================================================================*/

.jmsAccountCreationModalWindow,
.jmsAccountCreationModalWindow .modal-dialog{
    z-index: 10060 !important;
}

.jmsAccountCreationModalWindow .modal-dialog{
    width: 650px;
}


/*==================================================================
 * Email configuration form
 ==================================================================*/

.emailConfigurationForm textarea {
    min-height: 150px;
}


/*==================================================================
 * Third Party Login
 ==================================================================*/

.login.corporateLogin .content {
    width: 480px;
}

.login.corporateLogin .content h5.corporateLoginInfo{
    line-height: 18px;
}

.login.corporateLogin .content .form-body .corporateLoginLoader{
    display: flex;
    justify-content: center;
    padding-top: 15px 0;
}

.login.corporateLogin .content .form-body h5.corporateLoginSelectIntro{
    margin: 15px 0;
    font-weight: 600;
}

.panel-body-identity-providers-configuration{
    padding: 20px;
}

.panel-body-identity-providers-configuration .asterisk-error {
    color: red;
}

.panel-body-identity-providers-configuration .form-group .infoButton{
    background: transparent;
    padding: 0 10px;
    line-height: normal;
    margin: 1px 0 5px 0;
}

.panel-body-identity-providers-configuration .form-group textarea{
    resize: vertical;
}

.panel-body-identity-providers-configuration .btn-show-hide-optional-conf {
    border: 1px solid #ccc;
}

/*==================================================================
 * Site features
 ==================================================================*/
.pay-by-smartphone-feature-container input.form-control{
    display: inline-block;
    margin-left: 5px;
    min-width: 180px;
}

.pay-by-smartphone-feature-container .revenue-share-form-group input.form-control{
    min-width: 100px;
    width: 100px;
}


.pay-by-smartphone-feature-container .revenue-share-form-group span{
    margin-right: 20px
}


/*==================================================================
 * Site features - pre booking module
 ==================================================================*/

.form-pre-booking-module-data .form-group{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

.form-pre-booking-module-data .form-group .control-label{
    text-align: left !important;
}

/*==================================================================
 * Time slots configuration
 ==================================================================*/
.time-slots-table .time-slot-price-td{
    display: flex;
    align-items: center;
}

.timeSlotDefinitionWindow .modal-dialog {
    width: 400px;
}


/*==================================================================
 * Generic configuration block
 ==================================================================*/

.status-icon {
    font-size: 20px;
    vertical-align: middle;
}

.genericConfigurationBlock div.genericConfigurationBlockTitle{
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 6px 4px;
}

.genericConfigurationBlock div.genericConfigurationBlockSubtitle{
    max-width: 90%;
    font-weight: 300;
    font-size: 15px;
    margin: 0 0 6px 4px;
    white-space: normal;
}

/******************************************
    angular bootstrap calendar
 ***********************************************/
.cal-day-box .cal-day-hour-part .cal-day-hour-part-time{
    width: 65px;
}

.cal-day-box .day-highlight{
    left: 65px !important;
}

/******************************************
    Site - facilities
 ***********************************************/
.guest-pass-limit input.form-control{
  margin-left: 10px;
  display: inline;
  min-width: 100px;
  width: 100px;
}