/****************************************************************
Hide Django position field (to be used for ordering) in add button for FK widget
 ****************************************************************/

.grp-stacked .ui-sortable .position {
    display: none !important;
}

.grp-tabular .ui-sortable .position {
    display: none !important;
}

a.add-another {
    display: none !important;
}

/****************************************************************
 CSS for the status/language labels
 ****************************************************************/

.styled_status_label .grp-readonly,
.styled_language_label .grp-readonly,
.styled_interest_categories_labels .grp-readonly,
.status_en .grp-readonly,
.status_da .grp-readonly,
.status_de .grp-readonly,
.status_es .grp-readonly,
.status_fr .grp-readonly,
.status_it .grp-readonly,
.status_nl .grp-readonly,
.status_sv .grp-readonly {
    /*border-width: 0 !important;
    min-width: 50px;
    padding-left: 0 !important;
    padding-right: 0 !important;*/
}

/****************************************************************
General Grappelli overwrites
 ****************************************************************/

body {
    min-width: 1170px;
    color: #222;
    background-color: #f7f7f7;
}

h3 {
    font-weight: normal;
}

.grp-font-size,
h4,
.grp-button,
input[type="submit"],
a.grp-button,
button.grp-button,
input[type=button].grp-button,
body {
    font-size: 14px;
    height: 34px;
}

.grp-font-size-m,
h3 {
    font-size: 14px;
}

/*.grp-td, .grp-th {*/
/*padding: 2px 5px !important;*/
/*}*/

/*.grp-td:first-child, .grp-th:first-child {*/
/*padding-left: 10px !important;*/
/*}*/

/*.grp-td:last-child, .grp-th:last-child {*/
/*padding-right: 10px !important;*/
/*}*/

header#grp-header {
    z-index: 1000;
}

.grp-fixed-footer {
    z-index: 1000;
}

fieldset.grp-module .grp-row {
    overflow: auto;
}

a {
    color: #023462;
    font-weight: normal;
}

p.grp-readonly {
    border: none;
}

.button-state-blue,
input[type="button"],
button,
a.fb_show,
a.related-lookup,
body.tinyMCE input[name="src"]+div a,
body.tinyMCE input[name="href"]+div a,
a.related-lookup.m2m,
.grp-autocomplete-wrapper-m2m a.related-lookup,
.grp-autocomplete-wrapper-fk a.related-lookup,
button.ui-datepicker-trigger,
button.ui-timepicker-trigger,
button.ui-datetime-now,
.grp-pulldown-container .grp-pulldown-handler:hover,
.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler,
.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler:hover {
    background-color: #DDD;
}

#ui-datepicker-div,
#ui-timepicker {
    z-index: 999999 !important;
}

.grp-messagelist {
    padding: 20px 0 0;
}

.grp-messagelist li,
.grp-messagelist>li.grp-success {
    background-color: #FFFBDE;
    border-color: #F7EA94;
    font-weight: normal;
    padding: 8px 10px;
}

div.grp-readonly {
    min-width: 30px;
    max-width: 2000px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    padding: 0 !important;
}

div.grp-readonly * {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grp-collapse.grp-open>h2.grp-collapse-handler,
.grp-collapse.grp-closed>h2.grp-collapse-handler {
    background-image: none;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}

.grp-collapse.grp-open>h2.grp-collapse-handler:hover,
.grp-collapse.grp-closed>h2.grp-collapse-handler:hover {
    background-image: none;
    background-color: #fff;
}

.grp-collapse.grp-closed>h2.grp-collapse-handler,
.grp-collapse.grp-closed>h2.grp-collapse-handler:hover {
    border-bottom: none;
}

.grp-collapse h2.grp-collapse-handler {
    text-shadow: none;
    font-size: 16px;
    color: #25242F;
    padding: 10px;
}

.grp-collapse.grp-closed>h3.grp-collapse-handler,
.grp-collapse.grp-open>h3.grp-collapse-handler {
    background-image: none;
    background-color: transparent;
    padding: 8px 10px 8px;
}

.grp-collapse.grp-closed>h3.grp-collapse-handler:hover,
.grp-collapse.grp-open>h3.grp-collapse-handler:hover {
    background-image: none;
    background-color: transparent;
}

.grp-collapse.grp-closed.grp-predelete>h3.grp-collapse-handler,
.grp-collapse.grp-closed.grp-predelete>h3.grp-collapse-handler:hover {
    /*background-image: none;
    background-color: #f2e6e6;*/
}

.grp-collapse.grp-closed.grp-predelete,
.grp-collapse.grp-open.grp-predelete {
    border-color: #bf3030 !important;
}

.grp-collapse.grp-open>h3.grp-collapse-handler {
    background-image: none;
    background-color: transparent;
    border-bottom: 1px solid #e5e5e5;
}

.grp-stacked .grp-tools a.grp-delete-handler {
    background-position: 0px -21296px;
}

.grp-stacked .grp-tools a.grp-delete-handler:hover {
    background-position: 0 -20848px;
}

.grp-stacked .grp-tools a.grp-remove-handler {
    background-position: 0 -2863px;
}

.grp-stacked .grp-tools a.grp-remove-handler:hover {
    background-position: 0 -2907px;
}

.grp-object-tools li a {
    border-radius: 5px;
}

.grp-group,
.grp-group.grp-closed {
    border-color: #e5e5e5;
    margin: 0 0 5px;
    border-radius: 4px;
}

.grp-group,
.grp-group.grp-closed,
.grp-group.grp-closed:hover {
    border-width: 1px;
    box-sizing: border-box;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #FEFEFE;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    background: #FEFEFE;
}

input[type="submit"],
input[type="submit"]:hover,
input[type="submit"]:focus,
.grp-object-tools li a:hover,
.grp-object-tools li a.grp-add-link:hover,
body.grp-login .grp-module-login h1 span.grp-current-page,
body.grp-login .grp-module-login h1,
header#grp-header #grp-navigation,
.grp-fixed-footer {
    background-image: none;
}

.clearlooks2 .mceMiddle span {
    background: #FFFFFF;
    padding: 5px;
}

.vLargeTextField {
    height: auto;
}

input.grp-search-field[type="text"] {
    border-radius: 5px;
}

form #grp-changelist-search {
    border-radius: 5px;
    height: 31px;
}

#grp-content {
    top: 80px;
    background-color: #F7F7F7;
    padding: 0 20px 20px;
}

.grp-group>.grp-module {
    border: none;
}

.grp-group>.grp-module h3.module_title {
    background-color: transparent;
    font-weight: bold;
    font-size: 18px;
}

.grp-module h3 {
    background-color: #E4E4E4;
    background-image: none;
    border-bottom: 1px solid #e5e5e5;
}

.grp-module .grp-row:not(tr) {
    border-bottom: 1px solid #e5e5e5;
}

#grp-content .g-d-c,
#grp-content .g-all-c {
    width: 100%;
}

#grp-content .g-centered {
    width: 380px !important;
}

.grp-group>h2,
.grp-module h2 {
    background-color: #fff;
    background-image: none;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    font-size: 16px;
}

.grp-group.grp-tabular h2+ul.grp-tools,
.grp-group>h2+ul.grp-tools {
    top: -34px;
}

.grp-module h2 {
    padding: 11px 10px 11px;
}

body.grp-delete-confirmation ul.grp-nested-list>li {
    font-size: 12px;
    border: none;
    background: #fff;
}

body.grp-delete-confirmation ul.grp-nested-list>li>ul>li {
    font-size: 12px;
}

#grp-changelist-form .grp-row a img {
    margin: -8px 0;
    border-radius: 2px;
}

#grp-changelist-form .grp-module:has(.grp-pagination) {
    visibility: hidden;
}

#grp-changelist .nowrap {
    white-space: normal;
}

.grp-tbody .grp-tr:hover .grp-td {
    background-color: #E2EAED;
}

.grp-td.position {
    vertical-align: middle;
}

.grp-container .grp-tabular .grp-table .grp-th:first-child,
.grp-container .grp-tabular .grp-table .grp-td:first-child {
    padding-left: 10px !important;
}

.grp-container .grp-tabular .grp-table .grp-th:last-child,
.grp-container .grp-tabular .grp-table .grp-td:last-child {
    padding-right: 10px !important;
}

.grp-table .grp-td input[type="text"] {
    /*height: 25px;
    padding: 2px 5px;*/
    border: 1px solid #e5e5e5;
}

.grp-table .grp-td .related-lookup {
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.grp-module,
.grp-object-history {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 4px;
}

.grp-object-history {
    padding: 1rem;
}

.grp-items.ui-sortable>.grp-module {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;

}

.grp-items.ui-sortable>.grp-module h3 {
    padding: 10px 10px 8px;
}

.grp-items.ui-sortable>.grp-module h3+ul.grp-tools {
    top: -28px;
}

.grp-module-login .grp-admin-title {
    margin-left: 10px !important;
}

.avatar-image-box img {
    border-radius: 50px;
}

.grp-row select {
    width: 100%;
}

.grp-placeholder-related-fk,
.grp-placeholder-related-m2m,
.grp-placeholder-related-generic {
    font-weight: normal;
}

.grp-add-handler strong {
    font-weight: normal;
}

body.grp-change-list table,
body.grp-change-list table.grp-table,
#grp-change-history {
    margin: 0 !important;
}

div.tox-tinymce {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.grp-tabular .grp-table .grp-th,
.grp-tabular .grp-table .grp-td {
    padding: 1px 10px;
}

.grp-related-widget+.grp-tools.grp-related-widget-tools {
    display: none;
}


/****************************************************************
 Filers pulldown
 ****************************************************************/

.grp-pulldown-container .grp-pulldown-handler,
.grp-pulldown-container .grp-pulldown-handler:hover {
    background-color: #FFFFFF;
    background-image: url("../images/select-chevron.svg");
    background-size: 15px auto !important;
    background-position: calc(100% - 10px) 50%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    color: #585858;
    box-shadow: none;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
    padding-right: 25px;
    font-weight: normal;
    height: 31px;
    margin-top: 2px;
}

.grp-pulldown-container .grp-pulldown-handler:hover {
    background-color: #f2f2f2;
    background-image: url("../images/select-chevron.svg");
}

.grp-pulldown-container.grp-pulldown-state-open {
    border: none !important;
    box-shadow: none;
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler,
.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler:hover {
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    border: 1px solid #e5e5e5 !important;
    background-color: #f2f2f2;
    background-image: url("../images/select-chevron.svg");
    background-size: 15px auto !important;
    background-position: calc(100% - 10px) 50%;
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-content {
    margin-top: 0;
    border: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 0;
    color: #313131;
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-content .grp-module {
    border: none !important;
    border-radius: 0;
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-content .grp-module .grp-row {
    padding-top: 8px;
    padding-bottom: 8px;
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-content .grp-module label {
    color: #313131;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
}


/****************************************************************
 Login related styles
 ****************************************************************/

.grp-login .grp-admin-title {
    background-image: url("../images/full_logo.png") !important;
}


/****************************************************************
 Dashboard related styles
 ****************************************************************/

body.dashboard {
    background-color: #fafafa !important;
}

body.dashboard #grp-content {
    background-color: #F7F7F7;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 60px 10px 90px;
}

body.dashboard #grp-content-title {
    display: none;
}

body.dashboard #grp-content strong {
    font-weight: normal;
}

body.dashboard article .aji-version {
    color: #777;
    font-size: 12px;
    display: block;
    text-align: center;
    position: relative;
    bottom: -100px;
}

body.dashboard article .aji-version .dashboard-logo {
    height: 50px;
    margin-top: 10px;
    display: inline-block;
}

.dashboard .g-d-c,
.dashboard .g-all-c {
    width: 100%;
}

.dashboard .g-d-12,
.dashboard .l-2cr-fluid.l-d-12 .c-1 {
    margin-right: 0;
    width: 59%;
}

.dashboard .g-d-f,
.dashboard .g-all-f,
.g-all-fl,
.dashboard .l-2c .c-1,
.dashboard .l-2cr .c-1 {
    margin-right: 0 !important;
}

.dashboard .g-d-6,
.dashboard .l-2cr-fluid.l-d-6 .c-1 {
    width: 39%;
}

.dashboard .g-d-l,
.dashboard .g-all-l,
.g-all-fl,
.dashboard .l-2c .c-2,
.l-2cr .c-2 {
    padding-right: 0 !important;
}

.dashboard .grp-group {
    width: 98%;
}

.dashboard .g-d-6>.grp-module {
    width: 100%;
}

.dashboard .g-d-l>.grp-module {
    width: 100%;
}

/****************************************************************
 Dashboard items
 ****************************************************************/

.dashboard-item .grp-module {
    padding: 2px;
}

#grp-content .dashboard-item .grp-module .grp-td,
#grp-content .dashboard-item .grp-module .grp-th {
    padding: 3px;
}

.dashboard-item .grp-tabular .grp-table .grp-tbody {
    font-size: 11px;
}

.dashboard-item .grp-module {
    background: white;
}

#column_1>.grp-module {
    width: 98%;
}

.grp-dashboard-module .grp-tabular .grp-table .grp-th,
.grp-dashboard-module .grp-tabular .grp-table .grp-td {
    white-space: normal !important;
}

.grp-dashboard-module .highlight {
    font-weight: bold;
    color: #222;
}

#grp-content .recent-actions .avatar-column,
#grp-content .recent-actions .message-columm {
    display: inline;
}

#grp-content .recent-actions img {
    margin-top: 4px;
}

#grp-content .recent-actions .message-columm .user,
#grp-content .recent-actions .message-columm .object,
#grp-content .recent-actions .message-columm .info {}

#grp-content .recent-actions .message-columm .user {
    font-size: 14px;
    color: #222;
    line-height: 140%;
}

#grp-content .recent-actions .message-columm .type {
    color: #777;
    line-height: 120%;
}

#grp-content .recent-actions .message-columm .info {
    /*font-style: italic;*/
    color: #666;
    line-height: 120%;
}

#grp-content .recent-actions .avatar-column {
    float: left;
    width: auto;
    margin-bottom: 20px;
    margin-right: 10px;
}

#grp-content .recent-actions {
    /*overflow-y: auto;*/
    max-height: 1000px;
}

.grp-listing-small {
    font-size: 12px;
}

.grp-group:not(.grp-tabular).grp-closed {
    padding-bottom: 0;
}

.grp-group.grp-closed:hover {
    border: 1px solid #e5e5e5;
}

/***************************************************************
Specific CSS overwrites
***************************************************************/

.grp-table .grp-td.criteria {
    width: 100%;

}

#findings_orders0 .grp-td.source {
    min-width: 240px;
    width: 100% !important;
}

.grp-row.revenue select {
    width: 120px;
    margin-left: 12px;
}

/***************************************************************
2-column layout
***************************************************************/

.aji-right-panel {
    float: right;
    width: 32%;
}

ul.results-list {
    padding: 10px;
}

ul.results-list li {
    border-bottom: 1px solid #DDD;
    line-height: 20px;
    font-size: 12px;
}

ul.results-list li a {
    display: block;
    padding: 5px;
    font-weight: bold;
    color: #A91515;
}

ul.results-list li.active a {
    background: #f5f5f5;
    color: #121212;
}

ul.results-list li.ajax-loader {
    text-align: center;
    padding-top: 100px;
    border-bottom: 0;
}

ul.results-list li.no-results {
    text-align: center;
    padding: 20px;
}

ul.results-list li a.backto-search {
    background: #137010;
    color: #FFF;
}

.aji-left-panel-by-inline,
.aji-left-panel-by-fieldset {
    float: left;
    width: 67%;
    clear: none;
}

fieldset.grp-module .grp-row label.vCheckboxLabel {
    font-size: 14px;
}

fieldset.grp-module .grp-row label {
    font-size: 14px;
}

fieldset.grp-module p.file-upload {
    font-size: 14px;
    line-height: 2;
    width: auto;
    max-width: 100%;
}

.grp-container .vTextField,
.grp-container .vURLField,
.grp-container .vFileBrowseField,
.grp-container textarea,
.grp-container .vLargeTextField,
.grp-container .vXMLLargeTextField,
.grp-autocomplete-wrapper-m2m,
input[name=longitude],
input[name=latitude] {
    width: 100%;
    resize: vertical;
}

input[class*=vTextField],
input[class*=vURLField]:not([id$="external_link"]),
textarea[class*=vLargeTextField] {
    width: 100% !important;
}

.grp-td.value textarea {
    width: auto !important;
    max-width: 250px !important;
    min-height: 54px;
}

@media (max-width: 1620px) {
    .grp-td.value textarea {
        max-width: 180px !important;
    }
}

@media (max-width: 1440px) {
    .grp-td.value textarea {
        width: 160px !important;
        max-width: 160px !important;
    }
}

.grp-tools-container .grp-tools {
    right: -7px;
}

.internal_remarks textarea {
    font-weight: normal;
    font-size: 11px;
}

.grp-change-form .grp-module:not(.grp-submit-row) {
    min-width: 100px !important;
}

.grp-container .grp-module:not(.grp-submit-row) {
    min-width: 100px !important;
}

.grp-submit-row>ul>li input.grp-button,
.grp-submit-row>ul>li a.grp-button,
.grp-submit-row>ul>li button.grp-button {
    opacity: 1 !important;
    height: 31px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5;
    box-shadow: none;
}

.grp-container .g-d-4-td,
.l-2c-fluid.l-d-4:not(.grp-cell) .c-1,
.grp-module .l-2c-fluid.grp-cell.l-d-4 .c-1 {
    display: table-cell;
    float: none;
    min-width: 110px;
    padding-right: 20px;
    width: 110px;
    line-height: 34px;
}

.grp-container .grp-tabular .grp-table .grp-tbody .grp-th.grp-tools-container,
.grp-container .grp-tabular .grp-table .grp-tbody .grp-td.grp-tools-container {
    padding: 1px;
}

.grp-container .grp-tools-container .grp-tools {
    right: 0;
    padding: 0 5px 0 0;
}

.grp-tabular .grp-table .grp-tbody .grp-th.grp-tools-container,
.grp-tabular .grp-table .grp-tbody .grp-td.grp-tools-container {
    width: auto;
}

/***************************************************************
m-to-m selector
***************************************************************/

.selector {
    width: 100%;
}

.selector select[multiple=multiple] {
    margin: 0;
}

.selector .selector-available,
.selector .selector-chosen {
    background: none;
    border: none;
    border-radius: 0;
    width: 48%;
}

.selector.stacked .selector-available,
.selector.stacked .selector-chosen {
    background: none;
    border: none;
    border-radius: 0;
    width: 100% !important;
}

.selector .selector-available select {
    height: 130px !important;
}

.selector .selector-chosen select {
    height: 165px !important;
}

.selector.stacked .selector-available select {
    height: 80px !important;
}

.selector.stacked .selector-chosen select {
    height: 115px !important;
}

.selector.stacked .selector-filter label {
    display: none;
}

.selector.stacked .selector-filter {
    padding: 2px 0 1px;
    text-indent: 0;
}

.selector .selector-available select[multiple="multiple"],
.selector .selector-chosen select[multiple="multiple"] {
    width: 100% !important;
    max-width: none !important;
}

.selector .selector-available .selector-filter {
    border-top-width: 0;
    border-bottom-width: 0;
}

.selector .selector-filter input[type="text"] {
    width: 90% !important;
    max-width: none !important;
}

.selector.stacked .selector-filter input[type="text"] {
    width: 100% !important;
    max-width: none !important;
}

.selector .selector-available h2,
.selector .selector-chosen h2 {
    background: none;
}

.select ul.selector-chooser {
    width: 3%;
}

.selector.stacked ul.selector-chooser {
    margin: 4px 0 0 48%;
}

/***************************************************************l
Special image handling
***************************************************************/

.grp-container a[target="_blank"],
.grp-container .file-upload {
    display: inline-block;
    vertical-align: top;
}

.grp-container .file-upload a {
    display: inline-block;
}

div#front_covers-group p.file-upload {
    width: 100%;
    overflow: auto;
}

div#front_covers-group p.file-upload a {
    display: block;
}

div#back_covers-group p.file-upload {
    width: 100%;
    overflow: auto;
}

div#back_covers-group p.file-upload a {
    display: block;
}

.grp-object-tools li a[target="_blank"] {
    background: url("../images/icons-s846f870921.png") 0 -775px no-repeat, linear-gradient(#E7E7E7, #ccc);
}

.grp-object-tools li a[target="_blank"]:hover {
    background: url("../images/icons-s846f870921.png") 0 -775px no-repeat, linear-gradient(#999999, #888888);
}

.grp-container .file-upload {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
}

.grp-container .file-upload br {
    /*display: none;*/
}

.grp-container .file-upload input[type=file] {
    margin-top: -2px;
    vertical-align: middle;
}

.grp-container .file-upload input,
.grp-container input[type=file] {
    font-size: 11px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.grp-container .file-upload span.clearable-file-input {
    margin: 0 0 0;
}

.grp-container a img {
    border-radius: 3px;
    margin-right: 10px;
    margin-top: 7px;
}

/*************************************************************
New button style
 ************************************************************/

input[type="submit"],
.grp-object-tools li a,
.grp-object-tools li a.grp-add-link,
.switch-pointer,
.calculate-position,
.map-center,
.map-save,
.map-close,
a.grp-button.grp-delete-link,
button.grp-button.grp-delete-link,
input[type=button].grp-button.grp-delete-link {
    background: #fff;
    border: 1px solid #e5e5e5 !important;
    color: #585858;
    font-weight: normal;
    border-radius: 3px !important;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    opacity: 1;
    transition-duration: .25s;
    transition-timing-function: ease;
}

a.grp-button {
    background: #fff;
    background-color: #D43444;
    color: white;
    border: none;
    line-height: normal;
    padding: 8px 15px;
    display: inline-block;
    text-align: center;
}

a.grp-button:hover {
    background: #fff;
    background-color: #C12C2C;
    border: none;
}

.download-text {
    color: #333;
    /* Change as needed */
    font-size: 16px;
    /* Change as needed */
    margin-bottom: 15px;
    /* Space between text and buttons */
    text-align: center;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
.grp-object-tools li a:hover,
.grp-object-tools li a:focus,
.grp-object-tools li a.grp-add-link:hover,
.grp-object-tools li a.grp-add-link:focus,
.switch-pointer:hover,
.switch-pointer:focus,
a.grp-button.grp-delete-link:hover,
a.grp-button.grp-delete-link:focus,
button.grp-button.grp-delete-link:hover,
button.grp-button.grp-delete-link:focus,
input[type=button].grp-button.grp-delete-link:hover,
input[type=button].grp-button.grp-delete-link:focus {
    border: 1px solid #023462 !important;
    background: #023462;
    opacity: 1;
    color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    transition-duration: .25s;
    transition-timing-function: ease;
}

.grp-object-tools {
    top: -56px;
    margin-bottom: -48px;
    overflow: visible;
}

/*************************************************************
New "Fixed footer" layout (no longer) depending on branding color
 ************************************************************/

.grp-fixed-footer {
    border-top: 1px solid #CCC;
    background-color: #ddd;
    padding: 5px 16px 0px !important;
}

.grp-submit-row>ul>li {
    margin-left: 1px !important;
}

.grp-submit-row.grp-fixed-footer>ul>li {
    background-color: #ddd;
    padding: 0 3px !important;
}

li.grp-changelistimg-actions .grp-horizontal-list li {
    margin-right: 4px;
    margin-top: 2px;
    border: 1px solid #999;
}

li.grp-changelist-actions .grp-horizontal-list .grp-button {
    padding: 4px 10px 1px;
    height: 23px;
}

li.grp-changelist-actions .grp-horizontal-list span {
    color: #666 !important;
    border-width: 0 !important;
    background: #fff !important;
}

/*************************************************************
Secondary panel on login and logout should have no border to be brandable
 ************************************************************/

body.grp-login .grp-module-login h1 span.grp-current-page {
    border-width: 0 !important;
}

/*************************************************************
  Breadcrumbs
************************************************************/

header#grp-header #grp-context-navigation {
    border-bottom: 1px solid #e5e5e5;
    background-color: transparent;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: normal;
    font-size: 12px;
    font-weight: normal;
    color: #333;
}

header#grp-header #grp-context-navigation li {
    color: #000000;
    font-weight: bold;
}

header#grp-header #grp-context-navigation li>a {
    color: #000000;
    font-weight: normal;
}

/*************************************************************
User menu adaption
 ************************************************************/

header#grp-header {
    background-color: #fafafa;
}

header#grp-header #grp-navigation {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 0 20px;
}

header#grp-header #grp-navigation h1#grp-admin-title,
.grp-module-login .grp-admin-title {
    font-size: 0;
    display: block;
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    width: 200px;
    padding: 0;
    margin: 5px 0 0;
}

header#grp-header #grp-navigation ul#grp-user-tools>li {
    border-left-width: 0;
    border-right-width: 0;
}

header#grp-header #grp-navigation ul#grp-user-tools {
    border-left-width: 0;
    font-weight: normal;
}

header#grp-header #grp-user-tools .grp-user-options-container .user-options-handler {
    text-indent: 0 !important;
    font-size: 16px;
    display: inline-block !important;
    padding: 0 0 0 10px !important;
}

#grp-container #grp-navigation #grp-user-tools .grp-user-options-container .username,
.grp-container #grp-navigation #grp-user-tools .grp-user-options-container .username {
    display: inline-block;
    color: #31313E;
    font-size: 14px;
    margin-left: 12px;
    font-weight: normal;
    padding: 0;
}

header#grp-header #grp-user-tools img {
    height: 35px !important;
    width: 35px !important;
    border-radius: 50%;
    border: 2px solid rgba(49, 49, 62, 0.2);
    display: inline-block !important;
    vertical-align: middle;
    box-sizing: content-box;
}

header#grp-header #grp-navigation ul#grp-user-tools .user-options-button {
    height: 50px;
    width: 50px;
    border-left: 1px solid #e5e5e5;
    display: inline-block !important;
    vertical-align: middle;
    background: url("../images/settings_light-gray.svg") center no-repeat;
    position: relative;
    /*right: -10px;*/
}

header#grp-header #grp-navigation ul#grp-user-tools>li.grp-user-options-container {
    width: auto;
    display: flex;
        align-items: center;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open>ul li {
    border-bottom-width: 0;
    border-top-width: 0;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open>ul {
    background: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    border-top-width: 0;
    z-index: 1010;
    display: block;
    margin: -1px 0 0 -1px;
    min-width: 202px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 0;
    list-style: none;
    bottom: -74px;
        right: 0px;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open>ul>li {
    border-bottom: 1px solid #E5E5E5;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open>ul>li>a {
    color: #383838;
    font-size: 14px;
    padding: 10px;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open>ul>li:hover>a {
    color: #345c81;
}

/****************************************************************
Content title
****************************************************************/
#grp-content-title h1 {
    font-size: 26px;
    line-height: 40px;
    color: #25242F;
    padding-top: 20px;
    padding-bottom: 12px;
}

/****************************************************************
General status label styling
****************************************************************/

.badge-container {
    display: inline-block;
    position: absolute;
    font-weight: normal;
    line-height: 1;
    vertical-align: baseline;
    top: 14px;
    right: -3px;
}

.status-badge {
    display: inline-block;
    min-width: 10px;
    padding: 1px;
    font-size: 8px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 3px;
    border: 1px solid #fff;
}

.status-badge.ok {
    background-color: #54c248;
}

.status-badge.review-pending {
    background-color: #ff8900;
}

.status-badge.to-be-revised {
    background-color: #D34F4F;
}

div.status-default,
div.status-ok,
div.status-to-be-revised,
div.status-review-pending,
div.status-in-review,
div.status-received,
div.status-generated,
div.status-closed,
div.status-completed,
div.status-reception-failed,
div.status-error,
div.status-delivered,
div.status-success,
div.status-failure,
div.status-pending,
div.status-disabled,
div.status-upcoming,
div.status-open,
div.status-in-progress,
div.status-early-delivered,
div.interest-category,
div.status-warning,
div.status-replacing,
div.status-processing,
div.status-complete,
div.status-waiting,
div.status-canceled,
div.status-done,
div.status-forresubmission,
div.type-screening,
div.type-due-diligence,
div.state-in-progress,
div.state-failed,
div.state-success,
div.category-environmental,
div.category-social,
div.category-governance,
div.sentiment-neutral,
div.sentiment-positive,
div.sentiment-negative,
div.context-media,
div.context-company,
div.context-official,
div.context-peer-group,
div.environmental_ebrd_risk_level-medium,
div.environmental_ebrd_risk_level-high,
div.environmental_ebrd_risk_level-low,
div.environmental_ebrd_risk_level-excluded,
div.social_ebrd_risk_level-medium,
div.social_ebrd_risk_level-high,
div.social_ebrd_risk_level-low,
div.social_ebrd_risk_level-excluded,
div.overall_ebrd_risk_level-medium,
div.overall_ebrd_risk_level-high,
div.overall_ebrd_risk_level-low,
div.overall_ebrd_risk_level-excluded {
    border-radius: 3px 3px 3px 3px;
    padding: 5px 10px 5px !important;
    text-align: center;
    display: inline-block;
    margin: -6px 0;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap !important;
    border: 1px solid transparent;
    display: inline;
}

div.interest-category {
    border-radius: 3px;
    font-size: 12px;
    color: #FFFFFF
}

.status-received,
.status-review-pending,
.status-pending,
.status-in-progress,
.status-early-delivered,
.status-processing,
.state-in-progress,
.category-governance,
.context-media,
.environmental_ebrd_risk_level-medium,
.social_ebrd_risk_level-medium,
.overall_ebrd_risk_level-medium {
    color: #ff8900;
    border-color: #ef7900 !important;
}

.status-generated,
.status-replacing,
.category-social,
.context-official,
.type-screening {
    color: #7fc5d5;
    border-color: #6fb5c5 !important;
}

.status-canceled,
.sentiment-neutral,
.environmental_ebrd_risk_level-excluded,
.social_ebrd_risk_level-excluded,
.overall_ebrd_risk_level-excluded {
    color: #AAA;
    border-color: #999 !important;
}

.status-delivered,
.status-forresubmission {
    color: #98ce41;
    border-color: #88be31 !important;
}

.status-completed {
    color: #7AA92C;
    border-color: #6A991C !important;
}

.status-reception-failed,
.status-to-be-revised,
.status-failure,
.status-open,
.status-waiting,
.state-failed,
.sentiment-negative,
.environmental_ebrd_risk_level-high,
.social_ebrd_risk_level-high,
.overall_ebrd_risk_level-high {
    color: #D34F4F;
    border-color: #C33F3F !important;
}

.status-error {
    color: #BB2F2F;
    border-color: #AB1F1F !important;
}

.status-ok,
.status-success,
.status-closed,
.status-default,
.status-complete,
.status-done,
.state-success,
.category-environmental,
.sentiment-positive,
.environmental_ebrd_risk_level-low,
.social_ebrd_risk_level-low,
.overall_ebrd_risk_level-low {
    color: #26BA69;
    border-color: #26BA69 !important;
}

.status-in-review,
.context-company {
    color: #950aba;
    border-color: #6e0a91 !important;
}

.status-disabled {
    color: #DDD;
    border-color: #CDCDCD !important;
}

.status-upcoming {
    color: #98CEEF;
    border-color: #88BEDF !important;
}

.status-early-delivered {
    color: #00008B;
    border-color: #00008B !important;
}

.status-warning,
div.type-due-diligence,
.context-peer-group {
    color: #FFC30F;
    border-color: #FFC30F !important;
}

tr.upcoming {
    color: #AAA;
}

tr.upcoming a {
    color: #AAA;
}

#clear-datepicker-filter {
    margin: 3px 0;
    padding-left: 0px;
    border-radius: 0;
    cursor: pointer;
    color: #c4171d;
}

/****************************************************************
Coordinate section within POI detail view
****************************************************************/

input[geom_type=POINT] {
    width: 100%;
    margin-bottom: 5px
}

.map_zoom_level,
.location_pointer,
.map_selection_width,
.map_selection_height,
.map_center_coordinate {
    display: none;
}

/****************************************************************
Map styling for POI detail
****************************************************************/

#custom_map {
    display: none;
}

#map-controls {
    display: none;
    position: fixed;
    top: 10px;
    right: 20px;
    height: 50px;
    z-index: 50000;
}

#map-controls .switch-pointer input {
    margin: 0;
}

#map-controls input[type="submit"],
#map-controls .grp-object-tools li a,
.grp-changelist-actions .grp-button,
#map-controls.grp-object-tools li a.grp-add-link,
#map-controls .switch-pointer,
#map-controls .calculate-position,
#map-controls .map-center,
#map-controls .map-save,
#map-controls .map-close {
    border: 1px solid #888 !important;
}

.grp-change-form .qtip-bootstrap .qtip-content {
    padding: 0;
}

/****************************************************************
Reservation - List view: Completion level
****************************************************************/

.field-reservation_summary_display,
.field-replacement_summary_display {
    color: #999;
    white-space: nowrap;
}

.field-reservation_summary_display .wait,
.field-reservation_summary_display .processing,
.field-reservation_summary_display .completed,
.field-replacement_summary_display .done-or-cancelled,
.field-replacement_summary_display .open,
.field-reservation_summary_display .blocker {
    background: #fff;
    border-radius: 12px;
    display: inline-block;
    text-align: center;
    width: 15px;
}

.field-reservation_summary_display .blocker {
    color: #fff;
    background: #AB1F1F;
}

.field-reservation_summary_display .wait,
.field-replacement_summary_display .open {
    color: #AB1F1F;
}

.field-reservation_summary_display .processing {
    color: #ef7900;
}

.field-reservation_summary_display .completed,
.field-replacement_summary_display .done-or-cancelled {
    color: #44b238;
}

.field-reservation_summary_display .percent {
    color: #999;
    font-size: 90%;
}

/****************************************************************
Alternatives - List view: Completion level
****************************************************************/

.circle {
    position: relative;
    top: -6px;
    right: 16px;
    height: 16px;
    width: 16px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.circle-orange {
    background-color: orange;
}

.circle-green {
    background-color: green;
}

/****************************************************************
Pagination
****************************************************************/
.grp-pagination ul li span,
.grp-pagination ul li a {
    font-size: 14px;
    background-image: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    min-width: 40px;
    text-align: center;
    padding: 7px;
    color: #585858;
    font-weight: normal;
}

.grp-pagination ul li a:hover {
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    background-image: none;
}

.grp-pagination ul li.grp-separator {
    line-height: 22px;
}

.grp-pagination ul li.grp-results span {
    width: auto;
}

.grp-pagination ul li span.this-page {
    color: #023462;
    border: 2px solid #023462;
    padding: 6px;
    font-weight: bold;
}

/****************************************************************
Inputs
****************************************************************/

input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="submit"],
input[type="reset"],
textarea,
select {
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    color: #585858;
    box-shadow: none;
    height: fit-content;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: normal;
    line-height: 16px;
}


.tabular input,
.tabular textarea,
.tabular select {
    /*font-size: 12px;
    height: 25px;
    padding-top: 3px;
    padding-bottom: 3px;*/
}

input[type="text"]:focus,
input[type="text"].grp-state-focus,
input[type="password"]:focus,
input[type="password"].grp-state-focus,
input[type="url"]:focus,
input[type="url"].grp-state-focus,
input[type="email"]:focus,
input[type="email"].grp-state-focus,
input[type="number"]:focus,
input[type="number"].grp-state-focus,
input[type="submit"]:focus,
input[type="submit"].grp-state-focus,
input[type="reset"]:focus,
input[type="reset"].grp-state-focus,
textarea:focus,
textarea.grp-state-focus,
select:focus,
select.grp-state-focus {
    box-shadow: none;
    border: 1px solid #e5e5e5;
}

select,
select:focus,
select.grp-state-focus {
    padding-left: 10px;
}

select:focus,
select.grp-state-focus {
    /*padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px*/
}

.grp-search-field+.grp-search-button {
    top: 3px;
    right: 3px;
}

input.vForeignKeyRawIdAdminField {
    width: 80px;
}

a.related-lookup {
    height: 34px;
    background-position: 0 -1193px;
}

a.related-lookup:hover {
    background-position: 0px -1236px;
}

button.ui-datepicker-trigger {
    height: 30px;
    background-position: 0px -12349px;
}

button.ui-timepicker-trigger {
    height: 30px;
    background-position: 0px -15472px;
}

.grp-tools a.grp-delete-handler {
    background-position: 0px -21287px;
}

.grp-tools a.grp-delete-handler:hover {
    background-position: 0 -20839px;
}

.grp-tools a.grp-remove-handler {
    background-position: 0 -23080px;
}

.grp-tools a.grp-remove-handler:hover {
    background-position: 0 -22856px;
}

.grp-tools a.grp-edit-link {
    background-position: 0px -22183px;
}

.grp-tools a.grp-edit-link:hover {
    background-position: 0px -21959px;
}

.grp-tools a.grp-drag-handler {
    background-position: 0 -21735px;
}

.grp-tools a.grp-drag-handler:hover {
    background-position: 0 -21511px;
}

/****************************************************************
Tables
****************************************************************/

table,
table.grp-table {
    border: 0;
    width: 100%;
    margin: 0;
}

table td,
table th,
table tbody tr th,
table.grp-table td,
table.grp-table tbody tr th {
    font-size: 14px;
    font-weight: normal;
}

table.grp-table th .grp-text,
table thead th .grp-text,
table.grp-table th .grp-text a,
table thead th .grp-text a {
    font-size: 14px;
    font-weight: bold;
}

table td,
table th,
table.grp-table td,
table.grp-table th {
    padding: 9px 10px;
}

table th.action-checkbox-column,
table.grp-table th.action-checkbox-column {
    width: 33px;
}

table tbody tr td,
table tbody tr th,
table thead th,
table.grp-table tbody tr td,
table.grp-table tbody tr th,
table.grp-table thead th {
    border-bottom: 1px solid #dcdcdc;
    border-left: 0;
}

table.grp-table tbody tr.grp-row-even td,
table.grp-table tbody tr.grp-row-even th,
table.grp-table tbody tr.grp-alt td,
table.grp-table tbody tr.grp-alt th,
table.grp-table tbody tr.grp-row-odd td,
table.grp-table tbody tr.grp-row-odd th,
table tbody tr.grp-row-even td,
table tbody tr.grp-row-even th,
table tbody tr.grp-alt td,
table tbody tr.grp-alt th,
table tbody tr.grp-row-odd td,
table tbody tr.grp-row-odd th {
    background: #fff;
    border-left: 0;
}

table.grp-table#grp-change-history thead th,
table.grp-table.grp-sortable thead th,
table thead th,
table.grp-table.grp-sortable thead th.sortable,
table.grp-table.grp-sortable thead th.sortable.sorted.ascending,
table.grp-table.grp-sortable thead th.sortable.sorted.descending,
table.grp-table.grp-sortable thead th:hover,
table thead th:hover,
table.grp-table.grp-sortable thead th.sortable:hover,
table.grp-table.grp-sortable thead th.sortable.sorted.ascending:hover,
table.grp-table.grp-sortable thead th.sortable.sorted.descending:hover {
    background: #fff;
    vertical-align: middle;
    padding: 12px 0 8px;
}

table thead th a,
table.grp-table.grp-sortable thead th a,
table.grp-table thead th a {
    display: block;
    margin: -6px -10px;
    padding: 6px 10px;
    height: 100%;
    color: #023462;
}

.grp-row>img {
    margin: -6px 0;
}

.avatar-image-box>img {
    margin: 10px 0;
}

.grp-changelist-results table tbody td,
.grp-changelist-results table.grp-table tbody td {
    overflow: hidden;
}

.grp-tabular .grp-table,
.grp-tabular .grp-table .grp-thead {
    font-size: 14px;
}

.grp-tabular .grp-table .grp-thead {
    color: #8c8c8c;
}

.grp-tabular .grp-table .grp-thead .grp-th,
.grp-tabular .grp-table .grp-thead .grp-td,
.grp-tabular .grp-table .grp-tbody .grp-th,
.grp-tabular .grp-table .grp-tbody .grp-td,
.grp-tabular .grp-table .grp-tbody .grp-th:first-child,
.grp-tabular .grp-table .grp-tbody .grp-td:first-child,
.grp-tabular .grp-table .grp-tbody .grp-th:last-of-type,
.grp-tabular .grp-table .grp-tbody .grp-td:last-of-type {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.grp-tabular .grp-table .grp-thead .grp-th {
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: normal;
}

.grp-tabular .grp-table .grp-tbody .grp-th,
.grp-tabular .grp-table .grp-tbody .grp-td {
    padding: 5px 10px;
}

@media (max-width: 1440px) {

    .grp-tabular .grp-table .grp-tbody .grp-th,
    .grp-tabular .grp-table .grp-tbody .grp-td {
        padding: 5px 10px;
    }
}

.grp-tabular .grp-table .grp-add-handler {
    font-size: 14px;
}

/****************************************************************
History table
****************************************************************/

table.grp-table#grp-change-history tbody td,
table.grp-table#grp-change-history tbody th {
    background-color: #fff;
}

table.grp-table#grp-change-history thead th {
    padding: 12px 10px 9px;
}

table.grp-table#grp-change-history tbody th {
    width: 180px;
}

/****************************************************************
Fieldsets forms styling
****************************************************************/

form,
form>div {
    display: block;
    width: 100%;
}

.aji-fieldset .c-1 {
    position: relative;
    padding: 0;
}

.aji-fieldset .c-1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -1px;
    height: 1px;
    background-color: #ededed;
}

.aji-fieldset .c-1 label {
    font-size: 14px !important;
    color: #313131;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
    background-color: #fff;
    padding-right: 10px;
}

.aji-fieldset .grp-row:not(tr) {
    border: none;
}

/****************************************************************
Custom checkboxes styling
****************************************************************/

.checkbox {
    color: inherit;
    font-size: inherit;
    position: relative;
    min-height: 21px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 6px;
}

.checkbox input[type="checkbox"] {
    position: absolute;
    width: 21px;
    height: 21px;
    opacity: 0;
    z-index: 2;
    left: 0;
    top: 0;
    margin: 0 !important;
    cursor: pointer;
}

.checkbox__mark {
    position: relative;
    padding-left: 30px;
    line-height: 21px;
    min-height: 21px;
    display: inline-block;
    z-index: 1;
}

.checkbox__mark:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    border: 1px solid #D7D7D7;
    background-color: white;
    box-sizing: border-box;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
}

.checkbox input[type="checkbox"]:checked+.checkbox__mark:before {
    background-image: url("../images/checkbox_green.svg");
}

.checkbox input[type="checkbox"]:disabled+.checkbox__mark:before {
    opacity: 0.5;
}

.grp-tools>.grp-delete-handler-container>span.checkbox {
    /*Hiding custom checkbox in grappelli delete handler*/
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.related-widget-wrapper-link {
    display: none;
}

/****************************************************************
Login styling
****************************************************************/

.grp-login .g-d-c.g-d-10.g-centered {
    background-color: #fff;
    border-radius: 4px;
}

/*todo if login template will be edited, add some class to .g-d-c.g-d-10.g-centered*/

body.grp-login .grp-module-login {
    background-color: transparent !important;
}

body.grp-login .grp-module-login label {
    display: none !important;
}

body.grp-login .grp-module-login .grp-module {
    border: none;
    position: static;
}

body.grp-login .grp-module-login h1 {
    border: none;
    padding-top: 25px;
    padding-bottom: 10px;
}

body.grp-login .grp-module-login h1 span.grp-admin-title {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.grp-login .grp-module-login span.grp-current-page {
    display: none;
}

body.grp-login .grp-module.grp-submit-row {
    padding: 0 25px 25px;
    margin: 0;
}

body.grp-login .grp-module.grp-submit-row ul {
    margin-top: 0;
}

body.grp-login .grp-module.grp-submit-row ul>li {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body.grp-login .grp-module {
    background-color: transparent;
}

body.grp-login .grp-module.grp-submit-row>ul>li>input.grp-button.grp-default {
    display: block;
    width: 100%;
    padding: 6px 20px;
    height: auto;
    color: white;
    background-color: #023462;
}

body.grp-login .grp-module.grp-submit-row>ul>li>input.grp-button.grp-default:hover {
    background-color: #345c81;
}

body.grp-login fieldset.grp-module .grp-module .grp-row {
    padding: 6px 25px;
    border-top: none;
    border-bottom: none;
    background-color: transparent;
}

body.grp-login fieldset.grp-module .grp-module .grp-row input[type="text"],
body.grp-login fieldset.grp-module .grp-module .grp-row input[type="password"] {
    /*padding-top: 15px;*/
    /*padding-bottom: 15px;*/
    /*height: 50px;*/
}

body.grp-login .grp-errors label {
    color: #222 !important;
}

body.grp-login .grp-errors input[type="password"],
body.grp-login .grp-errors input[type="text"] {
    border: 1px solid #e5e5e5 !important;
}

body.grp-login .grp-module-login .grp-row ul.errorlist li {
    font-weight: normal;
}

body.grp-login fieldset.grp-module .grp-module .grp-row.grp-connected {
    margin-top: 0;
    padding: 6px 25px;
    border-top: none;
    background-color: transparent;
}

body.grp-login .grp-module-login .grp-module .grp-row.grp-error-row {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin: 0 0 20px 0;
    border: none;
}

body.grp-login .grp-module-login .grp-module p.errornote {
    background-color: #ce4637;
    text-align: center;
    padding: 12px 10px 7px;
    border-radius: 2px;
    font-weight: normal;
    font-size: 14px;
}

body.grp-login .grp-module-login .grp-module p.errornote:before {
    content: '!';
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height: 1em;
    width: 1em;
    line-height: 1;
    border: 1px solid white;
    border-radius: 50%;
    margin: 0 .5em;
    position: relative;
    top: -0.25em;
}

body.grp-login .grp-module-login .grp-module .grp-description {
    text-align: center;
    font-size: 14px;
}

body.grp-login .grp-module-login .grp-module .grp-description a strong {
    font-weight: normal;
}


/* Temporary action checkbox styling*/

/* todo replace if possible. Not cross-browser*/
input[type="checkbox"]#action-toggle::-ms-check,
input[type="checkbox"]#action-toggle {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 21px;
    height: 21px;
    border: 1px solid #D7D7D7;
    background-color: white;
    box-sizing: border-box;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    color: #023462
}

input[type="checkbox"]#action-toggle::-ms-check:checked,
input[type="checkbox"]#action-toggle:checked {
    background-image: url("../images/checkbox_green.svg");
}

input[type="checkbox"]#action-toggle:focus,
input[type="checkbox"]#action-toggle:active {
    outline: none;
}

#grp-breadcrumbs>ul>li>a {
    background-image: none !important;
    position: relative;
    padding-right: 15px;
    text-decoration: none;
}

#grp-breadcrumbs>ul>li>a:before {
    content: '';
    height: 14px;
    width: 14px;
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNy41IiBoZWlnaHQ9IjEzIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoMF9zdHJva2UiIHRyYW5zZm9ybT0icm90YXRlKC05MCA2LjUgNS41KSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjxkZWZzIGlkPSJkZWZzMTIiPjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0uNzA3LS43MDdBMSAxIDAgMCAwLS43MDcuNzA3TC43MDctLjcwN3pNNS41IDUuNWwtLjcwNy43MDdhMSAxIDAgMCAwIDEuNDE0IDBMNS41IDUuNXpNMTEuNzA3LjcwN2ExIDEgMCAwIDAtMS40MTQtMS40MTRMMTEuNzA3LjcwN3ptLTEyLjQxNCAwbDUuNSA1LjUgMS40MTQtMS40MTQtNS41LTUuNUwtLjcwNy43MDd6bTYuOTE0IDUuNWw1LjUtNS41LTEuNDE0LTEuNDE0LTUuNSA1LjUgMS40MTQgMS40MTR6Ii8+PC9kZWZzPjwvc3ZnPg==);
    position: absolute;
    right: 0;
    top: -1px;
    background-position: center right;
    background-size: auto 9px;
    background-repeat: no-repeat;
    opacity: 0.5;
}

#grp-breadcrumbs>ul>li:hover>a:before {
    opacity: 1;
}

#grp-breadcrumbs>ul>li>a:hover {
    text-decoration: none;
}

.grp-module.grp-submit-row>ul {
    margin-top: 0;
}

.grp-module.grp-submit-row>ul>li {
    padding: 10px;
}

#container {
    clear: both;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

#grp-content {
    flex: 1;
}

.custom-footer {
    margin-top: 100px;
    max-width: 100%;
    height: 50px;
    background-color: #fff;
    padding: 15px 5px 0 50px;
}

.custom-footer input {
    width: 70%;
}

#customSelect {
    max-width: 70px;
}

.custom-footer button {
    margin: 0;
    width: 7%;
    height: 34px;
    background-color: #023462;
    border: 1px solid #D7D7D7;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
}

.custom-footer button:hover {
    background-color: #fff;
    color: #023462;
}

.custom-raw-id {
    max-width: 10%;
}

.hidden-select-btn {
    display: none;
}

#custom-table {
    min-width: 64vw !important;
}

/****************************************************************
Custom action footer styling
****************************************************************/

.grp-fixed-footer {
    background: #f7f7f7;
}

.grp-fixed-footer ul li.grp-changelist-actions {
    width: 100%;
}

.grp-fixed-footer ul li.grp-changelist-actions.grp-float-left {
    width: calc(100% - 10px);
}

.grp-fixed-footer ul li.grp-changelist-actions .grp-changelist-actions {
    display: flex;
    align-items: center;
}

.grp-fixed-footer ul li.grp-changelist-actions .grp-changelist-actions button[type="submit"] {
    order: 2;
    margin-left: auto;

    background: #023462;
    border: 1px solid #023462 !important;
    color: #fff;
    font-weight: normal;
    border-radius: 3px !important;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    opacity: 1;
    transition-duration: .25s;
    transition-timing-function: ease;
}

.grp-fixed-footer ul li.grp-changelist-actions .grp-changelist-actions button[type="submit"]:hover,
.grp-fixed-footer ul li.grp-changelist-actions .grp-changelist-actions button[type="submit"]:focus {
    border: 1px solid #345c81 !important;
    background: #345c81;
    opacity: 1;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    transition-duration: .25s;
    transition-timing-function: ease;
}

.grp-changelist-actions .grp-action-counter {
    background: none;
    border: 0 !important;
}

.grp-changelist-actions .grp-action-counter .grp-button.grp-button-state-inactive.grp-action-counter {
    background: none !important;
    color: #25242F !important;
}

/*
Thumbnail styles
*/

tr>th[class^="column-"][class$="_thumbnail"],
tr>th[class^="field-"][class$="_thumbnail"],
tr>td[class^="field-"][class$="_thumbnail"] {
    width: 0.5rem;
}


/*
Table styles
*/
.inline-group.grp-group.grp-tabular {
    overflow-x: auto;
}

table.grp-table thead th {
    /* Draw vertical line between cells */
    border-right: 1px solid #dcdcdc;
}

table.grp-table tbody tr td,
table.grp-table tbody tr th {
    vertical-align: middle;
}

.grp-table img.grp-help-tooltip {
    position: relative;
    left: -5px;
    top: -5px;
}

/*
Currency field should not be too wide
*/
select[id*="amount"] {
    width: 10em;
}

/* The client does not like the default red icon for boolean fields with the value False */
img[src="/static/admin/img/icon-no.svg"] {
    filter: grayscale(100%);
}

/* Dashboard styling */
.dashboard h3.module_title {
    font-size: 16px !important;
    background-color: ghostwhite !important;
    font-style: italic !important;
    color: dimgrey !important;
}

/* Auto complete select2 fix */
.select2-search__field {
    min-width: 2rem;
}

.store-button {
    display: block;
    margin: auto;
    height: 40px;
    /* Adjust as needed */
    width: 135px;
    /* Adjust as needed */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.app-store-link {
    background-image: url('../images/ios_app_store.svg');
}

.google-play-link {
    background-image: url('../images/google-play-badge.png');
}

.app-link {
    margin: 10px;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s;
}

.app-link:hover {
    background-color: var(--silver-light-color);
}

.grp-row ul.errorlist {
    clear: both;
}

label.required:after {
    content: "*";
    color: red;
    position: relative;
}

label.required:hover::before {
    content: "This is a required field";
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    padding: 5px 10px;
    position: absolute;
    left: 30px;
    top: -5px;
    white-space: nowrap;
    z-index: 10000000;
    box-shadow: 0px 0px 5px #0008;
    display: block;
    visibility: visible;
    opacity: 0.8;
    transition: opacity 2s;
}

.text-danger {
    color: red;
}

.error-message {
    font-size: 0.875em;
    margin-top: 2px;
}

.aji-right-panel .c-2,
.aji-right-panel .grp-related-widget-wrapper,
.aji-right-panel .grp-related-widget {
    width: 100%;
}
.aji-right-panel .select2-container--admin-autocomplete.select2-container {
    width: 100% !important;
}
div.aji-left-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

div.aji-left-panel>fieldset.aji-flex-1 {
    flex: 1;
}

div.aji-left-panel>fieldset.aji-flex-2 {
    flex: 2;
}

div.aji-left-panel>fieldset.aji-flex-3 {
    flex: 3;
}

.grp-filter .select2-container--admin-autocomplete {
    width: 100% !important;
    min-width: unset;
}
/****************************************************************
Datepicker navigation arrows fix
****************************************************************/

/* Force display of navigation arrows */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block !important;
    position: static !important;
    width: 16px !important;
    height: 16px !important;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 !important;
}

/* Previous arrow (left) */
.ui-datepicker .ui-datepicker-prev span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23444444'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
    background-size: 16px 16px;
    background-position: center;
}

/* Next arrow (right) */
.ui-datepicker .ui-datepicker-next span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23444444'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
    background-size: 16px 16px;
    background-position: center;
}

/* Ensure navigation buttons are properly positioned and visible */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    background-color: transparent !important;
    cursor: pointer !important;
    z-index: 10;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 8px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 8px !important;
}

/* Hover effects for navigation arrows */
.ui-datepicker .ui-datepicker-prev:hover span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23023462'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
}

.ui-datepicker .ui-datepicker-next:hover span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23023462'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
}

/* Override any conflicting spritesheet styles */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background-image: none !important;
    background-position: initial !important;
}