.media-container h2 {
    margin-top: 0px;
    margin-bottom: 0.5rem;
    font-weight: 500 !important;
    line-height: 1.2;
}
.input-group-append .btn-file {
    padding: 6px 13px !important;
}
.file-caption .file-caption-name {
    padding: 5px 0px !important;
}
.media-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: none;
    font-size: 13px !important;
}
.contentpane .media-container {
    margin: 0 -20px;
    box-shadow: none;
}
.media-col-main-panel {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
}
.media-col-side-panel {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
}
[class*=" media-col"],
[class^="media-col"] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 7.5px;
    padding-left: 7.5px;
}
@media (min-width: var(--breakpoint-md)) {
    [class*=" media-col"],
    [class^="media-col"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.media-main {
    position: relative;
    flex: 1 1 600px;
    min-height: 75vh;
}
.media-sidebar {
    flex: 0 0 280px;
    padding: 1rem;
    overflow-y: auto;
}
.media-breadcrumb {
    display: flex;
    padding: 0;
    margin: 0 auto 0 0;
    font-size:  13px;
    line-height: 46px;
    background: transparent;
    border-left: 1px solid rgb(230, 236, 244);
}
.media-breadcrumb ol {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: outside none none;
}
.media-breadcrumb ol > li > a {
    cursor: pointer;
}
.media-breadcrumb-item {
    padding: 0 8px 0 22px;
    background-color: rgb(244, 247, 250);
}
.media-breadcrumb-item:first-of-type {
    padding-left: 16px;
}
.media-breadcrumb-item:last-of-type {
    background-color: #fff;
}
.media-breadcrumb-item:last-of-type:after {
    border-left-color: #fff;
}
.media-breadcrumb-item:hover {
    color: #2a69b8;
}
.media-breadcrumb-item {
    position: relative;
}
.media-breadcrumb-item:after,
.media-breadcrumb-item:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 2;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: "" !important;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 10px solid transparent;
}
.media-breadcrumb-item:before {
    border-left-color: rgb(230, 236, 244);
}
.media-breadcrumb-item:after {
    border-left-color: rgb(244, 247, 250);
}
.breadcrumb-item + .breadcrumb-item:before {
    display: none;
}
html[dir="rtl"] .media-breadcrumb {
    margin: 0 0 0 auto;
}
.media-breadcrumb-item:before,
html[dir="rtl"] .media-breadcrumb-item:after {
    right: 100%;
    border-right: 10px solid transparent;
    border-left: 0;
}
html[dir="rtl"] .media-breadcrumb-item {
    padding: 0 22px 0 8px;
}
html[dir="rtl"] .media-breadcrumb-item:before {
    border-right-color: #fafafa;
}
html[dir="rtl"] .media-breadcrumb-item:first-of-type {
    padding-right: 16px;
    padding-left: 0;
}
html[dir="rtl"] .media-breadcrumb-item:last-of-type:after {
    border-right: 10px solid #fff;
}
.media-browser {
    position: relative;
    min-height: 70vh;
    -webkit-border-start: 1px solid rgb(230, 236, 244);
    border-inline-start: 1px solid rgb(230, 236, 244);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-browser.w100 {
    width: 100%;
}
.media-browser.w75 {
    width: 75%;
}
.media-browser-grid {
    padding: 15px 0 15px 15px;
}
.media-browser-items {
    display: flex;
    flex-wrap: wrap;
}
.media-browser-item {
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.media-browser-items-sm .media-browser-item {
    width: calc(12.5% - 15px);
}
.media-browser-items-md .media-browser-item {
    width: calc(16.666% - 15px);
}
.media-browser-items-lg .media-browser-item {
    width: calc(25% - 15px);
}
.media-browser-items-xl .media-browser-item {
    width: calc(50% - 15px);
}
.media-browser-item-preview {
    position: relative;
    font-size: 60px;
    color: #007eb7;
    border: 1px solid rgb(238, 242, 247);
    border-radius: 0.25rem;
}
.media-browser-item-preview:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-browser-item.active .media-browser-item-preview:after,
.selected .media-browser-item-preview:after {
    opacity: 1;
}
.media-browser-item-info {
    padding: 0 2px;
    overflow: hidden;
    font-size:  13px;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.media-browser-select {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 2.002rem;
    height: 2.002rem;
    content: "";
    background-color: rgba(0, 0, 0, 0.8);
    border: 2px solid #fff;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 0 #fff;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-browser-item.active .media-browser-select {
    opacity: 1;
}
.media-browser-select:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.69rem;
    height: 1.69rem;
    font-family: "FontAwesome";
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.69rem;
    text-align: center;
    content: "\f00c";
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(0.5);
}
.selected .media-browser-select:after {
    opacity: 1;
    transform: scale(1);
}
.selected .media-browser-select {
    color: rgba(0, 0, 0, 0.8);
    background-color: #fff;
    box-shadow: inset 0 0 0 15px #fff;
    opacity: 1;
}
.media-browser-actions {
    position: absolute;
    top: 4px;
    right: 0;
    padding: 2px;
    overflow: hidden;
}
.media-browser-actions > button {
    opacity: 0;
}
.media-browser-item.active .media-browser-actions > button {
    opacity: 1;
}
.media-browser-actions.active > button {
    display: none;
}
.media-browser-actions ul {
    padding: 0;
    margin: 0;
    list-style: none;
    -moz-column-gap: 5px;
    column-gap: 5px;
    -moz-column-count: 2;
         column-count: 2;
}
.media-browser-actions-list {
    display: flex;
    flex-direction: column;
}
.media-browser-actions-list a,
.media-browser-actions-list button {
    position: relative;
    top: 0;
    padding: 0;
    visibility: hidden;
    background-color: transparent;
    border: 0;
    opacity: 0;
    transition: all 0s ease;
    transition-delay: 0s;
}
.media-browser-actions.active .media-browser-actions-list a,
.media-browser-actions.active .media-browser-actions-list button {
    top: 0;
    visibility: visible;
    opacity: 1;
    transition-duration: 0.2s;
}
.media-browser-actions.active .media-browser-actions-list a:first-of-type,
.media-browser-actions.active .media-browser-actions-list button:first-of-type {
    transition-delay: 0.1s;
}
.media-browser-actions.active .media-browser-actions-list a:nth-of-type(2),
.media-browser-actions.active .media-browser-actions-list button:nth-of-type(2) {
    transition-delay: 0.15s;
}
.media-browser-actions.active .media-browser-actions-list a:nth-of-type(3),
.media-browser-actions.active .media-browser-actions-list button:nth-of-type(3) {
    transition-delay: 0.2s;
}
.media-browser-actions.active .media-browser-actions-list a:nth-of-type(4),
.media-browser-actions.active .media-browser-actions-list button:nth-of-type(4) {
    transition-delay: 0.25s;
}
.image-browser-action {
    width: 2.515rem;
    height: 2.515rem;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 3px !important;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0.25rem;
}
.action-delete .image-browser-action {
    background-color: #d9534f;
}
.image-browser-action:before {
    font-size: 20px;
    line-height: 2.515rem;
}
.image-browser-action:hover {
    color: rgba(0, 0, 0, 0.8);
    background-color: #fff;
}
.image-background {
    background-color: #fff;
    background-image: linear-gradient(45deg, rgb(246, 247, 249) 25%, transparent 0, transparent 75%, #eee 0, rgb(246, 247, 249)),
        linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, rgb(246, 247, 249) 0, rgb(246, 247, 249));
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}
.image-cropped {
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border-radius: 0.25rem;
}
.file-background,
.folder-background {
    padding-bottom: 100%;
    background-color: rgb(246, 247, 249);
    border: 1px solid rgb(238, 242, 247);
    border-radius: 0.25rem;
}
.file-background.solid,
.folder-background.solid {
    background-image: url('/public/images/carbon.jpg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: rgb(177, 177, 177);
    color: rgb(142, 142, 142);
}
.file-icon,
.folder-icon {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: rgb(133, 150, 173);
}
.folder-icon.solid {
    color: rgb(198, 198, 198);
}
.file-icon,
.folder-icon,
.media-dragoutline {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.media-dragoutline {
    top: 6px;
    right: 6px;
    bottom: 1px;
    left: 6px;
    z-index: 1040;
    flex-direction: column;
    visibility: hidden;
    content: "";
    background-color: hsla(0, 0%, 96.1%, 0.8);
    border: 3px dashed #999;
    border-radius: 0.25rem;
    opacity: 0;
    transition: all 0.2s ease;
    transition-delay: 0.2s;
    transform: scale(0.6);
}
.media-dragoutline .upload-icon {
    font-size: 8rem;
    color: #1c3d5c;
    opacity: 0;
    transition: all 0.2s ease;
    transition-delay: 0.1s;
    transform: translateY(50%);
}
.media-dragoutline p {
    font-size: 1.4rem;
    opacity: 0;
    transition: all 0.2s ease;
    transition-delay: 0s;
}
.media-dragoutline.active {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    transform: scale(1);
}
.media-dragoutline.active .upload-icon {
    opacity: 1;
    transform: translateY(0);
}
.media-dragoutline.active p {
    opacity: 1;
    transition-delay: 0.2s;
}
table tbody tr:hover {
    background-color: rgba(0,0,0,.075);
}
.media-browser-table-head .type {
    margin-left: 1px;
}
.media-browser-table-head .type:before {
    display: none;
}
.media-browser-table .size {
    width: 9%;
    text-align: left;
}
.media-browser-table .mime {
    width: 12%;
    text-align: left;
}
.media-browser-table .created, .media-browser-table .modified {
    width: 10%;
    text-align: left;
}
.media-browser-table .dimension {
    width: 9%;
    text-align: left;
}
.media-browser-table .action {
    width: 15%;
    text-align: left;
}
.media-browser-table .img {
    width: 34px;
    text-align: left;
}
.media-browser-table td a span.image-browser-action {
    margin-right: 0px;
}

.media-browser-table .type {
    position: relative;
    z-index: 0;
    width: 49px;
    min-width: 49px;
    padding: 0.6rem 0;
    font-size: 1.2rem;
    line-height: 30px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.015);
    border-right: 1px solid rgba(0, 0, 0, 0.03);
}
.media-browser-table .type:after,
.media-browser-table .type:before {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-browser-table .type:before {
    font-family: FontAwesome;
    color: #656565;
}
.selected .media-browser-table .type:before {
    color: #fff;
}
.media-browser-table .type:after {
    position: absolute;
    top: -1px;
    right: 100%;
    bottom: -1px;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #006898;
}
.media-browser-table .type span {
    visibility: hidden;
}
.action-toggle {
    padding: 0;
    background: transparent;
    border: 0;
}
.selected .type:before {
    color: #fff;
}
.selected .type:after {
    right: 0;
}
.type[data-type]:before {
    content: "\f07b";
}
.type[data-type=""]:before {
    content: "\f07b";
}
.type[data-type="bmp" i]:before,
.type[data-type="gif" i]:before,
.type[data-type="jpeg" i]:before,
.type[data-type="jpg" i]:before,
.type[data-type="png" i]:before,
.type[data-type="svg" i]:before,
.type[data-type="psd" i]:before,
.type[data-type="ai" i]:before,
.type[data-type="tiff" i]:before,
.type[data-type="webp" i]:before {
    content:"\f1c5";
}
.type[data-type="mkv" i]:before,
.type[data-type="mov" i]:before,
.type[data-type="mp4" i]:before,
.type[data-type="mpeg" i]:before,
.type[data-type="mpg" i]:before {
    content:"\f1c8";
}
.type[data-type="mp3" i]:before,
.type[data-type="raw" i]:before,
.type[data-type="wav" i]:before,
.type[data-type="wma" i]:before {
    content:"\f1c7";
}
.type[data-type="csv" i]:before,
.type[data-type="xlsx" i]:before,
.type[data-type="xls" i]:before {
    content:"\f1c3";
}
.type[data-type="rar" i]:before,
.type[data-type="zip" i]:before {
    content:"\f1c6";
}
.type[data-type="docx" i]:before, 
.type[data-type="doc" i]:before {
    content:"\f1c2";
}
.type[data-type="pdf" i]:before {
    content:"\f1c1";
}
.type[data-type="txt" i]:before {
    content:"\f0f6";
}
.type[data-type="htm" i]:before,
.type[data-type="php" i]:before,
.type[data-type="html" i]:before {
    content:"\f1c9";
}
.media-form bascode-tab > bascode-tab-element {
    padding: 0;
}
.media-form bascode-tab > bascode-tab-element[active] {
    display: grid;
}
.media-form bascode-tab-element {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.media-form bascode-tab-element > fieldset {
    padding: 2rem;
}
.media-form bascode-tab-element > fieldset.options-form {
    border: none;
}
.media-form bascode-tab-element > fieldset legend {
    float: left;
}
.media-form .cropper-bg,
.media-form .cropper-modal {
    background: none;
}
.media-form .control-group .control-label {
    width: 100%;
}
.media-form .input-group-addon {
    font-size:  13px;
}
.media-form .spacer hr {
    width: 100%;
}
.media-form .form-select {
    min-width: 100%;
}
.media-manager-edit {
    grid-column-start: 2;
    grid-column-end: 5;
    background-color: #fff;
    background-image: linear-gradient(45deg, rgb(246, 247, 249) 25%, transparent 0, transparent 75%, #fafafa 0, rgb(246, 247, 249)),
        linear-gradient(45deg, #fafafa 25%, transparent 0, transparent 75%, rgb(246, 247, 249) 0, rgb(246, 247, 249));
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
    border-left: 1px solid rgb(230, 236, 244);
}
.media-manager-edit > div > img {
    padding: 0;
}
.media-manager-edit,
.media-manager-edit > :not(.hidden) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-pane {
    background-color: transparent;
    /*border-left: 1px solid #f0f0f0;*/
}
.media-infobar {
    position: absolute;
    top: 47px;
    right: 0;
    bottom: 0;
    z-index: 4;
    float: none;
    width: 25%;
    padding: 15px;
    overflow-y: auto;
    background-color: rgb(244, 247, 250);
    -webkit-border-start: 1px solid rgb(230, 236, 244);
    border-inline-start: 1px solid rgb(230, 236, 244);
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-infobar.r0 {
    right: -28%;
}
.media-infobar.r25 {
    right: 0%;
}
.media-infobar h2 {
    font-size: 2.2rem !important;
    padding: 8px 30px 8px 10px;
    margin: -15px -15px 15px;
    font-weight: 400;
    word-wrap: break-word;
    background-color: var(--template-bg-dark-5);
    border-bottom: 1px solid #eee;
}
.media-infobar dl {
    display: flex;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}
.media-infobar dd,
.media-infobar dt {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.media-infobar dt {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
}
.infobar-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 5px 15px;
    font-size: 3rem !important;
    line-height: 3rem;
    color: rgb(61, 97, 143);
    text-indent: 0;
    text-shadow: none;
}
.infobar-close:hover {
    color: rgb(112, 148, 194);
    cursor: pointer;
}
[class*=" fa-"].placeholder-icon,
[class*=" icon-"].placeholder-icon,
[class^="fa-"].placeholder-icon,
[class^="icon-"].placeholder-icon {
    display: block;
    width: 4rem;
    height: 4rem;
    margin: 20px auto 15px;
    font-size: 2rem;
    line-height: calc(4rem - 4px);
    color: #ccc;
    border: 2px solid #ccc;
    border-radius: 50%;
}
html[dir="rtl"] .infobar-close,
html[dir="rtl"] .media-infobar {
    right: auto;
    left: 0;
}
html[dir="rtl"] .media-infobar dd {
    margin-right: 0;
    margin-left: auto;
    direction: ltr;
    text-align: right;
}
html[dir="rtl"] .media-infobar h2 {
    padding: 20px 15px 10px 0;
}
.media-toolbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    background-color: #fff;
    border-bottom: 1px solid rgb(230, 236, 244);
    -webkit-border-start: 1px solid rgb(230, 236, 244);
    border-inline-start: 1px solid rgb(230, 236, 244);
    border-radius: 0.25rem 0.25rem 0 0;
    box-shadow: 0 -1px 0 0 rgb(230, 236, 244);
}
.media-toolbar input {
    padding: 0.3rem 0.75rem;
    margin: 1rem !important;

}
.media-toolbar-icon {
    display: inline-block;
    width: 50px;
    font-size: 1.3rem;
    line-height: 46px !important;
    color: rgb(58, 60, 66);
    text-align: center;
    background-color: transparent;
    border: 0;
    -webkit-border-start: 1px solid rgb(230, 236, 244);
    border-inline-start: 1px solid rgb(230, 236, 244);
    box-shadow: inset 1px 0 #fefefe;
}
.media-toolbar-icon:hover {
    background-color: #f0f0f0;
    box-shadow: none;
}
.media-toolbar-icon .fa {
    font-size: 18px;
}
.media-toolbar-select-all {
    width: 1.8rem !important;
    margin: 1rem;
}
.media-view-icons {
    display: flex;
}
.media-view-icons .disabled span {
    opacity: 0.3;
}
.media-view-icons .disabled:hover,
.media-view-icons .disabled span:hover {
    cursor: default;
}
.media-view-search-input {
    display: flex;
    align-items: center;
    padding: 0 5px;
}
.media-loader {
    position: absolute;
    right: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 2px;
    background-image: linear-gradient(90deg, #59afff 0, #59daff);
    -webkit-animation: mediaLoader 10s ease 0s 1 normal none running;
    animation: mediaLoader 10s ease 0s 1 normal none running;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes mediaLoader {
    0% {
        right: 100%;
    }
    to {
        right: 0;
    }
}
@keyframes mediaLoader {
    0% {
        right: 100%;
    }
    to {
        right: 0;
    }
}
ul.media-tree {
    padding: 0 0 5px;
    margin: 0;
    overflow-x: visible;
    list-style: none;
}
ul.media-tree ul {
    margin-left: 2px;
}
ul.media-tree:empty {
    display: none;
}
.media-disk {
    margin-bottom: 10px;
}
.media-drive {
    overflow-x: auto;
    background-color: #fff;
    border: 1px solid rgb(230,236,244);
}
.media-drive + .media-drive {
    border-top: 0;
}
.media-disk-name {
    padding: 4px 1px;
    font-size: 16px !important;
    color: rgb(31, 48, 71);
}
.media-disk-name:empty {
    display: none;
}
.media-tree-item {
    position: relative;
    display: block;
}
.media-tree-item:before {
    top: 13px;
    width: 10px;
    height: 1px;
    margin: auto;
}
.media-tree-item:after,
.media-tree-item:before {
    position: absolute;
    left: 0;
    content: "";
    background-color: rgb(230, 236, 244);
}
.media-tree-item:after {
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
}
.media-tree-item:last-child:after {
    height: 13px;
}
.media-tree-item li {
    padding-left: 10px;
}
.media-tree-item li:after,
.media-tree-item li:before {
    left: 5px;
}
.media-drive-name {
    padding: 4px 10px;
}
.media-drive-name:after,
.media-drive-name:before {
    content: none;
}
.media-drive-name:hover {
    cursor: pointer;
}
.media-tree-item a {
    display: block;
    padding: 0 7px;
    line-height: 26px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}
.media-tree-item.active > a:hover {
    text-decoration: none;
    background-color: #e1e1e1;
}
.media-tree-item .item-icon {
    display: inline-block;
    padding-right: 2px;
    font-size: 15px;
    line-height: normal;
    color: rgb(61, 97, 143);
    vertical-align: middle;
}
.media-tree-item.active > a .item-icon {
    color: #2a69b8;
}
.item-name {
    display: inline-block;
    overflow: hidden;
    font-size: 0.9em;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.media-tree-item.active > a .item-name {
    font-weight: 700;
}
html[dir="rtl"] .media-browser-table .created,
html[dir="rtl"] .media-browser-table .dimension,
html[dir="rtl"] .media-browser-table .modified,
html[dir="rtl"] .media-browser-table .size {
    direction: ltr;
}
html[dir="rtl"] .media-drive-name {
    padding-right: 2px;
}
html[dir="rtl"] .media-tree-item li:after,
html[dir="rtl"] .media-tree-item li:before {
    right: 5px;
    left: 0;
    margin: 0;
}
html[dir="rtl"] .media-tree-item .item-icon {
    padding-right: 10px;
    padding-left: 2px;
}
html[dir="rtl"] ul.media-tree ul {
    margin-right: 15px;
}
.media-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1049;
    display: table;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.media-modal-backdrop .modal {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal none running;
    animation: fadeIn 0.5s ease 0s 1 normal none running;
}
.media-modal-backdrop .modal-body {
    width: auto;
    padding: 15px;
}
.media-modal-backdrop .modal-content {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.media-preview-modal {
    color: #fff;
}
.media-preview-modal .modal {
    display: grid !important;
    align-items: center !important;
    justify-content: center !important;
}
.media-preview-modal .modal-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.media-preview-modal .modal-header {
    padding: 0;
    border: 0;
}
.media-preview-modal .modal-body {
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.media-preview-modal .modal-body img {
    max-width: 200%;
}
.media-preview-modal .modal-footer {
    display: none;
}
.media-preview-close {
    position: absolute;
    top: -2rem;
    right: 0;
    font-size: 2rem;
    color: inherit;
    background: none;
    border: 0;
    opacity: 0.7;
}
.media-preview-close:hover {
    cursor: pointer;
    opacity: 1;
}
fieldset.mediafieldset {
    width: 100%;
    min-width: 0;
    padding: 0.5vw 2vw 1.5vw;
    margin: 0;
    margin-bottom: 1rem;
    color: #495057;
    border: 1px solid rgb(184, 201, 224);
}
fieldset.mediafieldset > legend {
    float: none;
    width: auto;
    padding: 0 1rem;
    font-weight: 700;
    color: var(--template-text-dark);
    background-color: #fff;
    margin-bottom: 1.1rem;
    font-size: 14px;
    border-bottom: none;
}

@media (min-width: 576px) {
    .media-preview-modal .modal-dialog {
        max-width: unset !important;
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transition: transform 0.3s ease-out;
        transform: translateY(-25%);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transition: transform 0.3s ease-out;
        transform: translateY(-25%);
    }
    to {
        opacity: 1;
        transform: none;
    }
}


.media-icon {
    display: block;
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
}
.media-icon.icon-pdf {
    background-image: url(/public/images/icons/pdf.png?ffb18be714d4cf9361510c92f77abf1b) ;
}
.media-icon.icon-xls {
    background-image: url(/public/images/icons/xls.png?74260a8dd54b8694507771c18887fa9b);
}
.media-icon.icon-ai {
    background-image: url(/public/images/icons/ai.png?6f21c8112017ccbf1b9afea93a2910e2);
}
.media-icon.icon-bim {
    background-image: url(/public/images/icons/bim.png?a83ae4bcdca0dcdbdee1f167d777a342);
}
.media-icon.icon-cat {
    background-image: url(/public/images/icons/cat.png?9aed7bc76ee9fa8767fac344f2ee7525);
}
.media-icon.icon-csv {
    background-image: url(/public/images/icons/csv.png?34fde1936de457b290ccf1b079a4c30c);
}
.media-icon.icon-dlx {
    background-image: url(/public/images/icons/dlx.png?e09ed7f26c329b204819d2bb49ea6418);
}
.media-icon.icon-doc {
    background-image: url(/public/images/icons/doc.png?670ed3a0f836cb20bc4475495edb6aad);
}
.media-icon.icon-docx {
    background-image: url(/public/images/icons/docx.png?ff1de06fa48c8e7a98c36046e73f7a6a);
}
.media-icon.icon-dwg {
    background-image: url(/public/images/icons/dwg.png?d2bfbfa4e229226342955728f9cf2abb);
}
.media-icon.icon-dwt {
    background-image: url(/public/images/icons/dwt.png?5701af24aa1e5f621b97d997af6e91e5);
}
.media-icon.icon-dxf {
    background-image: url(/public/images/icons/dxf.png?e7555edcae3b30b1219e6c6cf6d5770e);
}
.media-icon.icon-eps {
    background-image: url(/public/images/icons/eps.png?285f678fb6d3c46ecb6c58339b58c009);
}
.media-icon.icon-gzip {
    background-image: url(/public/images/icons/gzip.png?02d3b5593ca9a7b2cc16a1600b164e62);
}
.media-icon.icon-ies {
    background-image: url(/public/images/icons/ies.png?b09aa5ca7a9cab412cfa7cb21c4b17f7);
}
.media-icon.icon-ifc {
    background-image: url(/public/images/icons/ifc.png?9e9fb8a08b58e11315b4d6ca3e1eeb62);
}
.media-icon.icon-ldt {
    background-image: url(/public/images/icons/ldt.png?b2d2c197c26f38a0442f8a892ef669f2);
}
.media-icon.icon-mov {
    background-image: url(/public/images/icons/mov.png?1cc6a25153019c77a37ac5e68b7d4831);
}
.media-icon.icon-mpeg {
    background-image: url(/public/images/icons/mpeg.png?51456affc61c16bade18e2a700120721);
}
.media-icon.icon-mp4 {
    background-image: url(/public/images/icons/mp4.png?14860407b9e3cfc5fcea6f1e90acbc8e);
}
.media-icon.icon-odt {
    background-image: url(/public/images/icons/odt.png?a12d79fc8c41f195579f79905afc2028);
}
.media-icon.icon-ogg {
    background-image: url(/public/images/icons/ogg.png?1ce9f00df6c01ab9ede7d2d67bfa2ac3);
}
.media-icon.icon-sesx {
    background-image: url(/public/images/icons/sesx.png?57c83eb9ad8356760b1c409c6466a626);
}
.media-icon.icon-stp {
    background-image: url(/public/images/icons/stp.png?61bf5f9c879418a4cf88e32399f0523a);
}
.media-icon.icon-tif {
    background-image: url(/public/images/icons/tif.png?d15d4b520ee50587bf3ea8c0de4474fc);
}
.media-icon.icon-tube {
    background-image: url(/public/images/icons/tube.png?e9a87d037a4b407116b2539d999726c6);
}
.media-icon.icon-txt {
    background-image: url(/public/images/icons/txt.png?100597f4f40fd3f51a575aa35a001ffc);
}
.media-icon.icon-webm {
    background-image: url(/public/images/icons/webm.png?437343d1f6002326b14f1d9cb3ce2d26);
}
.media-icon.icon-webp {
    background-image: url(/public/images/icons/webp.png?fe47401e71e016a6e8acacbf44ae31d0);
}
.media-icon.icon-xlsx {
    background-image: url(/public/images/icons/xlsx.png?800bd3867a51c2ff10f37b410942dcdc);
}
.media-icon.icon-xml {
    background-image: url(/public/images/icons/xml.png?f69c27e267e73f2a6dc9eb1493f3526e);
}
.media-icon.icon-zip {
    background-image: url(/public/images/icons/zip.png?eca860c2b4a78de89d6955800fa93092);
}
.media-icon.icon-sql {
    background-image: url(/public/images/icons/sql.png?eca860c2b4a78de89d6955800fa93092);
}
.fa-6x {
    transform: scale(4);
    margin-bottom: 20px;
}

.control-group {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1rem;
    position: relative;
}
.control-group .controls {
    flex: 1;
    min-width: 210px;
    position: relative;
}
.field-media-wrapper .field-media-preview {
    max-width: none;
    width: 100%;
}
.field-media-preview {
    align-items: center;
    background-color: #f2f2f2;
    border: solid rgba(0,0,0,.15);
    border-radius: 0.25rem 0.25rem 0 0;
    border-width: 1px 1px 0;
    display: flex;
    min-height: 180px;
    justify-content: center;
    max-width: 356px;
    overflow: hidden;
    padding: 10px;
}
.field-media-preview span.fa {
    color: gray;
}
.field-media-preview span.fa.fa-6x {
    font-size: 2em;
    margin-bottom: 0px;
}
.field-media-preview img {
    max-height: 100%;
    max-width: 100%;
}
.input-group.multiple {
    margin-bottom: 8px;
}
#mediaEditForm .multilingual ul.list-inline.m-bottom10px {
    margin-top: 15px !important;
    margin-bottom: 0px !important;
}
#mediaEditForm .imageBoxcustom {
    padding-top: 0px !important;
}
.media-browser-table th {
    background-color: none !important;
}
/*.bmd-modalContent {
    box-shadow: none;
    background-color: #fff;
    border: 0;
}
.bmd-modalContent iframe {
    display: block;
    margin: 0 auto;
}
#selectMedia.modal {
    z-index: 3;
    display: none;
    padding-top: 5%;
    padding-left: 5%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(51, 34, 34);
    background-color: rgba(0, 0, 0, 0.4)
  }*/