body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Added features */

@media (min-width: 768px) {
    .pull-sm-left {
        float: left !important;
    }

    .pull-sm-right {
        float: right !important;
    }

    .pull-sm-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .pull-md-left {
        float: left !important;
    }

    .pull-md-right {
        float: right !important;
    }

    .pull-md-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .pull-lg-left {
        float: left !important;
    }

    .pull-lg-right {
        float: right !important;
    }

    .pull-lg-none {
        float: none !important;
    }
}

.pull-none {
    float: none !important;
}


/* Overall changes that need to be set first */

.frontend-2020 .title-hero:not(.margin-bottom-default),
.frontend-2020 .form-group:not(.margin-bottom-default) {
    margin-bottom: 20px;
}

.frontend-2020 h3 {
    font-weight: bold;
}

a:not(.btn) {
    color: #247477 !important;
    text-decoration: none;
}

a:not(.btn):hover,
a:not(.btn):focus {
    color: #1e6265 !important;
    text-decoration: underline;
}

.panel-body {
    padding: 20px;
}

.mb-3rem {
    margin-bottom: 3rem;
}

.mb-1rem {
    margin-bottom: 1rem;
}

.ml-m1rem {
    margin-left: -1rem;
}

/* Customizations */

#page-header {
    position: relative;
}

.page-header__wrapper--bgcolor {
    background: none;
    background-color: #f7f7f7 !important;
}

.page-header__border {
    border: 1px solid #bfc0c2;
}

.page-header__height {
    height: 65px !important;
    line-height: 65px;
}

.page-header-item__line-height {
    line-height: 45px;
}

.page-header-item__vertical-center {
    vertical-align: middle;
}

.page-header-item__hamburger--holder {
    margin-top: -28px !important;
    height: 55px !important;
    right: 15px !important;
    width: auto !important;
    padding-right: 8px;
    padding-top: 15px;
    padding-left: 8px;
}

.logo-content-small,
.page-header-item__logo--small {
    left: 10px !important;
}

.page-header-item__leftnav--holder {
    position: relative;
    margin-left: -15px !important;
    padding-left: 10px;
    min-width: 125px;
}

.page-header-item__leftnav-item--holder {
    padding: 10px 2px 0;
    position: relative;
    margin: 0 15px;
    top: 5px;
}

.page-header-item__leftnav-item--holder:hover,
.page-header-item__leftnav-item--holder:focus {
    text-decoration: none !important;
}

.page-header-item__leftnav-item--text {
    position: relative;
    padding-left: 5px;
    font-size: 15px;
    top: -2px;
}

#header-nav-right,
.page-header-item__rightnav--holder {
    margin-top: 11px;
}

#header-nav-right {
    float: right !important;
}

#page-sidebar,
.page-menu__holder {
    height: calc(100% - 65px) !important;
    background-color: #45597c;
    position: absolute;
}

.page-menu-item__dashboard--holder {
    padding: 4px 0;
    color: white;
}

.page-menu-item__dashboard--icon {
    font-size: 16px;
}

.page-menu-item__dashboard--text {
    position: relative;
    margin-left: 5px;
    top: -3px;
}

.page-menu-item__group-holder {
    height: auto !important;
}

.page-menu-item__group-holder--link {
    padding: 0 20px !important;
    border: none !important;
    line-height: 38px !important;
    height: 38px !important;
}

#page-sidebar.collapse.in {
    background-color: rgb(69, 89, 124) !important;
}

#sidebar-menu {
    padding: 0 !important;
}

#sidebar-menu a {
    color: #fff !important;
}

#sidebar-menu > li {
    margin: 0 !important;
}

#sidebar-menu li.active,
#sidebar-menu li.sfHover {
    background-color: #3d4b65;
}

#sidebar-menu li a:hover,
.sidebar-submenu li:hover {
    background: #3d4b65;
}

#sidebar-menu li a:hover,
#sidebar-menu li a:active,
#sidebar-menu li a:visited,
#sidebar-menu li a:link {
    text-decoration: none;
}

#sidebar-menu .visible-large, .visible-medium {
    display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #sidebar-menu .visible-medium {
        display: block;
    }
}

@media (min-width: 1200px) {
    #sidebar-menu .visible-large {
        display: block;
    }
}

.sidebar-submenu {
    margin: 0 !important;
}

.sidebar-submenu ul li.active a {
    text-decoration: none !important;
    font-weight: normal !important;
}

@media (min-width: 1200px) {
    .hide-menu {
        display: none !important;
    }
}

/* minor fix on the arrow */
#page-sidebar li a.sf-with-ul:after {
    right: 20px !important;
}

.page-menu-item__sub-menu-item--holder {
    border: none !important;
    background-color: #45597c;
}

.page-menu-item__sub-menu-item--holder ul li {
    border: none !important;
    margin-left: 0 !important;
}

.page-menu-item__sub-menu-item--holder ul li.active {
    background-color: #3d4b65;
}

.page-menu-item__sub-menu-item--holder ul li a {
    color: #fff;
    margin-left: 40px !important;
}

.page-menu-item__sub-menu-item--holder ul li a:hover {
    background: transparent !important;
}

.page-menu-item__sub-menu-item--holder ul li a::before {
    content: none !important;
}

#page-content,
.page-content_wrapper {
    background: #f5f9fc !important;
}

.theme__text--primary {
    color: #495058;
}

.theme__text--primary-disabled {
    color: #d6d7da;
}

.copy__button {
    margin-top: -2px;
    width: 75px;
}

.truncate__1line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.cursor__pointer {
    cursor: pointer;
}

.top-1x {
    position: relative;
    top: 5px;
}

.left-2x {
    position: relative;
    left: 10px;
}

textarea.form-rows-2x,
textarea.form-rows-275px {
    min-height: 34px;
}

textarea.form-rows-2x {
    height: 111px;
}

textarea.form-rows-275px {
    height: 275px;
}

.margin-left-1x {
    margin-left: 5px;
}

.margin-0 {
    margin: 0 !important;
}

.width-full {
    width: 100% !important;
}

/* General changes */

.closed-sidebar #page-sidebar {
    visibility: initial !important;
}

#close-sidebar {
    line-height: 35px !important;
    padding-left: 20px;
}

.closed-sidebar #header-logo {
    width: 117px;
}

#header-logo {
    width: 335px;
}

#nav-toggle {
    height: 65px !important;
}

#nav-toggle span {
    margin-top: -1px;
}

#nav-toggle.collapsed span,
#nav-toggle span:before,
#nav-toggle span:after {
    background-color: #495057 !important;
    width: 30px !important;
}

.mobile-logo__holder {
    position: absolute;
    text-align: center;
    width: 100%;
}

.mobile-logo__image {
    margin-right: 17px;
    max-width: 190px;
    width: 45%;
}

#welcome-user {
    margin-right: 20px !important;
}

#welcome-user.impersonating {
    background: linear-gradient(154deg, #fff352 0, #fcc800 100%);
    border-radius: 10px;
    padding: 0px 20px;
}

#notifications-wrap .notification-counter-badge {
    line-height: 14px;
    padding: 2px 4px;
    font-weight: 400;
    font-size: 10px;
    right: -1px;
    top: 7px;
}

#profile-dropdown a[data-toggle=dropdown],
#notifications-wrap a[data-toggle=dropdown] {
    border: none !important;
}

.badge-primary {
    background-color: #247477;
    color: #ffffff;
}

#profile-dropdown,
#notification-menu-list {
    margin-top: -11px !important;
}

.dropdown-menu .icon {
    position: relative;
    margin-right: 5px;
    top: 3px;
}

.dropdown-menu .text {
    position: relative;
    top: -1px;
}

@media (max-width: 767px) {
    #profile-dropdown .dropdown-menu {
        position: absolute !important;
        border-radius: 3px !important;
        left: auto !important;
        top: 54px !important;
    }
}

#profile-dropdown .dropdown-menu a {
    color: #495057 !important;
}

.notification-item > a:hover,
#profile-dropdown .dropdown-menu a:hover {
    background-color: #F2F2F2 !important;
}

.notification-item.unread {
    background-color: transparent !important;
}

.notification-item[read=true] {
    background-color: #edf2fa !important;
}

.notification-title {
    color: #247477;
}

.notification-item .media-left,
.notification-item .media-body {
    display: block !important;
    float: left;
}

.notification-item .media-body {
    width: calc(100% - 35px) !important;
}

.notification-modal__main-holder {
    padding-bottom: 0px !important;
}

@media only screen and (max-width: 399px) {
    .notification-modal__main-holder {
        right: calc(-51px + 5vw / 2) !important;
        border-radius: 3px !important;
        left: initial !important;
        width: 95vw !important;
    }

    .notification-modal__main-holder::after {
        right: 58px !important;
    }
}

@media only screen and (min-width: 400px) and (max-width: 545px) {
    .notification-modal__main-holder {
        width: 400px !important;
        right: -44px !important;
    }

    .notification-modal__main-holder::after {
        right: 60px !important;
    }

    #header-nav-right {
        margin-right: 0;
    }
}

.notification-modal__show-all--link {
    border-top-right-radius: unset !important;
    border-top-left-radius: unset !important;
    line-height: 32px !important;
    padding: 10px 0 !important;
    display: table !important;
    color: #689495 !important;
}

.notification-modal__show-all--link:hover {
    background-color: #F2F2F2 !important;
    text-decoration: none !important;
    color: #689495 !important;
}

.popover-title {
    background-color: transparent !important;
    font-weight: 200;
}

.notification-modal__main-holder,
.notification-modal__title,
.notifications-box,
.notification-item,
.notification-modal__show-all--holder,
.notification-modal__show-all--link {
    border: none !important;
}

.notification-modal__show-all--holder {
    padding: 0 !important;
}

.i18n-language-item a {
    line-height: 20px;
    border: 1px solid #247477;
    text-decoration: none !important;
}

.i18n-language-item.active a {
    background-color: #247477;
    color: white !important;
}

#page-content {
    transition: margin 0.5s ease !important;
    -moz-transition: margin 0.5s ease !important;
    -webkit-transition: margin 0.5s ease !important;
}

.breadcrumb {
    background-color: transparent !important;
}

.panel,
.content-box {
    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, .06) !important;
}

.padding-0 {
    padding: 0;
}

.padding-4x-0 {
    padding: 20px 0;
}

.layout-fixes__top-margin {
    margin-top: 10vh;
}

/* customizing bootstrap defaults */

.btn-primary,
.border-primary {
    font-size: 15px;
}

.btn-primary {
    background-color: #247477 !important;
    border-color: #215152 !important;
    color: #ffffff !important;
}

.border-primary {
    background-color: #fff !important;
    border-color: #247477 !important;
    color: #247477 !important;
}

.btn-primary:not(.text-default),
.border-primary:not(.text-default) {
    text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus {
    background-color: #215152 !important;
    border-color: #215152 !important;
    color: #a8c8c9 !important;
}

.btn-primary:active,
.btn-primary:active:hover {
    background-color: #215152 !important;
    border-color: #215152 !important;
    color: #ffffff !important;
}

.border-primary:hover,
.border-primary:focus,
.border-primary:active:focus {
    background-color: #f0ffff !important;
    border-color: #2a6869 !important;
    color: #2a6869 !important;
}

.border-primary:active,
.border-primary:active:hover {
    background-color: #f0ffff !important;
    border-color: #2a6869 !important;
    color: #247477 !important;
}

.btn-default {
    color: #c1c1c1 !important;
    border-color: #c1c1c1 !important;
}

.btn-secondary {
    background-color: #f2f2f2 !important;
    border-color: #c1c1c1 !important;
}

.breadcrumb {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.breadcrumb > li + li:before {
    content: "/" !important;
    padding: 0 6px;
}

.breadcrumb > .active,
.breadcrumb > li + li:before {
    color: #495057 !important;
}

h3 {
    font-size: 16px !important;
    color: #495057 !important;
    opacity: 1 !important;
}

.nowrap {
    white-space: nowrap;
}

.form-group label {
    font-weight: 100;
    font-size: 13px;
    color: #495057;
}

.form-group label:not(.text-default) {
    text-transform: uppercase;
}

.form-control,
.ms-container .ms-list {
    border-color: #C1C1C1;
}

.ms-container .ms-list {
    border-radius: 3px;
}

.form-control::placeholder {
    font-size: 13px;
    color: #DBDBDB;
}

.form-control::placeholder:not(.placeholder-text-default) {
    text-transform: uppercase;
}

.input-group-addon {
    background-color: #DBDBDB;
    border-color: #C1C1C1;
    color: #495057;
}

.input-group-addon.addon-inside {
    background: transparent;
    width: 24px !important;
    top: 12px !important;
    pointer-events: none;
    color: #C1C1C1;
    border: none;
}

.input-group-addon.addon-inside + input {
    padding-left: 44px !important;
}

.d-block {
    display: block !important;
}

.vertical-align {
    display: flex;
    align-items: center;
}

i.dotted-text {
    margin-left: 3px;
    cursor: pointer !important;
    color: #000 !important;
}

.dotted-text + .popover {
    max-width: initial !important;
    z-index: 1 !important;
}

.dotted-text + .popover .popover-content {
    padding: 6px;
}

.dotted-text:not(.multiline) + .popover .popover-content {
    white-space: nowrap;
}

/* Integrations */


/* tinymce */

.tox-tinymce,
.tox-toolbar__group,
.tox-toolbar__primary,
.tox .tox-statusbar {
    border-color: #C1C1C1 !important;
}

.tox-tinymce {
    border-radius: 3px !important;
}

/* custom checkboxes and radio buttons */

.form-horizontal .radio { /* a fix for old pages */
    padding: 0 !important;
}

.radio span,
.checker span {
    border-color: #C1C1C1 !important;
    margin: 0 !important;
    width: 18px !important;
    height: 18px !important;
}

.radio span i,
.checker span i {
    line-height: 15px !important;
}

.radio:not(.disabled) span,
.checker:not(.disabled) span {
    background-color: #DBDBDB !important;
    color: transparent !important;
}

.radio span i {
    border: 1px solid #C1C1C1;
    background-color: #FFFFFF;
    display: block !important;
    height: 8px !important;
    border-radius: 8px;
    position: absolute;
    color: transparent;
    width: 8px;
    left: 4px;
    top: 4px;
}

.radio:not(.disabled) span.checked, .checker:not(.disabled) span.checked {
    background-color: #247477 !important;
    border-color: #C1C1C1 !important;
    color: #FFFFFF !important;
}

.radio span.checked,
.checker span.checked {
    background-color: #ffff !important;
    color: #707070 !important;
}

.radio.disabled span,
.checker.disabled span {
    background-color: #FFFFFF !important;
}

.checker.disabled *,
.checker.disabled,
.radio.disabled *,
.radio.disabled {
    pointer-events: auto;
    cursor: not-allowed !important;
}

.radio.disabled input:not([checked]) + i,
.radio input[disabled]:not([checked]) + i {
    border: none;
}

.radio.disabled span.checked input[disabled] + i {
    background-color: #707070;
}

.radio.disabled input[checked] + i,
.radio input[disabled][checked] + i {
    background-color: #707070 !important;
}

.checker input[disabled][checked] + i {
    display: block !important;
    color: #707070 !important;
}

.custom-checkbox-no-margin,
.custom-checkbox-no-margin * {
    margin: 0 !important;
}

.radio-btn-group,
.checkbox-btn-group {
    padding-left: 10px;
    padding-top: 10px;
}

/* custom wrapper classes for radio and checkbox */

.radio-btn-group div[id^="uniform-"],
.checkbox-btn-group div[id^="uniform-"] {
    margin-right: 5px !important;
}

.radio-btn-group .radio-inline,
.checkbox-btn-group .checkbox-inline {
    padding-left: 0 !important;
}

.checkbox-inline input[type="checkbox"] {
    margin-left: 0 !important;
}

.checkbox-inline.uniform-disabled {
    cursor: not-allowed !important;
}

/* Tooltip */

.help-tooltip {
    color: #247477;
}

a.help-tooltip:hover,
a.help-tooltip:focus {
    text-decoration: none !important;
}

.help-tooltip span {
    font-size: 15px !important;
    top: 2px;
}

.tooltip-inner {
    background-color: #FFFFFF !important;
    border: 1px solid #495057 !important;
    border-radius: 10px !important;
    text-align: left !important;
    font-size: 14px !important;
    color: #495057 !important;
    padding: 15px !important;
}

.tooltip-arrow {
    border-top-color: #495057;
}

/* Chosen.js */

.chosen-container {
    min-height: 34px !important;
}

.chosen-container.chosen-container-multi .search-field input {
    height: 32px !important;
}

.chosen-container.chosen-container-single .chosen-single {
    line-height: 32px;
    height: 32px;
}

.chosen-container a.chosen-single {
    color: #495058 !important;
}

.chosen-container a.chosen-single:hover {
    text-decoration: none !important;
}

.chosen-container.chosen-container-single.chosen-disabled > a {
    cursor: inherit;
    text-decoration: none;
}

.chosen-container.chosen-container-single .chosen-default > span {
    color: #a4a7ab;
}

.chosen-container.chosen-container-single .chosen-single > div {
    line-height: 32px;
    margin-top: -16px;
    background: none;
    border: none;
    height: 32px;
    width: 32px;
}

.chosen-container .chosen-results li.active-result.highlighted {
    background: #247477 !important;
}

select + .icon-caret-down {
    background-color: #fff;
    border: none;
}

.chosen-container .chosen-single .icon-caret-down::before,
select + .icon-caret-down::before {
    content: url(../../public/img/dropdown-arrow-icon.svg);
}

.selector,
.chosen-container,
.chosen-container .chosen-drop,
.chosen-container .chosen-drop .chosen-search input {
    border-color: #c1c1c1 !important;
}

select.chosen-select.parsley-error + .chosen-container {
    border-color: #e03838 !important;
}

select.chosen-select.parsley-success + .chosen-container {
    border-color: #77e038 !important;
}

.parsley-errors-list .parsley-keyexists,
.parsley-errors-list .parsley-productkeyvalidator {
    color: #ff5757 !important;
}

.chosen-container .chosen-drop {
    top: 30px !important;
}

.selector,
.chosen-container {
    background-color: #ffffff;
}

.selector {
    height: 34px !important;
    color: #495058 !important;
}

.selector span {
    line-height: 34px !important;
}

.selector i {
    height: 32px;
    width: 32px;
}

/* custom classes for inline chosen js */

.form-inline .chosen-container.chosen-container-single {
    display: inline-block !important;
    width: 300px !important;
}

.form-inline label.client-id {
    margin-left: 10px;
}

/* Custom inline buttons */

.inline-btn {
    padding-top: 20px;
    min-height: 20px;
}

.inline-btn form {
    display: inline-block;
}

.inline-btn button {
    margin-left: 10px;
    display: inline-block;
    min-width: 80px;
}

/* CSV Upload Modal */
#csv-upload-modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    #csv-upload-modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 70%;
    }
}

#csv-upload-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#csv-upload-modal .csv-upload-link-wrapper {
    line-height: 80px;
    vertical-align: middle;
    text-align: center;
}

#csv-upload-modal .csv-upload-link-wrapper a {
    text-decoration: underline;
}

#csv-upload-modal .csv-upload-link-wrapper .csv-loader {
    display: inline-block;
    position: relative;
    margin-bottom: -10px;
}

/* Custom classes for datepicker */

.date-range {
    margin-left: 10px;
    display: inline-block;
}

.date-range label {
    font-weight: 400;
}

.date-range + .error-message {
    margin-top: 20px;
    margin-left: 12px;
}

.datepicker table {
    color: #495057 !important;
}

.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
    background-color: #247477 !important;
}

.datepicker table tr td.active,
.datepicker table tr td span.active {
    background-image: linear-gradient(to bottom, #247477, #247477) !important;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #c1c1c1 !important;
}

.datepicker-orient-top::before,
.datepicker-orient-top::after {
    top: auto !important;
}

/* DataTables */

.table.dataTable {
    margin-bottom: 15px !important;
    color: #333333;
}

.table.dataTable > thead > tr > th {
    background-color: #ffffff !important;
    text-transform: uppercase;
    font-weight: normal;
}

.table.dataTable thead th {
    border-bottom: 2px solid #495057;
}

.table.dataTable thead th.sorting:after {
    content: url(../../public/img/datatables/sort-icon.svg) !important;
}

.table.dataTable thead th.sorting_asc:after {
    content: url(../../public/img/datatables/sort-asc-active-icon.svg) !important;
}

.table.dataTable thead th.sorting_desc:after {
    content: url(../../public/img/datatables/sort-desc-active-icon.svg) !important;
}

.table-striped.dataTable > tbody > tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info {
    float: left;
}

.dataTables_wrapper .newline {
    margin-top: 5px;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    margin-top: -4px;
}

.dataTables_wrapper .dataTables_filter .csv-upload,
.dataTables_wrapper .dataTables_filter .csv-download {
    font-size: 10px !important;
    border-color: #247477 !important;;
}

.dataTables_wrapper .dataTables_filter .csv-upload > img,
.dataTables_wrapper .dataTables_filter .csv-download > img {
    margin-bottom: 3px;
    margin-right: 3px;
}

.dataTables_wrapper .pagination > li > a {
    border: 1px solid #3d4b64 !important;
}

.dataTables_wrapper .pagination > li > a:hover,
.dataTables_wrapper .pagination > li > a:focus {
    text-decoration: none !important;
}

.dataTables_wrapper .pagination > .active > a,
.dataTables_wrapper .pagination > .active > a:focus,
.dataTables_wrapper .pagination > .active > a:hover,
.dataTables_wrapper .pagination > .active > span,
.dataTables_wrapper .pagination > .active > span:focus,
.dataTables_wrapper .pagination > .active > span:hover {
    background-color: #247477 !important;
    border-left-color: #247477 !important;
    border-right-color: #247477 !important;
    color: #fff !important;
}

.dataTables_wrapper .pagination li.previous a,
.dataTables_wrapper .pagination li.next a {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.dataTables_wrapper .pagination li.previous a:before,
.dataTables_wrapper .pagination li.next a:after {
    content: "" !important;
}

.dataTables_wrapper .pagination li a span {
    display: block;
    height: 20px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
}

.dataTables_wrapper .pagination li.previous a span {
    background-image: url(../../public/img/datatables/previous-icon.svg);
}

.dataTables_wrapper .pagination li.next a span {
    background-image: url(../../public/img/datatables/next-icon.svg);
}

.dataTables_wrapper .dataTables_scrollHead {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    padding-top: 6px;
    background-color: #ffffff;
}

.dataTables_wrapper .dataTables_scrollHead table {
    margin-top: 0 !important;
}

.dataTables_wrapper .dataTables_scrollBody .dotted-text:not(i) {
    color: inherit !important;
    text-decoration: none;
    cursor: auto;
}

/* Mobile Report List */
.mobile-report-list .custom-select {
    position: relative;
    width: 100%;
}

.mobile-report-list .custom-select:after {
    content: url(../../public/img/dropdown-arrow-icon.svg);
    position: absolute;
    top: 6px;
    right: 9px;
}

.mobile-report-list select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.mobile-report-list .text-total {
    font-size: 40px;
}

.mobile-datepicker:before,
.mobile-datepicker:after {
    content: none !important;
}

.noncv-bg {
    background-color: #DBDBDB !important;
}

.rewards-batch-settings-title {
    padding-right: 20px;
    margin-right: -3%;
    text-align: right;
    padding-top: 8px;
    margin-left: 3%;
}

.rewards-batch-settings-dropdown {
    padding-left: 3%;
}

.margin-bottom-2x {
    margin-bottom: 10px;
}

.overflow-x-auto {
    overflow-x: auto;
}

.border-width-1px {
    border-width: 1px;
}

.loading-dots {
    background-image: url("/public/img/loading/square-dots.gif");
    padding: 0 12px;
    margin: 0 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.pos-relative {
    position: relative;
}

.spinner-float {
    position: absolute;
    padding-left: 8px;
}

.red-errors ul.parsley-errors-list li {
    color: #ff5757 !important;
}

.mh-200 {
    min-height: 200px;
}

.modal-dynamic-width {
    justify-content: center;
    align-items: center;
    padding: 1%;
}

.modal-dynamic-width-display-flex {
    display: flex !important;
}

.modal-dynamic-width .modal-dialog {
    width: auto !important;
    display: inline-block;
    max-width: 100%;
}

.cell-padding-5-10 td {
    padding: 5px 10px !important;
}

.center-label {
    display: inline-block;
    text-align: center;
}

.center-label label {
    text-align: left;
}

.center-label .checker {
    float: left;
    display: inline-block;
    margin: 0 10px;
}

select.chosen-select.parsley-error + .chosen-container .chosen-drop {
    border: 1px solid #e03838 !important;
    border-top: none !important;
}