.logo img {
    max-width: 100%;
}

.sonata-ba-form > form > .row > .col-md-12 > .row > .col-md-12 > .box-primary > .box-header {
    display: none;
}

.hide-header .box-header {
    display: none;
}


.file-thumb {
    max-width: 100%;
    height: auto;
}
.video-file-thumb{
    height: auto;
    max-height: 100px;
    width: 100px;
}
.form-vertical {
    flex-direction: column;
}

.form-vertical.form-group > * {
    display: block;
    width: 100%;
}

.form-vertical.form-group > label {
    text-align: left;
}

.current-model-item {
    display: none;
}

.children-full-sm > .sonata-ba-field {
    margin-left: 0;
    padding: 0;
    width: 100%;
}

.paper-main-image {
    height: 300px;
    margin-bottom: 10px;
}

.paper-main-image img {
    height: 100%;
}

#unchecked-message {
    background-color: yellow;
    color: darkred;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    padding: .5em;
    clear: both;
    margin-bottom: 10px;
}

.paper-images-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.paper-mini-image .paper-preview {
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    display: flex;
}

.paper-mini-image .paper-preview img {
    max-width: 100%;
    max-height: 100%;
}

.paper-mini-image {
    display: flex;
}

.show-collection-table {
    width: 100%;
}

.show-collection-table tbody th, .show-collection-table thead td {
    display: none;
}

.sonata-ba-field .table .row > div {
    word-break: break-all;
}

.no-padding {
    padding: 0
}

.col-md-12 > .row > .form-row-group {
    padding-left: 15px;
    padding-right: 15px;
}

.col-md-12 > .row > .form-row-group:first-child .box.box-primary {
    border-top: 3px solid #3c8dbc;
}

.col-md-12 > .row > .form-row-group + .col-md-12 {
    margin-top: 20px;
}

.form-row-group > .box, .hide-header > .box {
    border: none;
    margin-bottom: 1px;
    box-shadow: none;
}

.show-header {
    border-top: 2px solid #3c8dbc;
}

.form-row-group .box-header {
    display: none;
}

.show-header .box-header {
    display: block;
}

.swap-button {
    margin: 0 auto;
    display: block;
}

.form-row-group .sonata-ba-collapsed-fields > .form-group {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
}

.form-row-group .sonata-ba-collapsed-fields > .form-group, .hide-header .sonata-ba-collapsed-fields > .form-group {
    padding: 0 10px;
}

.form-row-group .sonata-ba-collapsed-fields {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.form-row-group .sonata-ba-collapsed-fields th, .form-row-group .sonata-ba-collapsed-fields td, .form-row-group tr {
    display: block;
}

.form-row-group .table > tbody > tr > th {
    padding: 0 0 0 5px;
}

.form-row-group .table > tbody > tr > th {
    border-top: 0;
}

.form-row-group tbody {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.form-row-group th {
    text-align: left;
    min-width: 130px;
    width: 120px;
    max-width: 100%;
    word-break: break-word;
}

.form-row-group td {
    padding-left: 10px;
    width: 100%;
}

.form-row-group .sonata-ba-view-container:nth-child(2n) {
    background-color: #f9f9f9;
}

.form-row-group .sonata-ba-view-container {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
}

.form-row-group .sonata-ba-collapsed-fields .control-label, .form-row-group .sonata-ba-collapsed-fields .sonata-ba-field {
    padding: 0;
    margin: 0;
}

.form-row-group .sonata-ba-collapsed-fields .sonata-ba-field, .hide-header .sonata-ba-collapsed-fields .sonata-ba-field {
    padding-left: 10px;
    width: 100%;
}

.form-row-group .sonata-ba-collapsed-fields .control-label, .hide-header .sonata-ba-collapsed-fields .control-label {
    text-align: left;
    min-width: 120px;
    padding: 0;
    width: 120px;
    max-width: 100%;
    word-break: break-word;
}

.hide-header .sonata-ba-collapsed-fields > .form-group {
    display: flex;
    width: 100%;
    margin: 10px 0;
    justify-content: space-between;
}

.form-row-group .sonata-ba-collapsed-fields > .form-vertical {
    align-items: start;
}

.form-row-group .form-vertical .sonata-ba-field, .hide-header .form-vertical .sonata-ba-field {
    padding-left: 0;
}

.report-table {
    max-height: 500px;
    overflow-y: scroll;
    display: block;
    width: 100%;
}

.report-block .inner {
    min-height: 120px;
}

#upload-paper-images > * {
    display: inline-block;
}

.modal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.checkbox .eye-checkbox .icheckbox_square-blue {
    font-family: 'Font Awesome 5 Free';
    background: none;
    font-size: 24px;
    line-height: 24px;
}

.checkbox .eye-checkbox .icheckbox_square-blue.checked:after {
    content: "\f06e";
    color: #2489c5;
}

.checkbox .eye-checkbox .icheckbox_square-blue:after {
    content: "\f070";
    color: #777;
}

.inner-field-short-description img {
    max-width: 100px;
}

.modal-body .sonata-ba-list-field img {
    max-width: 100px;
}
td.sonata-ba-list-field.sonata-ba-list-field-integer {
    text-align: left;
}
.history-audit-compare th.diff,
.history-audit-compare th.diff ~ td {
    background-color: #ffeaea;
}

.mosaic-inner-box {
    padding-top: 100%;
    background-position: center;
    display: block;
    height: auto !important;
}

.mosaic-inner-box-default {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.order-item figure {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sonata-ba-field input[type='color'] {
    max-width: 50px;
}

.block-color {
    display: block;
    width: 1em;
    height: 1em;
}

.order-status {
    text-align: center;
    border-radius: 5px;
    padding: 0 5px;
}

.papers-container {
    display: flex;
    flex-wrap: wrap;
}

.in-other-var picture {
    outline: 2px solid red;
    display: block;
}

.paper-container {
    margin: 5px;
}

.paper-container a span {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000069;
    color: #fff;
    padding: 0 5px;
}

.paper-container a {
    position: relative;
}

.paper-thumb {
    width: 200px;
    height: 200px;
    object-fit: cover;
    display: block;
}

.paper-container .btn-add {
    width: 200px;
    height: 200px;
    color: #008d4c;
    border: 3px solid #008d4c;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paper-container .btn-add:before{
    font-size: 100px;
    content:"+";
}
.paper-container .btn-add:hover {
    background-color: #008d4c;
    color: #fff;
}
.modal-body .form-group{
    display: flex;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}
button.toastui-insert-video{
    color: #333;
    margin: 0;
    background-color: #f7f9fc;
}
.toastui-editor-tab {
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dadde6;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}
.toastui-editor-tab.active{
    color: #00a9ff;
    border-bottom: 2px solid #00a9ff;
}
.toastui-editor-popup-body input[type='url'] {
    width: calc(100% - 26px);
    height: 30px;
    padding: 0 12px;
    border-radius: 2px;
    border: 1px solid #e1e3e9;
    color: #333;
}
.seo_random{
    margin-bottom: 10px;
}
.seo-mapping-container {
    width: 358px;
    overflow-y: scroll;
    padding-right: 25px;
    max-height: 300px;
}
.myfonticon{
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.sidebar-menu>li>a>.myfonticon, .treeview-menu>li>a>.myfonticon {
    width: 20px;
}
.form-control[pattern]:valid {
    border-color: #28a745;
}
.form-control[pattern]:invalid {
    border-color: #dc3545;
}
.task-block-header{
    font-weight: bold;
    color: #2489c5;
    padding-top: 7px;
}
.day-collection {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    margin: 10px 0;
    border: 1px solid #ddd;
}