@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
    color: #401e1d;
    font-weight: normal;
}

#page {
    min-height: 100%;
    width: 100%;
    position: relative;
    box-shadow: 0 3px 10px rgba(0,0,0,.23);
    position:relative;
}

.debug-wrapper {
    max-height: 200px;
    overflow: hidden;
    display: block;
    background: transparent;
}

.debug-wrapper:hover {
    overflow: visible;
    max-height: fit-content;
    background: white;
}

footer {
    background: #401e1d;
    color: rgba(255,255,255,.84);
}

.header {
    background: #aa001f;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.header__top  {
    padding: 10px 0;
}

.header__menu {
    background: #401e1d;
}

.navbar, .navbar.navbar-default {
    background: #401e1d;
}

.btn:not(.btn-raised).btn-primary, .input-group-btn .btn:not(.btn-raised).btn-primary {
    background: #aa001f;
    color: #ffffff;
}

.btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
    color: #401e1d;
}

.form-group.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#401e1d), to(#401e1d)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#401e1d, #401e1d), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#401e1d, #401e1d), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#401e1d, #401e1d), linear-gradient(#D2D2D2, #D2D2D2);
}

.togglebutton label input[type="checkbox"]:checked + .toggle {
    background-color: #848484;
}

.togglebutton label input[type="checkbox"]:checked + .toggle::after {
    background-color: #aa001f;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check, label.checkbox-inline input[type="checkbox"]:checked + .checkbox-material .check {
    color: #aa001f;
    border-color: #aa001f;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check::before, label.checkbox-inline input[type="checkbox"]:checked + .checkbox-material .check::before {
    color: #aa001f;
}

.progress .progress-bar, .progress .progress-bar.progress-bar-default {
    background-color: #aa001f;
}

.snackbar {
    background-color: #401e1d;
}

h1 {
    font-size: 1.5em;
    margin: 0px;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.4em;
}

hr.thin {
    margin: 2px 0 10px;
}

a, a:hover, a:focus {
    color: #401e1d;
}

.align-right {
    text-align: right !important;
}

.float-right {
    float:right !important;
}

.text-strike {
    text-decoration: line-through !important;
}

.text-bold {
    font-weight: bold;
}

.badge {
    vertical-align: middle;
    background: #511312;
}

.logo {
    position: relative;
}

.logo * {
    vertical-align: top;
    padding-left: 30px;
}

footer .logo * {
    padding-left: 0;
}

header .logo span {
    font-size: 30px;
    font-family: 'Open Sans', 'Droid Sans', arial,sans-serif;
    display: block;
    position: absolute;
    top: 20%;
    left: 90px;
}

.navbar {
    margin: 0;
    font-weight: 400;
}

.nav li.float-center {
    float: none;
    display: inline-block;
}

footer {
    padding: 15px 0;
    font-family: 'Open Sans','Droid Sans',arial,sans-serif;
}

footer .logo {
    text-align: center;
}

footer .logo span {
    display:block;
}

footer menu {
    list-style: none;
    columns: 3;
    -webkit-columns: 3;
    padding-left: 25px;
}

footer menu li {
    display: block;
    padding-bottom: 2px 5px;
}

footer a {
    color: rgba(255,255,255,.84);
}

footer a:hover {
    color: inherit;
    text-decoration: underline;
}

legend {
    /*color: #65473D;*/
    color: #401e1d;
}

.centered {
    text-align: center;
}

/* Forms */
.form-group {
    padding-bottom: 2px;
    margin-top: 10px;
}

.form-group label.control-label {
    margin-top: 7px;
}

.form-horizontal label {
    color: rgba(0,0,0,.87);
}

.form-vertical button {
    padding: 8px 16px;
}

.form-group .form-control {
    margin-bottom: 0px;
}

.form-control.empty {
    color: white;
}

.form-group textarea {
    min-height: 116px;
}

.form-group .chosen-container {
    width: 100% !important;
}

.form-group .checkbox label,
.form-group .radio label,
.form-group.is-focused .checkbox label,
.form-group.is-focused .radio label,
.form-group.is-focused .checkbox label:hover,
.form-group.is-focused .radio label:hover {
    color: #350100;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-group.has-error input, .form-group.has-error .tokenfield, .form-group.has-error textarea {
    background-image: linear-gradient(#f00, #f00), linear-gradient(#f00, #f00);
}


.form-group.has-error .tokenfield input {
    background-image: none;
}

.form-group.not-required input, .form-group.not-required .tokenfield {
    background-image: linear-gradient(#fde48a, #fde48a), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.not-required .tokenfield input {
    background: none;
}

.form-group.not-required label.control-label, .form-group.not-required .help-block {
    color: #000000e6;
}

.token-input {
    width: 100% !important;
}

.textarea-thin {
    min-height: 50px !important;
}

.form-devider {
    padding-top: 5px;
    margin: 15px 4% 0 4%;
}
.form-devider-title {
    font-size: 1.2em;
}

.form-devider-descr {
    font-size: 0.9em;
}

.help-block.alert {
    position: static;
    display: block;
    padding: inherit;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FFF;
    background: #ff5722;
    margin-bottom: 0;
}


/* Bootstrap customs */
/* nav pils */
.nav-table .dropdown-toggle {
    display: block;
    padding: 0px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.nav-table .dropdown-toggle:hover {
    color: #350100;
    background: #FFF;
}

.nav-table .dropdown-menu>li>a {
    padding: 3px 8px;
}

.nav-table .dropdown-menu>li>a:hover { background: #CCC; color: #350100; }

.nav-table .dropdown-menu {
    min-width: 0;
    width: auto;
}

.nav-pills {
    margin: 0 -15px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #ffffff;
    background: #aa001f;
}

.pagination-sm {
    margin: 0 !important;
}

.pagination>li>a, .pagination>li>span {
    color: #511312;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #a94442;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #401e1d;
    border-color: #401e1d;
}

.pagination-next, .pagination-last,
.pagination-prev, .pagination-first {
    padding: 9px 10px 11px 11px !important;
}

.pagination-sm .pagination-next, .pagination-sm .pagination-last,
.pagination-sm .pagination-prev, .pagination-sm .pagination-first {
   padding: 4px 5px 6px 6px !important;
}

.pagination-next i, .pagination-last i,
.pagination-prev i, .pagination-first i {
    font-size: 21px;
}

.pagination-sm .pagination-next i, .pagination-sm .pagination-last i,
.pagination-sm .pagination-prev i, .pagination-sm .pagination-first i {
    font-size: 14px;
}

.pagination>li>a .material-icons { font-size: 18px; line-height: 0.6; }
.pagination-sm>li>a .material-icons { font-size: 14px; line-height: 1; }

/* Default */
.infolist__item .material-icons {
    vertical-align: -7px;
}

.infolist__item {
    padding-bottom: 10px;
}

.infolist__item:last-child {
    padding-bottom: 0;
}

.filters {
    display: none;
}

.topmenu {
    height:50px;
    text-align: right;
    float:right;
    list-style: none;
    margin:0;
}

.topmenu__item {
    display: inline;
}

.topmenu__item a {
    color: #401e1d;
    font-size: 0.9em;
    display: inline-block;
    padding: 8px 12px;
}

.topmenu__item > .btn:hover {
    color: #ffffff !important;
}

.hcphp-thumbnail__image {
    max-width: 320px;
    max-height: 320px;
    display: inline-block;
}

td.actions a {
    padding-right: 5px;
}

td.actions a:hover {
    text-decoration: none;
    color: #E8B145;
}

td.actions a:last-child {
    padding-right: 0;
}

td .checkbox, th .checkbox{
    margin: 0;
    display: none;
}

#list_actions, #check_drop {
    display: none;
}

td .check.attention {
    border-color:red !important;
}

th a:hover {
    color: #E8B145;
}

/* Registry record page */
.rg-page-actions__item span {
    vertical-align: -2px;
}

.profile__field--red,
.table__text--red {
    color: red;
}

.profile__field--green,
.table__text--green {
    color: green;
}

.title-responsive, .field-responsive {
    display: none;
}

/* Users */
.phones .label {
    display: inline-block;
    font-size: 1em;
    padding: 2px 5px 1px;
    margin-bottom: 3px;
    color: #350100;
    background-color: #fde48a;
    font-weight: normal;
}

.phones .label:hover {
    background-color: #E8B145;
}

.phones .material-icons {
    font-size: 1em;
    padding: 0 5px 1px 0;
}


/* Realty */
.params {
    margin-top: 15px;
}

.realty.params, .params.cols-3 {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

.params.cols-2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.params dl {
    margin-top: 0;
    margin-bottom: 15px;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    padding: 0;
}

.params > div {
    padding: 0;
}

.params > dl.col-md-6 > dt {
    width: 48%;
}

.params > dl.col-md-6 > dd {
    width: 50%;
}

.params dl.col-md-6 > dd.align-bottom-abs > * {
    position: absolute;
    bottom: 0;
}

.params dl.col-md-6 > dd.dd-input.align-bottom-abs > * {
    position: absolute;
    bottom: -3px;
    bottom: -3px;
}

.params dl > dt.title {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

.params dt, .params dd {
    display: inline-block;
    border-bottom: 1px solid #ececec;
}
.params dt { width: 34%; }
.params dd {
    width: 64%;
    background: #FFF;
    max-height: 100px;
    overflow-y: auto;
    vertical-align: bottom;
    margin-bottom: -1px;
}


.edit-info {
    padding: 25px 0 10px;
}

.realty__edit_info_min {
    width: auto;
    padding: 10px 0;
    max-width: 300px;
}

.realty__edit_info_min > dl {
    padding: 0;
}

.realty__edit_info_min > dl > dd {
    font-size: 85%;
}

.realty__edit_info_min h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.user-image {
    width: 150px;
    height: 150px;
    overflow: hidden;
    /*border-radius: 50%;*/
    float: left;
}

.user-info {
    float: left;
    padding-left: 30px;
    margin-bottom: 0;
}

.user-info dd {
    margin-bottom: 5px;
    max-width: 300px;
}

.user-image img {
    height: 100%;
    display: block;
    margin: 0 auto;
}

.user-actions {
    float:right;
}

.map {
    width: 100%;
    height: 475px;
    border: 0;
    background: url('../img/mapbg.jpg');
}

.map--edit {
    margin-top: 25px;
}

.nomap {
    line-height: 25px;
    font-weight: bold;
}

.nomap i {
    float:left;
    padding-right: 5px;
}

.bold {
    font-weight: bold;
}

/* images */
ul.images {
    list-style: none;
    padding: 15px 0 0;
}

ul.images li {
    display: block;
    float: left;
    width: 24% !important;
    margin: 2px;
    height: 155px !important;
    text-align: center;
    border: 1px dotted #511312;
    border-radius: 5px;
    overflow: hidden;
}

ul.images li[data-placeholder] {
    background: #fff4cc;
}

ul.images li.uploaded {
    border-radius: 0;
    border: 1px solid rgba(81, 19, 18, 0.3);
}

ul.images:after {
    content: "";
    display: block;
    clear: both;
}

ul.images img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

ul.images .icon {
    color: #CCC;
    padding-top: 40px;
    font-size: 75px;
}

ul.images .hint {
    display: block;
    width: 100%;
    height: 100%;
}

abbr.hint {
    text-decoration: none;
    border: none;
}

.image-container {
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
}

.image-actions {
    position: absolute;
    top: 0;
    width: 100%;
}

.image-actions a {
    background: rgba(255, 255, 255, 0.5);
    z-index: 200;
}

.image-actions .action-view {
    float:left;
    padding-right: 2px;
}

.image-actions .action-remove {
    float:right;
    /*color: #ff5722;*/
    color: #aa001f;
}

.action-secondary a:hover { text-decoration: none; }
.action-secondary a .material-icons {
    color: #350100 !important;
    font-size: 1.7em !important;
}

.instructions {
    font-weight: bold;
}

.fit {
    padding: 20px 15px;
}

.fit div {
    padding: 0;
    margin: 0;
}

.btn-top {
    position: fixed !important;
    right: 45px;
    bottom: 45px;
    z-index: 999;
}

.description {
    padding: 20px 0;
}

.description-title,
.description-text {
    display: inline-block;
}

.description-title {
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
}

.no-records {
    padding: 20px 10px 20px 40px;
    color: #a94442;
    position: relative;
}

.no-records .material-icons {
    position: absolute;
    left: 9px;
    top: 18px;
}

.footer-info {
    padding-top: 10px;
    font-weight: 500;
}

.sort-filter .btn {
    padding: 0 3px;
    margin: 7px 0;
}

.well-thin {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.text-collapsible {
    cursor: pointer;
    position: relative;
}

.text-collapsible.collapsed:after {
    content: "";
    position: absolute;
    bottom: 0;
    left:0;
    height: 30px;
    width: 100%;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.table-striped .text-collapsible.collapsed:after, .table-striped-2 tr:nth-of-type(4n-1) .text-collapsible.collapsed:after, .table-striped-2 tr:nth-of-type(4n) .text-collapsible.collapsed:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.table-striped tr:nth-child(even) .text-collapsible.collapsed:after {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f9f9f9',GradientType=0 );
}

.table-striped tr:hover .text-collapsible.collapsed:after {
    display: none;
}

.text-collapsible.locked:before {
    content: '\1F512';
    float: right;
    padding-left: 7px;
}

/* collapsible*/
.collapsible-trigger {
    position: relative;
    padding-left: 20px;
}
.collapsible-trigger:hover { color: #511312 }
.collapsible-trigger:hover,
.collapsible-trigger:focus { text-decoration: none }
.collapsible-trigger:before,
.collapsible-trigger:after {
    content: "";
    display: block;
    width: 13px;
    height: 1px;
    background: #511312;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 250ms all;
    transition: 250ms all;
    position: absolute;
    top:10px;
    left:0px;
}
.collapsible-trigger.no-icon { padding-left:0 }
.collapsible-trigger.no-icon:before,
.collapsible-trigger.no-icon:after { display: none; }
.collapsed .collapsible-trigger:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.list-group-sm { margin-bottom: 5px; }
.list-group-sm .list-group-item .row-content { min-height: 55px; }
.list-group-sm .list-group-item { padding: 0 10px 0 0px; }
.row-action-primary a:hover { text-decoration: none; }

.log-description a {
    white-space: nowrap;
}

.calendar-days:after,
.calendar-day:after,
.calendar-items:before {
    content: "";
    display: block;
    clear: both;
}

.calendar-days {
    border: 1px solid #511312;
    border-bottom: none;
    border-right: none;
}

.calendar-day {
    display: block;
    float: left;
    width: 14.285%;
    height: 130px;
    border: 1px solid #511312;
    border-top: none;
    border-left: none;
    overflow: hidden;
    position: relative;
}

.calendar-items a {
    padding: 0 3px;
}

.calendar-day:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: inset 0px -40px 15px -30px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px -40px 15px -30px rgba(255,255,255,1);
    box-shadow: inset 0px -40px 15px -30px rgba(255,255,255,1);
    width: 100%;
    height: 15%;
    bottom: 0;
    left: 0;
}

.calendar-day-title {
    color: #FFF;
    display: block;
    text-align: center;
    background: #511312;
    padding: 1px 10px;
}
.day-current .calendar-day-title {
    font-weight: bold;
    color: #fde48a;
}

.calendar-day-title:hover {
    color: #FFF;
}

.calendar-day .material-icons {
    color: #FFF;
    display: none;
}

.calendar-day-title:hover .material-icons {
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: -1px;
}

.calendar-wrapper > .nav li {
    margin-right: 10px;
}

.calendar-content > .nav {
    padding-bottom: 10px;
}

.calendar-content > .nav.centered li {
    float: none;
    display: inline-block;
}

.calendar-content > .nav.centered li.float-left {
    float: left;
    display: inline-block;
}

.calendar-content > .nav.centered li.float-right {
    float: right;
    display: inline-block;
}

.calendar-daily {
    position: relative;
    margin-bottom: 25px;
}

.calendar-daily .timeline > .time {
    display: block;
    border-top: 1px solid #511312;
}

.calendar-daily .week {
    position: absolute;
    width: 95%;
    left: 60px;
    top: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.calendar-daily .week .events {
    margin: 0;
}

.calendar-daily .week .events .calendar-item {
    width: 199px;
}

.events > .label-event {
    word-break: break-word;
    max-width: 390px;
    white-space: normal;
    text-align: left;
}

.calendar-daily .dates {
    position: absolute;
    margin: 0 -2px !important;
    width: 100%;
    height: 60px;
}

.calendar-daily .dates li {
    position: absolute;
    top: 0;
    margin-left: 2px;
    background: #fde48a;
    height: 100%;
}

.calendar-daily .dates a {
    text-align: center;
}

.calendar-daily .events {
    position: absolute;
    top: 0;
    margin-left: 60px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 95%;
    border-left: 1px solid #511312;
}

.calendar-daily .events .calendar-item {
    position: absolute;
    width: 200px;
    padding: 5px;
    border: 1px solid #511312;
    z-index: 0;
    overflow: hidden;
}

.calendar-daily .events .calendar-item:hover {
    z-index: 1;
    height: auto !important;
}

.calendar-item {
    display: block;
    background: #fde48a;
}

.week .calendar-item:hover {
    max-height: inherit !important;
}

.calendar-item.day {
    position: absolute;
    padding: 7px;
    margin: -6px;
    border-right: 1px solid #ddd;
}

.calendar-title {
    font-size: 1.5em;
    padding: 10px 0;
}

.calendar-footer {
    position: absolute;
    bottom: -1px;
    width: 100%;
    padding: 0 3px;
    background: #eee;
    border-top: 1px solid #511312;
}

.calendar-daily > .calendar-footer {
    position: static;
    width: auto;
    padding: 5px;
    padding-left: 65px;
    background: transparent;
}

.week .calendar-footer  {
    border: 1px solid #511312;
    border-bottom: none;
    bottom: 0px;
}

.well-event .description {
    padding: 10px 0 20px;
}

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

.snackbar a {
    color: #fff;
    text-decoration: underline;
}

.snackbar.warning {
    background: #ff5722;
}

.form-group.event-relation .toggle {
    display: none;
}

.form-group .actions {
    height: 38px;
    padding: 7px 0;
}

.nav .control-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.nav .form-control {
    display: inline-block;
    width: auto;
}

.nav .form-group {
    padding: 0 10px;
    margin: 0;
    display: inline-block;
}

.ui-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-menu .table, .ui-menu .table tbody, .ui-menu .table a {
    background: inherit !important;
    color: #333;
}

.ui-menu .table a {
    pointer-events: none;
}

.ui-menu:hover .table tr:hover, .ui-menu:hover .table tr:hover a {
    background: #511312 !important;
    color: #fff;
}

.ui-menu:hover .table-striped > tbody > tr:nth-of-type(2n+1), .ui-menu:hover .table-striped > tbody > tr:nth-of-type(2n+1):hover {
    background: inherit;
}

.ui-menu:hover .table-striped > tbody > tr:nth-of-type(2n), .ui-menu:hover .table-striped > tbody > tr:nth-of-type(2n):hover {
    background: inherit;
}

/* Media */
/* Extend default bootstrap width */
@media (min-width: 1440px) {
    .container {
        width: 1440px;
    }
}

@media (max-width: 1440px) {
    .nav-table .dropdown-menu span {
        display: none;
    }

    .table tbody td {
        font-size: 13px;
    }
}

/* md */
@media screen and (max-width: 1280px) {
    a.btn-fab.edit {
        right: 25px;
    }

    .realty.params {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

/* sm */
@media screen and (max-width: 1024px) {
    footer menu {
        columns: 2;
        -webkit-columns: 2;
    }

    .btn-top {
        right: 25px;
        bottom: 25px;
    }

}
@media screen and (max-width: 975px) {
    .well a.edit {
        top: 120px;
    }

    ul.images li {
        height: 170px !important;
    }

    .title-responsive {
        display: inline-block;
    }

    .table-responsive {
        border: none !important;
        margin-bottom: -10px;
    }

    .table-responsive .phones {
        /*display: none;*/
    }

    .table-responsive .title-responsive {
        min-width: 80px;
        font-weight: bold;
    }

    .table-responsive .field-responsive {
        min-width: 80px;
    }

    .table-responsive .phones.field-responsive {
        display: inline-block;
    }

    .table-responsive tr,
    .table-responsive td {
        display: block;
        border: none !important;
    }

    .table-responsive tr {
        margin: 15px 0;
    }

    .table-responsive tr {
        border: 1px solid #CCC !important;
        border-radius: 4px;
    }

    .table-responsive thead {
        display: none !important;
    }

    .table-responsive .actions {
        background-color: #fde48a;
    }

    .table-responsive .actions i {
        font-size: 2.5em;
    }

    .table-responsive br {
        display: none;
    }

    /*.table-responsive .checkbox {
        float:right;
    }*/
    .checkbox-select {
        display: none !important;
    }
}

/* xs */
@media screen and (max-width: 768px) {
    header .logo span {
        font-size:24px;
    }

    footer menu {
        columns: 1;
        -webkit-columns: 1;
    }
    .nestable .buttons {
        text-align: left;
    }

    .user-info {
        float:none;
        padding-left: 200px;
    }

    .user-actions {
        float:none;
    }

    ul.images li {
        height: 140px !important;
    }

    ul.images .icon {
        padding-top: 32px;
    }

    .text-collapsible.locked:before {
        display:none;
    }

    .list-group .list-group-item .row-content .least-content {
        position: relative;
        padding-left: 16px;
    }

    #change_event_status_modal > .modal-dialog, #working_off_purchase_modal > .modal-dialog,
    #check_purchase_fields_modal > .modal-dialog {
        width: calc(100% - 20px) !important;
    }

    #check_purchase_fields_modal .modal-footer {
        padding-bottom: 50px;
    }
}

/* us */
@media screen and (max-width: 450px) {

    .form-group select {
        width: 100%;
        font-size: 1.2em;
        background: #FFF;
        padding: 2px;
        border: none;
        border-bottom: 1px solid #D2D2D2;
        margin-top: 2px;
    }

    .form-group select:focus {
        border-color: #fde48a;
    }

    .log-description a {
        display: block;
        font-size: 1.2em;
        padding: 3px 0;
    }

    /* header */
    header .logo { display: none; }
    .topmenu { height: auto; }
    .topmenu a {
        margin: 0;
        padding: 0px 3px !important;
        font-weight: bold;
        text-decoration: underline;
    }

    /* page navigation */
    .nav-pills {
        margin: 0 -5px;
    }

    .nav-pills > li > a {
        padding-left: 0;
    }

    .btn-top {
        height: 46px !important;
        min-width: 46px !important;
        width: 46px !important;
    }

    .realty.params {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    header .logo span {
        font-size:18px;
    }

    .topmenu menu a {
        font-size:10px;
        font-weight: bold;
    }

    .rg-page-actions__item {
        display: block;
        margin: 0 auto;
    }

    /* edit */
    ul.images li {
        width: 32% !important;
        height: 110px !important;
    }

    ul.images .icon {
        padding-top: 17px;
    }

    .user-image {
        margin: 0 auto;
        float:none;
    }

    .user-info {
        padding-left: 0;
    }

    .user-actions {
        text-align: center;
    }

    .table-responsive tr {
        margin: 10px 0;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0;
        background: rgb(249,249,249) !important;
    }

    .table-responsive .title-responsive, .table-responsive .field-responsive {
        min-width: 70px;
    }

    .col-md-6 .nav-pills {
        margin: 0 -10px;
    }

    .col-md-6 .sort-filter {
        margin: 0 -10px;
    }

    /* pagination */
    .pagination { margin: 5px 0 10px; }
    .pagination-first, .pagination-prev, .pagination-next, .pagination-last {
        padding: 9px 6px !important;
    }

    .pagination-lg>li>a, .pagination-lg>li>span { padding: 9px; }

    .pagination-sm { padding-top: 15px; }
    .pagination-sm>li>a, .pagination-sm>li>span {
        padding: 11px 15px;
        border: none;
    }

    .pagination-sm .pagination-first,
    .pagination-sm .pagination-prev,
    .pagination-sm .pagination-next,
    .pagination-sm .pagination-last {
        padding: 11px !important;
    }

    .calendar-daily .events {
        width: 80%;
    }

    .calendar-days > .calendar-day {
        width: 50%;
    }
}

@media print {

    html body * {
        display:none;
    }

}

.table.centered-th th {
    vertical-align: middle;
    text-align: center;
}

.table.centered-td td {
    vertical-align: middle;
    text-align: center;
}

.table th, .table td {
    border-left: 2px solid #ddd;
}

.table .left-border {
    border-left: 2px solid #ddd !important;
}

.table.table-responsive {
    display: block;
    overflow: visible !important;
}

.table.table-responsive th {
    vertical-align: middle;
}

.dropdown-menu.filter {
    min-width: 350px;
}

.dropdown-menu.filter label {
    padding-top: 5px;
}

.dropdown-menu.filter input, .dropdown-menu.filter select, .dropdown-menu.filter .chosen-container {
    font-weight: normal;
}

.dropdown-menu.filter .form-group {
    display: inline-block;
    width: 100%;
}

.caret-right {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid;
}

.dropdown-menu > .dropdown-submenu {
    overflow: visible;
}

.dropdown-menu > .dropdown-submenu:hover {
    color: #511312;
    background-color: #eeeeee;
}

.dropdown-menu > .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    left: 100%;
    top: 0;
    visibility: visible;
}

th.dropdown > .dropdown-toggle {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

th.dropdown > .dropdown-toggle::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 2px;
    bottom: 0px;
    border: 5px solid transparent;
    border-right: 5px solid #654743;
    border-bottom: 5px solid #654743;
}

th.dropdown > .dropdown-toggle:hover::after {
    border-right: 5px solid #ecb145;
    border-bottom: 5px solid #ecb145;
}

th.dropdown.open {
    background: #eee;
}

.ui-menu.ui-autocomplete {
    z-index: 1000;
}

@media screen and (max-width: 975px) {
    .table.filters thead {
        display: inherit !important;
    }

    .table.filters thead th {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .md-hide {
        display: none !important;
    }

    .table.filters thead th.dropdown .dropdown-menu.filter {
        min-width: auto !important;
        position: relative;
        box-shadow: none;
        margin: 10px -3px;
        border-bottom: 2px solid #ddd;
        z-index: 998;
    }

    th.dropdown > .dropdown-toggle::after {
        bottom: auto;
        top: 20px;
    }

    .table.table-responsive {
        display: block;
        overflow: visible !important;
    }

    table thead.fixed th {
        position: static !important;
    }
}

.time-values > textarea {
    margin-top: 20px;
    width: 100%;
    min-height: 100px;
    white-space: nowrap;
}

table thead.fixed, table thead.fixed th {
    background: #FFF;
    position: static;
}

table thead.fixed.scrolled {
    border-collapse: separate;
}

table thead.fixed.scrolled th, table thead.fixed.scrolled td {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 999;
    background: #fff;
    padding-bottom: 8px;
}

table thead.fixed.scrolled tr:nth-child(2) th, table thead.fixed.scrolled tr:nth-child(2) td {
    top: 32px;
}

table thead.fixed.scrolled tr:nth-child(3) th, table thead.fixed.scrolled tr:nth-child(3) td {
    top: 72px;
}

table thead.fixed.scrolled th::before, table thead.fixed.scrolled td::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 1.5px;
    background: #ddd;
    top: 0;
    left: -1.5px;
}

table thead.fixed.scrolled th::after, table thead.fixed.scrolled td::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #ddd;
    bottom: 0;
    left: 0;
}

.table-striped-2 > tbody > tr:nth-of-type(4n-1), .table-striped-2 > tbody > tr:nth-of-type(4n) {
    background-color: #f9f9f9;
}

.checkbox-select.middle {
    vertical-align: middle;
}

td.middle {
    vertical-align: middle !important;
}

.table-striped-2 > tbody > tr:hover {
    background-color: #fff;
}

.table-striped-2 > tbody > tr:hover:nth-of-type(4n-1), .table-striped-2 > tbody > tr:hover:nth-of-type(4n) {
    background-color: #f9f9f9;
}

.inline-box {
    margin-bottom: 15px;
}

.inline-box > * {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.inline-box > .align-right {
    float: right;
}

.nav-tabs {
    /*background-color: #511312;*/
    background-color: #401e1d;
    margin-bottom: 10px;
}

.tab-content > .active {
    display: inline-block;
    width: 100%;
}

.scroll-x {
    overflow-x: auto;
}

.calendar-days > .calendar-day:hover {
    overflow: visible;
}

.calendar-days > .calendar-day:hover::before {
    display: none;
}

.calendar-days > .calendar-day:hover > .calendar-items {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.calendar-days > .calendar-day:hover > .calendar-footer {
    bottom: 0px;
}

.title-responsive.bordered {
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px solid #CCC;
    padding-top: 5px;
}

.table th.sort-column {
    cursor: pointer;
}

.togglebutton input[type=checkbox] {
    display: none;
}

#view_event_images {
    margin-top: 30px;
}

#view_event_images > li {
    margin-left: 165px;
}

.label-secondary {
    background: #007bff;
    color: #fff;
}

.label-danger {
    background: #dc3545;
    color: #fff;
}

.calendar-day.left-m-1 {
    margin-left: 14.285%;
    border-left: 1px solid #511312;
}

.calendar-day.left-m-2 {
    margin-left: 28.57%;
    border-left: 1px solid #511312;
}

.calendar-day.left-m-3 {
    margin-left: 42.855%;
    border-left: 1px solid #511312;
}

.calendar-day.left-m-4 {
    margin-left: 57.14%;
    border-left: 1px solid #511312;
}

.calendar-day.left-m-5 {
    margin-left: 71.425%;
    border-left: 1px solid #511312;
}

.calendar-day.left-m-6 {
    margin-left: 85.71%;
    border-left: 1px solid #511312;
}

.nav-pills .dropdown-menu li > a {
    padding: 13px 16px;
}

.nav-pills .dropdown-menu li > a:hover {
    color: #511312;
    background-color: #eeeeee;
}

.mfp-bottom-bar::after {
    content: "";
    position: absolute;
    left:0;
    height: 100px;
    width: 100%;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(bottom,  rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.mfp-bottom-bar {
    margin-top: -140px;
    height: 100px;
    overflow: hidden;
}

.mfp-gallery.bottom-bar-centered .mfp-bottom-bar {
    height: 25px;
    margin-top: -65px;
}

.mfp-gallery.bottom-bar-centered .mfp-bottom-bar > .mfp-title {
    text-align: center;
    padding-right: 5px;
    width: 100%;
}

.mfp-bottom-bar > .mfp-title {
    position: absolute;
    z-index: 2;
    overflow: auto;
    padding-left: 5px;
    max-height: 100px;
    width: 104%;
    padding-right: 85px;
}

.mfp-bottom-bar > .mfp-counter {
    right: 5px;
}

.alert.alert-warning a {
    text-decoration: underline;
}

.user-task-comment {
    margin: 0;
}


/* Повернутые заголовки таблицы */
.table th.rotated-90deg {
    height: 140px;
}

.table th.rotated-90deg > div {
    transform: translate(49px, 61px) rotate(270deg);
    width: 30px;
    height: 140px;
}
.table th.rotated-90deg > div > p {
    padding: 5px 10px;
    width: 140px;
    font-weight: bold;
}


/* Незаполненные поля */
.form-group > div[class^="col-"]::before {
    content: "";
    display: none;
    position: absolute;
    width: calc(100% - 30px);
    background: rgba(255, 100, 0, 0.35);
    height: 100%;
    top: 0;
    right: 15px;
    left: -9999px;
}

.form-group > label + div::before {
    width: calc(100% - 28px);
}

.form-group.has-error > div[class*="control-label"]::before {
    display: none;
}

.form-group.is-focused > div::before {
    display: none;
    left: -9999px;
}

.form-group.has-error .tokenfield, .form-group.has-error select, .form-group.has-error textarea, .form-group.has-error input {
    position: relative;
}

#change_user_task_modal .form-group > div::before {
    right: 0;
    width: 100%;
    height: calc(100% - 4px);
}

/* Поле ввода в таблицах */
.form-group.td-input {
    margin: 0;
    padding: 0;
}

.form-group.td-input > .form-control {
    margin: 0;
    padding: 0;
}

/* Выравнивание строки в таблице */
table tr.align-middle > td {
    vertical-align: middle;
}

/* Растягивающийся textarea */
textarea.resize-vertical {
    min-height: auto;
    resize: vertical;
}

textarea.resize-vertical:focus {
    min-height: 150px;
}

/* Горизонтальный список */
.list-group.list-group-horizontal > .list-group-item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.list-group.list-group-horizontal > .list-group-item > .row-content > .list-group-item-heading.middle {
    padding-top: 13px;
}

/* События менеджеров */
.events > .label {
    display: inline-block;
    font-size: 0.9em;
    margin-bottom: 3px;
}

/* Сортировка строк таблицы */
table.sortable tr > td:first-of-type {
    cursor: move;
}

a.disabled {
    color: lightgray;
    pointer-events: none;
}

/* ToolTip */
.tooltip > .tooltip-inner {
    padding: 15px !important;
    max-width: max-content !important;
    width: max-content !important;
    line-height: 1.7em !important;
}

/* Table's horizontal scroll */
.table-responsive {
    display: block !important;
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    overflow-x: auto !important;
}

.table-responsive.hidden {
    display: none !important;
}

.table-width-100 {
    display: table !important;
    overflow: visible !important;
}

/* Редактирование полей на страницах объектов */
.dd-input {
    border-bottom: none !important;
}

.dd-input > .form-group {
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px;
}

.dd-input > .form-group > input.form-control {
    padding-bottom: 0px;
    padding-top: 15px;
}

.params .dd-input > .form-group {
    top: 0;
}

#flat_number {
    width: 50px;
    display: inline-block;
}

#flat_number > input {
    text-align: center;
}

/* Disabled table */
table.table-disabled, table.table-disabled * {
    color: #bbb;
}

.label.label-primary {
    line-height: 2.5em;
    margin-right: 2px;
}

/* Расширение рабочей области */
@media (min-width:992px) {
    #page > .content > .container {
        width: 93% !important;
    }
}


/* Тип клиента */
i.client-type-red {
    color: #f44336;
}
tr.client-type-red, tr.client-type-red > td {
    background: #ebcccc !important;
}
.table-striped tr.client-type-red .text-collapsible.collapsed::after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ebcccc 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ebcccc 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ebcccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ebcccc', GradientType=0);
}

i.client-type-yellow {
    color: #fde48a;
}
tr.client-type-yellow, tr.client-type-yellow > td {
    background: #fff0ab !important;
}
.table-striped tr.client-type-yellow .text-collapsible.collapsed::after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff0ab 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff0ab 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff0ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#fff0ab', GradientType=0);
}

i.client-type-green {
    color: #4caf50;
}
tr.client-type-green, tr.client-type-green > td {
    background: #bef4a8 !important;
}
.table-striped tr.client-type-green .text-collapsible.collapsed::after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bef4a8 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bef4a8 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #bef4a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bef4a8', GradientType=0);
}

/* Select category */
select > option.category, .chosen-container li.category {
    font-weight:bold;
    color:#666 !important;
}

table > thead.text-center > tr > td, table > thead.text-center > tr > th {
    text-align: center;
}


/* Заблокированный основной блок */
.well.disabled {
    pointer-events: none;
    opacity: 0.4;
}


/* Контейнер подтверждения покупателя, фикс прокрутки на айфоне */
#check_purchase_fields_modal {
    overflow-y: auto;
}


.text-style.warning {
    color: #ff5722;
    font-weight: bold;
}


/* FilePond */
.filepond--root {
    font-size: 2rem;
}

.filepond--file-action-button.filepond--file-action-button svg {
    width: 70%;
    height: 70%;
    left: -3px;
    position: relative;
    top: 1px;
}