.ce-block__content {
    background: #fafafa;
    padding: 10px;
    max-width: unset!important;
}
input[type="radio"] + img{
    cursor: pointer;
    border: 2px dotted transparent;
}

input[type="radio"]:checked + img{
    border: 2px dotted #00a500;
}

#assetslist label {
    display: block;
    margin: 5px;
    padding: 5px;
    /* width: 100%; */
}

input[type="radio"] + a {
    cursor: pointer;
    border: 2px dotted #eee;
    width: 100%;
    margin: 10px;
    /* word-wrap: break-word; */
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    max-width: 100px;
    display: block;
    white-space: nowrap;
}

input[type="radio"]:checked + a{
    border: 2px dotted #00a500;
}

input[type="radio"] + a svg{
    display: block;
}

#assetslist{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

#assetslist > div {
    width: auto;
}

.cdx-input{
    height: 45px;
}
.codex-editor__redactor {
    padding-bottom: 20px !important;
}

.ce-toolbar__content {
    max-width: unset!important;
    margin: 0 0 0 0px!important;
    position: relative;
}


.elfinder-workzone .ui-state-disabled,.elfinder-workzone  .ui-widget-content .ui-state-disabled,.elfinder-workzone  .ui-widget-header .ui-state-disabled{
    opacity: 1!important;
}

.openable {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #eee;
    margin: 5px 0;
    font-size: 14px;
}

.openable:hover{
    border: 1px solid #0B90C4;
}
.gallery {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.gallery-image {
    display: flex;
    margin: 1%;
    height: 100px;
    overflow: hidden;
    background-size: cover;
    align-items: flex-end;
    justify-content: center;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
}

.gallery-controls{
    position: relative;
    bottom: -50px;
    z-index: 1000;
}

.gallery-image:hover .gallery-controls{
    bottom: 0;
}
.help-block {
    background: #fff;
    border: 1px solid #c5e3c5;
    border-radius: 3px;
    padding: 3px 15px;
    margin: 5px 0;
    color: #666;
    width: max-content;
    max-width: 100%;

}
.help-block::before {
    content: "ⓘ";
    display: inline-block;
    margin: 0 10px 0 0;
    color: green;
    cursor: help;
}

.dropdown-item:hover .fa {
    color: #ff6600;
}
body:not(.sidebar-lg-show).sidebar-fixed .sidebar{
    width: auto!important;
    margin-left:0!important;
}

body:not(.sidebar-lg-show) .sidebar .sidebar-nav,body:not(.sidebar-lg-show) .sidebar .sidebar-scroll,.sidebar .nav{
    width: auto!important;
    overflow: unset!important;
}
body:not(.sidebar-lg-show) .sidebar .nav-link{
    font-size: 0;
}

body:not(.sidebar-lg-show) .sidebar .nav-link .nav-icon {
    display: inline-block;
    width: 36px!important;
    margin: 0 .2rem 0 0;
    font-size: 1.5rem!important;
    color: #73818f;
    text-align: center;
}

body:not(.sidebar-lg-show) .nav-title{
    display: none;
}

body:not(.sidebar-lg-show).sidebar-fixed .main{
    margin-left: 50px;
}
body:not(.sidebar-lg-show) .sidebar .nav-item:hover > .nav-link{
    position: absolute;
    font-size: 15px;
    width: 200px;
    background: #2f353a;
    z-index: 100000;
    color: #fff;
    height: 40px;
    display: flex;
    align-items: center;
}
body:not(.sidebar-lg-show) .sidebar .nav-item:hover > .nav-link + ul{
    position: absolute;
    font-size: 15px;
    width: 200px;
    background: #2f353a;
    z-index: 100000;
    color: #fff;
    min-height: 40px;
    margin-top: 40px;
}

body:not(.sidebar-lg-show) .sidebar .nav-item:hover > .nav-link + ul li a{
    font-size: inherit;
}

body:not(.sidebar-lg-show) .sidebar .nav-item{
    min-height: 40px;
}
.sidebar-lg-show.sidebar-fixed .sidebar{
    width: 200px!important;

}
.navbar.navbar-filters {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
}

.hoverable:hover{
    box-shadow: 0 0 4px 0px #ccc;
}


/*.form-floating {*/
/*    position: relative;*/
/*}*/
/*.form-floating > .form-control {*/
/*    padding: 1rem .75rem;*/
/*}*/
/*.form-floating > .form-select {*/
/*    padding-top: 1.625rem;*/
/*    padding-bottom: .625rem;*/
/*}*/
/*.form-floating > .form-control, .form-floating > .form-select {*/
/*    height: calc(3.5rem + 2px);*/
/*    line-height: 1.25;*/
/*}*/
/*.form-floating > label:not(.form-label) {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 15px;*/
/*    height: 100%;*/
/*    display: inline-block;*/
/*    padding: 1rem .75rem;*/
/*    pointer-events: none;*/
/*    border: 1px solid transparent;*/
/*    transform-origin: 0 0;*/
/*    opacity: .5;*/
/*    transition: opacity .1s ease-in-out,transform .1s ease-in-out;*/
/*}*/

/*.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {*/
/*    opacity: 0.5;*/
/*    transform: scale(0.7) translateY(-0.9rem) translateX(.15rem);*/
/*}*/


.text-wrap {
    position: relative;
    background-color: #eee;
    padding: 3px;
    overflow: hidden;
}

textarea.contains-code {
    min-width: 100%;
    max-width: 100%;
    min-height: 200px;
    max-height: 100%;
    padding: 0.3em .5em;
    font-size: 14px;
    font-family: courier;
    background: #000;
    color: #fff;
    white-space: pre;
    resize: none;
    border: 0;
    border-radius: 2px;
}
textarea.contains-code::-webkit-scrollbar {
    width: 4px;
}
textarea.contains-code::-webkit-scrollbar-track {
    background: #f1f1f1;
}
textarea.contains-code::-webkit-scrollbar-thumb {
    background: #888;
}
textarea.contains-code::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.clipboard.icon {

    cursor: pointer;
}
/*.clipboard.icon:before {*/
/*    top: -1px;*/
/*    left: 2px;*/
/*    width: 5px;*/
/*    height: 1px;*/
/*    border: solid 1px #333333;*/
/*    border-radius: 1px;*/
/*}*/
/*.clipboard.icon:after {*/
/*    width: 3px;*/
/*    height: 1px;*/
/*    background-color: #333333;*/
/*    box-shadow: 8px 0 0 0 #333333;*/
/*}*/

/*.clipboard.icon:before, .icon:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    display: block;*/
/*}*/

.icon-liveon {
    background-color: #fff !important;
    background-image: url('/ethos_img/greendot.png') !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.sidebar .nav-title {

    font-size: 70% !important;

}

:target .card {

    background-color: orange;
}


.addon.tags{
    font-size: inherit;
}