body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-size: 0.83rem;
}

main {
    flex: 1;
}

div > input {
    margin-bottom: 3px;
}

.btn-same {
    width: 10.5rem !important;
}

.swal2-input.form-control-x {
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #373a3c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0.8rem 1.5rem 0;
}

.swal2-input.form-control-sm-x {
    height: auto;
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.swal2-textarea.form-control-x {
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #373a3c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0.8rem 1.5rem 0;
}

@media (prefers-reduced-motion: reduce) {
    .swal2-input.form-control-x {
        transition: none;
    }
    .swal2-textarea.form-control-x {
        transition: none;
    }
}

.swal2-title.h4-x {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 1.2;
    font-size: calc(1.275rem + 0.3vw);
    text-align: left;
}

@media (min-width: 1200px) {
    .swal2-title.h4-x {
        font-size: 1.5rem;
    }
}

.swal2-actions.btn-block-x {
    display: inline-block !important;
    margin: 1.25em 1.5rem 0;
}

.swal2-html-container.full-text {
    text-align: left;
    font-size: 0.85rem;
    margin: 1em 1.9em 0.3em;
}

div.number::before {
    content: '\2116\0020 ';
}

div.direction::before {
    content: '\0422\0438\043F\a';
    font-size: 0.6rem;
    color: grey;
    white-space: pre;
}

div.date::before {
    content: '\0414\0430\0442\0430\a';
    font-size: 0.6rem;
    color: grey;
    white-space: pre;
}

div.correspondent::before {
    content: '\041A\043E\0440\0440\0435\0441\043F\043E\043D\0434\0435\043D\0442\a';
    font-size: 0.6rem;
    color: grey;
    white-space: pre;
}

div.way::before {
    content: '\0421\043F\043E\0441\043E\0431\0020\043F\043E\043B\0443\0447\0435\043D\0438\044F\a';
    font-size: 0.6rem;
    color: grey;
    white-space: pre;
}

div.data_from_correspondent::before {
    content: '\2116\002C\0020\0434\0430\0442\0430\0020\0443\0020\043A\043E\0440\0440\002E\a';
    font-size: 0.6rem;
    color: grey;
    white-space: pre;
}

div.outgoing_number::before {
    content: '\0418\0441\0445\002E\0020\2116\a';
    font-size: 0.6rem;
    color: grey;
    white-space: pre;
}

.preview {
    overflow: hidden;
    position: relative;
    height: 100%;
    cursor: pointer;
}

.preview:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 10em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
    pointer-events: none;
}

.air-datepicker-global-container {
    z-index: 99999 !important;
}

h6.divider {
   width: 100%; 
   text-align: left; 
   border-bottom: 1px dashed #F2F3F4; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
} 

h6.divider span { 
    background: #fff; 
    color: #2780E3;
    padding: 0 10px 0 0; 
}

.file-link:before {
    font: var(--fa-font-light);
    content: "\f0c6";
    color: red;
    padding-right: 5px;
}

#tag_cloud {
    overflow: hidden;
    position: relative;    
}

#tag_cloud.hide {
    height: 80px;
}

#tag_cloud.hide:after{
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}