.centerObject {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.leftMenu {
    background-color: #1f282c;
    font-size: 18px;
    min-height: 100%;
    /*height: 100vh;*/
    line-height: 200%;
    display: block;
}

#upper-left-menu-part {
    background-image: url("../../assets/img/dot_pattern001.png");
    padding-left: 15px;
    padding-right: 15px;
}

#admin-panel-wrapper {
    background: #011b3e;
    padding: 15px 15px 2px;
}

.blue-thin-separator {
    background: #006bac;
    width: 100%;
    height: 2px;
}

.white-bold-separator {
    background: white;
    width: 100%;
    height: 3px;
}

.menu-separator {
    margin-left: -15px;
    width: calc(100% + 30px);
    height: 1px;
    background: #828282;
}

.global {
    margin: 0;
}

.leftMenu ul {
    list-style-type: none;
    padding: 0;
    display: block;
}

.leftMenu ul li a {
    text-decoration: none;
    color: #afc0c8;
    display: block;

}

.leftMenu ul li:hover {
    background-color: #333b3f;
}

.leftMenu .submenu {
    background-color: #273439;
}

.leftMenu .submenu a {
    color: #afc0c8;

}

.container-navbar {
    /*margin: -2px auto 2% 3%;*/
}

.navbar-default {
    margin: 0 auto !important;
    background-color: black !important;
    height: 60px !important;
}

.navbar {
    position: inherit;
}

.titleBar {
    float: left;
    margin: 0.5% auto 0.5% 2%;
    text-align: center;
    color: #eee;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
}

.subMenuClosedarrow {
    font-size: 17px;
}

.fa-sign-out {
    color: white;
}

.personal-table tbody tr:nth-child(even) {
    background-color: #e2e8e8;
}

.personal-table tbody tr:nth-child(odd) {
    background-color: white;
}

.personal-table-header {
    background-color: #1f282c;
    color: white;
}

.personal-table {
    display: inline-table;
}

#addEditSimpleFormContainer {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.emptySpace {
    background-color: white;
    width: 100%;
    height: 50px;
}

.tab-content {
    background-color: white;
}

.personalTabs {
    margin-top: 45px;
}

.personalTabs ul li a {
    text-decoration: none;
    color: white;
    background-color: #1f282c;
    font-weight: 600;
}

.personalTabs ul li.active a {
    text-decoration: none;
    color: #1f282c;
    background-color: white;
    font-weight: 600;
}

.personalTabs ul li a:hover {
    text-decoration: none;
    color: #1f282c;
    background-color: white;
    font-weight: 600;
    opacity: 0.5;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.modal {
    overflow-y: hidden;
    overflow-x: hidden;
}

.modal-dialog {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.modal-content {
    /*min-width: 70%;*/
    margin: 0 auto;
}

.btn-select {
    position: relative;
    padding: 0;
    min-width: 150px;
    width: 100%;
    border-radius: 0;
    margin-bottom: 20px;
}

.btn-select .btn-select-value {
    padding: 6px 12px;
    display: block;
    position: absolute;
    left: 0;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.btn-select .btn-select-arrow {
    float: right;
    line-height: 20px;
    padding: 6px 10px;
    top: 0;
}

.btn-select ul {
    display: none;
    background-color: white;
    color: black;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none !important;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 33px;
    z-index: 999;
}

.btn-select ul li {
    padding: 3px 6px;
    text-align: left;
}

.btn-select ul li:hover {
    background-color: #f4f4f4;
}

.btn-select ul li.selected {
    color: white;
}

.btn-select.btn-primary:hover, .btn-select.btn-primary:active, .btn-select.btn-primary.active {
    border-color: #286090;
}

.btn-select.btn-primary ul li.selected {
    background-color: #2e6da4;
    color: white;
}

.btn-select.btn-primary ul {
    border: #2e6da4 1px solid;
}

.btn-select.btn-primary .btn-select-value {
    background-color: #428bca;
    border: #2e6da4 1px solid;
}

.btn-select.btn-primary:hover, .btn-select.btn-primary.active {
    background-color: #286090;
}

.overlay {
    z-index: 1000000000;
}

.overlay:hover {
    cursor: wait;
}

.checkbox-label {
    font-weight: 600;
    margin-right: 10px;
}

.form-input-box {
    max-width: 100%;
}

#shops_display_as_box, #colors_display_as_box, #fountains_order_display_as_box {
    display: none;
}

#settingsPropertiesTable textarea {
    max-width: 300px;
}

#settingsPropertiesTable input {
    max-width: 200px;
}

#backofficeLogo {
    max-height: 100px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

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

.breadcrumbs-btn {
    border: none;
    padding: 0;
    background: none;
}

.breadcrumbs-btn:hover {
    cursor: pointer;
}

.crud-description {
    font-size: 10px;
    font-style: italic;
}

.description-under-label {
    font-size: 10px;
    font-style: italic;
}

.languageFlag:hover {
    cursor: pointer;
}

.languageFlag {
    margin-right: 5px;
}

.admin-panel-title {
    color: #afc0c8;
    font-size: 14px;
}

.admin-panel-select {
    font-size: 14px;
}

#adminTable td {
    border-top: 0;
    padding: 4px;
}

#adminTable select {
    width: 100%;
}

.croppie-container {
    max-height: 40%;
}

#filterModal {
    background: white;
    display: none;
    position: absolute;
    z-index: 99999;
    padding: 10px 20px 20px;
    box-shadow: 0 0 10px #0c0c0c;
    width: 550px;
}

#filterModalTriangle {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid black;
    margin-top: -18px;
    margin-bottom: 15px;
}

#filterModal td {
    height: 40px;
    padding-right: 20px;
}

#filterModal td > label:hover {
    cursor: pointer;
    text-decoration: underline;
}

#filterModal .separator {
    background-color: black;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 1px
}

#filterModalSelectAll {
    float: right;
    cursor: pointer;
}

#filterModalApplyBtn {
    float: right;
    margin-top: 10px;
}

#filterModalCancelBtn {
    float: left;
    margin-top: 10px;
}

.filter-modal-selected-actions {
    min-width: 135px;
}

.selectize-input {
    min-width: 300px;
}

.importPopupMedia {
    max-height: 600px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cr-boundary {
    max-height: 520px !important;
}

.cr-rotate-l {
    background-image: url("../img/baseline-rotate_left-24px.svg");
}

.cr-rotate-r {
    background-image: url("../img/baseline-rotate_right-24px.svg");
}

.permissions-name {
    max-width: 300px;
    word-wrap: break-word;
}

.modal-body {
    max-height: 70vh;
    overflow-y: auto;
}

.LocalizedValuesTable {
    display: inline-table;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.cropper-button {
    transform: scale(1.5, 1.5);
    margin-left: 20px;
}

.cropper-zoom-range {
    width: 50% !important;
    float: left;
}

.infinity-grid {
    display: inline-grid;
    margin-right: 10px;
}

.existing-media-container {
    max-height: 70%;
}

.media-checkbox-bg {
    width: 37px;
    height: 37px;
    position: absolute;
    top: 120px;
    right: 10px;
}

.media-checkbox-mark {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 126px;
    right: 16px;
}

.media-selected {
    opacity: 1;
}

.media-not-selected {
    opacity: 0.5;
}

.global-content {
    background-color: #eee;
    min-height: 100%;
}

body {
    background-color: #1f282c !important;
}

.btn-aji {
    color: #fff !important;
    background-color: #0D93DC !important;
    border-color: #0D93DC !important;
    text-decoration: none !important;
    background-image: unset !important;
}

.btn-aji:hover,
.btn-aji:focus,
.btn-aji:active,
.btn-aji.active,
.open .dropdown-toggle.btn-aji {
    color: #fff;
    text-decoration: none;
    background-color: #0D84CD !important;
    background: #0D84CD !important;
    border-color: #0D84CD !important;
}

.btn-aji:active,
.btn-aji.active,
.btn-aji {
    background-image: none;
}

.btn-aji.disabled,
.btn-aji[disabled],
fieldset[disabled] .btn-aji,
.btn-aji.disabled:hover,
.btn-aji[disabled]:hover,
fieldset[disabled] .btn-aji:hover,
.btn-aji.disabled:focus,
.btn-aji[disabled]:focus,
fieldset[disabled] .btn-aji:focus,
.btn-aji.disabled:active,
.btn-aji[disabled]:active,
fieldset[disabled] .btn-aji:active,
.btn-aji.disabled.active,
.btn-aji[disabled].active,
fieldset[disabled] .btn-aji.active {
    background-color: rgba(13, 147, 220, 0.60) !important;
    background: rgba(13, 147, 220, 0.60) !important;
    border-color: rgba(13, 147, 220, 0.60) !important;
}

.btn-aji-gc {
    padding-top: .4em;
    padding-bottom: .4em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.chosen-search input {
    width: 100% !important;
    height: 40px !important;
}

.form-input-box .select2 {
    width: 500px;
    height: 40px;
}

.form-input-box .chosen-container {
    width: 500px;
}

.form-input-box .chosen-container .chosen-single {
    height: 40px;
    padding-top: 5px;
}

.form-input-box .chosen-container .chosen-single div {
    top: 5px;
}

.form-input-box .chosen-container .chosen-single abbr {
    top: 10px;
}

.form-input-box .select2 .select2-selection {
    padding-top: 5px;
    height: 40px;
}

.form-input-box .select2 .select2-selection .select2-selection__arrow {
    top: 5px;
}

.form-input-box .selectize-control {
    width: 500px;
}

.form-input-box .selectize-control .selectize-input {
    min-height: 40px;
}

.form-input-box > input {
    height: 40px !important;
    min-width: 200px;
}

.form-input-box > select {
    width: 500px;
    height: 40px;
}

#media_tags_tagsSelect {
    width: 500px !important;
}

.remove-media-btn {
    width: 40px;
    height: 40px;
    margin-left: 10px;
}

.personal-table input {
    max-width: 300px;
}

#import-popup-table td {
    height: 40px;
}

input[type='range']::-moz-focus-outer {
    border: 0;
}

.news-item-filter-checkbox {
    margin-left: 5px;
}

.blur-weak {
    -webkit-filter: blur(1.5px);
    -moz-filter: blur(1.5px);
    -o-filter: blur(1.5px);
    -ms-filter: blur(1.5px);
    filter: blur(1.5px);
    width: 100px;
    height: 100px;
    background-color: #ccc;
}

.blur-strong {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    width: 100px;
    height: 100px;
    background-color: #ccc;
}

.selectize-dropdown-content {
    max-height: 110px !important;
}

.touchblocker {
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

.value-media-button-part {
    padding-left: 10px;
    padding-bottom: 5px;
}

.definition-media-button-part {
    padding-left: 5px;
    padding-bottom: 5px;
}

#visibilityTable {
    min-width: 300px;
}

#existingMediaPopup .select2 {
    width: 50%;
}

.numberDefTable td {
    padding-bottom: 3px;
    padding-top: 3px;
}

.overlayProgressBarWrapper {
    width: 700px;
    background-color: #00a8ff;
    position: fixed;
    top: 65%;
    left: 50%;
    margin-left: -359px
}

.overlayProgressBar {
    width: 1%;
    height: 20px;
    background-color: #00264c;
}

.overlayProgressBarText {

    position: absolute;
    top: 0;
    left: 49%;
    color: white;
}

/*.select2-results__options .select2-results__option[aria-disabled=true] {*/
/*display: none;*/
/*}*/

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

#fountainFilters td {
    padding-top: 10px;
    padding-left: 20px
}

.comment-short:hover .comment-full{
    visibility: visible;

}

.comment-full{
    visibility: hidden;
    width: 200px;
    background-color: #1f282c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    white-space: break-spaces;
    word-wrap: break-word;

    /* Position the tooltip */
    position: absolute;
    z-index: 10;
}

.multiline-gc-field:not(:first-child){
    margin-top: 5px;
}