html,
body {
    height: 100%;
}

body {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 16px;
    color: #4A4A4A;
    line-height: 23px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding-bottom: 20px;
}

a:hover {
    color: #E76C00;
    text-decoration: none;
}

.footer {
    height: 60px;
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0.14px;
}

.footer a {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0.14px;
}

.footer a:hover {
    color: #E76C00;
}

.footer .container {
    border-top: 1px solid #E76C00;
    padding-top: 18px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.field-sampledatasearch-date {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .nav li > form > button.logout {
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}

@font-face {
    font-family: "ALSEkibastuz-Regular";
    src: url("../fonts/ALSEkibastuz-Regular.otf");
}

@font-face {
    font-family: "ALSEkibastuz-Black";
    src: url("../fonts/ALSEkibastuz-Black.otf");
}

@font-face {
    font-family: "ALSEkibastuz-Bold";
    src: url("../fonts/ALSEkibastuz-Bold.otf");
}

@font-face {
    font-family: "ALSEkibastuz-Light";
    src: url("../fonts/ALSEkibastuz-Light.otf");
}

.site-header {
    height: 100px;
}

.site-header .header-logo {
    float: left;
}

.site-header .header-logo a {
    display: block;
}

.site-header .header-logo a img {
    display: block;
    height: 100px;
}

.site-header .header-title {
    float: left;
    margin-left: 10px;
    width: 235px;
}

.site-header .header-title .pre-title {
    font-family: ALSEkibastuz-Regular, sans-serif;
    font-size: 14px;
    color: #E76C00;
    letter-spacing: 0.15px;
    line-height: 16px;
    margin-top: 20px;
    display: block;
}

.site-header .header-title .title {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 22px;
    color: #000000;
    letter-spacing: 1.14px;
    line-height: 22px;
    margin-top: 3px;
    display: block;
}

.site-header .header-title .title:hover {
    text-decoration: none;
}

.site-header .header-menu {
    margin-left: 340px;
}

.site-header .header-menu .user-menu-wrapper {
    margin-top: 20px;
    margin-bottom: 0;
    height: 24px;
}

.site-header .header-menu ul.user-menu {
    float: right;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #000000;
    letter-spacing: 0.73px;
}

.site-header .header-menu ul.user-menu > li {
    display: block;
    float: left;
    position: relative;
    margin-left: 12px;
}

.site-header .header-menu ul.user-menu > li > a {
    line-height: 28px;
    color: #000000;
}

.site-header .header-menu ul.user-menu > li > a:hover {
    text-decoration: none;
    color: #E76C00;
}

.site-header .header-menu ul.user-menu .user-profile-menu {
    position: relative;
    top: -5px;
}

.site-header .header-menu ul.user-menu .user-profile-menu .user-profile-menu-icon {
    display: block;
    width: 29px;
    height: 29px;
    background-color: #cccccc;
    border: 2px solid #E76C00;
    border-radius: 50%;
}

.site-header .header-menu ul.user-menu .user-profile-menu .dropdown-menu > li > a {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.15px;
    line-height: 16px;
}

.site-header .header-menu ul.user-menu .user-profile-menu .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #E76C00;
    background-color: inherit;
}

.site-header .header-menu ul.user-menu .user-profile-menu .btn-link {
    padding: 3px 20px;
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.15px;
    line-height: 16px;
}

.site-header .header-menu ul.user-menu .user-profile-menu .btn-link:hover {
    text-decoration: none;
    color: #E76C00;
    background-color: inherit;
}

.site-header .header-menu .user-menu .send-message-link {
    display: block;
    width: 27px;
    height: 19px;
    background: url("../design/mail.svg");
}

.site-header .header-menu .site-menu-wrapper {
    margin-top: 20px;
}

.site-header .header-menu .site-menu-wrapper .site-menu .nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 9px;
    padding-right: 9px;
    color: #000000;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    letter-spacing: 0.83px;
    text-transform: uppercase;
    line-height: 18px;
}

.site-header .header-menu .site-menu-wrapper .site-menu .nav > li > a:hover {
    background-color: inherit;
    color: #E76C00;
}

.site-header .header-menu .site-menu-wrapper .site-menu .dropdown-menu a {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.15px;
    line-height: 16px;
}

.site-header .header-menu .site-menu-wrapper .site-menu .dropdown-menu a:hover {
    text-decoration: none;
    color: #E76C00;
    background-color: inherit;
}

.site-header .header-menu .site-menu-wrapper .site-menu .nav .open > a {
    background-color: inherit;
}

.site-separator {
    background-image: linear-gradient(-135deg, #E76C00 0%, #A61F71 100%);
    height: 4px;
}

.site-separator-shadow {
    opacity: 0.11;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000000 100%);
    height: 13px;
}

h1 {
    font-family: Georgia-Bold, Georgia, Times, 'Times New Roman', serif;
    font-size: 36px;
    color: #000000;
    margin-top: 13px;
}

h1 small {
    font-family: ALSEkibastuz-Light, sans-serif;
    font-size: 30px;
    color: #000000;
    letter-spacing: 0.32px;
    line-height: 33px;
}

.page-toolbar {
    margin-top: 17px;
}

/*
 * OPENLAYERS
 */
.ol-mouse-position {
    top: 8px;
    right: 8px;
    position: absolute
}

.ol-scale-line {
    background: #95b9e6;
    background: rgba(0, 60, 136, .3);
    border-radius: 4px;
    bottom: 8px;
    left: 8px;
    padding: 2px;
    position: absolute
}

.ol-scale-line-inner {
    border: 1px solid #eee;
    border-top: none;
    color: #eee;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents, width
}

.ol-overlay-container {
    will-change: left, right, top, bottom
}

.ol-unsupported {
    display: none
}

.ol-viewport .ol-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.ol-control {
    position: absolute;
    background-color: #eee;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 4px;
    padding: 2px
}

.ol-control:hover {
    background-color: rgba(255, 255, 255, .6)
}

.ol-zoom {
    top: .5em;
    left: .5em
}

.ol-rotate {
    top: .5em;
    right: .5em;
    transition: opacity .25s linear, visibility 0s linear
}

.ol-rotate.ol-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s linear, visibility 0s linear .25s
}

.ol-zoom-extent {
    top: 4.643em;
    left: .5em
}

.ol-full-screen {
    right: .5em;
    top: .5em
}

@media print {
    .ol-control {
        display: none
    }
}

.ol-control button {
    display: block;
    margin: 1px;
    padding: 0;
    color: #fff;
    font-size: 1.14em;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    height: 1.375em;
    width: 1.375em;
    line-height: .4em;
    background-color: #7b98bc;
    background-color: rgba(0, 60, 136, .5);
    border: none;
    border-radius: 2px
}

.ol-control button::-moz-focus-inner {
    border: none;
    padding: 0
}

.ol-zoom-extent button {
    line-height: 1.4em
}

.ol-compass {
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    will-change: transform
}

.ol-touch .ol-control button {
    font-size: 1.5em
}

.ol-touch .ol-zoom-extent {
    top: 5.5em
}

.ol-control button:focus, .ol-control button:hover {
    text-decoration: none;
    background-color: #4c6079;
    background-color: rgba(0, 60, 136, .7)
}

.ol-zoom .ol-zoom-in {
    border-radius: 2px 2px 0 0
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 2px 2px
}

.ol-attribution {
    text-align: right;
    bottom: .5em;
    right: .5em;
    max-width: calc(100% - 1.3em)
}

.ol-attribution ul {
    margin: 0;
    padding: 0 .5em;
    font-size: .7rem;
    line-height: 1.375em;
    color: #000;
    text-shadow: 0 0 2px #fff
}

.ol-attribution li {
    display: inline;
    list-style: none;
    line-height: inherit
}

.ol-attribution li:not(:last-child):after {
    content: " "
}

.ol-attribution img {
    max-height: 2em;
    max-width: inherit
}

.ol-attribution button, .ol-attribution ul {
    display: inline-block
}

.ol-attribution.ol-collapsed ul {
    display: none
}

.ol-attribution.ol-logo-only ul {
    display: block
}

.ol-attribution:not(.ol-collapsed) {
    background: rgba(255, 255, 255, .8)
}

.ol-attribution.ol-uncollapsible {
    bottom: 0;
    right: 0;
    border-radius: 4px 0 0;
    height: 1.1em;
    line-height: 1em
}

.ol-attribution.ol-logo-only {
    background: 0 0;
    bottom: .4em;
    height: 1.1em;
    line-height: 1em
}

.ol-attribution.ol-uncollapsible img {
    margin-top: -.2em;
    max-height: 1.6em
}

.ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button {
    display: none
}

.ol-zoomslider {
    top: 4.5em;
    left: .5em;
    width: 24px;
    height: 200px
}

.ol-zoomslider-thumb {
    position: absolute;
    background: #7b98bc;
    background: rgba(0, 60, 136, .5);
    border-radius: 2px;
    cursor: pointer;
    height: 10px;
    width: 22px;
    margin: 3px
}

.ol-touch .ol-zoomslider {
    top: 5.5em;
    width: 2.052em
}

.ol-touch .ol-zoomslider-thumb {
    width: 1.8em
}

.ol-overviewmap {
    left: .5em;
    bottom: .5em
}

.ol-overviewmap.ol-uncollapsible {
    bottom: 0;
    left: 0;
    border-radius: 0 4px 0 0
}

.ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button {
    display: inline-block
}

.ol-overviewmap .ol-overviewmap-map {
    border: 1px solid #7b98bc;
    height: 150px;
    margin: 2px;
    width: 150px
}

.ol-overviewmap:not(.ol-collapsed) button {
    bottom: 1px;
    left: 2px;
    position: absolute
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button {
    display: none
}

.ol-overviewmap:not(.ol-collapsed) {
    background: rgba(255, 255, 255, .8)
}

.ol-overviewmap-box {
    border: 2px dotted rgba(0, 60, 136, .7)
}

/*
* TOOLTIPS
 */
.ol-full-screen {
    left: .5em;
    top: 4.2em;
    right: initial;
}

.ol-ruler-interaction-button {
    left: .5em;
    top: 6.7em;
    right: initial;
}

.ruler-icon {
    background-image: url("../design/ruler-icon.png");
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
}

.ol-center-on-map-marker-button {
    left: .5em;
    top: 8.5em;
    right: initial;
}

.ol-restore-last-marker-position-button {
    left: .5em;
    top: 10.3em;
    right: initial;
}

.back-arrow-icon {
    background-image: url("../design/icon-back-arrow.png");
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
}

.ol-tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
    font-size: 12px;
}

.ol-tooltip-measure {
    opacity: 1;
    font-weight: bold;
}

.ol-tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}

.ol-tooltip-measure:before,
.ol-tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}

.ol-tooltip-static:before {
    border-top-color: #ffcc33;
}

/**
 * Grid view
 */
.grid-view {
    background: #FDF1E6;
}

.grid-view .table > thead > tr > th {
    border: 0;
    padding-top: 8px;
    padding-bottom: 3px;
    padding-left: 16px;
    vertical-align: middle;
    padding-right: 16px;
}

.grid-view .table > thead > tr > th,
.grid-view .table > thead > tr > th > a {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0.23px;
    font-weight: normal;
}

.grid-view .table > tbody > tr > td {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;

    font-family: ALSEkibastuz-Regular, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.05px;
    line-height: 18px;
}

.grid-view thead > tr {
    background-image: linear-gradient(90deg, #edccd2 0%, #f9dabd 100%);
    background-attachment: fixed;
}

.grid-view thead > tr.filters {
    background-image: none;
}

.grid-view td.action-column-td {
    padding: 8px !important;
}

.grid-view td.action-column-td a + a {
    margin-left: 8px;
}

.grid-view table {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

.grid-view table + .pagination {
    float: right;
}

.grid-view .pagination {
    margin: 0;
    padding: 20px 8px;
}

.grid-view .pagination a,
.grid-view .pagination .disabled span {
    color: #6A6A6A;
    background-color: transparent;
}

.grid-view .pagination > .active > a {
    background: #E76C00;
    color: #ffffff;
    border-color: #E76C00;
}

.grid-view .pagination > .prev > a,
.grid-view .pagination > .next > a {
    color: #E76C00;
}

.grid-view .summary {
    height: 76px;
    line-height: 76px;
    padding-left: 16px;
    font-size: 15px;
}

.grid-view .top-controls {
    position: absolute;
    background-color: #fcf3ea;
    width: 980px;
}

.modal .grid-view .top-controls {
    position: absolute;
    background-color: #fcf3ea;
    width: 958px;
}

.grid-view .top-controls .pagination {
    float: right;
    padding: 3px 8px;
}

.grid-view .top-controls .summary {
    height: 42px;
    line-height: 42px;
}

.grid-view .top-controls + .table {
    margin-top: 42px;
}

.grid-view .status-select .select2-selection__arrow {
    display: none;
}

.grid-view .quality-select .select2-selection__arrow {
    display: none;
}

#jsDuplicate input.select2-search__field {
    width: 100% !important;
}

.tag-max-width {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

/*
 * Blog
 */
.blog-post {
    margin-top: 18px;
}

.blog-post .post-meta-date {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.15px;
    line-height: 16px;
}

.blog-post .post-meta-author {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0.14px;
    line-height: 16px;
}

.blog-post .post-image img {
    object-fit: cover;
    /*width: 100%;*/
    height: 450px;
    margin: 0 auto;
}

.blog-post h1 {
    font-family: Georgia-Bold, serif;
    font-size: 42px;
    color: #000000;
    letter-spacing: 0.45px;
    line-height: 43px;
    margin-top: 18px;
    margin-bottom: 14px;
}

/*
 * Editor content
 */
.editor-content {
    font-family: ALSEkibastuz-Regular, sans-serif;
    font-size: 16px;
    color: #4A4A4A;
    line-height: 23px;
}

.editor-content strong {
    font-family: ALSEkibastuz-Black, sans-serif;
}

.editor-content table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
}

.editor-content table tbody td {
    border: 1px solid #ddd;
    padding: 8px 16px;

    font-family: ALSEkibastuz-Regular, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.05px;
    line-height: 18px;
}

.editor-content table thead {
    background-image: linear-gradient(90deg, #edccd2 0%, #f9dabd 100%);
    background-attachment: fixed;
}

.editor-content table thead > tr > th {
    padding: 8px 16px;
    line-height: 1.42857143;
    vertical-align: bottom;

    font-family: ALSEkibastuz-Black, serif;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0.23px;
}

/*
 * NEWS
 */
.news-item .news-item-image {
    object-fit: cover;
    /*width: 100%;*/
    height: 150px;
    display: block;
    margin: 0 auto;
}

.news-item .news-item-date {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 11px;
    color: #000000;
    letter-spacing: 0.12px;
    line-height: 16px;
    margin-top: 10px;
}

.news-item h4 {
    font-family: Georgia-Bold, sans-serif;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.22px;
    line-height: 18px;
    margin-top: 4px;
    margin-bottom: 6px;
}

.news-item h4 a {
    color: #000000;
}

.news-item h4 a:hover {
    color: #E76C00;
    text-decoration: none;
}

.other-news {
    margin-top: 20px;
}

/*
 * Various
 */
.max-width {
    width: 100%;
}

.link-dashed {
    border-bottom: 1px dashed;
    cursor: pointer;
}

.krajee-default.file-preview-frame .kv-file-content {
    width: 200px !important;
    height: 140px !important;
}

.file-preview .fileinput-remove {
    display: none;
}

.img-cover {
    object-fit: cover;
    width: 100%;
}

.pointer {
    cursor: pointer;
}

.ias-noneleft {
    padding-top: 20px;
    padding-bottom: 20px;
}

/*
 * Modal
 */
.jsModal h1 {
    font-family: ALSEkibastuz-Regular, serif;
    font-size: 24px;
    color: #000000;
    letter-spacing: 0;
    line-height: 31px;
    margin-top: 0;
}

.jsModal h1.thank-you {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
    text-align: center;
}

.jsModal h1 strong {
    font-family: ALSEkibastuz-Black, serif;
}

.jsModal .modal-header {
    border-bottom: none;
}

.jsModal .modal-footer {
    border-top: none;
}

.jsModal form {
    font-family: ALSEkibastuz-Bold, serif;
    color: #4A4A4A;
}

.jsModal .inner-header {
    font-family: ALSEkibastuz-Black, serif;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0.13px;
}

.jsModal .modal-header {
    background-color: #E76C00;
}

.jsModal .modal-header .close {
    opacity: 1;
    color: #ffffff;
}

.jsModal .modal-header .close span {
    text-shadow: none;
}

/*
 * BUTTONS
 */
.btn-rainbow {
    background-image: linear-gradient(135deg, #e76c00 0%, #b83452 73%, #a61f71 100%);
    color: #FFFFFF;
    /*border-color: #FFFFFF;*/
}

.btn-rainbow:hover {
    background-image: linear-gradient(165deg, #e76c00 0%, #b83452 73%, #a61f71 100%);
    color: #FFFFFF;
}

.btn {
    font-family: ALSEkibastuz-Black, serif;
    font-size: 13px;
    letter-spacing: 0.73px;
}

.btn-lg {
    padding-top: 14px;
    padding-bottom: 13px;
    padding-left: 20px;
    padding-right: 20px;
}

/*
 * FORMS
 */
label {
    font-family: ALSEkibastuz-Bold, serif;
}

.control-label {
    font-size: 10px;
    color: #6A6A6A;
    line-height: 12px;
}

.select2-results {
    font-size: 14px;
}

.select2-container--krajee .select2-selection__clear {
    opacity: 1 !important;
    background-color: #ffffff;
    line-height: 20px;
    cursor: pointer;
}

.dropdown-150 {
    width: 150px !important;
}

.dropdown-200 {
    width: 200px !important;
}

.dropdown-250 {
    width: 250px !important;
}

.dropdown-300 {
    width: 300px !important;
}

/*
 * SUBMENU
 */

.submenu {
    font-size: 18px;
    margin-bottom: 10px;
}

.submenu li.active a {
    background-color: inherit;
    color: #E76C00;
}

.submenu a {
    color: #212121;
    letter-spacing: 0.12px;
}

.submenu a:hover {
    color: #E76C00 !important;
    background-color: inherit !important;
}

.submenu .nav > li > a {
    padding-left: 0;
    padding-right: 20px;
}

/*
 * LonLat
 */
.dms-input .input-group .form-control {
    float: left;
    width: 33.3%;
}

.dms-input .input-group .form-control.central-input {
    border-left: none;
    border-right: none;
}

/*
 * MAP
 */
#map,
#photo-map {
    width: 100%;
    border: 1px solid black;
    clear: both;
    position: relative;
}

.map-filters {
    margin-bottom: 18px;
}

#popup {
    width: 214px !important;
}

#popup-map {
    width: 214px !important;
}

#map .popover {
    max-width: 100%;
}

#map .popover .popover-content {
    padding: 9px 7px;
}

#map .popover .photo-container {
    margin-bottom: 14px;
}

#map .popover .photo-container a {
    display: block;
    width: 42px;
    height: 42px;
    background-color: #ededed;
    float: left;
    margin-right: 5px;
}

#map .popover .photo-container a img {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: cover;
}

#map .popover .photo-container .image-count {
    position: relative;
    width: 42px;
    height: 42px;
    bottom: 42px;
    text-align: center;
    color: white;
    font-size: 140%;
    display: block;
    line-height: 42px;
    font-weight: bold;
}

#map .popover .dl-horizontal dt {
    text-align: left;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 12px;
    color: #212121;
    letter-spacing: -0.01px;
    line-height: 15px;
    font-weight: normal;
    width: auto;
}

#map .popover .dl-horizontal dd,
#map .popover .dl-horizontal dd a {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: -0.01px;
    line-height: 13px;
}

#map .popover .dl-horizontal dd {
    margin-bottom: 7px;
    margin-left: 10px;
    padding-top: 1px;
}

#map .popover .dl-horizontal dd a:hover {
    color: #E76C00;
    text-decoration: none;
}

#map .popover .dl-horizontal dd.species {
    margin-left: 30px;
}

#map .popover .dl-horizontal dd.id {
    margin-left: 18px;
}

#map .popover .dl-horizontal dd.date {
    margin-left: 114px;
}

#map .popover .dl-horizontal dd.place {
    margin-left: 45px;
}

#map .popover .dl-horizontal dd.data {
    margin-left: 55px;
}

#map .popover .dl-horizontal dd.user {
    margin-left: 71px;
}

#map .popover .dl-horizontal dd.literature {
    margin-left: 80px;
}

#map .popover .dl-horizontal dd.comment {
    clear: both;
    margin-left: 0;
}

/*
 * LK
 */
.personal h2 {
    margin-top: 0;
}

.item-wrapper-link,
.item-wrapper-link-colored {
    display: block;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
}

a.item-wrapper-link:hover {
    background-color: #f7f7f7;
}

a.item-wrapper-link-colored:hover {
    background-color: #f7e0ca;
}

.draft-list-item {
    border-bottom: 1px solid #dddddd;
}

.draft-list-item .item-doi {
    display: block;
    font-family: ALSEkibastuz-Bold, serif;
    font-size: 11px;
    color: #212121;
    letter-spacing: 0.19px;
    line-height: 19px;
}

.draft-list-item h2 {
    font-family: ALSEkibastuz-Black, serif;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.35px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.draft-list-item .item-description {
    margin-bottom: 0;
    font-family: ALSEkibastuz-Bold, serif;
    font-size: 14px;
    color: #0F0F0F;
    letter-spacing: 0.25px;
    line-height: 19px;
}

.draft-list-item .item-description strong {
    font-family: ALSEkibastuz-Black, serif;
    font-size: 14px;
    color: #212121;
    letter-spacing: 0.25px;
    line-height: 19px;
}

.draft-list-item span.arrow-down {
    display: block;
    width: 22px;
    height: 14px;
    float: right;
    margin-top: 26px;
    background-image: url("../design/arrow.svg");
    background-repeat: no-repeat;
}

.draft-list-item span.arrow-up {
    display: block;
    width: 22px;
    height: 14px;
    float: right;
    margin-top: 26px;
    background-image: url("../design/arrow2.svg");
    background-repeat: no-repeat;
}

.table-colored {
    background-color: #fcf3ea;
    box-shadow: inset 0px 11px 8px -5px rgba(225, 220, 225, 0.5);
}

.sticky-footer {
    height: 80px;
    width: 980px;
    background-color: #fcf3ea;
    border-top: 1px solid #ddd;
    padding-top: 25px;
    padding-right: 20px;
}

.sticky-footer button {
    margin-left: 20px;
}

.sticky-body {
    background: #FDF1E6;
    min-height: 250px;
    height: 300px;
    overflow-y: scroll;
}

/*
 * PHOTOS
 */
.photo-item {
    margin-bottom: 32px;
    background-color: #fcf7f2;
}

.photo-item .info-column {
    padding-top: 12px;
}

.photo-item .meta-date {
    display: block;
    font-family: ALSEkibastuz-Black, serif;
    font-size: 12px;
    color: #4A4A4A;
    letter-spacing: 0.13px;
    line-height: 16px;
}

.photo-item h2 {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 24px;
    color: #000000;
    letter-spacing: 0.26px;
    line-height: 29px;
    margin-top: 0;
}

.photo-item h2 small {
    font-family: ALSEkibastuz-Light, sans-serif;
    font-size: 24px;
    color: #000000;
    letter-spacing: 0.26px;
    line-height: 29px;
}

.photo-item .btn-like {
    line-height: 14px;
    margin-top: 16px;
    width: 100%;
}

.photo-item .btn-like .like-counter {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.15px;
    line-height: 16px;
    position: relative;
    top: -3px;
}

.photo-item .btn-like .glyphicon-heart {
    font-size: 20px;
}

.photo-item hr {
    border-top: 1px solid #A11E6D;
    margin-top: 0;
}

.photo-item .comments .comments-header {
    display: block;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 12px;
    color: #4A4A4A;
    letter-spacing: 0.13px;
    line-height: 16px;
}

.photo-item .dl-horizontal dt {
    text-align: left;

    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #6A6A6A;
    letter-spacing: 0.05px;
    line-height: 18px;
    font-weight: normal;
}

.photo-item .dl-horizontal dd {
    font-family: ALSEkibastuz-Regular, sans-serif;
    font-size: 13px;
    color: #000000;
    letter-spacing: 0.23px;
    margin-bottom: 6px;
}

.info-column .jsToggleDescription {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 12px;
    color: #E76C00;
    letter-spacing: 0.08px;
    cursor: pointer;
    line-height: 16px;
    float: right;
}

.likes-column {
    padding-right: 38px;
}

.comments {
    padding-right: 26px;
    padding-bottom: 15px;
}

.comments .media-object {
    width: 30px;
    height: 30px;
}

.comment .media-body {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0.23px;
    line-height: 16px;
}

.comment .media-body strong {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #000000;
    letter-spacing: 0.23px;
}

.comments .comment-form input {
    background-color: inherit;
}

.comments .comment-form .media-left {
    padding-top: 2px;
}

.comments .comments-list .media-left > a {
    width: 30px;
    height: 30px;
    display: block;
    background-color: #cccccc;
}

.comments .comment-form .media-left > a {
    width: 30px;
    height: 30px;
    display: block;
    background-color: #cccccc;
}

.comments .comments-list {
    margin-top: 10px;
}

.photo-quality {
    margin-bottom: 20px;
}

.photo-quality a {
    width: 100px;
}

.photo-quality span {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #212121;
    letter-spacing: 0.08px;
}

/*
 * FAQ
 */
.faq-items {
    margin-top: 20px;
}

.faq-item {
    border-bottom: 1px solid #ededed;
}

.faq-item .item-header {
    font-family: Georgia-Bold, serif;
    font-size: 28px;
    color: #E76C00;
    letter-spacing: 0.3px;
    line-height: 33px;
}

.faq-item .item-header.collapsed {
    color: #000000;
}

.faq-item .item-header h2 {
    margin-top: 12px;
    background-image: url("../design/arrow2.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.faq-item .item-header.collapsed h2 {
    background-image: url("../design/arrow.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.faq-item .item-content .btn-group {
    margin-bottom: 12px;
}

/*
 * TEAM
 */
.team-item {
    margin-bottom: 30px;
}

.team-item h3 {
    margin-top: 0;
}

/*
 * OVERALL STATISTICS
 */
.overall-statistics {
    background-image: linear-gradient(45deg, #E76C00 0%, #A61F71 100%);
    font-family: ALSEkibastuz-Regular, serif;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0.14px;
    line-height: 15px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px;
}

.overall-statistics strong {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0.22px;
    line-height: 28px;
}

.overall-statistics > li {
    width: 244px;
    float: left;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.overall-statistics > li.delimiter {
    width: 1px;
    float: left;
    text-align: center;
    background-color: white;
    opacity: 0.41;
    height: 36px;
    margin-top: 3px;
}

/*
 * MAIN PAGE
 */
.top-news .top-news-link {
    display: block;
}

.top-news .top-news-link:hover .meta-date,
.top-news .top-news-link:hover .meta-authors,
.top-news .top-news-link:hover .intro-text,
.top-news .top-news-link:hover h3,
.top-news .top-news-link:hover h2 {
    color: #E76C00;
}

.top-news .meta-date {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 11px;
    color: #000000;
    letter-spacing: 0.12px;
    line-height: 16px;
    display: block;
}

.top-news .new-image-big {
    /*height: 300px;*/
    margin-bottom: 11px;
}

.top-news .new-image-small {
    /*height: 147px;*/
    margin-bottom: 8px;
}

.top-news h2 {
    font-family: Georgia-Bold, sans-serif;
    font-size: 36px;
    color: #000000;
    letter-spacing: 0.39px;
    line-height: 33px;
    margin-top: 2px;
}

.top-news h3 {
    font-family: Georgia-Bold, sans-serif;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.22px;
    line-height: 18px;
    margin-top: 2px;
}

.top-news .intro-text {
    font-family: ALSEkibastuz-Regular, serif;
    font-size: 17px;
    color: #000000;
    letter-spacing: 0.18px;
    line-height: 22px;
}

.top-news .meta-authors {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 11px;
    color: #4A4A4A;
    letter-spacing: 0.12px;
    line-height: 16px;
    display: block;
}

.top-news .small-news .intro-text {
    font-family: ALSEkibastuz-Regular, serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.15px;
    line-height: 16px;
    margin-bottom: 5px;
}

.top-news .small-news .top-news-link + .top-news-link {
    margin-top: 20px;
}

.top-photos-header {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #000000;
    letter-spacing: 0.83px;
    text-transform: uppercase;
    margin-top: 40px;
}

.top-photos .top-photo {
    height: 147px;
    margin-bottom: 8px;
}

.top-photos .species-name {
    font-family: ALSEkibastuz-Light, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.15px;
    line-height: 16px;
    margin-bottom: 2px;
}

.top-photos .species-name strong {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.15px;
    line-height: 16px;
}

.top-photos .meta-date {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 11px;
    color: #4A4A4A;
    letter-spacing: 0.12px;
    line-height: 16px;
    margin-right: 8px;
}

.top-photos .meta-author {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 11px;
    color: #4A4A4A;
    letter-spacing: 0.12px;
    line-height: 16px;
}

.top-photos-link-row {
    margin-top: 30px;
}

.top-photos-link-row .btn {
    text-transform: uppercase;
    border-radius: 2px;
}

.updates-on-main-wrapper {
    background-color: #fcf6f0;
    padding-left: 19px;
    padding-right: 14px;
    padding-top: 19px;
    padding-bottom: 8px;
}

.updates-on-main .data-items-header {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #000000;
    letter-spacing: 0.83px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.updates-on-main .data-item {
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D0CDCB;
}

.updates-on-main .data-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.updates-on-main .data-item .meta-author {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
    color: #A11E6D;
    letter-spacing: 0.14px;
    line-height: 16px;
    display: block;
    margin-bottom: 3px;
}

.updates-on-main .data-item .species a {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.15px;
    line-height: 16px;
}

.updates-on-main .data-item .species a small {
    font-family: ALSEkibastuz-Light, sans-serif;
}

.updates-on-main .data-item .species a:hover {
    color: #E76C00;
}

.updates-on-main p.species {
    margin-bottom: 0;
}

/*
 * SPECIES
 */
.species-view .dl-horizontal dt {
    text-align: left;
}

.species-view h1 {
    margin-bottom: 21px;
}

.species-view h4 {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: -0.01px;
    margin-bottom: 23px;
    margin-top: 26px;
}

.species-view p {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: -0.01px;
    line-height: 23px;
}

.species-view p.is-in-atlas {
    margin-bottom: 23px;
}

.species-view p strong,
.species-view .dl-horizontal dt {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #222222;
    letter-spacing: -0.01px;
}

.species-view .dl-horizontal dd {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: -0.01px;
    margin-bottom: 23px;
}

.photo-quality-filter label.btn.active {
    background-image: linear-gradient(135deg, #e76c00 0%, #b83452 73%, #a61f71 100%);
    color: #FFFFFF;
}

.photo-quality-filter label.btn.active:hover {
    background-image: linear-gradient(165deg, #e76c00 0%, #b83452 73%, #a61f71 100%);
    color: #FFFFFF;
}

/*
 * SUB-SUBMENU
 */


.sub-submenu {
    font-size: 18px;
    margin-bottom: 2px;
}

.sub-submenu li.active a {
    background-color: inherit;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #E76C00;
    letter-spacing: 0;
}

.sub-submenu a {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #212121;
    letter-spacing: 0;
}

.sub-submenu a:hover {
    color: #E76C00 !important;
    background-color: inherit !important;
}

.sub-submenu .nav > li > a {
    padding-left: 0;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
}

/*
 * JOURNAL
 */
.journal-like-item,
.journal-comment-item {
    min-height: 110px;
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 12px;
}

.journal-like-item .meta-date,
.journal-comment-item .meta-date {
    text-align: right;
    display: block;
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 14px;
    color: #212121;
    letter-spacing: 0.25px;
    line-height: 19px;
}

.journal-like-item h3,
.journal-comment-item h3 {
    margin-top: 0;
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0.22px;
    line-height: 20px;
}

.journal-like-item h3 strong,
.journal-comment-item h3 strong {
    font-family: ALSEkibastuz-Black, sans-serif;
}

.journal-like-item .item-text,
.journal-comment-item .item-text {
    font-family: ALSEkibastuz-Regular, sans-serif;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.06px;
    line-height: 20px;
}

/*
 * MESSENGER
 */

.messenger .treads a {
/ / font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    line-height: 40px;
}

.messenger .treads img {
    width: 40px;
    height: 40px;
    display: block;
}

.messenger .treads .list-group-item {
    padding: 5px 8px;
}

.messenger .treads .list-group-item.active {
    background-color: #FBF1E7;
    color: #555;
    border-color: #E76C00;
}

.messenger .treads .list-group-item .avatar {
    width: 40px;
    height: 40px;
    background-color: #ededed;
    border-radius: 50%;
    float: left;
}

.messenger .treads .list-group-item .user-description {
    margin-left: 46px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.messenger .current-tread .tread-header {
    border-bottom: 1px solid #ededed;
    padding: 6px 0;
}

.messenger .current-tread .tread-body {
    min-height: 200px;
    padding: 12px 0;
    overflow-y: scroll;
}

.messenger .current-tread .tread-body .media-left a {
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #ededed;
}

.messenger .current-tread .tread-body .meta-date {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 12px;
    color: #969696;
    letter-spacing: 0.25px;
    line-height: 19px;
    float: right;
}

.messenger .current-tread .tread-body h4 {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.22px;
    line-height: 20px;
}

.messenger .current-tread .tread-body p {
    font-family: ALSEkibastuz-Regular, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
}

.messenger .current-tread .tread-body .media-left a img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.messenger .current-tread .tread-footer {
    border-top: 1px solid #ededed;
    padding: 6px 0 15px 0;
}

.messenger .current-tread .tread-footer small {
    display: block;
    margin-top: 5px;
    color: #aeaeae;
}

/*
 * USER STATISTICS
 */

.user-statistics {
    margin-top: 18px;
}

.user-statistics .user-statistics-count {
    font-family: ALSEkibastuz-Light, sans-serif;
    font-size: 60px;
    color: #E76C00;
    letter-spacing: -0.04px;
    margin-bottom: 15px;
    display: block;
}

.user-statistics .user-statistics-name {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 16px;
    color: #E76C00;
    letter-spacing: -0.01px;
}

.user-statistics .user-statistics-place {
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 16px;
    color: #6A6A6A;
    letter-spacing: -0.01px;
}

/*
 * Records
 */
.record-approved {
    position: initial;
    background: #51B867;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    padding-left: 1px;
    padding-right: 2px;
    margin-right: 7px;
}

.record-rejected {
    position: initial;
    background: #337ab7;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    padding-left: 1px;
    padding-right: 2px;
    margin-right: 7px;
}

.sample-data-toggle {
    display: block;
    margin: 3px auto 0 auto;
    width: 25px;
    font-size: 160%;
    color: #E76C00;
    cursor: pointer;
}

.sample-data-toggle:hover {
    color: #E76C00;
}

.sample-data-toggle.in-sample:hover {
    color: #337ab7;
}

.in-sample {
    color: #337ab7;
}

.sample-data-toggle span:before {
    content: "\e157";
}

.in-sample span:before {
    content: "\e067";
}

.in-sample span,
.sample-data-toggle span {
    position: initial;
}

.sample-data-link {
    display: block;
    text-align: center;
}

.grid-photo-thumbnails img {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.doi-author-info {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: right;
}

.jsPhotoLightbox .modal-dialog {
    width: 98%;
}

.jsPhotoLightbox .modal-dialog .modal-content {
    background-color: #fcf7f2;
}

.jsLightboxImage {
    cursor: pointer;
}

.jsPhotoLightbox .lightbox-photo {
    margin-right: 500px;
}

.jsPhotoLightbox .lightbox-photo img {
    display: block;
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
}

.jsPhotoLightbox .lightbox-description {
    width: 500px;
    float: right;
    padding-top: 10px;
}

.jsPhotoLightbox .lightbox-description.photo-item {
    margin-bottom: 0;
}

.lightbox-photo {
    position: relative;
}

.lightbox-photo .jsPrevPhoto,
.lightbox-photo .jsNextPhoto {
    display: block;
    height: 100%;
    width: 120px;
    position: absolute;
    cursor: pointer;
}

.lightbox-photo .jsPrevPhoto {
    left: 0;
}

.lightbox-photo .jsNextPhoto {
    right: 0;
}

.lightbox-photo .jsPrevPhoto:hover,
.lightbox-photo .jsNextPhoto:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.lightbox-content {
    display: flex;
}

.jsPhotoLightbox .lightbox-photo {
    flex-grow: 1;
    margin-right: 0;
}

.lightbox-description {
    float: none;
}

.list-photo-item-photo {
    max-width: 100%;
    height: 230px;
    width: 230px;
    object-fit: cover;
}

.list-photo-item-wrapper {
    height: 230px;
    width: 230px;
    margin-bottom: 10px;
}

.photo-quality-filter-wrapper {
    margin-top: 5px;
}

/*
 *
 */
.moderation-item-wrapper-link {
    display: block;
    padding: 18px 20px;
}

a.moderation-item-wrapper-link:hover {
    background-color: #f7e0ca;
}

.moderation-item-wrapper-description {
    padding: 18px 20px;
    text-align: right;
}

.moderation-panel {
    background: #f3d8bd;
}

.moderation-panel .form-group {
    margin-bottom: 0;
}

/*
 * PUBLICATION
 */
.publication .meta-doi {
    padding: 4px 4px 3px 4px;
    background: #3FC28A;
    border-radius: 3px;

    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 0.19px;
    line-height: 19px;
}

.publication .meta-date {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #212121;
    letter-spacing: 0.09px;

    margin-left: 20px;
    padding-top: 4px;
}

.publication h1 {
    font-family: Georgia-Bold, sans-serif;
    font-size: 32px;
    color: #000000;
    letter-spacing: 0.35px;
    line-height: 34px;
    margin-top: 13px;
    margin-bottom: 17px;
}

.publication h2 {
    font-family: ALSEkibastuz-Light, sans-serif;
    font-size: 32px;
    color: #4A4A4A;
    letter-spacing: -0.02px;
    line-height: 19px;
    margin-top: 0;
    margin-bottom: 35px;
}

.publication .authors-label {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 16px;
    color: #6A6A6A;
    letter-spacing: 0.17px;
    line-height: 15px;
}

.publication .authors-rus {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 20px;
    color: #212121;
    letter-spacing: 0.13px;
    display: block;
}

.publication .authors-eng {
    font-family: ALSEkibastuz-Regular, sans-serif;
    font-size: 20px;
    color: #212121;
    letter-spacing: 0.13px;
    display: block;
}

.jsModalLarge .modal-content {
    padding: 20px 10px;
}

.jsStatusSelect {
    width: 90px;
}

.break-word {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#grid-view .desc-place {
    display: block;
    margin-bottom: 8px;
    max-width: 188px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#grid-view .title-orig {
    display: block;
    max-width: 160px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#grid-view .accuracy-data {
    display: block;
    margin-bottom: 8px;
}

#grid-view .show-on-map-link {
    display: block;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 12px;
    color: #E76C00;
    letter-spacing: 0.04px;
    line-height: 18px;
    cursor: pointer;
}

#grid-view .author {
    display: block;
    margin-bottom: 8px;
    max-width: 140px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#grid-view .date {
    display: block;
}

#grid-view .status-select {
    margin-bottom: 8px;
}

.doi-moderation-grid-view .table > tbody > tr > td {
    padding-bottom: 8px;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 980px;
    }
}

.jsModalToggle {
    cursor: pointer;
}

.taxonomy-create {
    color: #E76C00;
}

/*
 * USER PUBLIC PAGE
 */

.dl-horizontal.user-info dt {
    text-align: left;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #222222;
    letter-spacing: -0.01px;
}

.dl-horizontal.user-info dd {
    margin-bottom: 26px;
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: -0.01px;
}

.table-responsive {
    background: #FDF1E6;
}

.gridview-link {
    color: #A11E6D;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 13px;
}

.label-user-badge {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: -0.01px;
    background: #A11E6D;
    border-radius: 4px;
    position: relative;
    top: -6px;
}

#grid-view .status-select .select2-container,
#grid-view .quality-select .select2-container {
    position: initial;
}

.list-photo-items .list-photo-item {
    margin-bottom: 30px;
}

.list-photo-items .pagination {
    margin: 0;
    padding: 20px 8px;
    float: right;
}

.list-photo-items .pagination a,
.list-photo-items .pagination .disabled span {
    color: #6A6A6A;
    background-color: transparent;
}

.list-photo-items .pagination > .active > a {
    background: #E76C00;
    color: #ffffff;
    border-color: #E76C00;
}

.list-photo-items .pagination > .prev > a,
.list-photo-items .pagination > .next > a {
    color: #E76C00;
}

/*
 * INPUTS
 */

.input-lg {
    height: 40px;
    padding: 7px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 16px;
    color: #4A4A4A;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 40px;
    padding: 7px 16px;
    line-height: 1.3333333;
    font-family: ALSEkibastuz-Bold, sans-serif;
    font-size: 16px;
    color: #4A4A4A;
}

.input-lg.select2-container--krajee .select2-selection--single,
.input-group-lg .select2-container--krajee .select2-selection--single {
    border-radius: 6px;
    font-size: 16px !important;
    height: 40px !important;
    line-height: 1.3333333;
    padding: 7px 10px !important;
}

.input-lg.select2-container--krajee .select2-selection--single .select2-selection__arrow,
.input-group-lg .select2-container--krajee .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
    width: 22px;
    right: 2px;
}

/*
 * Reset bootstrap
 */

/*.container {*/
/*    width: 1000px;*/
/*    max-width: none !important;*/
/*}*/

.jsLicenseSelect {
    margin-bottom: 10px;
    width: 100%;
}

.select2-selection__clear {
    background-image: url("../design/close-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0 !important;
    background-size: 11px 11px;
    top: 1px !important;
    height: 38px;
    width: 20px;
    right: 2.4rem !important;
}

.moderation-panel .select2-selection__clear {
    height: 32px;
}

.field-photosearch-speciesid .select2-selection__clear,
.standard-size-selects .select2-selection__clear {
    height: 32px;

}

.select2-selection__arrow {
    background-color: white !important;
}

.badge {
    background-color: #F71B10 !important;
    color: white !important;
    border-radius: 4px;
    padding-top: 4px;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 11px;
    letter-spacing: -0.29px;
    position: relative;
    top: -13px;
}

.record-reserved {
    text-align: center;
    color: #c8c8c8;
    display: block;
    margin-top: 3px;
    cursor: pointer;
}

.record-reserved.active {
    display: block;
    color: #F71B10;
}

.record-reserved .glyphicon {
    position: initial;
}

.record-reserved:hover {
    opacity: 0.6;
}

.jsLike:focus {
    color: white;
}

#multipledatauploadform-file,
#publication-file {
    height: initial;
}

.sound-field-input .file-drop-zone-title {
    padding: 30px 10px;
}

dd.description-comment {
    clear: both;
    margin-left: 0;
}

dt.description-comment-title {
    margin-bottom: 4px;
    color: #E76C00 !important;
}

#jsLayerSwitch,
.jsLayerSwitch {
    width: 110px;
    position: absolute;
    height: 30px;
    bottom: 2px;
    right: 12px;
    background-color: rgba(0, 60, 136, 1);
    background-color: #7b98bc;
    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 4px;
    color: white;
    cursor: pointer;
    line-height: 28px;
    text-align: center;
}

#jsLayerSwitch:hover,
.jsLayerSwitch:hover {
    background-color: #3165ad;
}

.grid-icon-pdf {
    height: 42px;
}

td.grid-cell-icon {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.jsStatusSelect .select2-container {
    position: initial !important;
}

.red-border {
    border: 1px solid red;
}

.new-message-marker {
    color: red !important;
    position: relative;
    top: 7px;
    font-size: 150%;
}

.new-message-marker-main-page {
    position: absolute;
    color: red !important;
    top: -3px !important;
    right: -6px !important;
    font-size: 150%;
}

.new-message-marker-burger-menu {
    color: red !important;
    position: absolute;
    top: 16px !important;
    right: 11px !important;
    font-size: 150%;
}

.new-message-marker-dropdown-main-menu {
    position: absolute;
    color: red !important;
    top: 0 !important;
    right: -16px !important;
    font-size: 150%;
}

.single-data-view-row .dl-horizontal dt {
    font-family: ALSEkibastuz-Black, serif;
    margin-right: 10px;
    width: auto!important;
    clear: left;
    text-align: left!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.single-data-view-row .dl-horizontal dd {
    margin-left: 0!important;
}

.dt-item {
    font-family: ALSEkibastuz-Black, serif;
}

.map:-moz-full-screen,
#map:-moz-full-screen {
    height: 100% !important;
}

.map:-webkit-full-screen,
#map:-webkit-full-screen {
    height: 100% !important;
}

.map:-ms-fullscreen,
#map:-ms-fullscreen {
    height: 100% !important;
}

.map:fullscreen,
#map:fullscreen {
    height: 100% !important;
}

.popover {
    z-index: 1049 !important;
}

.jsCopyRegion {

}

.species-view strong {
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 14px;
    color: #222222;
    letter-spacing: -0.01px;
}

.species-view p strong {
    font-size: 16px;
}

.species-view h3 {
    margin-top: 0;
    font-size: 21px;
}

.species-view h4 {
    margin-top: 0;
    margin-bottom: 10px;
}

.label-euro {
    background-color: #e0640c;
}

.label-intro {
    background-color: #a72070;
}

/* LAYER SWITCHER */
.layer-switcher.shown.ol-control {
    background-color: transparent;
}

.layer-switcher.shown.ol-control:hover {
    background-color: transparent;
}

.layer-switcher {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    text-align: left;
}

.layer-switcher.shown {
    bottom: 3em;
}

.layer-switcher .panel {
    padding: 0 1em 0 0;
    margin: 0;
    border: 4px solid #eee;
    border-radius: 4px;
    background-color: white;
    display: none;
    max-height: 100%;
    overflow-y: auto;
}

.layer-switcher.shown .panel {
    display: block;
}

.layer-switcher button {
    float: right;
    width: 38px;
    height: 38px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==') /*logo.png*/;
    background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    border: none;
}

.layer-switcher.shown button {
    display: none;
}

.layer-switcher button:focus, .layer-switcher button:hover {
    background-color: white;
}

.layer-switcher ul {
    padding-left: 1em;
    list-style: none;
}

.layer-switcher li.group {
    padding-top: 5px;
}

.layer-switcher li.group > label {
    font-weight: bold;
}

.layer-switcher li.layer {
    display: table;
}

.layer-switcher li.layer label, .layer-switcher li.layer input {
    display: table-cell;
    vertical-align: sub;
}

.layer-switcher label.disabled {
    opacity: 0.4;
}

.layer-switcher input {
    margin: 4px;
}

.layer-switcher.touch ::-webkit-scrollbar {
    width: 4px;
}

.layer-switcher.touch ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.layer-switcher.touch ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.content-window-museum {
    float: right;
    font-family: ALSEkibastuz-Black, sans-serif;
    font-size: 12px;
    color: #212121;
    letter-spacing: -0.01px;
    line-height: 15px;
    font-weight: normal;
}

.ol-geoserver-legend-control-wrapper {
    right: 0.5em;
    bottom: 0.5em;
}

td.cell-condensed {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.input-group-addon.kv-date-picker,
.input-group-addon.kv-date-remove {
    padding-left: 14px;
    padding-right: 14px;
}

.select2-bootstrap-append .btn-rainbow .glyphicon {
    color: #ffffff;
}

.CodeMirror {
    height: 530px;
}

.navbar-toggle .icon-bar {
    background-color: black;
}

.site-header .header-menu .site-menu-wrapper {
    margin-top: 0;
}

.navbar-right {
    margin-right: 0;
    margin-top: 15px;
}

.navbar-toggle {
    margin-top: 14px;
    margin-right: 0;
}

.author-signature {
    text-align: right;
}


.scrollable-pills {
    /*margin-bottom: 20px;*/
}

.scrollable-pills ul.nav-pills,
.submenu ul.nav-pills,
.sub-submenu ul.nav-pills {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: hidden;
}

.scrollable-pills ul.nav-pills li,
.submenu ul.nav-pills li,
.sub-submenu ul.nav-pills li {
    float: none;
    display: inline-block;
}

.submenu ul.nav-pills li + li {
    margin-left: -3px;
}

.photo-search-species {
    float: right;
    width: 350px;
}

.map-570 {
    height: 570px;
}

.map-full-width {
    height: 300px;
}

.map-filters div.checkbox {
    margin-top: 30px;
}

.draft-list-item-left-column {
    float: right;
    width: 50%;
}

.draft-list-item-right-column {
    width: 50%;
}

.draft-list-item-button {
    margin-right: 10px;
    float: right;
    margin-top: 40px;
}

.data-search {
    float: right;
}

.data-search-species-btn {
    width: 200px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.data-search-place-btn {
    width: 140px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.moderation-panel-view-on-map-btn {
    margin-left: 10px;
    margin-top: 10px;
}

.moderation-panel-send-all-moderation-btn {
    margin-left: 10px;
    margin-top: 10px;
}

.tread-send-message {
    margin-top: 10px;
    float: right;
}

.moderation-view-publication-btn {
    margin-left: 10px;
    margin-top: 10px;
}

.moderation-view-on-map-btn {
    margin-left: 10px;
    margin-top: 10px;
}

.data-search-status-field {
    width: 200px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.data-search-species-field {
    width: 200px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.data-search-place-field {
    width: 140px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.data-search-publication-status-field {
    width: 200px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.data-search-title-field {
    width: 180px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.data-search-author-field {
    width: 180px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.data-form-footer-buttons a {
    margin-left: 18px;
}

.choose-publication-ajax-new-btn {
    width: 100%;
    height: 40px;
    margin-top: 23px;
    padding-top: 11px;
}

.mb-0 {
    margin-bottom: 0;
}

.single-data-view-id-dt {
    width: 22px !important;
}

.single-data-view-id-dd {
    margin-left: 0px !important;
}

.single-data-focus-item-dd {
    font-size: 17px;
}

.single-data-view-title {
    font-family: ALSEkibastuz-Black, serif;
}

.is-date-inaccurate {
    position: absolute;
    top: -14px;
    right: -16px;
}

.is-date-inaccurate .form-group {
    margin-bottom: 0;
}

.is-date-inaccurate label {
    margin: 0;
    font-size: 75%;
}

.is-date-inaccurate .help-block {
    margin: 0;
}

/*
 * RESPONSIVE
*/
@media (max-width: 991px) {
    h1 {
        font-size: 28px;
    }

    .site-header .header-logo a img {
        height: 77px;
    }

    .site-header .header-title {
        width: 160px;
    }

    .site-header .header-title .pre-title {
        margin-top: 14px;
    }

    .site-header .header-title .title {
        font-size: 17px;
        line-height: 17px;
        margin-top: 1px;
    }

    .site-header .header-menu {
        margin-left: 0;
    }

    .overall-statistics > li {
        width: 24%;
    }

    .site-menu ul.nav li.dropdown:last-child {
        margin-right: 55px;
    }

    .navbar-right {
        margin-top: 0;
    }

    .grid-view .top-controls,
    .modal .grid-view .top-controls {
        width: 100%;
        position: relative;
    }

    .blog-post .post-image img {
        object-fit: fill;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
}

/**
  *
  *
  * 767
  *
  *
 */
@media (max-width: 767px) {
    h1 {
        font-size: 23px;
    }

    .blog-post .post-image img {
        object-fit: fill;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .page-toolbar {
        margin-top: 10px;
    }

    .site-header .header-title {
        width: 120px;
        margin-left: 6px;
    }

    .site-header .header-title .pre-title {
        margin-top: 8px;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0;
    }

    .site-header .header-title .title {
        font-size: 12px;
        line-height: 12px;
        margin-top: 0;
    }

    .site-header .header-logo a img {
        height: 58px;
    }

    .site-header {
        height: initial;
    }

    .site-header .header-menu .site-menu-wrapper {
        margin-top: 0;
    }

    .site-header .header-menu .site-menu-wrapper .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .site-header .header-menu .user-menu-wrapper {
        margin-top: 5px;
        height: initial;
    }

    .site-header .header-menu ul.user-menu {
        float: none;
        padding-bottom: 15px;
    }

    .navbar-collapse.in {
        overflow-y: initial;
    }

    .site-header .header-menu ul.user-menu > li {
        float: none;
        margin-left: 0;
        height: 16px;
    }

    .site-header .header-menu ul.user-menu .user-profile-menu {
        top: 0;
    }

    .site-header .header-menu ul.user-menu .user-profile-menu .user-profile-menu-icon {
        margin-bottom: 10px;
    }

    .site-header .header-menu .site-menu-wrapper .site-menu .nav > li {
        float: none;
    }

    .site-header .header-menu .site-menu-wrapper .site-menu .nav > li > a {
        padding-left: 0;
    }

    .site-header .header-menu .user-menu .send-message-link {
        display: block;
        width: initial;
        height: initial;
        background: none;
    }

    .site-header .header-menu ul.user-menu .user-profile-menu .user-profile-menu-icon {
        display: block;
        width: initial;
        height: initial;
        background: transparent;
        border: none;
        border-radius: 0;
        margin-bottom: 0;
    }

    .site-header .header-menu ul.user-menu > li > a {
        display: block;
        color: #000000;
        font-family: ALSEkibastuz-Black, sans-serif;
        font-size: 11px;
        letter-spacing: 0.83px;
        text-transform: uppercase;
        line-height: 18px;
        margin-bottom: 0;
    }

    .nav-pills > li + li {
        margin-left: 0;
    }

    .site-header .header-menu .user-menu-wrapper {
        margin-bottom: -2px;
    }

    .site-header .header-menu ul.user-menu .dropdown-menu-right {
        left: 0;
        right: auto;
    }

    .overall-statistics {
        /*height: 73px;*/
    }

    .overall-statistics > li {
        width: 24%;
        font-size: 10px;
    }

    .overall-statistics > li > strong {
        display: block;
        font-size: 16px;
    }

    .updates-on-main {
        margin-top: 10px;
    }

    .author-signature {
        text-align: left;
    }

    .jsModal h1 {
        font-size: 20px;
    }

    .faq-item .item-header h2 {
        font-size: 25px;
    }

    .team-item h3 {
        margin-top: 20px;
    }

    .user-statistics .user-statistics-count {
        font-size: 26px;
    }

    .photo-search-species {
        width: 100%;
        margin-right: 0 !important;
    }

    .photo-item {
        background-color: transparent;
    }

    .photo-list-container img.media-object {
        width: 100%;
    }

    .likes-column {
        padding-right: 10px;
    }

    .photo-item .btn-like .glyphicon-heart {
        font-size: 17px;
    }

    .map-570 {
        height: 400px;
    }

    .map-filters div.checkbox {
        margin-top: 10px;
    }

    .pagination > li > a,
    .pagination > li > span {
        padding: 6px 10px;
    }

    .grid-view table + .pagination {
        float: left;
    }

    .blog-post h1 {
        font-size: 21px;
        line-height: 28px;
        letter-spacing: initial;
    }

    .news-item h4 {
        font-family: ALSEkibastuz-Bold, sans-serif;
        font-size: 12px;
        letter-spacing: initial;
        line-height: 15px;
    }

    .jsPhotoLightbox .lightbox-content {
        flex-direction: column;
    }

    .jsPhotoLightbox .lightbox-description {
        flex: 1;
        width: 100%;
    }

    .jsPhotoLightbox .lightbox-photo {

    }

    .jsPhotoLightbox .modal-dialog {
        width: 96%;
    }

    .overall-statistics strong {
        line-height: 18px;
    }

    .overall-statistics > li {
        padding-bottom: 5px;
    }

    .form-group .btn {
        margin-bottom: 5px;
    }

    .top-news h2 {
        font-size: 17px;
        letter-spacing: initial;
        line-height: 20px;
    }

    .personal-security-item {
        margin-bottom: 15px;
    }

    .personal-security-item p {
        margin: 0;
    }

    .personal-photo-change {
        margin-bottom: 20px;
    }

    .item-wrapper-link-colored h2,
    .item-wrapper-link h2 {
        font-size: 15px;
    }

    .draft-list-item-left-column {
        float: none;
        width: 100%;
        padding: 0 16px;
    }

    .draft-list-item-right-column {
        width: 100%;
        clear: both;
    }

    .draft-list-item-button {
        float: none;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .moderation-panel {
        padding: 0 10px;
    }

    .data-search {
        width: 100%;
        padding: 0;
    }

    .data-search-species-btn {
        width: 100%;
        float: none;
    }

    .data-search-place-btn {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .moderation-panel-view-on-map-btn {
        margin-left: 0;
        width: 100%;
    }

    .moderation-panel-send-all-moderation-btn {
        margin-left: 0;
        width: 100%;
    }

    .user-statistics .user-statistics-count {
        margin-bottom: 2px;
    }

    .user-statistics .user-statistics-name {
        display: block;
    }

    .journal-like-item .meta-date,
    .journal-comment-item .meta-date {
        text-align: left;
    }

    .doi-author-info {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
    }

    .moderation-view-publication-btn {
        margin-left: 0;
        width: 100%;
    }

    .moderation-view-on-map-btn {
        margin-left: 0;
        width: 100%;
    }

    .data-search-status-field {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .data-search-species-field {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .data-search-place-field {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .data-search-publication-status-field {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .data-search-title-field {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .data-search-author-field {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .data-form-footer-buttons button,
    .data-form-footer-buttons a {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }

    .choose-publication-ajax-new-btn {
        margin-bottom: 10px;
    }

    .grid-view .top-controls {
        position: relative;
        background-color: #fcf3ea;
        width: 100%;
    }

    .grid-view .top-controls + .table {
        margin-top: 0;
    }

    .grid-view .top-controls .pagination {
        float: none;
    }

    .pagination {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-y: hidden;
    }

    .pagination > li {
        float: none;
        display: inline-block;
    }

    .single-data-view-row .dl-horizontal dd {
        margin-left: 0;
    }

    .single-data-view-id-dd {
        margin-left: 0 !important;
        font-size: 17px;
    }

    .site-header .header-menu .site-menu-wrapper .site-menu .nav > li > a {
        line-height: 20px;
    }

    .is-date-inaccurate {
        right: 172px;
    }
}

@media (max-width: 500px) {
    .sample-records-button {
        display: block;
        max-width: 190px;
        margin-top: 6px;
    }
}

.data-create .required label:after {
    content: '*';
    margin-left: 2px;
    font-family: ALSEkibastuz-Heavy, ALSEkibastuz-Bold, sans-serif;
    font-size: 13px;
    color: #E76C00;
    position: relative;
    top: 2px;
}

.coordinate-display {
    background-color: rgba(240, 248, 255, 0.8);
    position: relative;
    top: 220px;
    padding-left: 2px;

    display: none;
}

.feedback-user-icon {
    display: block;
    width: 29px;
    height: 29px;
    background-color: #cccccc;
    border: 2px solid #E76C00;
    border-radius: 50%;
}

.data-note-admin-reaction {
    font-style: italic;
    padding-left: 4em;
    margin-bottom: 1em;
    font-size: 0.9em;
}

@media (min-width: 768px) {
    .single-data-view-row .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.file-already-exists::before {
    display: block;
    content: '\2713'; /* Код иконки FontAwesome (иконка изображения) */
    color: green;
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    top: 186px;
    left: 7px;
}