/* SLIDER */

.ui-slider .ui-slider-handle {
    border: 1px solid #ddd!important;
    background: #4c5866 !important;
    color:#fff;
    cursor: pointer;
    width: 25px;
    height: 18px;
    text-align: center;
    font-size: 13px;
    padding:2px;
}

#dim-slider .ui-slider-handle {
    width: 45px;Z
}

.ui-slider-horizontal .ui-slider-handle {
    top: -10px;
}

.ui-slider .ui-slider-range {
    background: #4c5866;
}

.ui-slider {
    background: #ccc;
    box-shadow: none;
}


/* DIALOG */

.hachure {
    border: 1px solid rgba(220, 220, 200, 1);
    background-image: url('/wp-content/plugins/opn_inlineeditor/opn_base/images/hachure.png');
}

.hachure img {
    border: none!important;
    background: none!important;
    padding: 0!important;
    box-shadow: none!important;
    max-height: 80px !important;
}

.opn_class_editDialog {
    z-index: 99999 !important;
    /* The default is 100. !important overrides the default. */
}

.opn-ui input[type=text], .opn-ui input[type=password], .opn-ui textarea {
    font-size: 16px;
    width: 100%;
    background: #f4f4f4;
    position: relative;
    margin-top: 0.3em;
    margin-bottom: 1em;
    border-radius: 0px;
    box-shadow: none;
    font-family: "open sans";
    font-weight: 400;
    font-size: 14px;
    color: #4c5866;
}

.opn-ui .opn-content {
    display: none;
    font-family: "open sans";
    padding: 20px 40px;
    position: relative;
    cursor: pointer;
    color: #666;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    border-top: none;
    overflow: auto;
}

.opn-ui .opn-field-left {
    width: 100%;
    padding: 0 5% 0 0;
    float: left;
}

.opn-ui .opn-field-right {
    width: 100%;
    padding: 0 0 0 5%;
    float: right;
}

.para-hidden-field {
    display: none;
}

.opn-ui .opn-pt, .opn-ui .opn-pr, .opn-ui .opn-pl, .opn-ui .opn-pb, .opn-ui .opn-mb, .opn-ui .opn-mr, .opn-ui .opn-mt, .opn-ui .opn-ml, .opn-ui .opn-bb, .opn-ui .opn-br, .opn-ui .opn-bt, .opn-ui .opn-bl {
    height: 15px !important;
    width: 35px !important;
    background-color: #fafafa !important;
    font-size: 11px !important;
    text-align: center;
    position: absolute !important;
    padding: 0 !important;
    border: 1px solid #a0a99a !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

.opn-ui .opn-pr {
    top: 6px;
    left: calc(99% + 7px);
}

.opn-ui .opn-pl {
    top: 6px;
    left: -40px;
}

.opn-ui .opn-pt {
    top: -19px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-pb {
    top: 32px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-mr {
    top: 6px;
    left: calc(100% + 33px);
}

.opn-ui .opn-ml {
    top: 6px;
    left: -68px;
}

.opn-ui .opn-mt {
    top: -43px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-mb {
    top: 55px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-br {
    top: 6px;
    left: calc(93% + 20px);
}

.opn-ui .opn-bl {
    top: 6px;
    left: -42px;
}

.opn-ui .opn-bt {
    top: -22px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-bb {
    top: 35px;
    left: calc( 45% - 9px);
}

.opn-trash-style {
    position: absolute;
    right: 0;
    width: 30px;
    height: 60px;
    margin: 0;
    padding: 0;
    border: 1px solid;
    background-color: #cbcbcb;
}

.opn-ui .opn-dim-diagram-bloc {
    background-color: #ffffff;
    height: 60px;
    position: relative;
    top: 10px;
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
}

.opn-ui .opn-dim-diagram-parent {
    height: 80px;
    padding: 10px
}

.opn-input-detail-dim {
    display: block;
    width: 60px !important;
    margin: 0 auto;
    padding: 5px !important;
    position: absolute !important;
    left: calc(( 100% - 60px) / 2);
    text-align: center !important;
    top: 18%;
}

.opn-ui .pmb {
    background-image: url('/wp-content/plugins/opn_inlineeditor/opn_base/images/damier.png');
    height: 120px;
}

.opn-ui .pmb-margin {
    background-color: #fff;
    border: 1px solid #666;
    width: 60%;
    height: 70px;
    position: relative;
    top: 25px;
    margin: 0 auto;
}

.opn-ui .pmb-padding {
    background-color: #fff;
    border: 1px solid #666;
    width: 80%;
    height: 70px;
    position: relative;
    top: 25px;
    margin: 0 auto;
}

.opn-ui .pmb-contenu-margin {
    border: 1px dashed #000;
    background-color: #fff;
    width: 60%;
    height: 28px;
    position: relative;
    top: 20px;
    margin: 0 auto;
}

.opn-ui .pmb-contenu-border {
    border: 1px solid #000;
    background-color: #fff;
    width: 60%;
    height: 28px;
    position: relative;
    top: 45px;
    margin: 0 auto;
}

.opn-ui .pmb-contenu-pad {
    border: 1px dashed #000;
    background-color: #fff;
    width: 50%;
    height: 28px;
    position: relative;
    top: 20px;
    margin: 0 auto;
}

.opn-ui .text-help {
    display: none;
    color: #e37702;
    font-size: 13px;
    font-weight: bold;
}

.opn-ui .help {
    width: 20px;
    height: 20px;
    background-color: #ddd;
    margin: 0 10px 0 -32px;
    padding: 2px 8px;
    color: #4C5866;
    border-radius: 33px;
    font-size: 14px;
    font-weight: bold;
}

.opn-ui .help:hover {
    background-color: #4c5866;
    color: #fff;
}

.opn-ui .label-title {
    font-family: "open sans condensed";
    font-size: 17px;
    font-weight: 500;
}


/* BOUTON LOAD IMG ET VID*/

.opn-ui .opn-load:hover {
    background-color: #555;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.opn-ui .opn-load {
    height: 32px;
    width: 100%;
    background-color: #f4f4f4;
    position: relative;
    color: #555;
    transition: all 0.3s ease-in-out;
}

.opn-ui .opn-load .ico {
    position: absolute;
    width: 30px;
    height: 32px;
    line-height: 34px;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 15px;
}

.opn-ui .opn-load .img {}

.opn-ui .opn-load .del {
    color: #cc0000;
    display: none;
    background-color: #ddd;
}

.opn-ui .opn-load .text {
    margin: 0 0 0 40px;
    line-height: 34px;
    font-size: 11px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.opn-ui .back-size-select {
    width: 100%;
}


/* ACCORDION */


/* Titre de l'accordeon */

.opn-accordion .fa-stack {
    width: 0.75em !important;
}

.opn-accordion .ico-right.text.info {
    font-weight: 400;
}

.opn-accordion .ico-right.text.info.colorb {
    background: #4c5568;
}

.opn-accordion .ico-right {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
    display: none;
}

.opn-accordion .ico-right-accordion {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
}

.opn-accordion .opn-center-div-text {
    text-align: center;
    vertical-align: middle;
    line-height: 90px;
}

.opn-accordion .ico-anim {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
}

.opn-accordion .ico-right.text {
    font-size: 12px;
    font-family: "open sans";
    font-weight: 400;
}

.opn-accordion .ico-right .fa-close, .opn-accordion .ico-right .fa-ban {
    color: #F00;
    opacity: 0.4;
    font-size: 200%;
}

.opn-accordion .ico-right img {
    width: 60px;
    position: relative;
    top: -5px;
    left: 14px;
    /*opacity:0;*/
}

.opn-del-css-style {
    float: right;
    position: relative;
    top: -12px;
    right: -28px;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
}

.ico-warning {
    font-size: 17px;
    line-height: 10px;
    color: #de7d01;
    margin: 0 0 0 5px;
    display: none;
}

.opn-del-element-style {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0px;
    font-size: 12px;
    display: none;
}

.opn-del-css-style:hover, .opn-del-element-style:hover {
    cursor: pointer;
    color: #c00;
}

.opn-accordion-item {
    border-bottom: 1px solid #ddd;
}

.opn-accordion .opn-container {
    font-weight: 400;
    padding: 10px 4px 10px 40px;
    position: relative;
    cursor: pointer;
    color: #4C5866;
    /* background:#f4f4f4; */
    background: #f8f8f8;
    text-align: left;
    font-family: "open sans";
    font-size: 16px;
}

.opn-accordion .opn-container:before {
    content: "\f345";
    font-family: "dashicons";
    position: absolute;
    height: 24px;
    left: 10px;
    top: 14px;
}

.opn-accordion .opn-container.active:before {
    content: "\f347";
    font-family: "dashicons";
    position: absolute;
    height: 24px;
    left: 10px;
    top: 14px;
}

.opn-accordion .opn-container:hover, .opn-accordion .opn-container.active, .opn-accordion .opn-container.open {
    background-color: #4C5866;
    color: #fff;
    border-bottom: none;
}

.opn-accordion .opn-content {
    max-height: 300px;
}


/*Bouton visuel*/

.opn-toolbar-button-visuel {
    margin: 0 0px 0 34px !important;
    cursor: pointer;
    font-size: 20px !important;
}

.opn-toolbar-button-visuel:hover {
    transform: scale(1.5);
    color: #fff;
    transition: transform 0.5s;
}


/*Bouton contenu*/

.opn-toolbar-button-content {
    cursor: pointer;
    text-align: center;
    width: 100%;
    font-size: 28px;
    line-height: 22px;
    padding: 10px 0;
    background-color: #f8f8f8;
}

.opn-toolbar-button-content:hover {
    color: #fff;
    background-color: #4c5866;
}


/*Bouton animation*/

.opn-toolbar-button-animation {
    padding: 5px;
    position: relative;
    cursor: pointer;
    color: #666;
    background: #eee;
    white-space: nowrap;
    margin-top: 1em;
    width: 100px;
    text-align: center;
    margin-left: 21%;
    border: 1px solid #9c9c9c;
}

.opn-toolbar-button-animation:hover {
    color: #000;
}


/* TG cache les icones du style rapide et de "responsive" */


/*#accordion1 .ico-right{
display:none;
}*/

#accordion1 .opn-toolbar-button-visuel {
    display: block;
}

.opn-dim-align:hover {
    background-color: #ddd;
    cursor: pointer;
}

.opn-dim-align.active {
    background-color: #ddd;
}

.opn_hilight {
    box-shadow: inset 0 0 0 5px #ff9733;
    background-color: rgba(255, 151, 51, 0.2);
    background-image: url(/wp-content/plugins/opn_inlineeditor/opn_base/images/hachure.png);
}

#accordion2 .ico-right {
    display: none;
}


/* Accordeon d'ouverture et de fermeture*/

.opn-toolbar-open {
    /*	width: 100%;*/
    height: 35px;
    overflow: hidden;
    background-color: #eee;
    cursor: pointer;
    background-image: url("images/open-down.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 12px;
}

.opn-toolbar-open.active {
    background-image: url("images/open-up.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 12px;
}

.opn-content-open:hover, .opn-toolbar-open:hover {
    background-color: #ddd;
}

.opn-toolbar-background {
    background: #fff;
    border: 1px solid #aaa;
    width: 389px;
    overflow: hidden;
}

.opn-content-open {
    width: 100%;
    height: 30px;
    overflow: hidden;
    background-color: #eee;
    cursor: pointer;
    background-image: url("images/icon-plus.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    /*position: absolute;*/
    position: static;
    bottom: -30px;
    /*	left: -1px;
	border-left: 1px solid #B6B6B6;
 	border-right: 1px solid #B6B6B6;*/
}

.opn-content-open.active {
    background-image: url("images/icon-minus.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.opn-toolbar-iconspace {
    overflow: hidden;
    height: 50px;
    padding: 0px 0px 3px 0px;
    width: 800px;
}


/*.opn-switch-iconspace{
background-color: #eeeeee;
overflow: auto;
padding: 5px;
border: 1px solid #ddd;
}*/

.opn-toolbar-switch {
    width: 41.3px!important;
    height: 50px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    color: #bbb;
}

.opn-toolbar-switch:hover {
    color: initial;
}

.opn-toolbar-switch-right {
    float: right
}

.opn-toolbar-switch-left {
    float: left
}


/*.opn-switch-right{
cursor: pointer;
float:right;
color: grey;
font-size: 20px;
}*/

#opn-first-iconspace, #opn-second-iconspace {
    position: relative;
    float: left;
}


/*.opn-switch-left:hover,.opn-switch-right:hover{
color: #656262;
}*/

.opn-toolbar-background-content {
    display: none;
}

.styleAddDialog {
    /*height:90% !important;*/
}


/* BOUTON*/

.disable {
    box-shadow: none;
    opacity: 0.3;
    cursor: default;
}

body:not(.opn_bodyinmove) body:not(.opn_editor) .opn_alone {
    width: 100% !important;
}

.opn-btn-add-content {
    font-size: 400%;
    font-weight: bold;
    /*padding: 10px 0;*/
}

.opn_content .opn_emptyContent {
    overflow: hidden !important;
}

.zone_ext {
    background-image: url('/wp-content/plugins/opn_inlineeditor/opn_base/images/hachure.png');
    background-color: rgba(255, 165, 0, 0.8);
    box-shadow: inset 0 0 0 1px #aaa;
    z-index: 44;
}

.zone {
    z-index: 1;
    background-image: url(/wp-content/plugins/opn_inlineeditor/opn_base/images/hachure.png);
    cursor: pointer;
    box-sizing: border-box;
    background-color: rgba(194, 226, 255, 0.7);
}

.opn_emptyContent {
    background-color: rgba(225, 225, 225, 0.5);
    color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    text-align: center;
    transition: all 0.5s;
    /*	border: 1px dashed #A2A2A2;	*/
}

.arrow_box:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000;
    border-width: 10px;
    margin-top: -10px;
}

.opn-btn-in-plus {
    position: absolute;
    top: 2300px;
    left: 500px;
    background: rgba(69, 113, 173, 1);
    border-radius: 5px;
    color: #fff;
    /* padding: 5px; */
    padding: 3px;
    display: none;
    border: 1px solid #FFFFFF;
    z-index: 99;
    transition: color 0.5s ease;
}

.opn-btn-in-plus:after, .opn-btn-in-plus:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(34, 34, 34, 0);
    border-width: 5px;
}

.opn-btn-in-plus .dashicons {
    width: 16px;
    height: 16px;
    line-height: 12px;
}

.opn-btn-in-plus .dashicons:before {
    content: "\f132";
    height: 100%;
    /* font-size: 17px; */
    font-size: 12px;
}

#opn-btn-in-uplus:after {
    bottom: 100%;
    left: 50%;
    border-bottom-color: rgba(69, 113, 173, 1);
    margin-left: -5px;
}

#opn-btn-in-uplus:before {
    bottom: 100%;
    left: 50%;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 7px;
    margin-left: -7px;
}

#opn-btn-in-uplus:hover:after {
    border-bottom-color: #355888;
    transition: color 0.5s ease;
}

#opn-btn-in-dplus:after {
    top: 100%;
    left: 50%;
    border-top-color: rgba(69, 113, 173, 1);
    margin-left: -5px;
}

#opn-btn-in-dplus:before {
    top: 100%;
    left: 50%;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FFFFFF;
    border-width: 7px;
    margin-left: -7px;
}

#opn-btn-in-dplus:hover:after {
    border-top-color: #355888;
    transition: color 0.5s ease;
}

#opn-btn-in-lplus:after {
    right: 100%;
    top: 50%;
    border-right-color: rgba(69, 113, 173, 1);
    margin-top: -5px;
}

#opn-btn-in-lplus:before {
    right: 100%;
    top: 50%;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 7px;
    margin-top: -7px;
}

#opn-btn-in-lplus:hover:after {
    border-right-color: #355888;
    transition: color 0.5s ease;
}

#opn-btn-in-rplus:after {
    left: 100%;
    top: 50%;
    border-left-color: rgba(69, 113, 173, 1);
    margin-top: -5px;
}

#opn-btn-in-rplus:before {
    left: 100%;
    top: 50%;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #FFFFFF;
    border-width: 7px;
    margin-top: -7px;
}

#opn-btn-in-rplus:hover:after {
    border-left-color: #355888;
    transition: color 0.5s ease;
}

.opn-btn-in-plus:hover {
    background-color: #355888;
    transition: color 0.5s ease;
    cursor: pointer;
}

.opn-btn-plus {
    top: 500px;
    left: 800px;
    position: absolute;
    background-color: #aaa;
    font-family: Arial;
    color: #fff;
    font-size: 20px;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    display: none;
    cursor: pointer;
    transition: color 0.5s;
    transition: background 0.5s;
    z-index: 99;
    /*transition: all 0.5s ease;*/
}

.opn-btn-plus:hover {
    background: #555;
    color: #fff;
    transition: color 0.5s;
    transition: background 0.5s;
}

#opn-btn-lplus {
    width: 20px;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#opn-btn-dplus {
    width: 50px;
    height: 20px;
    line-height: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#opn-btn-rplus {
    width: 20px;
    height: 50px;
    line-height: 50px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#opn-btn-uplus {
    width: 50px;
    height: 20px;
    line-height: 20px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#opn-btn-uplus span, #opn-btn-dplus span {
    font-size: 12px;
    top: -2px;
    position: relative;
}

#opn-btn-lplus span, #opn-btn-rplus span, #opn-btn-rplus-maxsize span, #opn-btn-lplus-maxsize span {
    font-size: 12px;
    top: -2px;
    position: relative;
}

.opn_bodyinmove * {
    cursor: none !important;
}

.opn_bodyinmove .opn-btn-plus {
    background-color: transparent;
    color: #ff8200;
    /*#000*/
    box-sizing: border-box;
}

.opn_bodyinmove #opn-btn-lplus, .opn_bodyinmove #opn-btn-rplus {
    width: 30px;
}

.opn_bodyinmove #opn-btn-uplus, .opn_bodyinmove #opn-btn-dplus {
    height: 30px;
    line-height: 30px;
}

.opn_bodyinmove .opn-btn-plus:hover {
    background-color: transparent;
    color: #fff;
}

.opn_bodyinmove .opn-btn-plus .fa-plus:before {
    content: "\f10c";
    /*content: "\f111";*/
}

#opn-btn-lplus-maxsize {
    width: 20px;
    height: 50px;
    line-height: 50px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#opn-btn-rplus-maxsize {
    width: 20px;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.opn-btn-fen:hover {
    /* background-color :#555; */
    background-color: #f55;
    /*border:none;*/
}

.opn-btn-fen {
    /*
	top : -20px;
	left : calc(100% - 50px);

	position: absolute;
	background-color: #AAA;
	font-family: Arial;
	color: #FFF;
	font-size: 13px;
	width: 50px;
	height:20px;
	line-height : 20px;
	padding: 2px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	display: none;
	cursor: pointer;
	transition: color 0.5s;
	transition: background 0.5s;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 1500;
	*/
    /*top: 7px;
	right: 7px;*/
    top: 6px;
    right: 14px;
    position: absolute;
    /*background-color: rgba(0,0,0,0.5);*/
    background-color: #fff;
    font-family: Arial;
    color: #FFF;
    font-size: 13px;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    /* border: 1px solid #fff; */
    border: 3px solid #f55;
    text-decoration: none;
    text-align: center;
    display: none;
    cursor: pointer;
    transition: color 0.5s;
    transition: background 0.5s;
    z-index: 1500;
}

.opn-btn-move:hover {
    /* background-color :#555; */
    background-color: #f55;
    /*border:none;*/
}

.opn-btn-move {
    /*

	top : -20px;
	left : 0;


	position: absolute;
	background-color: #AAA;
	font-family: Arial;
	color: #FFF;
	font-size: 10px;
	height:20px;
	line-height:20px;
	width: 50px;
	padding: 0px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	display: none;
	cursor: pointer;
	transition: color 0.5s;
	transition: background 0.5s;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 1500;
	*/
    /*top: 7px;
	left: 7px;*/
    top: 6px;
    left: 14px;
    position: absolute;
    /* background-color: rgba(0,0,0,0.5); */
    background-color: #fff;
    font-family: Arial;
    color: #FFF;
    font-size: 10px;
    height: 16px;
    width: 16px;
    padding: 0px;
    border-radius: 10px;
    /* border: 1px solid #fff; */
    border: 3px solid #f55;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    display: none;
    cursor: pointer;
    transition: color 0.5s;
    transition: background 0.5s;
    z-index: 1500;
}

.activefen:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    /* background-color: rgba(0, 0, 0, 0.5); */
    z-index: -1;
    /* border: 1px dotted #000; */
}

.activeFenHover:after {
    /* background-image: url(/wp-content/plugins/opn_base/images/hachure.png); */
    z-index: 5;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    transition: all 1s ease;
    /*box-shadow:inset 0 0 0 3px #aaa;*/
}

.selectedFen {}

.firstOpnContent:after {
    /* background-image: url(/wp-content/plugins/opn_base/images/hachure.png); */
    z-index: 5!important;
    position: absolute!important;
    background-color: rgba(255, 255, 255, 0.2)!important;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8)!important;
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8)!important;
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8)!important;
    transition: all 1s ease!important;
    /*box-shadow:inset 0 0 0 3px #aaa;*/
}


/* OPN */

body.body-editor {
    margin-top: 58px;
	overflow-y:scroll !important; /*pour le probleme des ajout de blocs pour OPn_OnEqual*/
}


/*
body{
margin:0px;
}
p
{
margin-top:0px;
}
*/


/*
.opn_definefont{
font-family:Arial;
font-size:12px;
line-height:12px;
}
*/

.opn_class_maintoolbar {
    border-radius: 0px !important;
    border: none;
    border-bottom: 1px solid #B6B6B6;
    background: #FFF;
    color: #4F4F4F;
    box-shadow: 0px 2px 10px #aaa;
}

.opn_class_maintoolbar .ui-widget-header {
    background: #000;
    display: none;
    /*ICI*/
}

.opn_class_maintoolbar .ui-state-hover, .opn-toolbar .ui-state-hover {
    border-top: 0;
    border-bottom: 0;
}

#MainDialog {
    /*padding: 0.5em 0.9em;*/
    padding: 0px;
    text-align: center;
}

#MainDialog>button {
    height: 58px;
    /*   margin-top:2px;
	margin-bottom:2px;
*/
}

#opn_info_all {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 100px;
    height: 38px;
    line-height: 18px;
    background: #DFE7FF;
    border: 1px solid #BAD5FF;
    -webkit-box-shadow: 3px 3px 5px #aaa;
    -moz-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
    /*text-align:center;*/
    color: #000;
}

.opn_info_x, .opn_info_y {
    position: absolute;
    top: 100px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #DFE7FF;
    border: 1px solid #BAD5FF;
    border-radius: 15px;
    -webkit-box-shadow: 3px 3px 5px #aaa;
    -moz-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
    text-align: center;
    color: #000;
}

.opn-snap-line {
    border-left: 1px dotted #f00;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.opn-snap-hline {
    border-top: 1px dotted #f00;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.opn-snap-line-hmark {
    border-top: 1px solid #00ff00;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100000px;
}

.opn-snap-line-mark {
    border-left: 1px solid #00ff00;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100000px;
}

.opn_bodyinmove .opn-border-not-used {
    opacity: 0.3;
    /*
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	*/
}

.opn-border-not-used:after {
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 45;
}

.activefen.opn-border-not-used:after {
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 125, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 125, 0, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 125, 0, 0.3);
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 45;
}


/*icon des fen*/

.opn-border-used>.opn_fenContent:before {
    /*
	content: "\f066";
	font-family: FontAwesome;
	font-size: 40px;
	*/
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 50% 0;
    color: #000;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.30);
}

.opn_bodyinmove .opn-border-used {
    /*	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.5);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.5);
	box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.5);
	*/
    /*	background:rgba(200,200,200,0.2);*/
    opacity: 1;
}

.opn-border-used:after {
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    transition: all 1s ease;
}

.activefen.opn-border-used:after {
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 125, 0, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(255, 125, 0, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(255, 125, 0, 0.8);
    transition: all 1s ease;
}

.opn-border-multiselect {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 230, 0, 1)!important;
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 230, 0, 1)!important;
    box-shadow: inset 0px 0px 0px 2px rgba(0, 230, 0, 1)!important;
}

.opn-border-not-used>.opn_textContent {
    visibility: visible !important;
}

#opn_editor_content {
    padding: 5px;
    margin: 10px 0 0 0;
}

#opn_iedit {
    border: 0px;
}

.opn-border-not-used-shortcode {
    /* 	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	*/
}

.opn-border-not-used-title {
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
}

.opn-border-not-used-custompost {}

.opn-border-not-used-menu {
    overflow: hidden;
}

.opn-border-not-used-menu a {
    cursor: pointer!important;
}

.opn_textContent {
    /* Pas d'overflow:hidden car sinon les ombres sont coupées */
    /*	  overflow: hidden;*/
    max-width: 100%;
    transition: height 0.3s ease;
}

.opn-toolbar {
    position: absolute;
    z-index: 40002;
    /*min-width:500px!important;
	width:500px;*/
}

.opn-sortable:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
}

.opn_content {
    float: left;
    /* overflow:hidden;
	zoom:1; */
    /*	height:auto!important;*/
    /*en lever pour que le calcul se fasse sur la hauteur*/
    max-width: 100%;
}

.opn_content {
    /*pour scroll reveal*/
    perspective: 800px;
    perspective-origin: center 100%;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    /*z-index: 1;*/
    /*PL 19.05.2016  z-index reenvlver car sinon les bloc situ� en bas d'une image cent�e ne sont plus selectionnables*/
    /* __BK 21.04.2016 : Ajout de z-index:1 car sinon les zone_ext s'affiche en dessous malgr� un z-index de 99999999*/
}

.opn-dragdrop-handle-contain {
    position: relative;
    z-index: 50;
}

.opn_content.ui-draggable-dragging {
    overflow: hidden;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 1);
    box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 1);
    transition: width 0.5s ease, height 0.5s ease;
}

.opn-dragdrop-handle {
    /*	border:1px solid rgba(125,125,125,0.5);*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: move;
    z-index: 10;
    /*	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);*/
}

body.body-editor .opn-subselect {
    /*border:1px solid rgba(125,0,0,0.5);*/
    cursor: pointer;
    z-index: 10;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.pods .opn-subselect {
    box-shadow: none;
}

body.body-editor .opn-subselect.opn_content:hover {
    cursor: pointer;
    z-index: 10;
    background-color: rgba(0, 0, 255, 0.1)
}

.opn-over-title {
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    transition: all 1s ease;
}

.opn-over-custompost {
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    transition: all 0.5s ease;
}

.opn-over-menu {
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    transition: all 0.5s ease;
}

.opn_clear {
    clear: both;
}

.opn_disable_scroll {
    overflow: hidden;
}

.icon-opn-toolbar-responsive {
    background-image: url("images/responsive.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-responsive-desktop {
    background-image: url("images/desktop.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-responsive-tablet {
    background-image: url("images/tablet.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-responsive-smartphone {
    background-image: url("images/smartphone.png") !important;
    background-size: 16px 16px;
}
.icon-opn-toolbar-document-plus {
    background-image: url("images/document-plus.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-gotopage {
    background-image: url("images/gotopage.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-property {
    background-image: url("images/property.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-link {
    background-image: url("images/link-icon.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-linknone {
    background-image: url("images/link-none-icon.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-image {
    background-image: url("images/link-img-icon.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-save {
    background-image: url("images/disk-return-black.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-saving {
    background-image: url("/wp-admin/images/loading.gif") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-img1 {
    background-image: url("images/imageune.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-savecode {
    background-image: url("images/disk-return-black.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-code {
    background-image: url("images/code-js.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-css {
    background-image: url("images/code-css.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-edit {
    background-image: url("images/content-edit.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-copy {
    background-image: url("images/document-copy.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-paste {
    background-image: url("images/document-import.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-parent {
    background-image: url("images/layer--pencil.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-halign-left {
    background-image: url("images/edit-alignment.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-halign-center {
    background-image: url("images/edit-alignment-center.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-halign-right {
    background-image: url("images/edit-alignment-right.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-halign-justify {
    background-image: url("images/edit-alignment-justify.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-valign-top {
    background-image: url("images/edit-vertical-alignment-top.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-valign-middle {
    background-image: url("images/edit-vertical-alignment-middle.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-valign-bottom {
    background-image: url("images/edit-vertical-alignment.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-add-y0 {
    background-image: url("images/application-dock-090.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-add-y1 {
    background-image: url("images/application-dock-270.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-add-x1 {
    background-image: url("images/application-dock.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-add-x0 {
    background-image: url("images/application-dock-180.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-egal-x {
    background-image: url("images/layout-2-equal.png") !important;
    background-size: 16px 16px;
}

.opn-loading-circle {
    background-image: url("images/loading-big-circle.gif");
    background-size: 48px 48px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.opn-toolbar-egal-x {
    /*float:right;*/
}

.icon-opn-toolbar-egalmulti-x {
    background-image: url("images/layout-2-equal.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-egalmulti-x {
    float: right;
}

.icon-opn-toolbar-max-x {
    background-image: url("images/layer-2-maxx.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-max-x {
    float: right;
}

.opn-toolbar-legend {
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: 600;
    color: #8F8F8F;
    font-size: 14px;
    height: 14px;
}

.opn_blockContent {
    float: left;
    width: 20%;
}

.opn_blockContent.disable {
    box-shadow: none;
    opacity: 0.3;
    cursor: default;
}

.opn-field-hidden .opn_blockContent {
    transform: scale(0, 0);
    transition: all 0.5s;
}

.opn-field-hidden .opn_blockContent.active {
    transform: scale(1, 1);
    transition: all 0.5s;
}

.opn_containerImg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    /*border: 1px solid #ddd;*/
    box-shadow: inset 0px 0px 0px 1px #ddd;
    transition: all 0.5s;
    height: 130px;
    cursor: pointer;
    margin: 10px;
}

.opn_containerImg:hover {
    /*border: 10px solid #aaa;*/
    box-shadow: inset 0px 0px 0px 5px #aaa;
    transition: all 0.5s;
}

.disable .opn_containerImg {
    box-shadow: none;
}

.disable .opn_containerImg:hover {
    box-shadow: none;
    cursor: default;
}

.icon-opn-toolbar-min-x {
    background-image: url("images/layer-2-minx.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-min-x {
    float: right;
}

.icon-opn-toolbar-del {
    background-image: url("images/layout-delete.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-img {
    background-image: url("images/bloc-image.jpg") !important;
}

.opn-toolbar-title {
    background-image: url("images/bloc-titre.jpg") !important;
}

.icon-opn-toolbar-column {
    background-image: url("images/task-select-last.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-txtarea {
    background-image: url("images/bloc-txtarea.jpg") !important;
}

.opn-toolbar-widget {
    background-image: url("images/bloc-widget.jpg") !important;
}

.opn-toolbar-dbview {
    background-image: url("images/bloc-dbview.jpg") !important;
}

.opn-toolbar-table {
    background-image: url("images/bloc-table.png") !important;
}

.icon-opn-toolbar-widget-news_slider {
    background-image: url("images/disk-return-black.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-button {
    background-image: url("images/ui-button.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-txtedit {
    background-image: url("images/ui-text-field.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-draft {
    background-image: url("images/document-draft.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-opendraft {
    background-image: url("images/document-draft-main.png") !important;
    background-size: 28px 16px;
    width: 28px;
    margin-left: -12px !important;
}

.icon-opn-toolbar-publish {
    background-image: url("images/document-draft-ok.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-deldraft {
    background-image: url("images/document-minus.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-original {
    background-image: url("images/voir-draft.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-web {
    background-image: url("images/bloc-php.jpg") !important;
}

.opn-toolbar-pods {
    background-image: url("images/bloc-pods.jpg") !important;
}

.opn-toolbar-formobj {
    background-image: url("images/bloc-form.jpg") !important;
}

.icon-opn-toolbar-fen {
    background-image: url("images/layout-3-mix.png") !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-fenmulti {
    background-image: url("images/layout-3-mix.png") !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-descendre {
    background-image: url("images/arrow-down1.png") !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-monter {
    background-image: url("images/arrow-up1.png") !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-fenparams {
    background-image: url("images/layout-3-mix.png") !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-attachments {
    background-image: url("images/attachement.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-gallery {
    background-image: url("images/galerie-main.png") !important;
    background-size: 28px 16px;
    width: 28px;
    margin-left: -12px !important;
}

.icon-opn-toolbar-gallery-manage {
    background-image: url("images/galerie.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-gallery-album {
    background-image: url("images/photo-album.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-gallery-photo {
    background-image: url("images/pictures-plus.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-content {
    background-image: url("images/content-edit.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-bloc {
    background-image: url("images/document-php.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-panel {
    background-image: url("images/bloc-panneau.jpg") !important;
}

.opn-toolbar-hr {
    background-image: url("images/bloc-hr.png") !important;
}

.opn-toolbar-list {
    background-image: url("images/bloc-liste.jpg") !important;
}

.opn-toolbar-contenu {
    background-image: url("images/bloc-contenu.jpg") !important;
}

.opn-toolbar-pj {
    background-image: url("images/bloc-pj.jpg") !important;
}

.icon-opn-toolbar-media {
    background-image: url("images/media.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-publish {
    margin: 0 0 20px 0!important;
}

.opn-toolbar-opendraft, .opn-toolbar-gallery, .opn-toolbar-gotopage, .opn-toolbar-redo {
    margin: 0px 50px 2px 0!important;
}

.opn-toolbar-undo, .opn-toolbar-redo {
    /*	float: left; */
    /*
	width: 1.45em!important;
	margin: 0px 0px 0px 1px;
	*/
}

.opn-toolbar-logo {
    padding: 13px 15px 0 15px;
    position: absolute;
    height: 100%;
    left: 0;
    border-right: 1px solid #f1f1f1;
    box-sizing: border-box;
}


/*.con-opn-toolbar-widget-videosidebar
{
background-image: url("images/disk-return-black.png") !important;
background-size:16px 16px;
}


.icon-opn-toolbar-widget-comprehensivegooglemap
{
background-image: url("images/disk-return-black.png") !important;
background-size:16px 16px;
}

.icon-opn-toolbar-widget-tag_cloud
{
background-image: url("images/disk-return-black.png") !important;
background-size:16px 16px;
}
*/

.icon-opn-toolbar-undo {
    background-image: url("images/arrow-curve-180-left.png") !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-redo {
    background-image: url("images/arrow-curve.png") !important;
    background-size: 16px 16px;
}

.opn-toolbar-close {
    position: absolute;
    top: 1px!important;
    right: 0%!important;
    background: transparent !important;
    border: 0px !important;
}

.opn-logs-bt {
    font-size: 0.5em !important;
}

.opn_txtareaContent img {
    width: auto;
    height: auto;
    /*max-height: 100%;*/
    max-width: 100%;
}

.opn-toolbar-style {
    margin: -3px 0 0 0;
    padding: 7px 25px 7px 8px;
    font-size: 12px;
    float: left;
    font-weight: normal;
    cursor: pointer;
    border: 1px solid #ddd;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: url(images/flecombox.png) no-repeat right top;
}

.opn-toolbar-tab4 {
    margin: 3px 0 0 135px;
}

.opn-toolbar-style-disabled {
    cursor: pointer;
    background: url(images/flecombox.png) no-repeat right top;
}


/*
.AllStyleTxt .opn_containerStyle_txt
{
width: 16%;
padding: 1% 1%;
box-sizing: border-box;
display: inline-block;
vertical-align: top;

}
*/

.AllStyleImg .opn_containerStyle_txt, .AllStyleTxt .opn_containerStyle_txt {
    width: 15.8%;
    padding: 1%;
    margin: 0.3%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.AllStyleTxt {
    float: left;
    width: 100%;
}

.AllStyleImg {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ddd;
}

.opn_containerStyle_title {
    width: 31%;
    height: 70px;
    margin: 1%;
    float: left;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.opn_containerStyle_selected, .opn_containerStyle_txt:hover, .opn_containerStyle_title:hover {
    cursor: pointer;
    /*border: 10px solid #aaa;*/
    box-shadow: 0px 0px 0px 5px #aaa;
    transition: all 0.5s;
}

.AllStyleTxt .opn_containerStyle_title .opn_wrapstylepreview {
    /*height:inherit;*/
    overflow: auto;
    background-color: #FFF;
}

.AllStyleTxt .opn_containerStyle_txt .opn_wrapstylepreview, .AllStyleImg .opn_wrapstylepreview {
    /*padding:4px;*/
    height: inherit;
    /*	border-top: 1px dashed #aaa;*/
    overflow: auto;
    background-image: url('/wp-content/plugins/opn_inlineeditor/opn_base/images/damier.png');
}

.styleDialog {
    position: fixed;
    top: 10%;
    left: 5%;
}


/*#styleToolbarUi{
width:90%;
position:fixed;
top:10%;
left:5%;
height:80%;
background-color:#fff;
padding:1em;
}*/

.opn_stylepreview {
    overflow: hidden;
}

.opn_stylepreviewtitle {
    font-size: 13px;
    /*font-style:italic;*/
    color: #555;
    line-height: 35px;
    text-align: center;
    font-family: "open sans";
    font-weight: 500;
    white-space: nowrap;
}


/* HR */

.opn_container_hr {
    min-height: 40px;
    height: auto;
    padding: 20px 10px;
    margin: 10px 0;
}

.opn_container_hr:hover {
    box-shadow: inset 0 0 0 5px #aaa;
    transition: all 0.5s;
    cursor: pointer;
}

.opn_container_hr.active {
    box-shadow: inset 0 0 0 5px #76C5EB;
    transition: all 0.5s;
    cursor: pointer;
}


/* FIN HR */


/*STYLE EDITOR*/

#styleAddDialogToolbar {
    overflow-y: scroll !important;
}

#styleAddImageDialogToolbar {
    overflow-y: scroll !important;
}

.opn-button-update {
    float: left;
    width: 25%;
    margin: 0 0 0 5%;
}

.opn-wrapper-preview.txt {
    /*width: 50%;
	margin: 0 auto;
	padding: 20px;*/
    /*border: 1px solid #ddd;*/
    background-image: url('/wp-content/plugins/opn_inlineeditor/opn_base/images/damier.png');
    /*background-color: #FFF;*/
    overflow: auto;
}

.opn-wrapper-preview.img {
    width: 50%;
    margin: 0 auto;
    padding: 20px;
    overflow: auto;
}

.opn-wrapper-options {
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-sizing: border-box;
}

.opn-preview-visuel {
    width: 50%;
    float: left;
    background-color: #f6f6f6;
    margin: 0 5%;
    padding: 1% 5% 3% 5%;
}

.opn-content-visuel {
    margin: 0 auto;
    box-sizing: border-box;
}

.wp-picker-holder {
    position: absolute;
    z-index: 1;
}

.bt-style {
    height: 50px;
    line-height: 50px;
    box-shadow: inset 0 0 0 1px #ddd;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #777;
    margin-bottom: 20px;
    transition: all 0.5s;
    cursor: pointer;
}

.bt-style:hover, .bt-style.active {
    box-shadow: inset 0 0 0 5px #76C5EB;
    transition: all 0.5s;
}

.previewOptions {
    display: none
}

.container-border {
    padding: 0 5px 0 5px;
    border: 1px solid #ddd;
    margin: 0 7% 20px 0px;
    cursor: pointer;
    float: left;
    width: 15%;
}

.container-border.little {
    border: none;
    margin: 0 0 10px 0px;
    padding: 0;
    width: 100%;
}

.container-border:hover, .container-border.active {
    box-shadow: inset 0 0 0 2px #76C5EB;
    transition: all 0.5s;
}

.opn-edit-size-preview-border, .opn-edit-size-preview-padding, .opn-edit-size-preview-margin {
    width: 40px;
    height: 30px;
    text-align: center;
    font-size: 15px !important;
    padding: 0 !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.opn-ui .wp-color-result {
    background-color: #000;
    cursor: pointer;
    /*border:1px solid #ddd;*/
    border: none;
    border-radius: 0;
    -moz-box-shadow: 0px 0px 0px 1px #ddd;
    -webkit-box-shadow: 0px 0px 0px 1px #ddd;
    -o-box-shadow: 0px 0px 0px 1px #ddd;
    box-shadow: 0px 0px 0px 1px #ddd;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#ddd, Direction=NaN, Strength=0);
    height: 32px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom;
    display: inline-block;
    padding-left: 30px;
    top: 0;
    width: 100%;
}

.opn-ui .wp-color-result:focus:after, .opn-ui .wp-color-result:hover:after {
    color: #fff;
    background-color: #4c5866;
    border-left: 0;
    transition: all 0.3s ease-in-out;
}

.opn-ui .wp-color-result:after {
    background-color: #f4f4f4;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom;
    display: inline-block;
    padding: 0 20px;
    top: 0;
    box-shadow: none;
    width: calc( 100% - 40px);
    transition: all 0.3s ease-in-out;
}

.opn-ui .wp-color-result.wp-picker-open {
    width: 0;
}

.opn-ui .wp-color-result.wp-picker-open:after {
    padding: 0;
}

.wp-picker-clear {
    display: none;
}

.wp-picker-container input[type=text].wp-color-picker {
    width: 194px !important;
    /*background-color: #fff;*/
    border-radius: 0;
    height: 32px;
    box-shadow: none;
}

.loading-formulaire {
    display: none;
    float: right;
    margin: 33px 5px 0 0;
}

.opn-bloc-preview {
    position: relative;
    margin: 5% 0;
}

.opn-edit-size-preview-border.top, .opn-edit-size-preview-padding.top, .opn-edit-size-preview-margin.top {
    position: absolute;
    left: calc( 50% - 20px);
    top: -36px;
}

.opn-edit-size-preview-border.bottom, .opn-edit-size-preview-padding.bottom, .opn-edit-size-preview-margin.bottom {
    position: absolute;
    bottom: -36px;
    left: calc( 50% - 20px);
}

.opn-edit-size-preview-border.right, .opn-edit-size-preview-padding.right, .opn-edit-size-preview-margin.right {
    position: absolute;
    left: 102%;
    top: 44%;
}

.opn-edit-size-preview-border.left, .opn-edit-size-preview-padding.left, .opn-edit-size-preview-margin.left {
    position: absolute;
    top: 44%;
    left: calc(-2% - 40px);
}

.opn_addStyle, .opn_addStyleImg {
    text-align: center;
    width: 15.8%;
    padding: 1%;
    margin: 0.3%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}


}
.opn_addStyle {
    padding: 12px;
    box-sizing: border-box;
}
.opn_addStyle:hover, .opn_addStyleImg:hover {
    cursor: pointer;
    /* border: 10px solid #aaa; */

    box-shadow: inset 0px 0px 0px 5px #aaa;
    transition: all 0.5s;
}
.opn_addStyle_plus {
    font-size: 400%;
    font-weight: bold;
    /* background-color: #eee; */

    color: #4c5866;
    background-image: url('/wp-content/plugins/opn_inlineeditor/opn_base/images/damier.png');
}
.opn_containerStyle_txt:hover .opn-del-style, .opn_containerStyle_txt:hover .opn-update-style, .opn_containerStyle_txt:hover .opn-duplicate-style {
    display: block;
}
.opn-del-style, .opn-update-style, .opn-duplicate-style {
    float: right;
    margin: 2%;
    position: relative;
    z-index: 10;
    text-align: center;
    color: #aaa;
    display: none;
}
.opn-update-style:hover, .opn-duplicate-style:hover {
    color: #555;
    cursor: pointer;
}
.opn-del-style:hover {
    color: #f00;
    cursor: pointer;
}
#styleDialogToolbar {
    overflow: auto;
}
.loading-duplicate {
    background-image: url(/wp-admin/images/spinner.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 180px;
}
.shadow-options {
    margin: 20px 0 0 20px;
}
.opn_container_bsoptions {
    float: left;
    text-align: center;
    margin: 2% 7% 0 0;
}
.boxShadowStyleOptions {
    overflow: auto;
}
.input-edit-style {
    width: 50px;
    height: 25px;
    text-align: center;
    padding: 0 !important;
    font-size: 15px !important;
    color: #888;
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.opn-border-separation {
    /*
	border-left:1px solid #aaa;
	float:left;
	*/

    border-left: 1px solid #aaa;
    position: absolute;
    left: 50%;
}
.opn_visual_nostyle {
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    padding: 0px;
}
.opn_visual_imgnostyle {
    border: none!important;
    background: none!important;
    padding: 0!important;
    box-shadow: none!important;
}

/* END STYLE EDITOR */

/* ANIMATION EDITOR */
.opn_containerAnimation img {
    z-index: -1;
    position: relative;
    top: 0px;
    width: auto;
    height: 50px;
    margin: 0 auto;
    padding: 10px 0;
    display: block;
}
.opn_containerAnimation {
    border: 1px solid #ddd;
    margin: 5%;
    height: 70px;
    /*150px;*/

    overflow: hidden;
    perspective: 800px;
}
.opn_containerAnimation:hover {
    box-shadow: inset 0 0 0 5px #aaa;
    transition: all 0.5s;
    cursor: pointer;
}
.opn_containerAnimation.active {
    box-shadow: inset 0 0 0 5px #76C5EB;
    transition: all 0.5s;
}
.opn-title-animation {
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: 400;
    font-family: "open sans";
    font-size: 12px;
}
.opn-animation-content {
    width: 50%;
    height: 30px;
    background-color: #00BDDD;
    margin: 20px auto;
    position: relative;
    transform-origin: bottom;
}
.opn_blockAnimation {
    float: left;
    width: 33%;
    /*overflow:hidden;*/
}

/* TG Fais disparaître les opn_content quand on click dessus*/

/*body:not(.body-editor) [class*="opn_anim"] {
visibility:hidden;
}*/

/* pour avoir une perspective coller en bottom*/
.opn_anim-3d {
    transform-origin: 0 100% 0;
}

/* END ANIMATION EDITOR */

/* Pas d'overflow:hidden car sinon les ombres sont coupées */
.opn_finalContent {
    /*display:table-cell;*/
    position: relative;
    /*overflow:hidden;*/
	/*overflow:auto;*/ /*ne pas mettre ! car on dois voir les ombres*/
    height: 100%;
    max-width: 100%;
}

/*En commmentaire car ne marche pas. */

/*.opn_imgContent .opn_finalContent{
border:2px solid #ddd;
padding:2px;
}*/
body:not(.body-editor) .opn_listContent {
    height: auto !important;
    /*besoin pour ouverture des accordeon*/
}
.opn-content-editor .opn_textContent .widget {
    /*opacity:	0.3;*/
}
#opn_ifr {
    border: none;
}
#widget-form {
    overflow: auto !important;
    height: 500px!important;
}
#widget-form th {
    text-align: left;
}

/* -------------- Admin Widget --------------------- */
select {
    /*margin :0;*/

    margin: 0;
    padding: 5px;
    color: #666;
    background-color: #FFF;
}
.widefat {
    width: 96%;
}
.opn_edit, input:-webkit-autofill, input[type=text], input[type=password], textarea {
    background: #eee;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    color: #888;
    padding: 5px 20px 5px 5px;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*width: 100%;*/
}

}
input[type=text]:focus, textarea:focus {
    color: #373737;
}
Label[role=button] {
    /*
	height:24px !important;
	width:28px !important;
	padding:4px 0 0 0;
	*/
}
.opn-toolbar-floatingsize {
    margin: 2px 2px 2px 2px;
    background:#fff!important;
    position:relative;
}
#toolbar-dialog input[type=text].opn-toolbar-floatingsizeval {
    width:60px;
    border-radius:0px;
    box-shadow:none;
    margin: -5px 0 0 5px;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
}
.opn-toolbar-floatingsizetxt {
    float:left;
    position:relative;
}
.opn-toolbar-floatingsizediv {
    float: right;
    margin: 10px;
    position:relative;
}
#toolbar-dialog.opn-ui input[type=text] {
    border-radius: 0px;
    box-shadow: none;
    /*text-align: center;*/
    /*     padding-right: 0;
	padding-left: 0;
	*/
    font-size:14px;
}
#toolbar-dialog.opn-ui input[type=text].little {
    border-radius: 0px;
    box-shadow: none;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}
#toolbar-dialog input[type=text].opn-toolbar-alignleft {
    width: 60px;
    margin: -5px 0 0 36px;
}
.opn-toolbar-alignlefttxt {
    float:left;
    position:relative;
}
.opn-toolbar-alignleft {
    float: right;
    margin: -5px 0px 0 7px;
    position:relative;
}
#WidgetDialog, #PodsDialog, #FormObjDialog {
    padding: 0 0 20px 0;
    width:0px;
    top:0 !important;
    left:0 !important;
    height:auto;
    position:static;
    border:none !important;
    border-left: 1px solid #ddd !important;
}
.podsDialog_Bloc, .Dialog_Bloc {
    margin: 10px 20px;
    padding: 5px;
    width:260px;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
}
.podsDialog_Bloc_Name {
    color: #AAA;
    font-style: italic;
}
.Dialog_Bloc_Label {
    text-align:center;
}
.Dialog_Bloc_Label_Img_Bouton {
    background-image: url('images/icon-bouton.png');
    background-repeat: no-repeat;
    background-size: intial;
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
    cursor: pointer;
    margin: 10px;
}
.Dialog_Bloc_Label_Img_Zds {
    background-image: url('images/icon-editbox.png');
    background-repeat: no-repeat;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
    cursor: pointer;
    margin: 10px;
}

/*
.podsDialog_Bloc:hover,.Dialog_Bloc:hover {

margin: 10px 4px 0 10px;
padding: 2px;
cursor:pointer;

box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
*/
.podsDialog_Current, .Dialog_Current {
    background: #E4E3DF;
}
.widgetDialog_Bloc {
    margin:10px 20px;
    padding:5px;
    min-width:270px;
    right:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px#fff;
    box-shadow: inset 0 0 0 1px #fff;
    transition:all 0.5s;
    border-bottom:1px solid #ddd;
}
.podsDialog_Bloc:hover, .Dialog_Bloc:hover, .widgetDialog_Bloc:hover {
    margin: 10px 20px;
    padding: 5px;
    cursor:pointer;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-shadow: inset 0 0 0 3px #aaa;
    -webkit-box-shadow: inset 0 0 0 3px#aaa;
    box-shadow: inset 0 0 0 3px #aaa;
    transition:all 0.5s;
}
.widgetDialog_Bloc2 {
    width:170px;
    margin:5px 0 0 0;
}
.widgetDialog_Img {
    margin:0 10px 0 0;
}
.widgetDialog_Txt {
    line-height: 14px;
    font-family:"verdana";
    font-size:14px;
    font-weight:bold;
}
.Dialog_Desc {
    margin: 10px 0 0 0;
    line-height: 14px!important;
    color:#aaa;
    font-size:12px;
}

/* -------------  CONTENT DIALOG TOOLBAR ------ */
#contentDialogToolbar {
    overflow:auto !important;
}
.addContentDialog {
    position:fixed;
    overflow:initial;
}
.containerDialog {
    width:100%;
    height:95%;
}
.optionsAddButton {
    height:auto;
    margin-left:10px;
    display:none;
    float: right;
}

/* -------------  CONTENT DIALOG ------ */
#ContentDialog, #DraftDialog, #GalleryDialog {
    padding: 0 0 10px 0;
    position:fixed !important;
}

/* -------------  LOGIN  DIALOG  ------ */
#LoginDialogFen {
    position: relative;
    height: auto;
    width: 270px;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}
#LoginDialogFen #site-logo {
    z-index: 6;
    position: relative;
    top: 0px;
    left: 0px;
    width:auto;
    text-align: center;
    padding:20px;
    margin: 0;
    float: none;
}
#LoginDialogFen #site-logo img {
    max-width: 100%;
    max-height: 100%;
}
#LoginDialogFen .titlebar {
    padding: 0.7em 1em 0.6em 1em;
    position: relative;
    border: none;
    border-bottom: 1px solid #979797;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background: url("External/Aristo/images/bg_fallback.png")
}
#LoginDialogFen .titlebar-close {
    position: absolute;
    right: .8em;
    top: 55%;
    width: 16px;
    margin: -10px 0 0 0;
    padding: 0;
    height: 16px;
}
#LoginDialogFen .titlebar-close span {
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    display: block;
    margin: 1px;
    background: url("External/Aristo/images/icon_sprite.png") 0 -16px no-repeat;
}
#LoginDialogFen .titlebar-close:hover span {
    background-position: -16px -16px;
}
#LoginDialogFen .titlebar-closethick {
    background-position: -96px -128px;
}
#LoginDialogFen .content {
    padding:0px 30px 20px 30px;
    position:relative;
    background-color:#fff;
    overflow:hidden;
    width: auto;
    min-height: 0px;
    height: auto;
}
#LoginDialogFen #my-user-login {
    width:100%;
    margin:0 0 10px 0;
}
#LoginDialogFen #my-user-pass {
    width:100%;
    margin: 0 0 10px 0;
}
#LoginDialogFen .remember {
    float:left;
    margin:0 0 10px 0;
}
#LoginDialogFen .forget {
    float:left;
    margin:0 0 10px 0;
}

/*
#opn-cancel,
#opn_img_select,
*/
.opn_button, #opn-submit, .opn_img_sample button[class="rewriteButton"], #LoginDialogFen input[type="submit"] {
    clear:both;
    /*float:right;*/
    min-width:100px;
    /* font-size:13px; */
    font-size:15px;
    width: auto;
    color: white !important;
    padding: 10px 20px;
    border: none;
    text-align:center;
    font-family: Arial, sans-serif;
    cursor: pointer;
    border-radius: 0px;
    background: #4C5866;
}
.opn_button1 {
    /*float:right;*/
    min-width:10px;
    margin:2px 0 0 10px;
    font-size:15px;
    width: auto!important;
    color: white;
    padding: 5px 10px;
    border: none;
    text-align:center;
    font-family: Arial, sans-serif;
    cursor: pointer;
    border-radius: 5px;
    background: #aaa;
}
#opn-submit, #LoginDialogFen input[type="submit"] {
    float:right;
    margin:30px 0 0 0;
}
.saveImgButton {
    margin:0!important;
}

/*
#opn-cancel:hover,
#opn_img_select:hover,
*/
.opn_button1:hover, .opn_button:hover, #opn-submit:hover, .opn_img_sample button:hover, #LoginDialogFen input[type="submit"]:hover {
    /* background: #555; */
    background: #007b10;
}
#LoginDialog {
    z-index: 40003;
    position:fixed;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    background:rgba(0, 0, 0, 0.5);
}
.opn_clearView.opn-border-not-used {
    border:none!important;
    width:100%;
    height:20px;
    /*background:#f00;*/
}
.widgetDialog_Current {
    background: #E4E3DF;
}
#opn_outzone {
    background-color:rgba(255, 0, 0, 0.5);
    pointer-events:none;
    z-index:2000;
}
#opn_code_errors {
    width:99%;
    overflow:auto;
    border:1px dashed red;
    font-size:7px;
    height:100px;
    background-color: #CFF;
}
.opn_img_sample {
    font-family: Arial, sans-serif;
    font-size:12px;
}
.opn_img_sample_img {
    /*  Philippe le 31/01/2013  car plus utile sans les options de resize que l'on a viré
	border:1px solid #ddd;
	padding:5px;
	width:99%;
	height:200px;
	*/
    opacity:0;
}
.opn_img_sample_title {
    /*display:inline;*/
    height: 30px;
}
.opn_urlfield {
    width:100%;
}

/*  CSS des format d'image */
.opn_img_zoom_1/* Sans déformation */
{
    zoom:8;
    width: auto !important;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.opn_img_zoom_2/* Avec déformation */
{
    height: 100%;
    width: 100%;
}
.opn_img_zoom_3/* Full Size */
{}
#ie .opn_img_zoom_4/* Sans déformation Max 100% */
/*#ie car cette classe est unique sur le front page et ne se retrouve pas dans les dialogues OPN*/
{
    width: auto !important;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    box-sizing:border-box;
    line-height:0px;
    display:block;
    /*float:left;*/
}
.opn_img_sample_img .opn_img_zoom_4/* Sans déformation Max 100% */
{
    /* width: auto !important;*/
    height: auto;
    /* max-height: 100%;
	max-width: 100%;*/
}
.opn_imgContent>.opn_finalContent {
    overflow:visible !important;
}
.opn_imgContent {
    overflow:visible !important;
}
.opn_dbviewContent .opn_textContent {
    margin: 0px;
    padding:0px;
}
.opn_dbviewContent img {
    max-height: 100%;
    margin: auto;
    display: block;
}
.codemirror {
    border:1px solid #ddd;
}
.opn_finalContent[HAlign=center] {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
[balign~="center"] {
    margin: 0 auto;
}
[balign~="left"] {
    margin: none;
}
[balign~="right"] {
    margin-left: auto;
}
.opn_finalContent[HAlign=center] img {
    margin-left:auto;
    margin-right:auto;
    float:none !important;
    /*display:block !important;*/
    display:inline-block;
}
.opn_finalContent[HAlign=left] {
    text-align:left;
}
.opn_finalContent[HAlign=left] img {
    text-align:left;
}
.opn_finalContent[HAlign=right] {
    text-align:right;
    margin-left:auto;
}
.opn_finalContent[HAlign=right] img:not(.waiting) {
    float:right !important;
    display:inline-block !important;
}
.opn_finalContent[HAlign=justify] {
    text-align:justify;
}
.opn_finalContent[VAlign=middle] {
    vertical-align: middle;
}
.opn_finalContent[VAlign=top] {
    vertical-align: top;
}
.opn_finalContent[VAlign=bottom] {
    vertical-align: bottom;
}
.opn_textContent.opn_finalResize {
    /*border:1px dotted #aaa;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;*/
}
.opn_textContentDebug {
    border:1px dotted red;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.opn_dbviewer_line {
    float:left;
}
.opn_dbviewer_loader {
    position:absolute;
    z-index:1000;
    margin-top:32px;
    width: 100%;
    /*margin-left:32px;*/
}

/* --------------------------------  Fenetre edition Fichier Joints ---------------------------- */
.opn_ie_attachments .opn_ie_Label {
    font-size: 12px;
    font-weight: normal;
    font-family:Helvetica, Arial, sans-serif;
    float:left;
    width:70px;
    padding:3px;
}
.opn_ie_attachments input {
    float:left;
    margin:0 0 10px 0;
    width:670px;
}

/*scroll bar */
body ::-webkit-scrollbar-track {
    /*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 5px;
    background-color: transparent;
}
body #access ::-webkit-scrollbar {
    width: 0px;
}
body ::-webkit-scrollbar {
    width: 7px;
    height:7px;
    background-color: #fff;
    border-radius:0px;
    margin:0 5px;
}
body ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    /*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #4C5866;
}

/* ---------------------------------------------------------------- */
#toolbar-dialog {
    /*transition: all 1s;*/
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}
.opn_class_addother {
    top:30px;
}
.opn_resizedrag_in {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}
.opn_current_drop {
    /*background:rgba(255,255,255,0.2);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px dotted #f00;
	background:#eee;*/
    -webkit-box-shadow:inset 0px 0px 0px 5px rgba(125, 255, 125, 1);
    -moz-box-shadow:inset 0px 0px 0px 5px rgba(125, 255, 125, 1);
    box-shadow:inset 0px 0px 0px 5px rgba(125, 255, 125, 1);
    background-color:rgba(255, 255, 255, 0.5) ! important;
    background-image:url(/wp-content/plugins/opn_inlineeditor/opn_base/images/hachure.png) ! important;
    transition: all 0.5s;
    visibility: visible !important;
}
.opn_textContent.opn_fenContent {
    /* PL enlever sur OPN2 pour teste margin sur fenetre */
    /*
	margin : 0;
	padding :0;
	border:0;
	*/
    /* PL  ATTENTION SI BUG*/
    overflow:visible ! important;
	padding: 0;
}
#opn-subcontent {
    /*  margin:0 0 0 -1px; */
    /*ici mettre margin moins la valeur mise en opn_textContent  ET on met -1px car opn-txtContent ayant une border de 1 px ce la decale le tout de 1px à droite*/
}
.opn-border-inside-used {
    /* 	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	*/
    /*border:1px dotted #aaa;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;*/
}
.opn-border-inside-used:after {
    /*
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	*/
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 1px);
    outline: 1px dotted rgba(0, 0, 0, 0.2);
}
.opn_inmove {
    background-image:url(/wp-content/plugins/opn_inlineeditor/opn_base/images/hachure.png);
     /*background-color:rgba(0, 0, 0, 0.40);*/
    background-color:rgba(125, 125, 125);
    /* width: auto!important; */
    /* Pas utile dans le d�placement quand il est en float left */
}
.opn_inmove .opn_textContent {
    transform:scale(0.5);
    transition:all 0.5s ease;
    opacity:0.5;
}
.opn_behind_layer {
    /*opacity:0.3;*/
    /*background-color:rgba(0,0,0,1);*/
    /*transition:all 1s ease;*/
}

/* le fond noir sur outside fen*/

/*
.opn_behind_layer:before
{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
z-index:99;
}
*/
.pods-form img.waiting {
    display: none;
    vertical-align: middle;
}
.opn_ColumnButtonClick {
    cursor:pointer;
}
.opn_active_click {
    cursor:pointer;
}
.ui-add-link {
    float: right;
    height:32px;
}
.addLink {
    background: #2ea2cc;
    border-color: #0074a2;
    -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    text-decoration: none;
    border-width: 1px;
    padding: 5px 10px;
    border-radius: 3px;
}
.opn_class_editDialog {
    position: fixed;
    top:10px!important;
}
.disabledRadio {
    color: #D1D1D1;
}
.urlButtons {
    /*text-align: center;*/
    margin: 5px;
}
.urlButtons img {
    width: 16px;
    height: 16px;
}
.img-editor-icon:hover {
    background: #ccc!important;
    border: 1px solid #ddd;
}
.img-editor-icon {
    background: transparent;
    height:32px;
    border: 1px solid #ddd;
}
.displayLink {
    /*text-align: center;*/
    margin: 0px 5px;
    height: 15px;
}
.updateLink {
    /*
	background: #AAA!important;
	color: #FFF!important;
	border: none!important;
	font-size: 1em!important;
	padding-top: 2px!important;
	*/
}
.updateLink:hover {
    /* background: #555!important; */
    background: #007b10!important;
}
.advancedDiv {
    height: 90px;
}
.advancedDivInner {
    display: none;
}
.advancedOptions {
    text-decoration: none;
    color: #222;
    font-weight: bold;
    padding: 7px 0px 0px 8px;
    display: block;
}
.opn_button_link.active {
    background: #AAA;
}
.opn_dbviewer_line {
    /* BK test couleur transparente*/
    background: transparent;
}
.gallery-top img {
    cursor: inherit;
}
.gallery-thumbs {
    height: 100px !important;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.gallery-thumbs img {
    height: 100%;
    cursor: pointer!important;
}
.swiper-button-disabled {
    visibility: hidden;
}
#post-body.columns-2 #side-sortables {
    min-height:50px!important
}
.hideContentToMove {
    opacity: 0;
}
.cursor-pointer {
    cursor: pointer;
}

.opn-hide-postbox{
    position: absolute !important;
    visibility: hidden;
    top: -100000px;
}

/* pour le rafraichissement JS du dbview */

/*.opn_textContent.opn_dbviewContent .swiper-container{
visibility: hidden;
}

.opn_textContent.opn_dbviewContent .opn_hide_on_finished{
display: none;
}*/

/* Champ cach� dans la toolbar */
.opn-accordion-style .opn-field, .opn-accordion-style .opn-field-left, .opn-accordion-style .opn-field-right {
    display: none;
}
.opn-accordion-style .ico-right:not(.opn-tooltip) {
    display: none;
}
.opn-field-hauteur-bloc {
    display: block!important;
}
.opn-accordion-responsive {
    display: none;
}
.opn-accordion-administration {
    display: none;
}
.opn-field-css-libre {
    display: none;
}
.opn-accordion-animation .ico-right {
    display: none;
}
/**
 * CSS Libre
 */

.opn-edit-css{
    resize:vertical !important;
    margin-top:0px !important;
}


/**
 * Responsive element
 */

 .opn_input_responsive{
   float:left
 }

 .opn-resp-icon{
   float: right;
   text-align: right;
   padding : 5px;
   font-size: 20px;
   position: relative;
   bottom: 4px;
 }

 .opn-resp-icon:hover {
   background-color: #ddd;
   cursor: pointer;
 }

 .opn-resp-icon.active {
   background-color: #ddd;
 }

 #opn-resp-icon-tablet {
   margin-right: 4px;
 }

 #opn-resp-icon-smartphone {
   margin-right: 6px;
 }

 .opn-responsive-resize{
  background-color: #f1f1f1;
  margin-left: auto!important;
  margin-right: auto!important;
  box-shadow: 0 5px 30px rgba(0,0,0,0.7);
}

.opn-toolbar-responsive-option,
.opn-toolbar-responsive-close{
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-position: center;
    border: none;
    cursor: pointer;
    background-color: #fff;
}

.opn-toolbar-responsive-option{
    background-size: 18px;
}

.opn-toolbar-responsive-desktop{
    background-image: url(images/desktop.png);
}


.opn-toolbar-responsive-tablet{
    background-image: url(images/tablet.png);
}

.opn-toolbar-responsive-tablet-landscape{
    background-image: url(images/landscape-tablet.png);
}

.opn-toolbar-responsive-smartphone{
    background-image: url(images/smartphone.png);
}

.opn-toolbar-responsive-smartphone-landscape{
    background-image: url(images/landscape-smartphone.png);
}

.opn-toolbar-responsive-close{
    background-image: url(images/cross.png);
    background-size: 15px;
}

.opn-toolbar-responsive-close:hover{
    background-image: url(images/cross-red.png);
}

.opn-toolbar-responsive-option.active{
    background-color: #ddd;
}

.opn-toolbar-responsive-option:hover{
    background-color: #ddd;
}

html.opn-responsive-html * {
    cursor: url(images/cursor-finger.png), auto !important;
}

#opn_ResponsiveDialog {
    box-shadow: 0 5px 30px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.7);
    margin-left: auto!important;
    margin-right: auto!important;
}

#opn_ResponsiveDialogOptions{
    left:0px !important;
}

#opn_ResponsiveDialog.ui-dialog-content {
    padding:0px !important;
    overflow: hidden !important;
}

.opn-responsive-overlay {
     background-color: #f1f1f1;
}

.opn-responsive-html {
    margin-top: 0px !important;
}


.opn-responsive-body::-webkit-scrollbar-track
{
	background-color: transparent;
}

.opn-responsive-body::-webkit-scrollbar
{
	width: 2px;
}

.opn-responsive-body::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	background-color: #aaa;
}

/**
 *  Media responsive
 */

 /* Desktops and laptops */
 @media (min-width : 1024px) {
     body:not(.body-editor):not(.resize-tablet):not(.resize-smartphone):not(.resize-tablet-landscape):not(.resize-smartphone-landscape) .p_no_desktop{
         display: none !important;
     }

     .body-editor .p_no_desktop{
         opacity: 0.5;
     }
 }

 /* Tablet */
 @media (min-width : 480px) and (max-width : 1024px) {
     body:not(.body-editor) .p_no_tablet{
         display: none !important;
     }

     .body-editor .p_no_tablet{
         opacity: 0.5;
     }
 }

 /* Smartphones */
 @media (max-width : 480px) {
     body:not(.body-editor) .p_no_smartphone {
         display: none !important;
     }

     .body-editor .p_no_smartphone{
         opacity: 0.5;
     }
 }


/**
*  TABS FREE CSS
*/

#opn-css-tabs .ui-tabs .ui-tabs-nav {
    background: #4c5866 !important;
}