body {
    color: #000;
}

fieldset {
    border: 1px solid #aaaaaa;
    margin-bottom: 2em;
    padding: 1em;
}

legend {
    padding: 0.5em 0.5em;
}

.sectionMediaLegend {
    min-height: 20px;
    min-width: 30%;
}

.cke_editable {
    width: 100%;
}

.cke_editable figure {
    display: inline-block;
}

.picture-container {
    display: flex;
    justify-content: center;
}

/* ----------------------------- */
/* == Wrapper                */
/* ----------------------------- */

.wrp90 {
    max-width: 90em !important;
}
.wrp92 {
    max-width: 92em !important;
}
.wrp94 {
    max-width: 94em !important;
}
.wrp96 {
    max-width: 96em !important;
}
.wrp98 {
    max-width: 98em !important;
}

.none {
    display: none !important;
}

.ok {
    background-color: #6de869;
}

.ko {
    background-color: lightcoral;
}

#message_pop,#message {
    position: fixed;
    z-index: 120;
    top: 50%;
    left: 50%;
    width: 100%;
    overflow: hidden;
    max-width: 36.7143em;
    margin: 0;
    padding: 3em;
    border-radius: .2143em;
    cursor: auto;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    box-shadow: 0 0 .75em .75em rgba(43,43,43,.25);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%) scale(1);
}

.borderError {
    border : 2px solid lightcoral !important;
}

.popin__box {
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    width: 100%;
    overflow: hidden;
    max-width: 36.7143em;
    margin: 0;
    padding: 3em;
    background: #fff;
    border-radius: .2143em;
    cursor: auto;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    box-shadow: 0 0 .75em .75em rgba(43,43,43,.25);
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
}

.box {
    z-index: 1;
}

.box .dataTables_length label select {
    padding: 2px;
    height:  auto;
}
.box .dataTables_filter label input[type=search] {
    padding: 5px;
    height:  auto;
}

.highlighthover {
    background-color: whitesmoke !important;
}

.child_row {
    padding-left: 3em;
    border-bottom: 1px dashed #4c4c4c;
}

.odd {
    background-color: #f9f9f9;
}

.is_main_cat {
    font-weight: bold;
}

.centered {
    text-align: center;
}

select.ui-datepicker-month {
    color: #000 !important;
}

.periodtype {
    min-height: 12em;
}

.fixnav {
    position: fixed;
    right: 2em;
    top: 0;
    height: 95%;
}

.uploader {
     position: relative;
    overflow: hidden;
    min-height: 231px;
    background: #f3f3f3;
    border: 2px dashed #e8e8e8;
    /* height: auto; */
    width: 417px;
}

#filePhoto, .fileInput {
    position:absolute;
    width:100%;
    min-height:400px;
    top:-50px;
    left:0;
    z-index:2;
    opacity:0;
    cursor:pointer;
}

.uploader img{
    position:relative;
    width: 100%;
    height:auto;
    top:-1px;
    left:-1px;
    z-index:1;
    border:none;
}

.uploader.small-square{
    width: 115px !important;
    height: 115px !important;
    min-height: inherit;
}

.uploader .circle:after{
    content:none;
}
.uploader .circle{
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.sectionPos {
    position: absolute;
    height: 5em;
    width: 5em;
    margin-left: -4em;
    margin-top: -5em;
}

.adm_empty::before{
    color: #d3d3d3;
}

.adm_disabled{
    background: #d3d3d3;
}
.figure .caption{
    min-width: 8em;
}

td.details-control {
    background: url('/img/articles/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/img/articles/details_close.png') no-repeat center center;
}

.dataTables_processing {
    height: 3em;
    background-color: #ffc0be !important;
}

.DT_loading {
    vertical-align: middle;
    margin-left: 20px;
}

.popin__box.big {
    max-width: 90em;
    max-height: 80%;
    overflow-y: auto;
}

.popin__box.medium {
    max-width: 65em;
    max-height: 80%;
    overflow-y: auto;
}

.popin__box .library{
    height: 26em;
    overflow-y: scroll;
}

.ingContainerL :not(.gm-style) img {
    height: 9em;
}

.slider__item {
    margin-bottom: 1em;
}

.ingContainerL{
    width: 65%;
    float: left;
}

.imgContainerR{
    width: 34%;
    float: right;
}

.imgContainerR .box{
height: 26em;
    overflow-y: auto;
}

.formblock {
    border: 1px solid black;
    margin-bottom: 2em;
}

.notif {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    padding: 0;
    background: #6ad500;
    vertical-align: top;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.9em;
    color: #fff;
    border-radius: 100%;
    top: 0.9em;
    left: 0.6em;
    font-weight: 700;
    box-shadow: 0 0 0 4px #fff;
}

[data-element], [data-input], [data-type="seo"]{
    background-color: rgba(0,0,0,0.03);
    border-radius: 0.2em;
    margin-bottom: 0.5em;
    cursor: pointer;
    position: initial;
}

.box_bg_blue[data-element] {
    background: #2a8fbd;
    color: #fff;
}
[data-element]:hover, [data-input]:hover, [data-type="seo"]:hover{
    background-color: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.4);
}
.box_bg_blue[data-element]:hover {
    background: rgba(42,143,189,0.9);
    color: #fff;
}
.box_bg_blue[data-element] a {
    color: #ff9900;
}
[data-input="semantic"] {
    background-color: transparent;
}
[data-input="semantic"]:hover{
    background-color: transparent;
    border: none;
}

[contenteditable]:empty:not(:focus):after{
    content:attr(data-ph);
    color: #2a8fbd;
}

.listing {
    list-style-type: circle;
}

.inherit_pos{
    position: inherit !important;
}

.fig-container{
    position: relative;
    width: 417px;
}

.warning{
    background: #ff5500;
    color: white;
    padding: 2em;
    font-weight: bold;
}

select.link-reverse{
    padding: 0;
    height: inherit;
}
.small-font {
    font-size: 0.9em;
}

.len {
    width: 2em;
    color : #ff5500;
    font-weight: bold;
}

/* MAA/MAJ buttons */
div#hldiv {
    overflow:auto;
    width:100px;
}

div#hldiv label {
    float:left;
    padding:3px 0;
    width:50px;
    text-align:center;
}

div#hldiv label input {
    vertical-align:-2px;
    margin-right: 0.1em;
}
/* */

.icon_search, .icon_delete {
    cursor: pointer;
}

.icon_delete {
    color: #ff383f;
}

select[multiple] {
    height: auto;
}


/* iPhone switch */
.btn-switch {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-switch__radio {
    display: none;
}
.btn-switch__label {
    display: inline-block;
    padding: .75em .65em .75em .75em;
    vertical-align: top;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    color: #666;
    cursor: pointer;
    transition: color .2s ease-in-out;
}
.btn-switch__label + .btn-switch__label {
    padding-right: .75em;
    padding-left: 0;
}
.btn-switch__txt {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 1.5em;
    opacity: 1;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
    opacity: 0;
}
.btn-switch__label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f0f0f0;
    border-radius: 1.5em;
    box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
    transition: background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label:before {
    background: #6ad500;
}
.btn-switch__label_no:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: .5em;
    bottom: .5em;
    left: .5em;
    width: 2em;
    background: #fff;
    border-radius: 1em;
    pointer-events: none;
    box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
    transition: left .2s ease-in-out, background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
    left: calc(100% - 2.5em);
    background: #fff;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
    z-index: 1;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
    color: #fff;
}

[data-type="section"]{
    margin-top: 2em;
}

[data-type="section"] .figure{
    z-index: 10;
}

.toolbar__btn.txt {
    width: 10.5em;
}

.toolbar.small{
    font-size: 0.8em;
}

.toolbar__btn.small {
    height: inherit;
    line-height: inherit;
     box-shadow: none;
    background: inherit;
}

label {
    margin: 0 !important;
}

.disabled{
    opacity: 1;
    background: #aaa;
    cursor: auto;
}

.box.mini {
    padding: 0.5em;
}

.articlebg{
    background-color: #ffffff;
}

.blue.angle_right_reverse:after{
    border-bottom-color: #2a8fbd;
}

.bigOrange{
    color: #ff5500;
    font-weight: bold;
    text-transform: capitalize;
}


[data-type="suggestions"] strong {position: absolute;
    width: 37em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

[data-ph]:empty {
    color: #2a8fbd;
    font-style: oblique;
    font-weight: 900;
}

.form-inline__field[contenteditable="true"] {
    border: 1px solid #ddd;
}

.nav__break:last-child .nav__item:first-child:before {
    display: none;
}


.is_link {
    cursor: pointer;
}

.fixed{
    position: fixed;
}

.right-box-top {
    position: fixed;
    top: 1.8em;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 1.1em;
}

#sliderToRead .mini, #sliderToRead .mini img{
    height: 5em;
}
.bottom
{
    position: fixed;
    z-index: 110;
    top: 4em;
    right: 1.5em;
    width: 3em;
    height: 3em;
    visibility: hidden;
    opacity: 0;
    background: rgba(43,43,43,.9);
    text-align: center;
    line-height: 2.8;
    border-radius: .2143em;
    -webkit-transition: visibility .2s ease, opacity .2s ease, border-radius .2s ease;
    transition: visibility .2s ease, opacity .2s ease, border-radius .2s ease;
}
.bottom_active {
    visibility: visible;
    opacity: .5;
}
.bottom:before {
    margin-right: 0;
    font-size: 1.5em;
    color: #fff;
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
}
.bottom:hover {
    opacity: 1;
    border-radius: 100%;
}
.top {
    position: fixed;
    z-index: 110;
    bottom: 1.5em;
    right: 1.5em;
    width: 3em;
    height: 3em;
    visibility: hidden;
    opacity: 0;
    background: rgba(43,43,43,.9);
    text-align: center;
    line-height: 2.8;
    border-radius: .2143em;
    -webkit-transition: visibility .2s ease, opacity .2s ease, border-radius .2s ease;
    transition: visibility .2s ease, opacity .2s ease, border-radius .2s ease;
}
.top_active {
    visibility: visible;
    opacity: .5;
}
.top:hover {
    opacity: 1;
    border-radius: 100%;
}
.top:before {
    margin-right: 0;
    font-size: 1.5em;
    color: #fff;
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
}
.top_reverse:before {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.icon_arrow:before, .icon_arrow.icon-after:after {
    top: 0;
}
.icon_arrow.top_reverse:before {
    top: .1em;
}

.icon_trashcan:before, .icon_trashcan.icon-after:after {
    content: "\e649";
}

[data-type="section"] div[contenteditable]{
    min-height: 8em;
}

h1, .h1, .biggest, h2, .h2 {
     text-transform: inherit;
}

/* Allows the color to be effective over other colors higher in the CSS file */
.txt-green {
    color: #009a56;
}

.txt-deleted {
    text-decoration: line-through;
}

.article_basket {
    padding: 2px 20px 2px 2px;
}

.article_basket:hover {
    background-color: #eee;
}

.desktop-hidden {
    display: none !important;
}

.slider_txt {
    white-space: normal;
}

[data-deleted="1"]{
display: none;
}

.greyout {
    opacity: .6;
}
.dataTable{
    word-wrap: break-word;
}

.fixed_bl {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 400px;
    z-index: 100;
    background-color: #fff;
    border: 1px solid black;
    padding: 10px;
}

.boxsizingBorder {
    width: 100%;
    height: 100%;

}

.flexBoxCreate {
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.flexContentCreate {
    max-width: 546px;
}

.randomUnicorn {
    height: 400px;
    width: 400px;
    margin: auto;
    background-size: contain;
}

/* surcharges jQuery */
.ui-datepicker{ z-index: 10000 !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: inherit;
}