html {
    height:100%;
}
body {
    font-family: Segoe UI;
    margin:0px;
    padding:0px;
    font-size:15px;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
.hidden {
    display:none !important;
}
.break {
    width: 100%;
    height: 18px;
}
.header {
    padding: 20px;
    height: 44px;
    background-color: #FFFFFF;
}
.header-logo {
    float: left;
}
.footer {
    position: relative;
    padding: 20px;
    padding: 20px;
}
.mask {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}
.mask,
.modal-window-wrap,
.modal-alert-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}
.modal-window {
    background-color: #ffffff;
    position: relative;
}
.modal-window-main {
    padding: 25px 20px 20px 20px;
}
.modal-alert {
    background-color: #ffffff;
    position: relative;
    padding: 20px 30px 15px 15px;
    max-width: 500px;
    font-size: 18px;
}
.modal-alert-close,
.modal-window-close {
    color: #454545;
    background-color: #FFFFFF;
    font-size: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 1px 7px 0px 0px;
}
.modal-alert-close a,
.modal-window-close a {
    color: #454545;
}
/* Menus */
.header .menu {
    float:right;
    padding: 10px 10px 11px 0px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.1);
}
.header .menu div {
    margin-left:10px;
    float: left;
}
.header .menu a {
    color:#111133;
    font-size:18px;
    padding:0px 10px 3px 10px;
    background-color:#F6F6F6;
}
.header .menu .selected a, .main .menu a:hover{
    color:#FFFFFF;
    background-color:#E31919;
}

/* Main */
.main {
    overflow: auto;
    position: relative;
}

/* Work */
.main-work {
    float: left;
    display:inline;
    position:relative;
    padding:20px;
    width: calc(100% - 40px);
}

.work-with-subwork {
    width: calc(50% - 40px);
}
.sub-work {
    float: right;
    width: calc(50% - 43px);
    height:100%;
    border-left:3px solid #e3e3e3;
    padding:20px;
    position:relative;
    left:100%;
    background-color: #FDFDFD;
}
.close-sub-work {
    color: #C40202;
    font-size: 23px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: none;
    position: absolute;
    right: 12px;
    top: 12px;
}

/* Tabs */

.tabs {
    margin-top: 4px;
    margin-bottom: 15px;
}
.tab-labels {
    margin-bottom:5px;
    display: block;
    clear: both;
    float: none;
}
.tab-bodies {
    display: block;
    clear: both;
    float: none;
    padding-top: 10px;
}
.tab-label {
    background-color: #E7E7E7;
    font-size: 15px;
    color: #2B0057;
    font-weight: bold;
    border-radius: 5px;
    float: left;
    padding: 5px 11px 6px 11px;
    margin-bottom: 9px;
    margin-right: 9px;
}
.tab-label:hover {
    background: #D5D5D5;
    cursor: pointer;
}
.tab-selected, .tab-selected:hover {
    background-color: #2B0057;
    color: #ffffff;
    cursor: default;
}

/* Breadcrumbs */
.breadcrumbs {
    margin-bottom: 30px;
}
.breadcrumbs ul {
    padding-left:0px;
}
.breadcrumbs ul li {
    display: inline;
    white-space: nowrap;
}
.breadcrumbs ul li:after {
    content:">";
    padding-left:15px;
    padding-right:15px;
}
.breadcrumbs ul li:last-child:after {
    content:"";
    padding-left:0px;
}
.breadcrumbs ul a {
    font-size:18px;
    color:#4239F7;
    text-decoration:underline;
}
.breadcrumbs ul .title {
    font-size:18px;
    color:#680bbc;
}

/* Fields */
.field-title {
    margin-top: 11px;
    margin-bottom: 3px;
}
.field-type-string,
.field-type-password {
    width: 500px;
}
.field-type-date,
.field-type-datetime {
    width: 180px;
}
.field-type-text {
    width: 500px;
    height: 200px;
}

.field-type-int,
.field-type-float,
.filter-type-number {
    width: 80px;
}

/* Buttons */
.button-common,
.button-link,
.button-link:hover,
.button-submit,
.button-submit:hover,
.button-filter,
.button-filter:hover {
    color: #FFFFFF;
    padding: 6px 10px 5px 10px;
    white-space: nowrap;
    background-color: #EB9005;
    border: 1px solid #EB9005;
    border-radius: 3px;
    text-decoration: none;
    text-transform: none;
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    cursor: pointer;
    margin-right: 6px;
}
.button-submit,
.button-submit:hover,
.button-filter,
.button-filter:hover {
    padding-top: 5px;
}
.icon-link {
    color: #EB9005;
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: none;
}
.button-delete {
    color: #C40202 !important;
}

/* Preview */
.tui-grid-cell {
    background-color: #FFFFFF !important;
}
.highlighted-grid-row {
    background-color: #e9e9e9 !important;
}
.preview-type-grid {
    margin: 10px 0px;
}
.preview-type-map {
    margin: 10px 0px;
    width: 90%;
    height: 600px;
    overflow: hidden;
}
.preview-type-calendar {
    margin: 10px 0px;
    width: 90%;
    height: 600px;
    overflow: hidden;
}
.preview-type-gallery {
    margin: 10px 0px;
    width: 100%;
    overflow: hidden;
}
.preview-type-blocks {
    margin: 10px 0px;
    width: 100%;
    overflow: hidden;
}
.preview-type-chart {
    width: 100%;
}
.action-load-pictures {
    padding: 10px;
    width: fit-content;
    background: rgba(0, 0, 0, 0.1);
}

.delete-preview-element-calendar {
    color: #C40202;
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: none;
}
.delete-preview-element {
    background-color: rgba(0, 0, 0, 0.05);
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: none;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 4px 5px;
    display: none;
}
.add-sub-preview-element {
    background-color: rgba(0, 0, 0, 0.05);
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: none;
    position: absolute;
    right: 25px;
    top: 0px;
    padding: 4px 5px;
    display: none;
}
.preview-item:hover > .delete-preview-element,
.preview-item:hover > .add-sub-preview-element {
    display: block;
}

/* Map view */

.map-item {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 14px;
    padding: 3px 4px;
    float: left;
    position: relative;
    border: 1px solid #F1F1F1;
}
.map-item a {
    color: #000000;
    text-decoration: none;
}
.map-item .delete-preview-element {
    padding: 3px 4px;
    font-size: 13px;
}

/* Blocks view */

.blocks-item {
    background-color: rgba(0, 0, 0, 0.05);
    width: calc(100% - 20px);
    overflow: hidden;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    float: left;
    position: relative;
}
.blocks-item .blocks-item {
    margin-top: 10px;
    margin-bottom: 0px;
}
.blocks-item.structure-depth-1 {
    width: 440px;
    margin-left: 0px;
}
.blocks-item a:not(.icon-link) {
    color: #000000;
    text-decoration: none;
}
.blocks-item-field {
    padding: 15px 15px 0px 15px;
}
.blocks-item-type-image,
.blocks-field-type-image {
    padding: 0px;
}
.blocks-field-title {
    font-size: 16px;
    font-weight: bold;
}
.subblocks-item {
    background-color: rgba(0, 0, 0, 0.12);
    margin: 10px 10px 0px 10px;
    padding-bottom: 15px;
    font-size: 14px;
}
.subblocks-item .blocks-field-title {
    font-size: 15px;
}

/* Gallery view */

.gallery-item {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    position: relative;
}
.gallery-item a {
    text-decoration: none;
}

/* Table view */

.preview-type-table {
    margin: 20px 0px 20px 0px;
    border-collapse: collapse;
}
.table-item-field {
    padding: 7px;
    border: 1px solid #E1E1E1;
}
.table-item-field.structure-depth-2 {
    padding-left: 14px;
}
.table-item-field.structure-depth-3 {
    padding-left: 21px;
}
.table-item-field.structure-depth-4 {
    padding-left: 28px;
}
.table-item-field.structure-depth-5,
.table-item-field.structure-depth-6,
.table-item-field.structure-depth-7,
.table-item-field.structure-depth-8,
.table-item-field.structure-depth-9 {
    padding-left: 35px;
}
.table-item-header {
    padding: 7px;
    background-color: #F1F1F1;
    border: 1px solid #E1E1E1;
}

/* Login */

.login-form-div .field-name-LoginUserName,
.login-form-div .field-name-LoginPassword {
    width: 250px;
}
.login-form-div {
    width: 250px;
    margin: auto;
    padding-top: 100px;
}

/* Cookies */

.cookies-form-div {
    position: fixed;
    bottom: 17px;
    right: 17px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    color: #404040;
    background-color: #f1f1f1;
    width: 400px;
    padding: 12px 20px;
}
.cookies-buttons-div {
    text-align: right;
}
.cookies-agree-button {
    margin-right: 0px;
}
/* Mobile menu */

.mobile-menu-button {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #FFFFFF;
    padding: 2px 20px;
    cursor: pointer;
    display: none;
    background-color: #000000;
    font-size: 60px;
}

/* Mobile menu languages and menus */

.mobile-menu {
    right: 0px;
    width: 100%;
    background-color: #FFFFFF;
    padding-bottom: 5px;
}
.mobile-menu a {
    color: #000000;
    font-size: 35px;
}
.mobile-menu .menu-title {
    display: none;
}

.mobile-menu .menu {
    padding: 25px 25px 15px 25px;
    background-color: #F2EFED;
    text-align: right;
}
.mobile-menu .menu .menu-item {
    padding: 6px 17px;
    background-color: rgba(255,255,255,0.9);
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
    display: inline-block;
}
.mobile-menu .menu .selected {
    background-color:#11bf17;
}
.mobile-menu .menu .selected a {
    color:#FFFFFF;
}

/* Mobile view */
@media (max-width: 1000px) {
    
    .field-type-string, .field-type-password, .field-type-datetime, .field-type-text {
        width: 100%;
    }
    
    .header .menu {
        display:none;
    }
    .mobile-menu-button {
        display:inline;
    }
    .delete-preview-element {
        display: block;
    }
    .map-item {
        padding-right: 23px;
    }
    
    .button-common,
    .button-link,
    .button-link:hover,
    .button-submit,
    .button-submit:hover,
    .button-filter,
    .button-filter:hover {
        padding: 10px 13px 7px 13px;
        border-radius: 5px;
        font-size: 25px;
        margin-right: 12px;
    }
    textarea,
    input[type="text"] {
        font-size:24px;
    }
}