/* The Modal (background) */
/* @import url("../../../bundles/ui/themes/peymanstheme/css/font.scss"); */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: normal;
    src: local("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-Regular"), url("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-Regular.woff") format('woff');
  }
  
  @font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    src: local("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-Bold"), url("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-Bold.woff") format('woff');
  }
  
  @font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 300;
    src: local("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-Light"), url("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-Light.woff") format('woff');
  }
  
  @font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 500;
    src: local("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-SemiBold"), url("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-SemiBold.woff") format('woff');
  }
  
  @font-face {
    font-family: Nunito;
    font-style: italic;
    font-weight: normal;
    src: local("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-Italic"), url("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-Italic.woff") format('woff');
  }
  
  @font-face {
    font-family: Nunito;
    font-style: italic;
    font-weight: bold;
    src: local("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-BoldItalic"), url("../../../../../bundles/ui/themes/peymanstheme/fonts/Nunito/Nunito-BoldItalic.woff") format('woff');
  }
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color: rgb(0, 0, 0); !* Fallback color *!*/
    /*background-color: rgba(0, 0, 0, 0.9); !* Black w/ opacity *!*/
    /*margin: 10%;*/
}

/* Modal Content (image) */
.modal-content, .ui-dialog-inner-wrapper {
    display: block;
    width: 100%;
    border-radius: 16px;
    border: none;
    padding: 32px;
    background-color: #FFFFFF;
}

.modal-content {
    margin: auto;
}

.modal-content .form-horizontal .control-group > .control-label, .ui-dialog-content .form-horizontal .control-group > .control-label {
    max-width: 100% !important;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}

.dropdown-menu.dropdown-organization-switcher.show {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

.no-capitalize {
    text-transform: none !important;
}

.no-capitalize label {
    text-transform: none !important;
}

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

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

.desktop-version .app-logo {
    background: url(../images/zeevou-logo.svg) no-repeat center center !important;
    background-size: 25px 29px !important;
    margin-top: 7.25px !important;
    margin-bottom: 7.25px !important;
    text-align: center;
    height: 45px !important;
    width: 45px !important;
}

.desktop-version .main-menu__header #app-logo-tooltip {
    background: #757575;
    color: #FFF;
    position: absolute;
    top: 18px;
    left: 120px;
    padding: 4px 8px;
    opacity: 0.95;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.24);
    border-radius: 2px;
    z-index: 1051;
}

.desktop-version #title-hover-tooltip {
    display: none;
    height: 28px;
    position: absolute;
    margin: 0 0 0 2.4px;
    padding: 4px 8px;
    color: #ffffff;
    background-color: #ffb300;
    opacity: 0.95;
    text-align: center;
    z-index: 926;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.24);
    font-size: 14px;
    font-family: 'Nunito', serif;
}

.desktop-version #title-hover-tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: -13px;
    top: 7.5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #ffb300 transparent transparent;
    z-index: 9999;
    display: block;
}


.desktop-version #body_overlay {
    background: #757575;
    opacity: 0.24;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 930;
    display: none;
    pointer-events: none;
}

.desktop-version .zeevou-overlay-menu-dropdown {
    z-index: 931;
}

.desktop-version #side-menu i#menu-expand-btn {
    color: #FFFFFF;
    padding-right: 3px;
}

/** Minimised Width**/


.desktop-version .main-menu-sided.minimized {
    width: 80px;
}

.desktop-version #main-menu .title:not(.title-level-1) {
    font-size: 12px;
}


.desktop-version #side-menu {
    padding-bottom: 0;
    z-index: 926;
    box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.24);
}

/** Minimised Normal**/

.desktop-version .main-menu-sided.minimized .title-level-1 {
    color: #3c2458;
    width: 80px;
    padding: 8px 24px;
}

li.dropdown-level-1.first.dropdown {
    width: 100px;
}

/** Minimised Hover**/

.desktop-version .main-menu-sided.minimized .dropdown-level-1:hover {
    background-color: transparent;
    width: 80px;
}


.desktop-version .main-menu-sided .dropdown-level-1:hover .menu-icon {
    color: #ffb300;
}

/** Minimised Active**/

.desktop-version .main-menu-sided.minimized .active .title-level-1 .menu-icon, .desktop-version .main-menu-sided.minimized .zeevou-active .title-level-1 .menu-icon {
    color: #ffb300;
}


.desktop-version .main-menu-sided.minimized .title-level-1 .menu-icon {
    margin: 0;
}

/** **/

.desktop-version .main-menu-sided.minimized .dropdown-level-1.active > .unclickable .title {
    color: #fff;
}

.desktop-version .main-menu-sided.minimized .dropdown-level-1.active {
    background-color: transparent;
    width: 80px !important;
}


li.dropdown.dropdown-level-1.first:hover a.unclickable .title.title-level-1, li.dropdown.dropdown-level-1:hover a.unclickable .title.title-level-1 {
    color: #f9f9f9;
    width: 80px;
    padding: 8px 24px;
}

.desktop-version #side-menu li.dropdown.dropdown-level-1:hover a.unclickable .title.title-level-1 .menu-icon {
    color: #ffb300;
}

.desktop-version .main-menu-toggler:before {
    content: none;
    height: 36px;
    margin-top: -4px;
    font-size: 30px;
}

.desktop-version .minimized .main-menu-toggler i {
    transform: rotate(180deg);
}

.desktop-version .side-menu-overlay .title:focus {
    background-color: #3c2458;
    color: #fff;
}

.desktop-version .main-menu-sided__scroll, .desktop-version .main-menu-toggler {
    color: #fdb415;
    z-index: 1110;
}


.desktop-version .main-menu-toggler, .desktop-version .main-menu-toggler:focus {
    border-radius: 50%;
    padding: 0;
    width: 28px !important;
    height: 28px;
    position: absolute;
    bottom: 18px;
    right: 0;
    transform: translateX(+50%);
    background-color: #ffb300 !important;
    color: #FFFFFF;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.desktop-version .main-menu__header, .app-header.thick {
    border-bottom-color: rgba(60, 36, 88, 0.19) !important;
    border-bottom-width: 0.5px;
    border-bottom-style: solid;
    height: 60px;
}

.desktop-version .main-menu__header {
    min-height: 60px;
    height: 60px;
    background-color: #3a2357;
    text-align: center;
}


.desktop-version .scroller, .desktop-version .main-menu {
    background-image: linear-gradient(to bottom, #3a2357, #291543);
}


.desktop-version .main-menu {
    padding-bottom: 2px !important;
}

.desktop-version .main-menu-sided__scroll:focus, .desktop-version .main-menu-sided__scroll:hover {
    color: #fdb415;
}


.desktop-version .main-menu-sided {
    background-color: #EFE9F6;
    border-right-color: rgba(60, 36, 88, 0.19) !important;
    border-right-width: 0.5px;
    border-right-style: solid;
    width: 192px;
}

/** Maximised Normal**/


.desktop-version .main-menu-sided .accordion-toggle.title-level-1 {
    font-size: 14px !important;
    font-family: 'Nunito', serif;
    padding: 8px 27px 8px 24px;
    background-color: transparent;
    color: #e0e0e0;
}


#main-menu .accordion-toggle.title[aria-expanded="true"]:not(.zeevou-normal-expand), #main-menu .accordion-toggle.title-level-1[aria-expanded="true"] .menu-icon, #main-menu .dropdown-level-1.zeevou-active > a .title-level-1 .menu-icon {
    color: #fdb415 !important;
}

.mobile-version .main-menu-top .accordion-toggle.title-level-1:hover, .mobile-version .main-menu-top .accordion-toggle.title-level-1 {
    background-color: #452965;
}

.mobile-version .main-menu-top .accordion-group .menu .title:hover {
    background-color: transparent;
}

.desktop-version .main-menu-sided .dropdown-level-1.zeevou-active > a .title-level-1 {
    color: #fdb415 !important;
    font-weight: bold;
}


.desktop-version .scrolling-overlay-btn--up {
    padding: 0;
    height: 62px;
    top: -62px;
    background-color: transparent;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
    pointer-events: none;
}


.desktop-version .scrolling-overlay-btn--down {
    height: 144px;
    background-image: linear-gradient(to bottom, rgba(58, 35, 87, 0), #291543);
    background-color: transparent;
    pointer-events: none;
}

.desktop-version .scrolling-overlay-btn:before {
    content: "";
}

.desktop-version .main-menu-sided .accordion-toggle.title-level-1:hover {
    background-color: #3c2458;
}

.form-description__logo-img {
    max-height: 200px;
}

.oro-datagrid .grid-header-cell {
    background-color: #3c2458;
}

.oro-datagrid table.grid .grid-header-cell__link {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.oro-datagrid .ascending .grid-header-cell__label, .oro-datagrid .ascending .grid-header-cell__link, .oro-datagrid .descending .grid-header-cell__label, .oro-datagrid .descending .grid-header-cell__link {
    color: #fdb415;
}

p.side-menu-overlay__title, .desktop-version .side-menu-overlay .title {
    color: #3a2357;
}

.desktop-version .side-menu-overlay .title {
    font-size: 0.875rem;
}

.desktop-version .side-menu-overlay .title:focus, .desktop-version .side-menu-overlay .title:hover {
    background-color: transparent !important;
}

.desktop-version .side-menu-overlay .menu-item {
    padding-left: 0;
}

.desktop-version .side-menu-overlay__content li.menu-item a {
    padding-left: 16px;
    width: 100%;
}

.desktop-version .side-menu-overlay li.dropdown a.unclickable span.title {
    color: #757575;
}

.desktop-version .side-menu-overlay .menu-item:not(.dropdown):focus, .desktop-version .side-menu-overlay .menu-item:not(.dropdown):not(:last-child):hover, .desktop-version .side-menu-overlay .menu-item:not(.dropdown).active {
    background-color: #FFFFFF !important;
    font-weight: bold;
}

.desktop-version .side-menu-overlay .active .title {
    background-color: transparent;
}

.desktop-version .main-menu-toggler:hover {
    width: 32px !important;
    height: 32px !important;
    bottom: 16px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
}

.desktop-version .main-menu-toggler:hover:before {
    height: 36px;
    margin-top: -2px;
}

.desktop-version .side-menu-overlay__button {
    display: none;
}

.desktop-version .side-menu-overlay__search {
    width: 278px;
    height: 40px;
    border-top: 0.5px #e0e0e0 solid;
    border-bottom: 0.5px #e0e0e0 solid;
    border-right: 0.5px #e0e0e0 solid;
    padding: 3px 24px 3px 24px;
    background: #ffffff;
}

.desktop-version .side-menu-overlay__search p.no-data {
    margin-top: 16px;
}

.desktop-version .side-menu-overlay__search-icon {
    width: 24px;
    height: 24px;
    top: 0.5rem;
    right: 24px;
    padding: 0;
}

.desktop-version .side-menu-overlay__search .side-menu-overlay__search-icon .fa-search {
    color: #9E9E9E;
}

.desktop-version .side-menu-overlay__search input:focus::placeholder {
    color: transparent;
}

.desktop-version .side-menu-overlay__search input:focus + span.side-menu-overlay__search-icon .fa-search {
    color: #3a2357;
}

.desktop-version .side-menu-overlay__field {
    border: none;
}

.desktop-version .side-menu-overlay__header {
    padding: 0;
    z-index: 1;
    height: 91px;
}

.desktop-version .side-menu-overlay__title {
    margin: 16px 16px 16px 32px;
    padding-bottom: 2px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Nunito', serif;
}

a {
    color: #009688;
}

a, a:hover {
    text-decoration: none !important;
}

a:hover {
    color: #FFB300;
}

.nav-link:hover {
    color: #fff;
}

.desktop-version .main-menu-sided.minimized .dropdown-level-1.active > .unclickable .title:hover {
    color: #fff;
}

.error-page-img {
    height: 200px;
}

.checkbox-view {
    width: 32px;
    height: 32px;
}

.ui-dialog {
    max-height: 80vh;
}

.ui-dialog .form-horizontal .control-group.control-group-choice .choice-widget-expanded__item .checkbox-view + label {
    margin-left: 35px;
}

.ui-dialog .form-horizontal .control-group.control-group-choice .choice-widget-expanded__item .checkbox-view {
    position: absolute;
}

.checkbox-view > .checkbox-view__icon, .checkbox-view > input[type="checkbox"] {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 0 !important;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.checkbox-view > .checkbox-view__icon,
.checkbox-view__input:not(:disabled):focus ~ .checkbox-view__icon {
    z-index: 5;
    border-color: #757575;
}

.checkbox-view__input:not(:disabled):checked ~ .checkbox-view__icon {
    background-color: #009688;
    border-color: #009688;
}

.checkbox-view__input ~ .checkbox-view__icon--circle {
    background-color: transparent !important;
}

.checkbox-view__input:not(:disabled):checked ~ .checkbox-view__icon--circle {
    border-color: #009688;
}

.checkbox-view__input:not(:disabled):checked ~ .checkbox-view__icon--circle:before {
    background-color: #009688;
}

.checkbox-view__input:checked ~ .checkbox-view__icon--circle:before {
    background-color: #c4c4c4;
}

.checkbox-view > .checkbox-effect {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    left: 0;
}

.checkbox-view .checkbox-view__input:not(:disabled):hover ~ .checkbox-effect {
    background-color: #EEEEEE;
}

.checkbox-view .checkbox-view__input:not(:disabled):checked:hover ~ .checkbox-effect {
    background-color: #E5F4F3;
}

.checkbox-view .checkbox-view__input:not(:disabled):not(:checked):not(:indeterminate):hover ~ .checkbox-view__icon {
    background-color: #EEEEEE;
}

.checkbox-view__input:not(:disabled):hover ~ .checkbox-view__icon {
    border-color: #212121;
}

.checkbox-view__input:not(:disabled):checked:hover ~ .checkbox-view__icon, .checkbox-view__input:not(:disabled):checked:focus ~ .checkbox-view__icon {
    border-color: #009688;
    box-shadow: none;
}

.checkbox-view__input:checked:disabled ~ .checkbox-view__icon {
    background-color: #c4c4c4;
    box-shadow: none;
}

.checkbox-view__input:disabled ~ .checkbox-view__icon {
    opacity: 1;
    border-color: #c4c4c4 !important;
    background-color: transparent;
}

.page-link {
    color: #00c5cd;
}

.page-link:hover {
    background-color: #3c2458;
}

.desktop-version .main-menu-sided__scroll:focus, .desktop-version .main-menu-sided__scroll:hover {
    background-color: #a380cb;
}

.desktop-version .main-menu-sided__scroll {
    background-color: #634d86;
}

.desktop-version .main-menu-sided .accordion-body {
    background-color: transparent;
}

.content-with-sidebar--sidebar {
    background: #efe9f6;
}

.system-configuration-content-header {
    background: #efe9f6;
}

.desktop-version .app-header {
    background-color: #efe9f6;
}

.sidebar {
    background-color: #FAFAFA;
    border-left-color: rgba(60, 36, 88, 0.19) !important;
    border-left-width: 0.5px;
    border-left-style: solid;
}

.sidebar-widget__header-title {
    padding-top: 2px;
}

.sidebar-widget__header-actions .dropdown-toggle .dropdown-toggle--no-caret {
    margin-top: 5px;
}

i.sidebar-widget-icon.fa-sticky-note-o {
    margin-top: -0.5px;
}


.desktop-version .main-menu-sided .accordion-group .menu .title {
    background-color: transparent;
    color: #ffffff;
}

.desktop-version .main-menu-sided .accordion-body .active {
    background-color: transparent;
    color: #f9f9f9;
}

/*!*todo*!*/
/*.desktop-version .main-menu-sided .accordion-body .active > a > .title {*/
/*    color: #ffb300;*/
/*}*/

.desktop-version .main-menu-sided .accordion-group .menu .title:hover {
    color: #ffb300;
    background-color: transparent;
}


.desktop-version .main-menu-sided #main-menu ul.menu li.active > a > span.title:not(.accordion-toggle) {
    color: #ffb300 !important;
    font-weight: bold;
}

/*.desktop-version .main-menu-sided .accordion-group .menu .title-level-2 {*/
/*    padding-left: 24px;*/
/*    color: #3c2458;*/
/*}*/

/*.desktop-version .main-menu-sided .accordion-group .menu .title-level-3 {*/
/*    padding-left: 48px;*/
/*    color: #3c2458;*/
/*}*/

.sidebar__add-widget:hover::before {
    color: #f9f9f9;
}

.sidebar__add-widget:hover, .sidebar__toggle:hover {
    background-color: #634d86;
    color: #f9f9f9;
}

.sidebar-widget.expanded .sidebar-widget__header,
.sidebar-widget.poppedup .sidebar-widget__icon,
.sidebar-widget.poppedup .sidebar-widget__icon .sidebar-widget-icon {
    background-color: #3c2458;
    color: #fff !important;
}

.sidebar-widget__header .sidebar-widget-icon {
    margin-top: 5px !important;
}

.sidebar-widget.expanded .sidebar-widget__header .sidebar-widget__header-title {
    color: #FFFFFF;
}

.sidebar-widget__header:hover, .sidebar-widget__icon:hover {
    background-color: #F5F5F5;
}

.sidebar-widget__header-icon {
    color: #fff;
}

.oro-datagrid .grid-header-cell__label, .oro-datagrid .grid-header-cell__link {
    line-height: 17px;
}

.oro-datagrid .grid-header-cell {
    padding: 8px 8px;
}

.oro-datagrid .grid-header-cell:last-child,
.oro-datagrid .grid-header-cell:first-child {
    border-radius: 0;
}

.oro-datagrid .action-column .dropdown-toggle {
    height: 18px;
    line-height: 18px;
}

.oro-datagrid .select-all-header-cell .dropdown-toggle {
    padding: 1px 8px;
}

.oro-datagrid .action-column .show .dropdown-toggle, .oro-datagrid .select-all-header-cell .show .dropdown-toggle {
    background-color: transparent;
}

.desktop-version .app-header.thick .app-header__container {
    line-height: 40px;
    height: 40px;
}

.desktop-version .app-header__container .user-menu .dot-menu .dropdown-toggle{
    margin-top: -10px;
    border-radius: 50% !important;
}

.desktop-version .app-header__container .user-menu .dot-menu .dropdown-toggle span{
    display: inline;
    vertical-align: sub;
}

.desktop-version  .app-header__container .user-menu .dot-menu .dropdown-menu{
    right: -6px;
}

.app-header__container .user-menu .dot-menu .dropdown-menu ul.nav-tabs {
    display: none;
}

.page-toolbar_bookmark-buttons #bookmark-buttons .favorite-button:hover > span,
.page-toolbar_bookmark-buttons #bookmark-buttons .favorite-button:focus > span,
.page-toolbar_bookmark-buttons #bookmark-buttons .favorite-button:active > span {
    color: #212121 !important;
}

.page-toolbar_bookmark-buttons #bookmark-buttons .favorite-button.gold-icon > span ,
.page-toolbar_bookmark-buttons #bookmark-buttons .favorite-button.gold-icon:active > span {
    color: #f8cf00 !important;
}

.page-toolbar_bookmark-buttons #bookmark-buttons .favorite-button.gold-icon:hover > span,
.page-toolbar_bookmark-buttons #bookmark-buttons .favorite-button.gold-icon:active:hover > span {
    color: #f8b200 !important;
}


.btn-link {
    color: #00c5cd;
}

.input:focus:invalid:focus, .selector:focus:invalid:focus, .uneditable-input:focus:invalid:focus, input:focus:invalid:focus[type=color], input:focus:invalid:focus[type=date], input:focus:invalid:focus[type=datetime-local], input:focus:invalid:focus[type=datetime], input:focus:invalid:focus[type=email], input:focus:invalid:focus[type=month], input:focus:invalid:focus[type=number], input:focus:invalid:focus[type=password], input:focus:invalid:focus[type=search], input:focus:invalid:focus[type=tel], input:focus:invalid:focus[type=text], input:focus:invalid:focus[type=time], input:focus:invalid:focus[type=url], input:focus:invalid:focus[type=week], select:focus:invalid:focus[multiple], textarea:focus:invalid:focus {
    border-color: #009688;
}

.input:focus, .selector:focus, .uneditable-input:focus, input:focus[type=color], input:focus[type=date], input:focus[type=datetime-local], input:focus[type=datetime], input:focus[type=email], input:focus[type=month], input:focus[type=number], input:focus[type=password], input:focus[type=search], input:focus[type=tel], input:focus[type=text], input:focus[type=time], input:focus[type=url], input:focus[type=week], select:focus[multiple], textarea:focus {
    border-color: #009688;
}

.select2-container.select2-container-active {
    border-color: #009688;
    z-index: 1;
}

.selector.focus, .selector.hover, .selector:hover {
    border-color: #009688;
}

.login-page {
    background: url(../images/background.jpg) no-repeat 50% 50% #fff;
}

.sidebar.minimized .sidebar-widget.poppedup .sidebar-widget__popup_wrapper:before, .sidebar.minimized .sidebar-widget.poppedup .sidebar-widget__popup_wrapper:after {
    background-color: #3c2458;
}

.mobile-version .main-menu-top .accordion-toggle.title-level-1.collapsed {
    background-color: #3c2458;
}

.mobile-version .main-menu-top .main-menu {
    background-color: #3c2458;
}

.mobile-version .app-header {
    background-color: #efe9f6;
    z-index: 1000;
}

.mobile-version .app-header .organization-logo-wrapper .logo {
    color: #000;
}

.mobile-version .app-header .main-menu-toggler {
    color: #000;
}

.mobile-version .app-header__search-and-shortcuts .dropdown > .dropdown-toggle {
    color: #000;
}

.mobile-version .app-header .user-menu .dropdown > .dropdown-toggle {
    color: #000;
}

#oroplatform-header {
    top: 0 !important;
}

.half-width {
    width: 147px !important;
}

.half-width .mobile-version {
    width: 50%;
}

.oro-modal-danger .modal-header {
    background: #FFF !important;
    border-radius: 5px 5px 0 0;
}

.oro-modal-danger .modal-body {
    background-color: #fff !important;
    color: #212121 !important;
}

.oro-modal-danger .modal-footer {
    background: #FFF !important;
    border-radius: 0 0 5px 5px;
}

.ui-state-disabled {
    opacity: 0.5;
}

.form-horizontal .control-group .controls {
    margin-left: 65px;
    width: 100%;
    min-width: 0%;
}

.modal-dialog .form-horizontal .control-group .controls {
    margin-left: 24px;
}

.app-header__inner {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pull-left-extra {
    padding-left: 15px;
}

.page-title__entity-title-wrapper, .page-title__entity-title {
    font-size: 18px !important;
    font-weight: 500;
    color: #212121;
    line-height: 24px;
}

.desktop-version .container-fluid.page-title .navigation .row > .pull-left-extra {
    margin-left: 24px;
}

.scrollspy-title {
    background-color: transparent;
    border-radius: 5px;
    color: #9E9E9E;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 16px;
    padding-left: 0px;
}

.row.form-horizontal {
    margin-left: 0px;
    margin-right: 0px;
}

.desktop-version .container-fluid.page-title {
    padding-left: 12px;
    padding-right: 11px;
}

.layout-content.scrollable-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}

.responsive-small .accordion-toggle.collapsed {
    background: #3c2458;
    border-radius: 5px;
    color: #fff;
}

.responsive-small .accordion-toggle {
    background: #3c2458 !important;
    border-radius: 5px !important;
    color: #fff !important;
}

.filter-box .filter-item > .btn {
    text-transform: capitalize;
    box-shadow: 0 2px 4px rgba(90, 38, 110, 0.25);
    border: 0.5px solid transparent;
    border-radius: 4px;
}

.filter-box .filter-item > .btn.filter-default-value {
    background-color: white;
    color: #757575;
}

.filter-box .filter-item > .btn:hover,
.filter-box .filter-item.open-filter .filter-criteria-selector {
    box-shadow: none;
}

.filter-box .filter-item > .btn.filter-default-value:hover,
.filter-box .filter-item.open-filter .filter-criteria-selector {
    border-color: #009688;
}

.filter-box .filter-item > .btn.filter-default-value .filter-item-hint {
    color: #009688;
}

.filter-box .filter-item > .btn::after {
    color: #FFF;
}

.filter-box .filter-item > .btn.filter-default-value::after {
    color: #757575;
}

.filter-box .filter-item.open-filter > .btn.filter-default-value::after,
.filter-box .filter-item > .btn.filter-default-value:hover::after {
    color: #009688;
}

.filter-box .filter-criteria .btn-block .btn:not(.filter-update),
.filter-box .filter-criteria .btn-block .btn:not(.filter-update):after,
.filter-box .filter-criteria .btn-block .dropdown-toggle:focus,
.filter-box .filter-criteria .btn-block .dropdown-toggle:focus::after,
.filter-box .filter-criteria .input-widget-select,
.filter-box .filter-criteria .input-widget-select:focus {
    color: #212121 !important;
}

.dropdown-item:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu .dropdown-menu-items > li > a:hover {
    color: #212121;
    background-color: #F5F5F5;
}

.dropdown-item:focus,
.dropdown-menu > li > a:focus,
.dropdown-menu .dropdown-menu-items > li > a:focus {
    color: #212121;
    background-color: #FFFFFF;
}

/*.filter-box .filter-criteria .btn-block .btn:not(.filter-update):hover, .filter-box .filter-criteria .btn-block .btn:not(.filter-update):hover:after {*/
/*    background-color: #3c2458;*/
/*}*/

table {
    border-radius: 15px;
    background-color: white;
}

.oro-multiselect-holder table {
    background-color: transparent;
}


/*div[id^="widget-container"] {*/
/*  box-shadow: 0px 2px 4px rgba(126,142,177,0.35);*/
/*  background: white;*/
/*  border-radius: 15px;*/
/*  padding-bottom: 20px;*/
/*}*/

.dropdown-menu[x-displayed-arrow][x-placement^=bottom] {
    margin-top: 6px;
    background-color: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
    border-radius: 4px;
    border-color: rgb(255, 255, 255)
}

.widget-title {
    padding-top: 20px;
}

.wrapper_row {
    float: left;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.35);
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 37px;
    padding-right: 37px;
}

/*
.wrapper_row:hover {
  -webkit-transform: translateY(-5px) scale(1.01);
  transform: translateY(-5px) scale(1.01);
  box-shadow: 0px 5px 12px rgba(126,142,177,0.35);
}
*/

.wrapper_subrow {
    float: left;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    margin-bottom: 30px;
}

.row {
    float: left;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
}

.wrapped_cell {
    width: 50%;
    float: left;
}

label.attribute-item__term {
    text-align: left;
    color: #424141;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    min-height: 21.33px;
    height: auto;
    word-wrap: break-word;
}

.form-horizontal label.attribute-item__term {
    color: #757575;
    font-size: 14px;
}

.attribute-item__description {
    min-height: 21.33px;
    height: auto;
}

h1 {
    color: #3c2458;
    font-size: 24px !important;
}

h2 {
    color: #3c2458;
    font-size: 20px !important;
}

h3 {
    color: #3c2458;
    font-size: 18px !important;
}


.mailto .control-label {
    color: #00c5cd;
}

.tel .control-label {
    color: #00c5cd;
}

.control-label {
    color: #444444;
    overflow-wrap: anywhere;
}

.form-horizontal .control-label {
    font-size: 14px;
    color: #212121;
    text-align: left;
    font-weight: 300;
}

form .scrollspy-main-container .responsive-small .responsive-cell > .control-group:last-child {
    margin-bottom: 15px;
}

.form-horizontal .control-group > .control-label {
    text-align: left;
}

i.fa.fa-thumbs-up.fa-3x {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    vertical-align: top;
}

.orderbyclass .attribute-item .attribute-item__description .control-label {
    color: #00c5cd !important;
}

a.btn.icons-holder-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    flex-shrink: 0;
    background-color: #009688;
    border: 1px solid #009688;
    color: #fff;
    font-size: .875rem;
    line-height: 32px;
    min-height: 35px;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-right-color: transparent !important;
    margin-right: 4px;
}

a[id^= "dropdown-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 0 solid transparent;
    flex-shrink: 0;
    background-color: #fdb415;
    border-color: #fdb415;
    border-width: 1px;
    border-style: solid;
    color: #fff !important;
    padding: 0 16px;
    font-size: .875rem;
    line-height: 32px;
    border-radius: 5px !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

a[id^= "dropdown-"]:hover {
    color: #fff !important;
    background-color: #3c2458;
    border-color: #3c2458;
}

.btn-primary {
    color: #FFF;
    background-color: #009688;
    border-color: transparent;
}

button.btn-primary {
    color: #FFF !important;
    background-color: #009688 !important;
    border-color: #009688 !important;
    padding: 20px 24px;
    display: inline-flex !important;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.32);
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #00796b !important;
    border-color: #00796b !important;
    box-shadow: none;
}

.btn-primary:focus {
    color: #fff !important;
    background-color: #00796b !important;
    border-color: #00796b !important;;
}


a.btn.icons-holder-text:hover {
    color: #fff !important;
    background-color: #00796b;
    border-color: #00796b;
}

a.btn.icons-holder-text:hover [class*=" fa-"], a.btn.icons-holder-text:hover [class^=fa-] {
    color: #fff;
}

li.nav-header {
    color: #3c2458;
}

span.dropdown-item-text.selected {
    background-color: #3c2458;
}

input#organization_search {
    margin: 0 10px;
    border-radius: 5px;
}

.btn-group .dropdown-toggle::after {
    color: #fff;
}

.btn-group .dropdown-toggle:hover::after {
    color: #fff;
}

.btn-group.show .dropdown-toggle::after {
    color: #fff;
}

.btn.btn-icon.btn-light-custom {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.collapse-expand-action-container .btn:not(:disabled):not(.disabled):active, .default-actions-container .dropdown.action-wrapper .btn:not(:disabled):not(.disabled):active {
    border-color: transparent;
}

.actions-panel .btn {
    background-color: transparent;
    border-color: transparent;
}

.activity-list-widget .accordion-heading .message-item {
    padding-right: 0px;
    margin-right: 12px;
}

.inactive_field label.attribute-item__term {
    color: #9c9999 !important;
}

.inactive_field .attribute-item__description .control-label {
    color: #9c9999;
}

.page-toolbar, .layout-content {
    background-color: #FAFAFA !important;
}

.app-page__main {
    background-color: #FAFAFA;
}

.scrollspy-nav:after {
    background: none;
}

.scrollspy-nav {
    background: none;
}

.mobile-version .scrollspy .accordion-toggle:before {
    color: #fff;
}

.navbar .navbar-static .scrollspy-nav {
    background-color: #fff;
}


.scrollspy-nav .nav-link, .scrollspy-nav a {
    background-color: transparent;
    color: #757575;
    padding: 6px 12px !important;
    height: 32px !important;
    font-size: 14px;
    border-radius: 0;
    border-bottom: 0.5px solid #9e9e9e;
    position: relative;
}

.scrollspy-nav .nav-link:hover, .scrollspy-nav a:hover {
    background-color: #f5f5f5;
    color: #757575;
}

.scrollspy-nav .nav-link:hover, .scrollspy-nav a:focus {
    background-color: #eeeeee;
    color: #757575;
    box-shadow: none;
}

.scrollspy-nav .nav-link.active, .scrollspy-nav a.active {
    background-color: transparent;
    color: #009688;
    font-weight: 500;
    border: none;
}

.scrollspy-nav .nav-link.active::after, .scrollspy-nav a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #009688;
    height: 2px;
    border-radius: 2px 2px 0 0;
}


.scrollspy-nav .nav-link.active:hover, .scrollspy-nav a.active:hover {
    background-color: #EBF7F5;
}

.btn {
    background-color: #fff;
    color: #3c2458;
    border-radius: 5px;
    font-size: .875rem;
    height: 35px;
    letter-spacing: 0.56px;
    text-transform: capitalize;
}

.btn:hover {
    background-color: #3c2458;
    color: #fff !important;
    border-radius: 5px;
}

.btn-group > .btn:hover, .btn-group > .btn.disabled, .btn-group > .btn:disabled {
    box-shadow: none;
}

.btn.disabled:hover {
    color: inherit !important;
}

.btn:focus {
    background-color: #3c2458;
    color: #fff !important;
    box-shadow: none;
    border-radius: 5px;
}

.btn:focus [class*=" fa-"], .btn:focus [class^=" fa-"] {
    color: inherit;
}

/*.btn [class*=" fa-"]:hover, .btn [class^=fa-]:hover {*/
/*    color: inherit;*/
/*}*/

.navigation .top-action-box {
    background-color: #f9f9f9 !important;
}


.page-title .inline, .page-title .inline-decorate {
    color: rgba(60, 36, 88, 0.51);
    border-right: rgba(60, 36, 88, 0.19);
}

.pin-bar-empty.dropdown {
    color: rgba(60, 36, 88, 0.51) !important;
}

button.sidebar__add-widget, button[id^="dropdown-"], .widget-title, .dropdown .user-menu-dropdown .dropdown-toggle, .dropdown-toggle::after, .desktop-version .app-header .user-menu > li > .help, .fa-bars, .fa-repeat, .separator, .desktop-version .btn-organization-switcher, .desktop-version .app-header .logo a, .desktop-version .app-header .user-menu > li > .dropdown-toggle {
    color: #212121;
}

a[id^= "dropdown-"] .mail-icon {
    color: #757575 !important;
}

a[id^= "dropdown-"] .mail-icon:hover {
    color: #009688 !important;
}

.desktop-version .app-header .user-menu > li > .dropdown-toggle:hover, .desktop-version .app-header .user-menu > li > .dropdown-toggle:hover:after {
    color: #009688;
}

button.sidebar-widget__header-toggle.dropdown-toggle--no-caret {
    color: #3c2458;
}

button.sidebar-widget__header-toggle.dropdown-toggle--no-caret:hover {
    color: #f9f9f9;
}

.sidebar-widget__header {
    color: #f9f9f9 !important;
}

.sidebar-widget__popup .dropdown-toggle, .sidebar-widget__popup [class*=" fa-"], .sidebar-widget__popup [class^=fa-] {
    color: #3c2458;
}

.sidebar-widget__popup .dropdown-toggle--no-caret, .sidebar-widget__popup .dropdown-toggle, .sidebar-widget__popup [class*=" fa-"], .sidebar-widget__popup [class^=fa-] {
    color: #3c2458;
}

.expanded .sidebar-widget__popup .dropdown-toggle--no-caret,
.expanded .sidebar-widget__popup .dropdown-toggle {
    color: #f9f9f9 !important;
}

.sidebar-widget__popup .dropdown-item [class*=" fa-"], .sidebar-widget__popup .dropdown-item [class^=fa-] {
    color: #757575;
}

.datagrid-settings a.action.btn.dropdown-toggle {
    margin-right: 0;
    background: transparent;
    border-width: 0px;
    border-radius: 5px;
}

a[id^="dropdown-"]::after {
    color: #fdb415;
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-color: #634d86;
    color: #fdb415;
    border-color: none;
}

.fa-bars, .mail-icon {
    margin-bottom: 5px;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(60, 36, 88, 0.19);
}

.ui-dialog .widget-actions.form-actions {
    background: transparent;
    border-radius: 0 0 5px 5px;
}


.ui-dialog-content .widget-content {
    height: 100%;
    width: 95%;
}

.ui-dialog-content.ui-widget-content .controls {
    margin-left: 35px;
}

.ui-dialog .ui-dialog-titlebar-buttonpane [class*=ui-dialog-titlebar-]:before {
    color: #757575;
}

.ui-dialog-buttonpane {
    background: #FFFFFF !important;
    border: none;
    padding: 0;
}

.modal-header, .ui-dialog-titlebar {
    background: #FFFFFF !important;
    border: none;
    padding: 0;
}

.modal-title, .ui-dialog-title {
    font-size: 16px;
    font-weight: 300;
    color: #757575;
    line-height: 20px;
}

.modal-body, .ui-dialog-content {
    background-color: #fff !important;
    color: #3c2458 !important;
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 0;
}


.modal-body .form-horizontal .control-group {
    padding-bottom: 20px;
    margin-bottom: 24px;
}

.modal-footer {
    background: #FFFFFF !important;
    border: none;
    padding: 0;
}

.modal-footer .btn,
.ui-dialog-buttonpane .btn,
.filter-box .filter-criteria .action-btn-block button,
.btn.no-background-btn {
    font-size: 16px;
    font-weight: normal;
    color: #757575 !important;
    line-height: 24px;
    background-color: transparent !important;
    border: none;
    padding: 0 !important;
    margin: 0 0 0 24px !important;
    height: auto;
    box-shadow: none !important;
}

.modal-footer .btn:hover,
.modal-footer .btn:focus,
.ui-dialog-buttonpane .btn:hover,
.ui-dialog-buttonpane .btn:focus,
.filter-box .filter-criteria .action-btn-block button:hover {
    color: #009688 !important;
}

.modal-footer .btn.btn-primary,
.ui-dialog-buttonpane .btn.btn-primary,
.filter-box .filter-criteria .action-btn-block button.btn-primary,
.btn.no-background-btn.btn-primary {
    font-weight: 700;
    color: #009688 !important;
    letter-spacing: 0.022em;
}

.modal-footer .btn.btn-primary:hover,
.modal-footer .btn.btn-primary:focus,
.ui-dialog-buttonpane .btn.btn-primary:hover,
.ui-dialog-buttonpane .btn.btn-primary:focus,
.filter-box .filter-criteria .action-btn-block button.btn-primary:hover,
.btn.no-background-btn.btn-primary:hover {
    color: #00796B !important;
}


.btn.no-background-btn{
    margin: 0!important;
}

.btn.no-background-btn:focus{
    outline: none;
}

.modal-header button.close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 4px;
    margin: unset;
    position: relative;
    top: unset;
    right: unset;
}

.modal-header button.close:hover {
    background-color: transparent;
}

.modal-header span.fa-close:before {
    content: '';
    background-image: url(../images/close-icon.svg);
    width: 14px;
    height: 14px;
    display: block;
    background-size: contain;
}

.modal-header span.fa-close:hover:before {
    background-image: url(../images/modal-close-icon-hover.svg);
}


.desktop-version .modal-body .clearable-input__container > input {
    margin-left: 15px;
}


.widget-picker__added-badge, .widget-picker__added-badge > span {
    color: #634d86;
}

.widget-picker__icon {
    background-color: #f9f9f9;
}

.widget-picker__filter-search {
    border-radius: 5px !important;
}

.form-horizontal .control-group {
    display: flex;
    width: 100%;
    min-width: 0%;
}

tr {
    max-width: 100%;
    min-width: 0%;
}


.desktop-version .main-menu-sided .accordion-toggle.title-level-1.collapsed .menu-icon {
    color: #e0e0e0;
    margin-right: 10px;
}

/** Maximised Hover**/
.desktop-version .main-menu-sided {
    border-right-width: 0;
}

li.dropdown-level-1.first.accordion-group:hover a.unclickable.accordion-heading .title.title-level-1.accordion-toggle.collapsed, li.dropdown-level-1.accordion-group:hover a.unclickable.accordion-heading .title.title-level-1.accordion-toggle.collapsed {
    color: #ffb300;
    padding-left: 24px;
}

li.dropdown-level-1.accordion-group:hover a.unclickable.accordion-heading .title.title-level-1.accordion-toggle.collapsed span.menu-icon {
    color: #ffb300;
}

.title.title-level-1.accordion-toggle.collapsed .menu-icon {
    width: 40px;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 20px;
    margin-right: 0px !important;
}

/** Maximised Active**/

.desktop-version .main-menu-sided .accordion-toggle.title-level-1.collapsed {
    background-color: transparent;
}


.desktop-version .main-menu-sided .accordion-toggle.title-level-1 .menu-icon {
    padding: 0 !important;
    margin-left: 0;
    margin-right: 10px !important;
    width: 40px;
    font-size: 24px;
    vertical-align: middle;
    color: white;
}

.desktop-version .side-menu-overlay__fill:after, .desktop-version .side-menu-overlay__fill-blur:after {
    background-color: #fafafa;
}

.desktop-version .side-menu-overlay__content li.menu-item:not(:last-child) {
    width: 278px;
    height: 40px;
    z-index: 2;
}

.desktop-version .side-menu-overlay__content li.menu-item a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.desktop-version .main-menu-sided .scroller {
    height: calc(100% - 55px);
}


.desktop-version .main-menu-sided .accordion-group {
    width: 192px;
}

.desktop-version .main-menu-sided .accordion-group .menu .accordion-toggle.zeevou-normal-expand {
    font-weight: normal;
}

.desktop-version .main-menu-sided .accordion-group .menu .accordion-toggle:before {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.desktop-version .main-menu-sided #main-menu .dropdown-level-1 {
    margin-bottom: 16px;
}

.desktop-version .main-menu-sided .accordion-group .menu .accordion-toggle:hover:before {
    color: #ffb300;
}

.desktop-version .main-menu-sided .accordion-group .menu .accordion-toggle:not(.collapsed):not(.zeevou-normal-expand):before {
    color: #ffb300;
}

.sidebar .sidebar-right {
    background-color: #f9f9f9 !important;
    border-left-color: rgba(60, 36, 88, 0.19) !important;
    border-left-width: 0.5px;
    border-left-style: solid;
}

.sidebar-widget__content {
    border-left-color: rgba(60, 36, 88, 0.19) !important;
    border-left-width: 0.5px;
    border-left-style: solid;
}

.sidebar-widget.sidebar-widget-sticky-note.poppedup.expanded [class*=" fa-"],
.sidebar-widget.sidebar-widget-sticky-note.poppedup.expanded [class^=fa-] {
    color: #757575;
}

.box-type1.list-widget {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(60, 36, 88, 0.19);
}

.btn-light.disabled, .btn-light:disabled {
    color: #3c2458;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.sidebar-widget {
    border-bottom: 1px solid rgba(60, 36, 88, 0.19);
}

.sidebar.sidebar-right .sidebar__toggle:before {
    color: #fdb415;
}

.btn-addon {
    margin-top: 20px;
}

.pull-left.btn-group.icons-holder {
    margin-top: 0px !important;
}

.desktop-version .grid-toolbar .grid-toolbar-input {
    border-radius: 5px;
    border-color: transparent;
}

.btn-group > .btn, .form-actions.widget-actions button.btn, .dashboard-widgets-add.btn, .btn.main-group.btn-primary.pull-right,
.mobile-version .btn.main-group.btn-primary {
    border-radius: 5px;
    color: #fff;
    background-color: #009688;
    border-color: #009688;
    font-weight: bold;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.32);
    padding: 20px 28px;
    display: inline-flex;
}

.search-header .search-form .input-group-append > .btn.btn-search, .search-header .search-form .input-group-append > .btn.btn-search:active, .search-header .search-form .input-group-append > .btn.btn-search:focus {
    background-color: transparent;
    color: #009688 !important;
    outline: none;
    box-shadow: none;
    border-color: transparent;
}

.search-header .search-form .input-group-append > .btn.btn-search:hover, .search-header .search-form .input-group-append > .btn.btn-search:active:hover, .search-header .search-form .input-group-append > .btn.btn-search:focus:hover {
    color: #00796b !important;
}

.search-header > h2 {
    color: #212121;
}

.dashboard-widgets-add.btn > span {
    color: inherit;
}

.btn-group > .btn:hover, .form-actions.widget-actions button.btn:hover, .dashboard-widgets-add.btn:hover, .btn.main-group.btn-primary.pull-right:hover {
    background-color: #00796b;
    border-color: #00796b;
    color: #fff;
    box-shadow: none;
}

.page-size .btn-group > .btn:first-child, .page-size .btn-group .dropdown-toggle::after {
    /*border-radius: 5px;*/
    /*color: #3c2458 !important;*/
    border-radius: 5px;
    color: #212121 !important;
    font-size: 14px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .1);
    margin: 0 0 0 10px;
    font-weight: normal;
}

a.dropdown-item {
    color: #212121;
    font-size: 12px;
    vertical-align: middle;
}

a.dropdown-item:hover {
    background-color: #F5F5F5;
}

a.dropdown-item:hover > span.icon {
    color: #009688;
}

.dropdown-menu.show a.no-hash {
    color: #212121 !important;
}

.dropdown-menu.show a.no-hash:hover {
    background-color: #F5F5F5 !important;
    color: #212121 !important;
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active, .show > .btn.dropdown-toggle {
    background-color: #00796b;
    border-color: transparent;
    color: #fff;
}

a.btn:disabled, a.btn.disabled {
    background-color: #ADDDD9 !important;
    border-color: #ADDDD9 !important;
}

.mobile-version .app-header .organization-logo-wrapper .logo.dropdown-toggle {
    height: 30px;
    top: 8px;
}

.mobile-version .app-header .organization-logo-wrapper .logo.dropdown-toggle:after {
    top: 11.5px;
}


.mobile-version .page-title .title-buttons-container:not(:empty) .btn-more-actions.sticky {
    background-color: #009688;
    border-color: #009688;
    color: #fff;
    z-index: 4;
    position: sticky !important;
}

.mobile-version .page-title .title-buttons-container:not(:empty) .btn-more-actions.sticky:not(:disabled):not(.disabled):active {
    background-color: #00796b;
    border-color: transparent;
}

.controls table {
    background-color: transparent;
}


.box-type1.list-widget {
    box-shadow: none;
}

.mobile-version .user-fieldset, .mobile-version .widget-title {
    padding-left: 20px;
}

.btn.disabled, .btn:disabled {
    background: none;
    border: none;
    border-radius: 5px;
}

.widget-content.activity-list {
    box-shadow: none;
}

.desktop-version #container, .desktop-version .content-with-sidebar--content .category-data, .desktop-version .layout-content, .desktop-version .layout-content > .responsive-form-inner, .desktop-version .layout-content > :only-child, .desktop-version .scrollable-container > form, .desktop-version .scrollspy-main-container {
    margin-left: 14px;
}

.desktop-version .scrollable-container {
    padding-right: 5px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #efe9f6;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #3c2458 !important;
}

.responsive-block .btn-group {
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
    display: contents;
}

.datagrid-settings a.action.btn.dropdown-toggle:hover {
    background-color: #E1E1E1;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    border-radius: 5px;
}

.datagrid-settings a.action.btn.dropdown-toggle:active {
    background-color: transparent;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: #fdb415;
    border-radius: 5px;
}

.datagrid-settings a.action.btn.dropdown-toggle:active [class*=" fa-"], .datagrid-settings a.action.btn.dropdown-toggle:active [class^=fa-] {
    color: #fdb415;
}

/*data grid setting*/
.datagrid-settings .dropdown-menu {
    padding: 0;
    min-width: 240px;
}

.datagrid-settings .dropdown-menu .datagrid-settings__title,
.datagrid-settings .dropdown-menu .close {
    display: none;
}


.datagrid-settings__wrapper [id^="datagrid-settings-filters-view"] .datagrid-settings-table td.title-cell {
    width: 80%;
}

.datagrid-settings .dropdown-menu .datagrid-settings__wrapper {
    margin: 0;
    width: 240px;
}

.datagrid-settings .dropdown-menu .datagrid-settings__tabs {
    margin: 0;
}

.datagrid-settings .datagrid-settings__tabs .nav-tabs .nav-item {
    width: 50%;
}

.datagrid-settings .datagrid-settings__tabs .nav-tabs .nav-item .nav-link {
    height: 54px;
    padding: 16px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 16px;
    background-color: transparent !important;
    color: #212121 !important;
}

.datagrid-settings .datagrid-settings__tabs .nav-tabs .nav-item .nav-link.active {
    color: #009688 !important;
    font-weight: 700;
    border-bottom: 2px #00796B solid;
}

.datagrid-settings .dropdown-menu .table-header-wrapper,
.datagrid-settings .dropdown-menu .datagrid-settings-filter > a.datagrid-settings-renderable-tab,
.datagrid-settings .dropdown-menu .datagrid-settings-actions {
    display: none !important;
}

.datagrid-settings .dropdown-menu .datagrid-settings-filter {
    margin-bottom: 8px;
}

.datagrid-settings .dropdown-menu .seperator {
    margin: 0 24px;
    height: 0.5px;
    padding: 0.25px 0;
    background: #9e9e9e;
}

.datagrid-settings .dropdown-menu .table-summary-container {
    margin: 12px 20px;
}

.datagrid-settings .datagrid-settings-table .table-wrapper {
    max-height: 256px !important;
}

.datagrid-settings .datagrid-settings-table .no-data {
    padding-bottom: 10px;
}

.datagrid-settings__wrapper tbody tr:first-child {
    border-top: #FFFFFF 8px solid;
}

.datagrid-settings__wrapper tbody tr:last-child {
    border-bottom: #FFFFFF 8px solid;
}

.datagrid-settings__wrapper tr td {
    width: 60px;
    padding: 4px 0;
    border: none;
    line-height: 31px;
    text-align: center;
    background: transparent !important;
}

.datagrid-settings__wrapper tr td.visibility-cell {
    padding: 4px 8px 1px 20px;
    line-height: 24px;
}

.datagrid-settings__wrapper tr td.sort-cell {
    padding-right: 34px;
    padding-left: 4px;
    text-align: center;
}

.datagrid-settings__wrapper tr td.title-cell {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    padding-left: 8px;
    padding-right: 2px;
    text-align: left;
}

.datagrid-settings__wrapper tr td.title-cell label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.datagrid-settings__wrapper tr:hover td {
    background: #F5F5F5 !important;
}

.datagrid-settings__wrapper tr:hover .sort-cell .ui-sortable-handle {
    color: #212121;
}

.datagrid-settings__wrapper tr:hover .visibility-cell .checkbox-view .checkbox-view__input:not(:disabled):not(:checked) ~ .checkbox-view__icon {
    background-color: #EEEEEE;
}

.datagrid-settings__wrapper tr td.title-cell,
.datagrid-settings .dropdown-menu .table-summary-container > label {
    font-size: 12px;
    color: #212121;
}

.datagrid-settings-search {
    margin: 16px 24px 0 24px;
}

.datagrid-settings-search:after {
    display: none;
}

.datagrid-settings-search .icon {
    font-size: 19px;
    display: inline-flex;
    vertical-align: bottom;
    padding: 2.5px;
    margin-right: 4px;
    color: #9E9E9E;
}

.datagrid-settings-search .icon:before {
    margin: 0;
}

.datagrid-settings-search .icon[class*="close"] {
    color: #757575;
}

.datagrid-settings-search .icon[class*="close"]:hover {
    color: #212121;
}

.datagrid-settings-search input {
    width: 113px;
    height: 24px !important;
    line-height: 24px;
    padding: 0;
    border: none;
    border-radius: 0 !important;
    font-size: 14px;
    color: #212121;
    caret-color: #009688;
}

.datagrid-settings-search.empty input {
    color: #9E9E9E;
}

.datagrid-settings-search .clear {
    right: 0;
    top: 11px;
}


.grid-toolbar .btn.dropdown-toggle {
    background-color: #fff !important;
    border-color: transparent !important;
    font-weight: normal;
    padding: 6px 12px;
    border-width: 1.25px !important;
}

.grid-toolbar-tools .btn.dropdown-toggle:hover {
    background-color: #3c2458 !important;
    border-color: transparent !important;
    color: #fff;
}

.action.btn.btn-icon.mode-icon-only.dropdown-toggle.dropdown-toggle--no-caret {
    background-color: transparent !important;
}

.action.btn.btn-icon.mode-icon-only.dropdown-toggle.dropdown-toggle--no-caret:hover {
    background-color: #E5F4F3 !important;
    color: #a1a1a1 !important;
}

.btn.dropdown-toggle:hover {
    background-color: #00796b;
    color: #fff;
}

.btn.dropdown-toggle:hover::after {
    color: #fff;
}

.btn.dropdown-toggle.disabled {
    background-color: #e3e3e3 !important;
    color: #a1a1a1 !important;
}

.btn.dropdown-toggle.disabled::after {
    color: #a1a1a1 !important;
}

.btn.dropdown-toggle.disabled:hover {
    background-color: #e3e3e3 !important;
    color: #a1a1a1 !important;
}

.btn.dropdown-toggle.disabled:hover::after {
    color: #a1a1a1 !important;
}

.actions-panel .btn:hover {
    background-color: #e1e1e1;
    border-color: transparent;
    border-radius: 5px;
}

.actions-panel .btn:hover [class*=" fa-"]:hover, .actions-panel .btn:hover [class^=" fa-"]:hover {
    background-color: transparent;
    color: #fdb415;
    border-radius: 5px;
}

.actions-panel .btn [class*=" fa-"]:hover, .actions-panel .btn [class^=fa-]:hover, .actions-panel .btn:hover [class*=" fa-"]:hover, .actions-panel .btn:hover [class^=fa-]:hover {
    color: #009688;
}

.dropdown-menu[x-displayed-arrow][x-placement^=left] {
    margin-top: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px;
    border: none;
    border-radius: 8px;
}

h3.grid-view-title, .datagrid-settings__title, .nav-tabs .nav-item.active .nav-link, .nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #3c2458;
}

.nav-tabs .nav-link {
    color: #634d86;
}

.nav-tabs .nav-link:hover {
    background-color: #f9f9f9;
    color: #3c2458;
}

.nav-tabs {
    border-bottom-width: 0px;
}

.nav-tabs .nav-item:not(.dropdown-menu) .nav-link.active {
    border-color: transparent;
    background-color: #3c2458;
    color: #f9f9f9;
}

.table thead th {
    background-color: #3c2458;
    color: #f9f9f9;
}

.input, .selector, .uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    border-radius: 5px;
}

.grid-views .grid-view-icon {
    color: #757575;
    border-radius: 50%;
    width: 25px;
    text-align: center;
}

span.grid-view-icon:hover {
    color: #009688;
    background-color: #E5F4F3;
}

.grid-views-toogler[aria-expanded="true"] span.grid-view-icon {
    color: #009688;
}

.desktop-version .layout-content > .scrollable-container {
    padding-left: 0px;
    padding-right: 0px;
}

.desktop-version .container-fluid.page-title .navbar-extra {
    padding-right: 0px;
}

.scrollspy-nav {
    padding-left: 12px;
    padding-right: 25px;
}


.oro-datagrid .grid-header-cell {
    background-color: #634d86;
}


@media (max-width: 1600px) {
    .desktop-version #container {
        /* margin-left: calc(30 - 12px);
        margin-right: calc(30 - 25px); */
    }
}

/*@media (min-width: 1600px) {*/
/*    .desktop-version #container {*/
/*        margin-left: calc(5% - 12px);*/
/*        margin-right: calc(5% - 25px);*/
/*    }*/
/*}*/

.desktop-version .layout-content {
    margin-left: 0px;
}

.desktop-version div#central-panel > div.scrollable-container > div.layout-content {
    margin-left: 14px;
}

.desktop-version div#central-panel > div.scrollable-container > div.layout-content > div.layout-content.scrollable-container {
    margin-left: 24px;
}


#oroplatform-header {
    background-color: #FFFFFF;
}

.sidebar-widget__header:hover .sidebar-widget__header-title,
.sidebar-widget__header:hover button.sidebar-widget__header-toggle.dropdown-toggle--no-caret,
.sidebar-widget__header:hover [class*=" fa-"],
.sidebar-widget__header:hover [class^=fa-],
.sidebar-widget__header:hover .dropdown-toggle--no-caret {
    color: #212121;
}

.sidebar-widget__icon .sidebar-widget-icon.mail-icon {
    color: #757575;
}

.sidebar-widget__icon:hover [class*=" fa-"], .sidebar-widget__icon:hover [class^=fa-], .sidebar-widget__icon:hover .sidebar-widget-icon.mail-icon {
    color: #009688;
}

.sidebar-widget__header-title {
    color: #3c2458;
}

.maximized .expanded .sidebar-widget__header-title,
.maximized .expanded .button.sidebar-widget__header-toggle.dropdown-toggle--no-caret,
.maximized .expanded .sidebar-widget-icon {
    color: #f9f9f9;
}

.top-action-box [class*=" fa-"]:hover, .top-action-box [class^=fa-]:hover, .top-action-box .btn-light-custom:hover [class^=fa-] {
    color: #212121;
}

.top-action-box .btn-light-custom:active:hover [class^=fa-], .top-action-box .btn-light-custom:focus:hover [class^=fa-], .top-action-box .btn-light-custom:active [class^=fa-]:hover, .top-action-box .btn-light-custom:focus [class^=fa-]:hover {
    color: #00796b !important;
}

.top-action-box .btn-light-custom:active, .top-action-box .btn-light-custom:focus, .top-action-box .btn-light-custom:active [class^=fa-], .top-action-box .btn-light-custom:focus [class^=fa-],
.top-action-box [class^=fa-]:active, .top-action-box [class^=fa-]:focus {
    color: #009688 !important;
    background-color: transparent !important;
    outline: none !important;
}

.btn-organization-switcher:hover, a.organization-name:hover, .app-header__container [class*=" fa-"]:hover, .app-header__container [class^=fa-]:hover, .app-header__container .mail-icon:hover,
.mobile-version .app-header .user-menu > li > a:hover > [class^="icon-ic"] {
    color: #009688;
}

.dropdown-menu {
    margin-top: 6px;
    background-color: #FFFFFF !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.app-header .dropdown-menu:before {
    background-color: #f9f9f9;
    border-radius: 5px;
    border-color: #3c2458;
    box-shadow: 0px 2px 4px rgba(126, 142, 177, 1);
    border-width: 0.5px;
    border-style: solid;
}


/*.desktop-version #side-menu.minimized .dropdown-level-1.active .title-level-1:before, .desktop-version #side-menu .accordion-toggle.title-level-1[aria-expanded="true"]:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background: #ffb300;*/
/*    width: 4px;*/
/*    height: 48px;*/
/*    z-index: 1;*/
/*}*/


.desktop-version #side-menu .dropdown-level-1.zeevou-active .title-level-1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #ffb300;
    width: 4px;
    height: 48px;
    z-index: 1;
}

.desktop-version #main-menu .dropdown-level-1 > a {
    position: relative;
}

/*.desktop-version #main-menu .dropdown-level-1 .title-level-1[title]:hover {*/
/*    pointer-events: none;*/
/*}*/

/*.desktop-version #main-menu .dropdown-level-1 .title-level-1[title]:hover::after {*/
/*    content: attr(title);*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 10px;*/
/*    background-color: red;*/
/*    color: green;*/
/*    width: 100px;*/
/*    height: 20px;*/
/*    z-index: 99999;*/
/*    margin-left: 10px;*/
/*    font-size: 14px;*/
/*}*/

span.dropdown-item-text.selected {
    color: #f9f9f9;
}

.minimized .sidebar-widget__header-title {
    color: #f9f9f9;
}

.minimized .dropdown-toggle--no-caret {
    color: #f9f9f9;
}


.sidebar-widget__popup {
    background-color: #f9f9f9;
}

.sidebar-widget__header, .sidebar-widget__icon {
    background-color: #FAFAFA;
}

.dashboard-container-wrapper .scrollable-container {
    background: #FAFAFA;
}

.dashboard-container-wrapper .responsive-section {
    background: #FAFAFA;
}

input.side-menu-overlay__field {
    border-radius: 5px;
}

.desktop-version .side-menu-overlay.open {
    margin-left: 1px;
}

.actions-group .btn {
    background-color: transparent;
    border-color: transparent;
}

.actions-group .btn:hover, .actions-group.show .btn[aria-expanded="true"] {
    color: #009688 !important;
}

.actions-group .btn:focus {
    box-shadow: none;
    color: #009688 !important;
    outline: none;
}

.actions-group .btn:active, .actions-group .btn:active:focus {
    background-color: transparent !important;
    outline: none;
}

.activity-list-widget .accordion-heading .message-subject {
    font-size: 0.9rem;
}

.activity-list-widget .accordion-heading .details {
    font-size: 0.9rem;
}

.dropdown-menu > li > a[class*="import-"] > span {
    display: none;
}

[class*=" fa-"], [class^=fa-],
[class*="icon-ic_"] {
    color: #757575;
}

.title.title-level-1 > .menu-icon {
    color: #e0e0e0;
}

.desktop-version .title.title-level-1 > .menu-icon {
    width: 32px;
    height: 32px;
    margin-top: 3px;
    margin-bottom: -3px;
}


.desktop-version .title.title-level-1 {
    font-size: 0 !important;
    position: relative;
    /*height: 48px;*/
}

.btn-group .action.btn [class*=" fa-"], .btn-group .action.btn [class^=fa-] {
    color: #fff;
}

.btn-group .action.btn [class*=" fa-"]:hover, .btn-group .action.btn [class^=fa-]:hover {
    color: #fff;
}

.btn-group .action.btn:hover [class*=" fa-"], .btn-group .action.btn:hover [class^=fa-] {
    color: #fff;
}

.disabled [class*=" fa-"]:hover, .disabled [class^=fa-]:hover {
    color: #8E7F9E;
}

[class*=" fa-"]:hover, [class^=fa-]:hover {
    color: #009688;
}

[class*=" fa-"]:active, [class^=fa-]:active {
    color: white;
}

.pull-left [class*=" fa-"], .pull-left [class^=fa-] {
    color: #fff;
}

.pull-right.pinned-dropdown .btn-group > .btn:not(:first-child) {
    background-color: #009688;
    border-color: #009688;
    height: 35px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.32);
    padding: 20px 28px;
    display: flex;
}

body {
    background-color: #f9f9f9;
}

.pull-right.pinned-dropdown .btn-group > .btn:not(:first-child):hover {
    background-color: #00796b;
    border-color: #00796b;
}

.btn.btn-success.action-button {
    margin-right: 4px;
}

.responsive-section.responsive-medium .responsive-block {
    width: 100%;
}

.form-horizontal .responsive-block > br {
    display: none;
}

ul.dropdown-menu.dropdown-toggle--no-caret.activity-item.show {
    margin-top: 6px;
    background-color: #f9f9f9;
    border-radius: 5px;
    border-color: #3c2458;
    box-shadow: 0px 2px 4px rgba(126, 142, 177, 1);
}

.dropdown-item, .dropdown-menu .dropdown-menu-items > li > a, .dropdown-menu > li > a {

    font-size: 12px;
    font-weight: normal;
    /*text-align: left;*/
    color: #212121;
    height: 32px;
    line-height: 31px;
}

.dropdown-item:hover, .dropdown-menu .dropdown-menu-items > li > a:hover, .dropdown-menu > li > a:hover {
    /*background-color: #634d86 !important;*/
    /*color: white !important;*/
    /*flex-grow: 0;*/
    /*padding: 0 1px 0 16px;*/
    background-color: #f5f5f5 !important;
    /*font-size: 12px;*/
    /*font-weight: normal;*/
    /*font-stretch: normal;*/
    /*font-style: normal;*/
    /*line-height: normal;*/
    /*letter-spacing: normal;*/
    /*text-align: left;*/
    color: #212121;
}

.dropdown-item:hover [class*=" fa-"], .dropdown-menu .dropdown-menu-items > li > a:hover [class*=" fa-"], .dropdown-menu > li > a:hover [class*=" fa-"], .dropdown-item:hover [class^=fa-],
.dropdown-menu .dropdown-menu-items > li > a:hover [class^=fa-], .dropdown-menu > li > a:hover [class^=fa-], .dropdown-menu > li > a:hover > [class*="icon-ic"] {
    color: #009688 !important;
}

.page-title__path {
    padding-top: 6px;
    padding-bottom: 6px;
}

.widget-picker__icon {
    background: transparent;
}

textarea {
    max-width: 100%;
}

.modal-body .control-label.wrap {
    width: auto !important;
}

.breadcrumb {
    background-color: transparent;
    color: #757575;
    font-size: 14px;
    padding: 16px 16px 12px 24px;
}

.breadcrumb-item.active {
    color: #757575;
    font-weight: bold;
}

.breadcrumb-item::before {
    font-weight: normal;
}

.desktop-version .grid-toolbar .pagination {
    color: rgba(60, 36, 88, 0.51);
}

.container-fluid.page-title {
    background: none;
    border-bottom: none;
}

.clearfix {
    margin-left: 14px;
}

.currency-price .selector {
    width: 100% !important;
}

.user-fieldset span {
    background-color: transparent;
}

div[id^="dhx_cal"] {
    background-color: transparent;
}

input[id^="peymans"] {
    max-width: 100%;
}

.entity-pagination_total, .page-item.disabled .page-link {
    color: rgba(60, 36, 88, 0.51);
}

.a:hover [class*=" fa-"], .a:hover [class^=fa-] {
    color: #fdb415;
}

.form-address:not([class*="col"]) {
    width: 45%;
    margin-right: 20px;
}

.dashboard-widgets-add.btn.main-group:hover [class*="fa-"] {
    color: #fff;
}

.pull-right .btn.dropdown-toggle:hover [class*="fa-"] {
    color: #fff;
}

.pull-right .btn.dropdown-toggle [class*="fa-"] {
    color: #fff;
}

.btn.filter-criteria-selector {
    padding-bottom: 30px;
}

.filter-box .filter-criteria-selector:not(.filter-default-value), .filter-box .filter-select:not(.filter-default-value) {
    background-color: #009688 !important;
    color: #fff !important;
}

.filter-box .filter-criteria-selector:not(.filter-default-value):hover,
.filter-box .open-filter .filter-criteria-selector:not(.filter-default-value),
.filter-box .filter-select:not(.filter-default-value):hover,
.filter-box .open-filter .filter-select:not(.filter-default-value):hover {
    background-color: #00796B !important;
}

.filter-box .filter-item > .btn.filter-default-value:hover {
    background-color: #FFFFFF;
    color: #757575 !important;
}

.filter-box .fa-close:before {
    color: #fff;
    font-size: 14px;
}

.filter-box .btn:after {
    color: #757575;
}

.filter-box .filter-item > .btn:hover .fa-close:before {
    color: #fff;
    font-size: 14px;
}

.datefilter .nav-tabs .nav-item:not(.dropdown-menu) .nav-link:hover,
.datefilter .nav-tabs .nav-item:not(.dropdown-menu) .nav-link:focus {
    border: 1px solid transparent;
}

.datefilter .nav-tabs .nav-item:not(.dropdown-menu) .nav-link.active,
.datefilter .nav-tabs .nav-item:not(.dropdown-menu) .nav-link.active:hover {
    background-color: #E8E8E8 !important;
}

.btn.peymans-add-list-item:hover > [class*="fa-"] {
    color: #fff;
}

button.removeRow.btn.btn-icon.btn-square-light, a.btn.add-list-item {
    float: right;
}

.widget-content .form a.btn.add-list-item, .widget-content .form button.removeRow.btn.btn-icon.btn-square-light,
.widget-content .form .select2-container {
    float: left;
}

.fc-center {
    margin-top: 20px;
}

table.booking-config.no-capitalize {
    background-color: #f9f9f9;
}

.dashboard-container-wrapper .dashboard-widget {
    box-shadow: none !important;
    border-radius: 15px;
}

.login-page .container {
    margin-left: 0 !important;
}

.form-horizontal .select2-container {
    border-radius: 5px;
}

.input-append .select2-container, .select2.select2-container-disabled .select2-choice, .select2.select2-container-disabled .select2-choices {
    border-radius: 5px 0px 0px 5px;
}

.input-append .add-on:first-child, .input-append .add-on:first-of-type, .input-append .btn:first-child, .input-append .btn:first-of-type, .input-prepend .add-on:first-child, .input-prepend .add-on:first-of-type, .input-prepend .btn:first-child, .input-prepend .btn:first-of-type {
    border-radius: 0px 5px 5px 0px;
}

.input-append .add-on:not(:first-of-type), .input-append .btn:not(:first-of-type), .uploader {
    border-radius: 5px;
}

.map {
    border-radius: 15px;
}

img#place-icon {
    visibility: hidden;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
    text-align: center;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
        text-align: center;
    }
}

/* Tooltip container */
.toolytip {
    position: relative;
    display: inline-block;
    top: 1px;
}

#title_hover_tooltip, .toolytip .toolytiptext {
    font-family: "Nunito", serif;
    position: absolute;
    padding: 4px 8px;
    color: #FFFFFF;
    background-color: #757575;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 2px;
    opacity: 0.9;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    text-align: start;
}

#title_hover_tooltip {
    display: none;
    height: 24px;
    z-index: 1050;
    white-space: nowrap;
}

/* Tooltip text */
.toolytip .toolytiptext {
    visibility: hidden;
    width: 120px;
    margin-left: 10px;
    top: 0;
    left: 25px;
    z-index: 1;
}

.toolytip .toolytiptext::after {
    content: none;
    width: 3px;
    height: 3px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgba(126, 142, 177, 0.15);
    position: absolute;
    top: 2px;
    left: -10px;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.toolytip:hover .toolytiptext {
    visibility: visible;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.other-scroll {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    /*background: hsla(268, 42%, 94%, 0.7);*/
    background: transparent;
    border-radius: 16px;
}

/* Track on hover */
::-webkit-scrollbar-track:hover {
    /*background: hsla(268, 42%, 94%, 1);*/
    background: transparent;
    border-radius: 16px;
}


/* Handle */
::-webkit-scrollbar-thumb {
    /*background: hsla(268, 42%, 24%, 0.7);*/
    width: 8px;
    border-radius: 16px;
    border: 3px solid transparent;
    background-clip: content-box;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    /*background: hsla(268, 42%, 24%, 1);*/
    width: 8px;
    border-radius: 16px;
    border: 3px solid transparent;
    background-clip: content-box;
}

.dashboard-container-wrapper .responsive-section .responsive-cell > div {
    margin-bottom: 30px;
}

.dashboard-container-wrapper .responsive-section:not(.responsive-small) .dashboard-column:last-child {
    padding-left: 10px;
    padding-right: 20px;
}

.dashboard-container-wrapper .responsive-section:not(.responsive-small) .dashboard-column:first-child {
    padding-right: 10px;
}

.dashboard-container-wrapper .responsive-section:not(.responsive-small) .dashboard-column:last-child {
    padding-left: 10px;
    padding-right: 20px;
}

.dhx_cal_navline {
    background-color: #f9f9f9;
}

.cancelled_instruction {
    background-color: #f9f9f9;
}

.quick-launchpad-toolbar__link:hover .quick-launchpad-toolbar__icon {
    color: #efe9f6;
    background-color: #3c2458;
}

.modal-body .form-horizontal .control-group .control-label {
    width: 90px !important;
}

.ui-datepicker .ui-datepicker-header .input-widget-select {
    width: max-content;
}

.ui-datepicker.ui-widget-content {
    z-index: 9999999999 !important;
}

.btn .fa-reply {
    color: #ffffff;
}

.lang-en .oro-subtitle, .lang-en .title {
    text-transform: none !important;
}

#hubspot-messages-iframe-container {
    z-index: 900 !important;
}

.time-picker .datepicker-input {
    display: none;
}

.control-group.control-group-checkbox {
    margin-top: 2px !important;
}


/*body {*/
/*    font-family: "Nunito" !important;*/
/*}*/

select, option {
    font: -moz-pull-down-menu;
}

.input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .selector {
    font-family: 'Nunito', serif;
}

.desktop-version .side-menu-overlay .last .title-level-3, .desktop-version .side-menu-overlay .last .title-level-4, .desktop-version .side-menu-overlay .last .title-level-5 {
    margin-bottom: 0;
}

.desktop-version .side-menu-overlay .last:not(.dropdown) {
    margin-bottom: 14px;
}

th.grid-cell.grid-header-cell {
    background-color: #fafafa;
    padding-left: 9px;
    height: 50px;
}

th.grid-cell.grid-header-cell span {
    color: #757575;
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize !important;
}

th.grid-cell.grid-header-cell.ascending span {
    font-size: 14px;
    font-weight: 500;
    color: #009688;
}

th.grid-cell.grid-header-cell.descending span {
    font-size: 14px;
    font-weight: 500;
    color: #009688;
}

.oro-datagrid .grid-header .sortable-icon {
    margin-right: 8px;
}

tr.row-click-action.grid-row {
    border: 12px solid #fafafa;
}

tr.row-click-action.grid-row td {
    padding-top: 0px;
    background-color: #ffffff;
    padding-left: 5px !important;
}

table.grid.grid-main-container {
    /*border-collapse: collapse;*/
    border-spacing: 0 12px;
    border-collapse: separate;
    margin-top: -24px;
    padding-left: 2px;
    background-color: #FAFAFA;
}

@media only screen and (max-width: 1230px) {
    .oro-datagrid:not(.with-floating-header) table.grid.grid-main-container {
        margin-top: -12px;

    }
}

.oro-datagrid .grid-body-cell {
    vertical-align: inherit;
    padding-left: 10px !important;
}

.oro-datagrid .row-click-action.grid-row .grid-body-cell {
    padding: 1px 3px 1px 10px !important;
}

.oro-datagrid .grid-body-cell:first-of-type {
    padding-left: 16px !important;

}

.oro-datagrid .row-click-action.grid-row .grid-body-cell:first-of-type {
    padding-left: 15px !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-dialog-content .widget-content .oro-datagrid .row-click-action.grid-row .number-cell.grid-body-cell:first-of-type {
    text-align: right;
}

.oro-datagrid .row-click-action.grid-row .grid-body-cell:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-left: 0 !important;
    padding-right: 8px !important;
}

.oro-datagrid th.action-column button.dropdown-toggle {
    padding-left: 1px;
}

.oro-datagrid th.action-column .dropdown-toggle,
.oro-datagrid td.action-cell .dropdown-toggle {
    width: 24px;
    height: 24px;
    justify-content: center;
}

.oro-datagrid .grid-body-cell a.dropdown-toggle:before {
    content: none;
}

/*.actions-panel a, .actions-panel a:hover, .actions-panel a .pressed {*/
/*    border-radius: 50%;*/
/*}*/

thead.grid-header {
    height: 33px !important;
    /*margin-top: -12px;*/
    border-collapse: collapse;
}

thead.grid-header:not(.zeevou-scroll-effect) {
    box-shadow: none !important;
}

thead.grid-header.zeevou-scroll-effect {
    box-shadow: 0 24px 4px rgba(0, 0, 0, 0.1) !important;;
}

@media only screen and (max-width: 600px) {
    a.help {
        float: left;
        padding-left: 15px;
    }
}

.page-title__entity-title-wrapper > .sub-title span.separator {
    display: none;
}

.scrollable-container .oro-subtitle, .page-title__entity-title-wrapper > .sub-title > a {
    font-size: 18px !important;
    font-weight: 500;
    color: #212121;
    line-height: 24px;
    margin-left: 14px;
}

.page-title__entity-title-wrapper > .sub-title:hover > a {
    color: #009688;
}


.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-group > .btn-success:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-success:not(:last-child):not(.dropdown-toggle):hover, .btn-group > .btn-success:not(:last-child):not(.dropdown-toggle):focus, .btn-group > .btn-success:not(:last-child):not(.dropdown-toggle):active, .btn-group > .btn-group:not(:last-child) > .btn-success, .btn-group > .btn-group:not(:last-child) > .btn-success:hover, .btn-group > .btn-group:not(:last-child) > .btn-success:focus, .btn-group > .btn-group:not(:last-child) > .btn-success:active {
    border-right-color: transparent;
}

.btn-success:focus, .btn-success:active:focus, .btn-success.active:focus {
    outline: none !important;
}

a.btn [class*="fa-"], a.btn [class*="icon-ic"] {
    margin-right: 12px !important;
}

a.btn [class*="fa-"]:before, a.btn [class*="icon-ic"]:before {
    font-size: 22px;
}

a.btn.zeevou-icon-btn {
    padding-left: 24px;
    padding-right: 24px;
}

.section-content {
    padding-top: 24px;
    padding-bottom: 20px;
}

.scrollspy-main-container .responsive-section {
    border-bottom: 0.5px solid #9e9e9e;
    margin-bottom: 24px;
}

.scrollable-container .responsive-section:first-child .scrollspy-title {
    display: block;
}

.form-horizontal .form-group [class*="col-"] {
    padding-left: 0;
}

#flash-messages {
    position: static;
}

.flash-messages-frame {
    padding: 0;
    right: 40px;
    bottom: 40px;
    left: auto;
}

.flash-messages-frame .alert {
    width: 392px;
    min-height: 64px;
    padding: 0 64px 0 56px !important;
    margin: 0;
    float: right;
    background-color: #FFFFFF !important;
    border-width: 0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    font-size: 12px;
    color: #757575;
}

.flash-messages-frame .alert:before {
    content: '' !important;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.flash-messages-frame .alert::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;;
}

.flash-messages-frame .alert-icon:before {
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
}

.flash-messages-frame .alert-dismissible button.close {
    top: 50%;
    transform: translateY(-50%);
    color: #757575;
    margin-right: 14px;
    padding: 5px;
}


.flash-messages-frame .alert-dismissible.alert-reminder .action-btn-container {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: table;
    border-collapse: separate;
    border-spacing: 16px;
}

.flash-messages-frame .alert-dismissible.alert-reminder button.close {
    position: relative;
    display: table-cell;
    top: unset;
    transform: none;
    margin-right: 0;
}

.flash-messages-frame .alert button.close:before, .ui-dialog .ui-dialog-titlebar-buttonpane button.ui-dialog-titlebar-close:before {
    /*content: '';*/
    /*background-image: url(../images/close-icon.svg);*/
    width: 14px;
    height: 14px;
    display: block;
    background-size: contain;
}

.flash-messages-frame .alert button.fa-close:hover:before, .ui-dialog .ui-dialog-titlebar-buttonpane button.ui-dialog-titlebar-close:hover:before {
    /*background-image: url(../images/close-icon-hover.svg);*/
}

.flash-messages-frame .alert .message {
    padding-top: 8px;
    padding-bottom: 12px;
}

.flash-messages-frame .alert .message:before {
    content: '';
    display: block;
    height: 24px;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #212121;
    padding-top: 4px;
}

.flash-messages-frame .alert-reminder {
    width: 598px;
}


.flash-messages-frame .alert-reminder .message {
    margin-right: 150px;
}

.flash-messages-frame .alert-reminder .action-btn-container a[class*="dismiss"] {
    font-size: 14px;
    font-weight: 300;
    margin-right: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #757575;
    display: table-cell;
    vertical-align: middle;
}

.flash-messages-frame .alert-reminder .action-btn-container a[class*="dismiss"].action-primary {
    font-weight: 400;
    color: #2196F3;
}

.flash-messages-frame .alert-reminder .action-btn-container a[class*="dismiss"]:hover {
    color: #2196F3;
}

.flash-messages-frame .alert-reminder .action-btn-container a[class*="dismiss"].action-primary:hover {
    color: #107BCF;
}


.flash-messages-frame .alert-danger.alert-icon .message:before, .flash-messages-frame .alert-error.alert-icon .message:before {
    content: 'Oh no!';
}

.flash-messages-frame .alert-process.alert-icon .message:before {
    content: 'Hang on...';
}

.flash-messages-frame .alert-warning.alert-icon .message:before {
    content: 'Oops!';
}

.flash-messages-frame .alert-info.alert-icon .message:before {
    content: 'Did you know?';
}

.flash-messages-frame .alert-reminder.alert-icon .message:before, .flash-messages-frame .alert-notice.alert-icon .message:before {
    content: 'Heads up!';
}


.flash-messages-frame .alert-success.alert-icon .message:before {
    content: 'Yay!';
}

.flash-messages-frame .alert-icon:before {
    background-repeat: no-repeat;
}

.flash-messages-frame .alert-danger.alert-icon:before, .flash-messages-frame .alert-error.alert-icon:before {
    background-image: url(../images/error-icon.svg);
}

.flash-messages-frame .alert-process.alert-icon:before {
    background-image: url(../images/process-icon.svg);
}

.flash-messages-frame .alert-warning.alert-icon:before {
    background-image: url(../images/warning-icon.svg);
}

.flash-messages-frame .alert-info.alert-icon:before, .flash-messages-frame .alert-notice.alert-icon:before {
    background-image: url(../images/info-icon.svg);
}

.flash-messages-frame .alert-reminder.alert-icon:before {
    background-image: url(../images/reminder-icon.svg);
}

.flash-messages-frame .alert-success.alert-icon:before {
    background-image: url(../images/success-icon.svg);
}

.demo-icon.gold.icon-ic_medal_24dp {
    color: #FFB300;
    font-size: 24px;
    vertical-align: middle;
    display: inline-flex;
}

.demo-icon.silver.icon-ic_medal_24dp {
    color: #C0C0C0;
    font-size: 24px;
    vertical-align: middle;
    display: inline-flex;
}

.demo-icon.bronze.icon-ic_medal_24dp {
    color: #B86333;
    font-size: 24px;
    vertical-align: middle;
    display: inline-flex;
}

.control-label .demo-icon {
    margin-left: 15px;
}

.flash-messages-frame .alert-danger.alert-icon::after, .flash-messages-frame .alert-error.alert-icon::after {
    background-color: #F44336;
}

.flash-messages-frame .alert-error .message > a, .flash-messages-frame .alert-danger .message > a {
    color: #F44336;
}

.flash-messages-frame .alert-process.alert-icon::after {
    background-color: #2196F3;
}

.flash-messages-frame .alert-warning.alert-icon::after {
    background-color: #FFB300;
}

.flash-messages-frame .alert-process .message > a {
    color: #2196F3;
}

.flash-messages-frame .alert-warning .message > a {
    color: #FFB300;
}

.flash-messages-frame .alert-info.alert-icon::after, .flash-messages-frame .alert-reminder.alert-icon::after, .flash-messages-frame .alert-notice.alert-icon::after {
    background-color: #2196F3;
}

.flash-messages-frame .alert-info .message > a, .flash-messages-frame .alert-reminder .message > a, .flash-messages-frame .alert-notice .message > a {
    color: #2196F3;
}


.flash-messages-frame .alert-reminder.alert-icon button.close-all {
    display: none;
}

.flash-messages-frame .alert-success.alert-icon::after {
    background-color: #009688;
}

input.grid-toolbar-input.input-widget {
    display: none;
}

.actions-panel .btn {
    padding: 16px !important;
    border-radius: 50% !important;
}

/*.actions-panel .btn:hover {*/
/*    background-color: #E5F4F3 !important;*/
/*}*/

.actions-panel .btn:focus {
    background-color: transparent;
    box-shadow: none;
}

.actions-panel .btn:hover > span[class*="fa-"], .actions-panel .btn:focus span[class*="fa-"], .actions-panel .datagrid-settings .btn[aria-expanded="true"] span[class*="fa-"] {
    color: #009688 !important;
}

.actions-panel .action.pressed {
    background-color: transparent;
    box-shadow: none;
}

.actions-panel .action.pressed > span[class*="fa-"] {
    color: #009688;
}

.actions-panel .btn.disabled {
    background-color: transparent !important;
}

.actions-panel .btn.disabled span[class*="fa-"] {
    color: #c4c4c4 !important;
}

.actions-panel .btn:hover, .actions-panel .btn:not(:disabled):not(.disabled):active, .actions-panel .btn:focus {
    color: #212529;
}

button.btn.dropdown-toggle {
    padding: 18px;
}

.page-size .btn-group > .btn:first-child {
    /*padding: 4px 38px 4px 16px;*/
    border-color: transparent;
    width: 80px;
    height: 32px;
}

#bottomHolder .page-size .btn-group {
    top: 13px
}

.launchers-dropdown-menu {
    margin-top: -11px;
    border: transparent;
    opacity: 1;
}

.more-bar-holder .dropleft {
    color: #FFF;
}

.page-size .btn-group > .dropdown-toggle:after {
    color: #9E9E9E !important;
}

.page-size .btn-group > .btn.dropdown-toggle:hover {
    border-color: #009688;

}

.page-size .btn-group > .dropdown-toggle:hover:after {
    color: #009688 !important;
}

.page-size .btn-group > .btn.dropdown-toggle:focus {
    outline: none;
}

.page-size .btn-group > .btn.dropdown-toggle[aria-expanded="true"] {
    border-color: #009688;
    outline: none;


}

.page-size .btn-group > .dropdown-toggle[aria-expanded="true"]:after {
    color: #009688 !important;
    transform: rotate(180deg);
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover {
    /*background: #9e9e9e;*/
    background: rgba(158, 158, 158, 0.5);

}

.other-scroll, .other-scroll:hover {
    background: transparent;

}

.oro-datagrid .grid-header .ascending .sortable-icon:before, .oro-datagrid .grid-header .descending .sortable-icon:before {
    height: 24px;
    width: 24px;
}

tr.row-click-action.grid-row {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

tr.row-click-action.grid-row:hover td,
tr.row-click-action.grid-row:not(.row-selected):hover td .checkbox-view__icon {
    background-color: #FAFAFA;
}

.launchers-dropdown-menu {
    padding: 0;
}

.layout-content.dashboard-container-wrapper > .container-fluid.page-title > .navigation.navbar-extra .title-buttons-container .btn-group {
    display: none;
}

/*.dashboard-widget a.configure-action.dropdown-item {*/
/*    display: none;*/
/*}*/

.dashboard-widget button.btn.dropdown-toggle:hover, .dashboard-widget .show > .btn.dropdown-toggle {
    background-color: transparent;
}

.dashboard-widget button.btn.dropdown-toggle:hover span[class*="fa-"], .dashboard-widget .show > .btn.dropdown-toggle span[class*="fa-"] {
    color: #009688;
}

.dashboard-widget .default-actions-container .dropdown-menu .dropdown-item:hover span[class*="fa-"] {
    color: #009688 !important;
}

.guest_not_verified a {
    border-color: #9E2B25 !important;
}

.desktop-version .scrollspy-main-container .wrapper_row.booking-section-title div.guest-avatar {
    margin-right: 15px;
}

.btn-group input[type="button"].btn.main-group.btn-primary {
    padding-bottom: 33px;
    padding-top: 15px;
}

.desktop-version #login-form .oro-remember-me > label {
    padding-top: 8px;
}

.desktop-version #login-form .oro-remember-me span.checkbox-view {
    margin-top: -8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

.dashboard-container-wrapper .dashboard-widget .widget-title {
    text-transform: capitalize !important;
}

.desktop-version .page-title .grid-views .views-group:hover .oro-subtitle {
    color: #009688;
}

.desktop-version .app-header__search-and-shortcuts {
    order: 1;
}

.desktop-version .app-header .user-menu {
    order: 2;
    margin-left: 2px;
}

.desktop-version .app-header .organization-logo-wrapper {
    margin-right: 20px;
}

.desktop-version .app-header .dropdown.user-menu-dropdown:before {
    display: none;
}

.desktop-version .app-header__search-and-shortcuts .dropdown.header-dropdown-search .search-form {
    width: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease 0.4s, width 0.8s;
}

.desktop-version .app-header__search-and-shortcuts .dropdown.header-dropdown-search.show .search-form {
    width: 244px;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease 0.4s, width 0.8s;
    vertical-align: top;
}

.desktop-version .app-header__search-and-shortcuts .dropdown.header-dropdown-search .search-form input {
    width: 0 !important;
    transition: width 0.4s;
}

.desktop-version .app-header__search-and-shortcuts .dropdown.header-dropdown-search.show .search-form input {
    width: 100% !important;
    transition: width 0.4s;
}

.app-header__search-and-shortcuts .dropdown.header-dropdown-search .search-form .header-search .search-suggestion-list {
    box-shadow: none;
}

.app-header__search-and-shortcuts .dropdown.header-dropdown-search span.icon-ic_search_24dp {
    vertical-align: middle;
}

.app-header__search-and-shortcuts .dropdown.header-dropdown-search.show span.icon-ic_search_24dp {
    color: #009688;
}


.desktop-version .app-header__search-and-shortcuts .dropdown.header-dropdown-search .search-form .header-search .search-field-container input.search {
    border-radius: 100px;
    background-color: #F5F5F5;
    border: none;
    padding-left: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.desktop-version .app-header .user-menu > li {
    margin: 0 4px;
}

.floatThead.floatThead-fixed .grid-header:first-child {
    z-index: 6;
}

.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled) > [class^=fa-]:hover,
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):hover > [class^=fa-],
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):hover {
    color: #212121 !important;
    background-color: #FFFFFF;
    outline: none;
    border-color: #d9d9da;

}

.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled),
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):focus,
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):focus > [class^=fa-],
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):active,
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):active > [class^=fa-] {
    border-color: #d9d9da;
    background-color: white;
    color: #009688;
    outline: none;
    box-shadow: none;
}

.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):focus > [class^=fa-]:hover,
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):active > [class^=fa-]:hover,
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):active:hover > [class^=fa-],
.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):focus:hover > [class^=fa-] {
    color: #00796b !important;
}

/*.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):hover, */
/*.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):active, */
/*.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):focus {*/
/*    background-color: #FFFFFF;*/
/*    outline: none;*/
/*    border-color: #009688;*/
/*}*/

/*.add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):hover span.fa-bars, .add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):active span.fa-bars, .add-on.btn-icon.entity-select-btn:not(:disabled):not(.disabled):focus span.fa-bars {*/
/*    color: #009688;*/
/*}*/

/*.add-on.btn-icon.entity-select-btn:disabled:hover, .add-on.btn-icon.entity-select-btn:disabled:active, .add-on.btn-icon.entity-select-btn:disabled:focus {*/
/*    background-color: #f8f8f8;*/
/*    box-shadow: none;*/
/*}*/

/*.add-on.btn-icon.entity-select-btn:disabled:hover span.fa-bars, .add-on.btn-icon.entity-select-btn:disabled:active span.fa-bars, .add-on.btn-icon.entity-select-btn:disabled:focus span.fa-bars {*/
/*    color: #757575;*/
/*}*/

#zeevou-pin-help-dropdown-menu {
    left: auto;
    right: 10px;
    padding: 12px 16px;
    border-color: #757575;
    min-width: 200px;
    box-shadow: 0 1px 4px #757575;
}

#zeevou-pin-help-dropdown-menu:before {
    background-color: #f9f9f9;
    border-radius: 5px;
    border-color: #757575;
    box-shadow: 0 1px 4px #757575;
    border-width: 0.5px;
    border-style: solid;
    left: auto;
    right: 10px;
    top: -9px;
    width: 12px;
    height: 12px;
    transform: rotate(51deg) skewX(15deg);
    z-index: -1;
}

#zeevou-pin-help-dropdown-menu.show {
    display: block;
}

#zeevou-pin-help-dropdown-menu button.btn-close {
    float: right;
}

#zeevou-pin-help-dropdown-menu .dropdown-content {
    float: inherit;
    margin: 6px 0;
}

#zeevou-pin-help-dropdown-menu .btn-success {
    margin: 8px auto;
    display: flex;
    border-color: #009688;
}

#zeevou-pin-help-dropdown-menu .btn-success:not(:disabled), #zeevou-pin-help-dropdown-menu .btn-success:not(:disabled):focus {
    background-color: #FFFFFF;
    color: #757575 !important;
    border-color: #009688;
}

#zeevou-pin-help-dropdown-menu .btn-success:not(:disabled):hover, #zeevou-pin-help-dropdown-menu .btn-success:not(:disabled):active {
    background-color: #009688;
    color: #FFFFFF !important;
}

#zeevou-pin-help-dropdown-menu .btn-success:not(:disabled):hover span.fa-check, #zeevou-pin-help-dropdown-menu .btn-success:not(:disabled):active span.fa-check {
    color: #FFFFFF;
}

[class^="icon-ic"] {
    color: #757575;
}

.desktop-version .app-header__search-and-shortcuts > .dropdown {
    margin-right: 1px;
}

.mobile-version .app-header__search-and-shortcuts button.btn-primary span.fa-search {
    color: #FFFFFF;
}

.app-header [class^="icon-ic"], .app-header [class^="fa-"] {
    font-size: 24px !important;
}

.app-header .dropdown-menu > li:hover [class^="icon-ic"], .app-header .dropdown-menu > li:hover [class^="fa-"] {
    color: #009688;
}

.app-header [class^="icon-ic"]:before, .app-header [class^="fa-"]:before {
    margin: 0;
}

.app-header .dropdown-menu > li [class^="icon-ic"], .app-header .dropdown-menu > li [class^="fa-"] {
    font-size: 20px !important;
    margin-right: 5px;
    vertical-align: middle;
}

.app-header .dropdown-menu, .app-header .dropdown-menu:before {
    background-color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    border: none;
}

.app-header .dropdown-menu > li:hover, .app-header .dropdown-menu.show a.no-hash:hover {
    background-color: #F5F5F5 !important;
    color: #212121 !important;
}

.app-header__search-and-shortcuts .dropdown-menu > li:hover {
    background-color: transparent !important;
}

.app-header .dropdown-menu.show a.no-hash {
    color: #212121;
}

.app-header .dropdown-menu > li > a {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    height: 32px;
    padding: 6px 24px 6px 18px
}

.container-fluid.page-title .navigation .row .dashboard-selector-container {
    display: none;
}

.dashboard-container-wrapper .dashboard-widget .widget-header .dropdown-menu {
    position: absolute;
    right: 5px;
    left: auto;
    background: #FFF;
}

.dropdown-menu[x-displayed-arrow][x-placement^="bottom"] .arrow {
    right: 3px;
    border: 0.5px solid #000;
    display: none;
}

.oro-datagrid .action-column .dropdown-menu, .oro-datagrid .select-all-header-cell .dropdown-menu {
    width: fit-content !important;
}

.oro-datagrid .dropdown-toggle > span.icon {
    color: #757575;
}

.oro-datagrid .dropdown-toggle > span.icon:before {
    transform: rotate(90deg);
    font-size: 16px;
}

.oro-datagrid .show .dropdown-toggle > .icon,
.oro-datagrid .dropdown-toggle:hover > .icon {
    color: #009688;
}

.oro-datagrid .dropdown-menu__action-column,
.oro-datagrid .dropdown-menu__action-cell {
    padding: 8px 0 !important;
}

.oro-datagrid .dropdown-menu__action-column a.action,
.oro-datagrid .dropdown-menu__action-cell a.action {
    padding: 0 24px;
    height: 32px;
    line-height: 32px;
    color: #212121;
}

.oro-datagrid .dropdown-menu__action-column span.icon,
.oro-datagrid .dropdown-menu__action-cell span.icon {
    margin-right: 18px;
}

.launchers-dropdown-menu .launchers-list {
    padding: 0;
}

.mobile-version .page-title .title-buttons-container:not(:empty) .btn-more-actions:before {
    content: "";
}


.ui-dialog .ui-dialog-inner-wrapper, .ui-dialog-maximized, .ui-dialog-normal {
    width: min-content !important;
    min-width: 500px;
    max-width: 1600px;
}

.ui-dialog.ui-dialog-normal .ui-dialog-content .widget-content.email-form {
    display: flex;
}

.desktop-version .ui-dialog .grid-toolbar__part--center {
    float: none;
}

.checkbox-view__input:checked ~ .checkbox-view__icon:before {
    color: #FFFFFF;
}

.checkbox-view__input:indeterminate ~ .checkbox-view__icon:not(.checkbox-view__icon--circle) {
    background-color: #009688;
    border-color: #009688;
}

.checkbox-view__input:indeterminate ~ .checkbox-view__icon:not(.checkbox-view__icon--circle):before {
    color: #FFFFFF;
}

.dropdown-item:focus {
    outline: none;
    background-color: transparent !important;
}


.widget-header.clearfix .widget-actions-container .widget-actions-section .dashboard-btn.btn.btn-sm.btn-primary.no-hash,
.widget-header.clearfix .widget-actions-container .widget-actions-section .dashboard-btn.btn.btn-sm.btn-primary.no-hash:focus {
    display: inline-flex;
    color: #009688 !important;
    box-shadow: none;
    border-color: transparent !important;
    background-color: transparent !important;
}

.widget-header.clearfix .widget-actions-container .widget-actions-section .dashboard-btn.btn.btn-sm.btn-primary.no-hash:hover {
    color: #FFB300 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none;
}

.mobile-version .control-group.control-group-number .controls input[type=text] {
    width: 100%;
}


.mobile-version .header_absolute .m_date_range {
    background-color: rgb(253, 180, 21);
    border-radius: 4px;
    text-align: center;
}

.mobile-version .m_date_range .m_range_item_header:nth-child(odd) {
    border-radius: 4px 4px 0px 0px;
    padding: 0px;
}

.mobile-version .m_date_range .m_range_item_header:nth-child(even) {
    border-radius: 0px 0px 4px 4px;
    padding: 0px;

}

.quick-launchpad-toolbar__link:hover .quick-launchpad-toolbar__label {
    border-bottom: none;
}

.ui-dialog [class*="icon-ic_"] {
    float: right;
    margin: 0 0 0 7px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    background: none;
    cursor: pointer;
    border: 0;
}

.ui-dialog [class*="icon-ic_"]:before {
    font-size: 24px;
    color: #757575;
}

.ui-dialog [class*="icon-ic_"]:hover:before {
    color: #009688;
}

.ui-dialog [class*="icon-ic_medal_24dp"]:before {
    color: inherit !important;
}

button:focus {
    outline: none;
}

.views-group .grid-views-toogler:hover > h1.oro-subtitle, .views-group .grid-views-toogler:hover > span.grid-view-icon,
.views-group .grid-views-toogler[aria-expanded="true"] > h1.oro-subtitle, .views-group .grid-views-toogler:hover > span.grid-view-icon {
    color: #009688;
    background-color: transparent;
}

.grid-views .grid-views-item {
    margin-bottom: 7px;
    height: auto;
}

.grid-views .grid-views-choice {
    line-height: 1.59;
}


button.btn.btn-icon.btn-light.pagination-trigger, button.btn.btn-icon.btn-light.pagination-trigger > [class^=fa-]:active, button.btn.btn-icon.btn-light.pagination-trigger > [class^=fa-]:focus {
    color: #009688 !important;
    background: transparent;
    border: 0px solid transparent;
    box-shadow: none !important;
}

button.btn.btn-icon.btn-light.pagination-trigger:hover, button.btn.btn-icon.btn-light.pagination-trigger:active > [class^=fa-]:hover,
button.btn.btn-icon.btn-light.pagination-trigger:focus > [class^=fa-]:hover {
    color: #00796B !important;
}

button.btn.btn-icon.btn-light.pagination-trigger:focus {
    outline: none;
}

button.btn.btn-icon.btn-light.pagination-trigger.disabled {
    color: #C4C4C4 !important;
    pointer-events: none;
}

.mobile-version .page-title .title-buttons-container:not(:empty) .btn-more-actions.sticky:before
.input-append .btn > [class^=fa-]:hover, .input-append .btn:hover > [class^=fa-] {
    color: #212121;
}

.input-append > .btn:hover > [class^=fa-], .input-append > .btn > [class^=fa-]:hover, .input-append > .btn:hover {
    color: #212121;
    border-color: #d9d9da;
    background-color: white;
    box-shadow: none;
}

.input-append > .btn:focus > [class^=fa-], .input-append > .btn:active, .input-append > .btn:active > [class^=fa-],
.input-append > .btn:not(:disabled):not(.disabled):active, .input-append > .btn:focus {
    border-color: #d9d9da !important;
    background-color: white !important;
    box-shadow: none;
    color: #009688 !important;
}

.input-append > .btn:focus > [class^=fa-]:hover, .input-append > .btn:active > [class^=fa-]:hover,
.input-append > .btn:active:hover > [class^=fa-], .input-append > .btn:focus:hover > [class^=fa-] {
    color: #00796b;
}

.input-append > .btn:disabled:hover > [class^=fa-], .input-append > .btn:disabled:active > [class^=fa-], .input-append > .btn:disabled:focus > [class^=fa-], .input-append > .btn:disabled > [class^=fa-], .input-append > .btn:disabled:hover, .input-append > .btn:disabled:active, .input-append > .btn:disabled:focus,
.input-append > .btn:disabled:active > [class^=fa-]:hover, .input-append > .btn:disabled:focus > [class^=fa-]:hover {
    color: #c4c4c4 !important;
    border-color: #e3e3e4;
    background-color: #f8f8f8
}

/**  from here is for trash icon */
.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light {
    color: #757575;
    border-color: #d9d9da;
}

.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:hover,
.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:focus {
    color: #212121 !important;
    border-color: #d9d9da;
    background-color: white;
    box-shadow: none;
}

.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:active,
.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:focus {
    color: #009688 !important;
}

.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:active:hover,
.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:focus:hover {
    color: #00796b !important;
}

.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:disabled:hover, .row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:disabled:focus,
.row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:disabled:active, .row-oro.oro-multiselect-holder .removeRow.btn.btn-icon.btn-square-light:disabled {
    color: #c4c4c4 !important;
    background-color: #f8f8f8;
    border-color: #e3e3e4 !important;
}

/* from here is for remove (cross) btn*/
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn > [class^=fa-],
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn {
    color: #757575;
    border-color: #d9d9da;
}

.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn > [class^=fa-]:hover,
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:hover > [class^=fa-],
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:hover {
    color: #212121 !important;
    border-color: #d9d9da;
    background-color: white;
    box-shadow: none;

}

.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:focus,
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:focus > [class^=fa-],
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:active,
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:active > [class^=fa-] {
    color: #009688;
    border-color: #d9d9da;
    background-color: white;
    box-shadow: none;
}

.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:focus > [class^=fa-]:hover,
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:active > [class^=fa-]:hover,
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:active:hover > [class^=fa-],
.list-group-item .list-group-item__inner .btn.btn-icon.btn-square-lighter.remove-btn.zeevou-icon-btn:focus:hover > [class^=fa-] {
    color: #00796b !important;
}

/* action panel*/
.actions-panel .btn > span[class*="fa-"]:hover, .actions-panel .btn:hover > span[class*="fa-"], .actions-panel .btn:hover,
.actions-panel .action.btn.btn-icon.mode-icon-only.dropdown-toggle.dropdown-toggle--no-caret:hover, .actions-panel a.btn.export-action:hover > span:before {
    color: #212121 !important;
    background-color: #EEEEEE !important;;
}

.actions-panel .btn:focus > span[class*="fa-"], .actions-panel .btn:active > span[class*="icon-ic"],
.actions-panel .btn:not(:disabled):not(.disabled):active, .actions-panel .btn.export-action:active > [class*="icon-ic"]:before,
.actions-panel .btn.export-action:focus > [class*="icon-ic"]:before, .actions-panel .export-action-container.show > a [class*="icon-ic"]:before {
    background-color: transparent;
    box-shadow: none;
    color: #009688 !important;
    border-color: transparent;
}

.actions-panel .btn:focus > span[class*="fa-"]:hover, .actions-panel .btn:active > span[class*="fa-"]:hover, .actions-panel .btn:active:hover > span[class*="fa-"], .actions-panel .btn:focus:hover > span[class*="fa-"],
.actions-panel .btn:focus:hover, .actions-panel .action.btn.btn-icon.mode-icon-only.dropdown-toggle.dropdown-toggle--no-caret:active:hover,
.actions-panel .action.btn.btn-icon.mode-icon-only.dropdown-toggle.dropdown-toggle--no-caret:focus:hover, .actions-panel .btn:active:hover, .actions-panel .btn:not(:disabled):not(.disabled):active:hover {
    color: #00796b !important;
    background-color: rgba(0, 150, 136, 0.08) !important;

}

.actions-panel .btn.export-action:focus:hover > [class*="icon-ic"]:before, .actions-panel .btn.export-action:active:hover > [class*="icon-ic"]:before,
.actions-panel .export-action-container.show > a:hover [class*="icon-ic"]:before, .actions-panel .export-action-container.show > a:hover {
    color: #00796b !important;
    background-color: rgba(0, 150, 136, 0.08) !important;
}

.actions-panel a.btn.export-action > span:hover, .actions-panel .export-action-container:hover.show > a span:before, .actions-panel .btn.export-action:focus:hover > [class*="icon-ic"]:before,
.actions-panel .btn.export-action:active:hover > [class*="icon-ic"]:before, .actions-panel .export-action-container.show > a:hover [class*="icon-ic"], .actions-panel .export-action-container.show > a:hover [class*="icon-ic"]:before {
    background-color: transparent !important;
}

.mobile-version .page-title .title-buttons-container:not(:empty) .btn-more-actions.sticky:before {
    content: '';
}

.app-header .user-menu > li > a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
}

.app-header .user-menu > li > a > span {
    display: contents;
}

.app-header .user-menu > li > a:hover {
    background: #EEEEEE !important;
}

.app-header .user-menu > li > a:hover > span {
    color: #212121;
}

.desktop-version .app-header__search-and-shortcuts .header-dropdown-search.show .dropdown-toggle > [class^="fa-"] {
    color: #009688;
}

.desktop-version .app-header__search-and-shortcuts .select2-container {
    display: none;
}

.mobile-version .input-append .add-on.btn.btn-icon.btn-square-default.entity-select-btn {
    display: none;
}

.grid-container .action-cell .dropdown-menu__action-cell {
    min-width: 0;
}

.grid-body-cell .dropdown-menu__action-cell {
    margin: 0 !important;
}

.grid-body-cell .launchers-list .icon {
    font-size: 18px;
}

tr.row-click-action.grid-row td div p {
    margin-top: revert;
}

.filter-box .filter-criteria .choice-filter,
.filter-box .filter-criteria .value-field-frame,
.filter-box .filter-criteria .value-field-frame input {
    display: block;
}

.responsive-section .responsive-block .grid-container .grid-row .action-cell ul:not(.extra-list) {
    margin: 0;
}

.filter-box .filter-criteria {
    padding: 24px;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    font-size: 12px;
}

.filter-box .open-filter > *,
.filter-box .open-filter:before,
.filter-box .open-filter:after {
    z-index: 931 !important;
}

.filter-box .open-filter > .dropdown-menu {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}

.filter-box .filter-criteria .clearfix {
    margin-left: 0;
}

.filter-box .filter-criteria *:focus {
    outline: none !important;
}

.filter-box .filter-criteria .action-btn-block {
    margin-top: 24px;
    float: right;
}

.filter-box .filter-select-oro-wrapper {
    margin-bottom: 14px;
}

.filter-box .filter-criteria .action-btn-block button {
    font-size: 14px;
}

.filter-box .filter-criteria input,
.filter-box .filter-criteria select,
.filter-box .filter-criteria .input-widget-select,
.filter-box .filter-criteria .btn-block .dropdown-toggle {
    background-color: #F5F5F5 !important;
    border: none !important;
    box-shadow: none;
}

.filter-box .filter-criteria select:hover,
.filter-box .filter-criteria select:focus,
.filter-box .filter-criteria .input-widget-select:hover,
.filter-box .filter-criteria .input-widget-select:hover:after,
.filter-box .filter-criteria .btn-block .dropdown-toggle:hover,
.filter-box .filter-criteria .btn-block .dropdown-toggle:hover::after {
    color: #212121 !important;
}

.filter-box .filter-criteria .btn-block .dropdown-toggle,
.filter-box .filter-criteria .selector span,
.filter-box .filter-criteria .datefilter input {
    padding: 0 24px 0 16px;
    margin-bottom: 12px;
    place-content: flex-start;
}

.filter-box .filter-criteria .datefilter .calendar-icon {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 20px;
    color: #757575;
}

.filter-box .filter-item .filter-criteria-selector:after {
    right: 14px;
}

.grid-toolbar-tools .actions-panel .export-action {
    display: none;
}

.grid-toolbar-tools .actions-panel div.export-action-container {
    display: inline-block;
    position: relative;
}

.grid-toolbar-tools .actions-panel div.export-action-container ul.dropdown-menu {
    position: absolute !important;
    left: auto !important;
    right: 10px;
    top: 30px !important;
    transform: none !important;
}

.navigation .pull-left .box-type1 {
    background-color: transparent;
}

.ui-dialog-inner-wrapper .widget-content > .form-container .controls td.currency-price {
    display: inline-block;
}

.mobile-version .filter-box .dropdown > .dropdown-toggle, .mobile-version .filter-box .dropdown > .dropdown-toggle:focus, .mobile-version .filter-box .dropdown > .dropdown-toggle:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #757575 !important;
    outline: none !important;
    box-shadow: none !important;
}

.mobile-version .filter-box .dropdown > .dropdown-toggle:focus:after, .mobile-version .filter-box .dropdown > .dropdown-toggle:active:after {
    color: #757575 !important;
}

.mobile-version .filter-box .dropdown > .dropdown-toggle.filters-exist, .mobile-version .filter-box .dropdown > .dropdown-toggle.filters-exist:after {
    color: #009688 !important;
}

.mobile-version .page-size .btn-group.show {
    display: block !important;
}

.mobile-version .form-horizontal .map.responsive-block {
    width: 100% !important;
}

.mobile-version .map {
    width: inherit;
}

.grid-header-row .grid-header-cell:last-child .dropdown-menu > li > a:active,
.grid-header-row .grid-header-cell:last-child .dropdown-menu > li > a:focus,
.actions-panel .export-action-container .dropdown-menu > li > a:active,
.actions-panel .export-action-container .dropdown-menu > li > a:focus,
.mobile-version .actions-panel .export-action-container .dropdown-menu.show {
    background-color: #FFF !important;
    color: #212121;
}

.grid-header-row .grid-header-cell:last-child .dropdown-menu > li > a:active:hover,
.grid-header-row .grid-header-cell:last-child .dropdown-menu > li > a:focus:hover,
.grid-header-row .grid-header-cell:last-child .dropdown-menu > li > a:hover,
.actions-panel .export-action-container .dropdown-menu > li > a:active:hover,
.actions-panel .export-action-container .dropdown-menu > li > a:focus:hover,
.actions-panel .export-action-container .dropdown-menu > li > a:hover {
    background-color: #F5F5F5 !important;
}

.grid.grid-main-container .grid-cell .dropdown-toggle:hover > [class^=fa-], .grid.grid-main-container .grid-cell .dropdown-toggle:focus > [class^=fa-], .grid.grid-main-container .grid-cell .dropdown-toggle:active > [class^=fa-],
.grid.grid-main-container .grid-cell .dropdown-toggle[aria-expanded="true"] > [class^=fa-] {
    color: #009688;
}

.mobile-version .actions-panel .export-action-container:hover.show > a span:before {
    color: #009688 !important;;
}

.grid.grid-main-container .grid-cell .dropdown-toggle:focus:hover > [class^=fa-], .grid.grid-main-container .grid-cell .dropdown-toggle:active:hover > [class^=fa-] {
    color: #00796b;
}

.mobile-version .datagrid-settings-dialog .ui-dialog-content {
    width: 70%;
}

.mobile-version .datagrid-settings-dialog .ui-dialog-inner-wrapper {
    width: inherit !important;
}


.mobile-version .ui-dialog .ui-dialog-inner-wrapper .ui-dialog-content .widget-content, .mobile-version .ui-dialog .ui-dialog-inner-wrapper .ui-dialog-content .widget-content .form-container,
.mobile-version .ui-dialog .ui-dialog-inner-wrapper .ui-dialog-content .widget-content .form-container .form-horizontal, .mobile-version .ui-dialog-inner-wrapper .ui-dialog-content.ui-widget-content {
    width: 85% !important;
    overflow-y: unset !important;
    height: 100% !important;
    max-width: inherit;
}

.mobile-version .ui-dialog-content.ui-widget-content .filter-item.oro-drop {
    width: 75%;
}

.mobile-version .form-horizontal .control-group .controls {
    width: auto;
    min-width: auto !important;
}

.mobile-version .mobile-version .select2-container-multi {
    height: 40px;
}

.mobile-version .ui-dialog .form-horizontal .control-group.control-group-choice .choice-widget-expanded__item .checkbox-view + label {
    margin-left: 0px;
}

.mobile-version .ui-dialog .form-horizontal .control-group.control-group-choice .choice-widget-expanded__item .checkbox-view {
    position: relative;
}

.mobile-version .form-horizontal .control-group-checkbox .control-label {
    display: contents;
}

.mobile-version .form-horizontal .control-group tbody > tr {
    vertical-align: bottom;
}

.mobile-version .selector {
    margin-right: 0px;
}

.mobile-version .form-horizontal .control-group .form-address {
    width: 100% !important;
}

.mobile-version .form-horizontal .control-group {
    max-width: 100%;
}

.mobile-version .ui-dialog .form-horizontal .controls .input-append .btn {
    position: relative;
}


.mobile-version .ui-dialog .form-horizontal .controls > div[data-name="field__new-related-guest"] {
    width: 50%;
}

.mobile-version .ui-dialog .form-horizontal .controls .input-append {
    width: 93% !important;
}

.mobile-version .app-header .user-menu {
    display: inline-flex;
}

.mobile-version .app-header .user-menu li .help {
    display: contents;
    line-height: 48px;
}

.mobile-version .app-header .user-menu > li:first-child {
    padding: 0px 10px;
}

.mobile-version .app-header .user-menu li [class^="icon-ic"]:before {
    vertical-align: middle;
}

.mobile-version .actions-panel .export-action-container {
    display: inline-block;
    background-color: transparent;
}

.mobile-version .grid-toolbar .actions-panel .export-action-container > a.btn.export-action {
    display: inline-block;
    background-color: transparent !important;
    box-shadow: none;
    width: 40px;
    height: 40px;
    margin-right: 0px;
    outline: none;
}

.mobile-version .actions-panel .export-action-container > a.btn.export-action > span {
    position: inherit !important;
    transform: translate(-39%, -80%) !important;
}

.mobile-version .grid-toolbar .actions-panel .export-action-container.show > .dropdown-menu.show {
    left: -109px !important;
}

.grid-toolbar .actions-panel .export-action-container > a.btn.export-action > span {
    font-size: 16px;
    line-height: 1;
    top: 50%;
    position: absolute;
    left: 44%;
    margin: 0px;
    transform: translate(-50%, -50%);
    vertical-align: middle;
    display: inline-block;
    color: #757575;
}

.ui-dialog-titlebar .ui-dialog-titlebar-buttonpane > button.ui-button.ui-corner-all.ui-widget {
    padding: 0px !important;
    margin-left: 4px !important;
}

.mobile-version .select2-drop {
    width: 80% !important;
}

.mobile-version #dialog-one-multiple {
    position: absolute;
}

.mce-tinymce, .mce-container, .mce-panel, .mce-content-body, .mce-content-body > p, .mce-content-body > span, textarea {
    font-family: Arial, sans-serif !important;
}

.grid-toolbar {
    position: relative;
    display: flex;
}

.grid-toolbar > * {
    white-space: nowrap;
}

.grid-toolbar .filters-state-container {
    overflow: hidden;
    padding: 7px 15px 0 8px;
}

.grid-toolbar .filters-state-container .filters-state {
    position: relative;
    padding: 0;
}

.grid-toolbar .filters-state:hover {
    color: #212121;
}

.desktop-version .grid-toolbar .grid-toolbar__part--end {
    margin-left: auto;
}

.inner-grid .oro-datagrid .toolbar[data-grid-toolbar="top"] {
    padding-bottom: 10px;
}

.inner-grid .oro-datagrid .grid-toolbar {
    width: fit-content;
    float: right;
    display: contents;
}

.inner-grid > div > .filters-state {
    overflow: hidden;
    width: calc(100% - 131px);
    padding-left: 8px;
}

.popover.clockpicker-popover {
    z-index: 1030;
}

.ui-dialog .ui-widget-content {
    padding-top: inherit;
}

.ui-dialog-content {
    margin-top: 0px !important;
}

.tooltip-icon {
    margin-right: 8px;
    float: left !important;
    font-size: 14px !important;
}

.tooltip-icon:before {
    font-size: 14px !important;
}

.tooltip-icon:hover, i[aria-describedby].tooltip-icon::before {
    color: #009688;
}

.popover[role="tooltip"].bs-popover-top.show > .arrow::after, i.fa-close.popover-close::before, .popover[role="tooltip"].bs-popover-bottom.show > .arrow::after {
    visibility: hidden !important;
}

.popover[role="tooltip"].bs-popover-top.show, .popover[role="tooltip"].bs-popover-top.show > .popover-body, .popover[role="tooltip"].bs-popover-bottom.show, .popover[role="tooltip"].bs-popover-bottom.show > .popover-body {
    background-color: #009688;
    color: #FFF;
    padding: 0px;
    border-radius: 4px;
    border: none;
}

.popover[role="tooltip"].bs-popover-top.show > .popover-body, .popover[role="tooltip"].bs-popover-bottom.show > .popover-body {
    padding: 16px;
    font-family: 'Nunito', serif;
    font-size: 12px;
    line-height: 15px;

}

.popover[role="tooltip"].bs-popover-top.show > .popover-body > p, .popover[role="tooltip"].bs-popover-bottom.show > .popover-body > p {
    margin-bottom: 0px;
}

.popover[role="tooltip"].bs-popover-top.show > .arrow {
    border-top-color: #009688;
    height: 25px;
    position: absolute;
    top: 96%;
    transform: translateX(0%);
    overflow: hidden;
}

.popover[role="tooltip"].bs-popover-top.show > .arrow:before {
    position: absolute;
    width: 20px;
    height: 20px;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
}

.popover[role="tooltip"].bs-popover-bottom.show > .arrow {
    border-top-color: #009688;
    height: 25px;
    position: absolute;
    top: 0%;
    transform: translateX(0%) translateY(-99%) rotate(180deg);
    overflow: hidden;
}

.popover-body.popover-no-close-button {
    background-color: #757575 !important;
    font-weight: bold;
    font-family: unset;
}

@supports (-webkit-touch-callout: none) {

    .mobile-version .btn-more-actions {
        padding-left: 15px;
        border-left-width: 1px;
        padding-right: 50px;
    }
}

.sidebar-widget__header:hover > .sidebar-widget__header-title,
.sidebar-widget__header:hover > .sidebar-widget__header-toggle,
.sidebar-widget__header:hover > .fa-sticky-note-o,
.sidebar-widget__header:hover > .mail-icon,
i.sidebar-widget-icon.mail-icon,
.sidebar-widget__header:hover > .dropdown-toggle--no-caret,
.sidebar-widget__header:hover > .sidebar-widget__header-icon {
    color: #212121;
}

.calendar-dashboard-widget .calendar-container .fc-widget-content .fc-axis.fc-widget-content .day-of-month {
    line-height: unset;
}

.widget-picker__icon {
    color: #757575;
}

.control-group.checkAvailabilityHidden.control-group-checkbox {
    visibility: hidden !important;
}

.desktop-version .main-menu-sided .accordion-group li.divider {
    border-color: transparent;
}

input[type="checkbox"] {
    cursor: pointer;
}

div.form-address > div > button, div.form-address > div > button:focus, div.form-address > div > button:hover {
    height: 40px;
    width: 157px;
    max-width: 157px !important;
    left: 0px;
    top: 0px;
    border-radius: 4px;
    padding: 8px 32px 8px 32px;
    background-color: #009688;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.32);
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
}

#corporationTag > div.attribute-item > label.attribute-item__term > div.attribute-item > label.attribute-item__term{
    width: fit-content;
}

#corporationTagProfile > div.attribute-item > div.attribute-item__description{
    margin-left: 60px;
}


form.booking-excel-line-index-grid-editor > .inline-editor__inner{
    display: inline-block;
}
form.doSndCheckInInstruction-column-editor.booking-excel-line-index-grid-editor > .inline-editor__inner > .inline-editor__fields {
    display: flex;
}
form.doSndCheckInInstruction-column-editor.booking-excel-line-index-grid-editor > .inline-editor__inner{
    display: block;

}
.dashboard-widget.property-revenue-per-channel-chart-widget-header .widget-config-data,
.dashboard-widget.booking-revenue-per-channel-chart-widget-header .widget-config-data,
.dashboard-widget.booking-count-per-channel-chart-widget-header .widget-config-data{
    display: none;
}

.dashboard-widget.property-revenue-per-channel-chart-widget-header .chart-hint{
    display: none;
}

#central-panel ul.breadcrumb{
    background-color: transparent;
}

.launchers-dropdown-menu{
    z-index: 1;
}
.os-padding{
    z-index: initial;
}
.btn.back.icons-holder-text.switch-beta-button{
    border: none;
    border-radius: 12px;
    height: 36px;
    background-color: #fafafa;
    text-align: center;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    color: #EF0168;
    box-shadow: none;
}
.page-toolbar_breadcrumb{
    margin-right: unset;
}
.page-toolbar_bookmark-buttons{
    margin-left: auto;
}
ul.breadcrumb{
    margin: 0;
}
.btn.back.icons-holder-text.switch-beta-button:hover{
    color: #EF0168 !important;
}
.btn.back.icons-holder-text.switch-beta-button:focus{
    color: #EF0168 !important;
    outline: none;
}
#new-platform-banner {
    padding: 20px;
    background-color: #FFFFFF;
    position: relative;
    box-shadow: inset 0px -1px 0px rgba(145, 158, 171, 0.24);
    font-family: 'Nunito';
    font-style: normal;
    text-align: left;
}
#new-platform-banner .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16pt;
    width: fit-content;
    height: fit-content;
    color: #596A78;
}
#new-platform-banner .close-btn:hover {
    background-color: unset;
    border: unset;
    color: #596A78 !important;
}

#new-platform-banner #npb-title-container {
    text-align: left;
    margin-bottom: 4px;
}

#new-platform-banner .app-logo,
#new-platform-banner .npb-title{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
#new-platform-banner .npb-title{
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.24px;
    color: #212B36;
}
#new-platform-banner .app-logo{
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 16px 0 0 !important;
}
#new-platform-banner .npb-text{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.16px;
    color: #212B36;
    margin: 0 0 0 45px;
}
#new-platform-banner .npb-small-text{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.16px;
    color: #596A78;
    margin: 0 0 0 45px;
}
#new-platform-banner #npb-all-text-container{
    display: inline-block;
    vertical-align: middle;
}
#new-platform-banner #npb-switch-container{
    display: inline-block;
    vertical-align: middle;
    padding: 20px 25px 5px 5px;
    float: right;
}
#new-platform-banner #npb-switch-container .npb-app-switch{
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 1.25px;
    text-decoration-line: underline !important;
    color: #D15C1D;
}
.npb-hidden {
    display: none;
}


/* To whom may concern remove this once update finished and settings working again ~asghar */
input[type=text] {
    text-align: left;
}