.snapshots, .main-form-login, .camera, .timelapse, .company, .house, .server, .statistics, .status-fails-table {
    border: 1px solid rgba(0,0,0,0.3);
    margin: 30px 0;
    padding: 30px;
    border-radius: 3px;
}

.page-content {
    margin-top: 90px;
}

.block-unit-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0;
}

.buttons-unit-image {
    margin-top: 30px;
}

.info-multi-screen {
    margin-top: 10px;
}

.weather h6 {
    display: inline-block;
}

.description-weather {
    width: 360px;
    overflow-wrap: anywhere;
}

.city-screen-checkbox {
    margin-top: 10px;
}

.area-view-edit-screenshots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 65vh;
    overflow: overlay;
}

.area-view-edit-screenshots .screenshot-group, .timelapse-archive-group {
    border: 1px solid gray;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
}

.area-view-edit-screenshots .screenshot-group .p-alias, .timelapse-archive-group .p-alias {
    margin: 0;
}

.area-view-edit-screenshots .screenshot-group .main-screen, .timelapse-archive-group .main-screen {
    width: 260px;
    height: 240px;
}

.timelapse-archive-group .main-screen {
    background-image: url("../images/timelapse-store.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.area-view-edit-screenshots-info, .area-timelapse-archive-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0 0;
}

.info-timelapse p {
    margin: 0;
}

.icon-settings {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.choose-mode {
    display: flex;
    justify-content: center;
    margin: 0 0 5px 0;
}

.choose-mode a {
    text-decoration: none;
    margin: 0 10px 0 0;
}

.active-mode {
    opacity: 0.5;
    color: gray;
}

.modal-body {
    display: flex;
    justify-content: center;
}

.modal-captcha-body {
    padding: 20px;
}

.modal-captcha-body .row {
    margin-bottom: 10px;
}

.modal-button-refresh, .modal-button-delete-store-timelapse {
    margin: 0 10px 0 0;
}

.snapshots-view-edit .menu-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.button-delete-all {
    margin-left: 15px;
}

.icon-upload, .icon-timelpase-download {
    margin: 0 0 0 10px;
}

.modal-button-upload {
    margin: 0 10px 0 0;
}

.choose-login-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.choose-login-form a {
    text-decoration: none;
    margin-right: 10px;
}

.main-form-login .row {
    margin-bottom: 15px;
}

.info-register p {
    text-align: center;
}

.form-server-check-errors {
    margin: 10px 0 0 0;
    color: red;
}

.camera-add-button-step-1, .camera-add-button-step-2, .camera-add-button-step-3, .camera-add-button-step-4 {
    margin: 15px 0 0 -15px;
}

.house-action-button {
    margin-top: 15px;
}

.sub-header-step {
    margin-bottom: 15px;
}

.camera-update .sub-header-step {
    margin-top: 20px;
}

.camera .camera-info, .camera .player-info, .camera .dvr-info, .camera .tech-info {
    margin-top: 15px;
}

.add-camera-step-2, .add-camera-step-3, .add-camera-step-4 {
    margin-top: 20px;
}

.dvr-progresses {
    margin: 15px 0;
}

.camera-update .choose-mode {
    justify-content: flex-start;
}

.list-company-houses {
    margin: 20px 0 20px 0;
}

.dropdown-houses {
    cursor: pointer;
    opacity: 0.5;
}

.server .step {
    margin-bottom: 30px;
}

.server .small-step {
    margin-bottom: 10px;
}

.statistics .list-group {
    cursor: pointer;
    margin-bottom: 10px;
}

.input-calendar {
    width: 105px;
}

.statistics .modes-check {
    margin-bottom: 15px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.1rem;
}

.db-table {
    margin: 15px 0 0 0;
}

.db-table tbody tr td p {
    margin: 0;
}

.annex-prolong, .annex-main, .contract-main {
    border: 1px solid #000000;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 5px;
}

.input-readonly {
    cursor: pointer;
}

.xcalend{position:absolute;z-index:9999999999;width:150px;line-height:1.2em;font-size:15px;text-align:center;background:#fff;border:2px solid #ddd}
.xcalend td{cursor:pointer;padding:6px}
.xcalend thead td{color:#333}
.xcalend thead tr:last-child td{font-size:12px;background:#fff;color:#555;cursor:default}
.xcalend tbody td{color:#025}
.xcalend tfoot td{color:#333}
.xcalend tbody td.tday{background:#eee;font-weight:bold}
.xcalend tbody td:hover, .xcalend td:hover{background:#025;color:#acf}
.xcalend tbody td:nth-child(n+6){color:#e78c5c}
.xcalend .cal-first td:nth-last-child(-n+2){color:#e78c5c}
.xcalend tbody td.today{background:#d00;color:#fff;font-weight:bold}
.xcalend tbody td.bold{font-weight:bold}
.xcalend tbody td.cal-l b, .xcalend tbody td.cal-r b{display:none}
.xcalend tbody td.cal-l:hover b, .xcalend tbody td.cal-r:hover b{display:inline}
.xcalend a{text-decoration:none}
.xcalend th a{color:#ccc;display:block;padding:5px 0}

@media (max-width: 991px) {

}