.no_center{
text-align: center;
margin-bottom: 20px;
margin-top: 5px;
}
.input-lws{
height: unset !important;
max-width: none !important;
}
.select-lws{
max-width: none;
}
.table_widget_domaine{
margin-left:140px;
margin-right:140px;
width: unset;
}
.hide_lws{
display:none;
}
.button_form:hover{
color:white;
}
.mce-container-lws-body{
background-color:#EEF1F5;
font-size:16px;
}
.banner_name{
text-align:center;
}
.widget_config_button_preview{
text-align:center;
}
.button_preview_lws{
background: #EEF1F5 0% 0% no-repeat padding-box;
border: 1px solid #959FA7;
border-radius: 2px;
opacity: 1;
padding: 0px 12px 0px 12px;
display: inline-block;
line-height:35px;
}
.tab_affiliation{
display: flex;
list-style: none;
z-index: 100;
flex-flow: wrap;
margin-bottom:0px;
margin-top:20px;
margin-left:20px;
}
.caption_banner{
text-align: center;
font-family: system-ui;
font-weight: 900;
font-variant: small-caps;
margin-bottom:10px;
}
.tab_affiliation_banners_site{
margin-top: 20px;
margin-bottom: 5px;
padding: 0;
margin-left: 20px;
}
.select_aff_banners_div{
text-align:center;
margin-top: 20px;
}
.select_affiliation_banners_site{
text-align:center
}
.tab_nav_affiliation{
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #9DB3F6;
border-bottom: none;
padding: 0px 15px 0px 15px;
line-height: 35px;
margin-right: 10px;
font-weight: 600;
text-align: center;
cursor: pointer;
font-size: 15px;
}
.tab_nav_affiliation.active{
background-color:#0F4293;
color:#FFFFFF;
border: none;
}
.tab_nav_affiliation_banner{ cursor: pointer;
background-color: unset;
border: none;
font-size:0.9em;
}
.tab_nav_affiliation_banner.active{
font-weight:800;
}
.tab_content_general_lws{
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #9DB3F6;
margin-left: 20px;
margin-right: 20px;
}
.souris_clic {
cursor: pointer;
}
.abort_button{
background: #E14B48 0% 0% no-repeat padding-box;
padding: 0px 15px 0px 15px;
line-height:40px;
margin-top: 5px;
margin-bottom:20px;
color:white;
display: inline-block;
}
.insert_button{
background: #1DA12F 0% 0% no-repeat padding-box;
padding: 0px 15px 0px 15px;
line-height:40px;
margin-top: 5px;
margin-bottom:20px;
color:white;
display: inline-block;
}
.abort_button:hover,
.insert_button:hover{
text-decoration:none;
cursor:pointer;
color:white;
}
body {
color: #444;
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 1.4em; }
table {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
th {
vertical-align: top;
padding-top: 10px;
}
p.help {
display: block;
margin-top: 10px;
margin-bottom: 35px;
padding: 10px 15px 10px 15px;
background: #EEF1F5 0% 0% no-repeat padding-box;
}
input.widget_config_content,
select {
height: 28px;
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
background-color: #fff;
color: #32373c;
outline: 0;
-webkit-transition: .05s border-color ease-in-out;
transition: .05s border-color ease-in-out;
padding: 3px 5px;
width: 100%;
line-height: 28px;
font-size: 14px;
max-width: 438px;
width: -webkit-fill-available;
}
select {
height: 36px;
max-width: 450px;
}
.button {
height: 30px;
line-height: 28px;
padding: 0 12px 2px;
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 26px;
height: 28px;
margin: 0;
padding: 0 10px 1px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #555;
border-color: #ccc;
background: #f7f7f7;
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, .08);
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, .08);
vertical-align: top;
}
.button-primary {
background: #00a0d2;
border-color: #0073aa;
-webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, .5), 0 1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 1px 0 rgba(120, 200, 230, .5), 0 1px 0 rgba(0, 0, 0, .15);
color: #fff !important;
text-decoration: none;
}
.ui-accordion-content {
max-height: 490px !important;
}
.ui-accordion .ui-accordion-content { padding: 10px !important; }
.hidden {
display: none;
}
.banner_image {
max-width: 95%;
cursor: pointer;
padding: 10px;
opacity: 0.95;
margin-bottom:5px;
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
padding-left:0;
padding-right:0;
}
.banner_size{
background: #FFEFE5 0% 0% no-repeat padding-box;
padding: 0px 20px 0px 20px;
margin-bottom: 20px;
font-weight: 600;
line-height: 43px;
}
.widget_name{
background: #FFEFE5 0% 0% no-repeat padding-box;
padding: 20px 0px 10px 20px;
margin-bottom:20px;
font-weight:600;
}
.widget_config_content{
width:80%;
}
.widget_config_help{
}
.widget_label{
width:15%; 
}
.banner_figure{
text-align: center;
border: 1px solid #FF6600;
border-radius: 3px;
margin-left: 106px;
margin-right: 106px;
margin-bottom: 10px;
}
.banner_figure:hover {
border-color: #d96f1c;
opacity: 1;
}
.banner_widget {
padding: 10px;
border: 1px solid #FF6600;
margin:20px;
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
}
.banner_widget:hover {
border-color: #d96f1c;
}
.preview_button{
text-align: center;
letter-spacing: 0px;
color: #FF6600;
opacity: 1;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #FF6600;
padding: 0px 15px 0px 15px;
line-height:40px;
font-weight: 600;
font-size: 16px;
cursor:pointer;
text-decoration: none;
display: inline-block;
}
.config_button{
background: #FF6600 0% 0% no-repeat padding-box;
border: 1px solid #FF6600;
padding: 0px 15px 0px 15px;
line-height:40px;
font-weight: 600;
font-size: 16px;
text-align: center;
letter-spacing: 0px;
cursor:pointer;
color: #FFFFFF;
text-decoration: none;
display: inline-block;
}
.preview_button:hover{
background: #FF6600 0% 0% no-repeat padding-box;
border: 1px solid #FF6600;
color: #FFFFFF;
text-decoration: none;
}
.config_button:hover{
color: #FF6600;
background: #FFFFFF 0% 0% no-repeat padding-box; 
text-decoration: none;
}
#button_scroll {
position: fixed; bottom: 20px; right: 23px; z-index: 99; border: none; outline: none; background-color: #1a5ebe; color: white; cursor: pointer; padding: 8px; border-radius: 10px; font-size: 16px; box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}
#button_scroll:hover {
background-color: #555; }
.selector_tab{
position: relative;
top: 0;
left: 0px;
height: 2px;
width: 0px;
background-color: #FF6600;
z-index: 10;
transition: left .5s ease 0s;
margin-top:2px;
}
@media only screen and (max-width: 980px){
.banner_figure{
margin-left: 70px;
margin-right: 70px;
}
}
@media only screen and (max-width: 900px){
.banner_figure{
margin-right: 2.5px;
margin-left: 1.5px;
}
.banner_image{
max-width:99%;
}
.widget_config_content{
width:65%;
}
}
@media only screen and (max-width: 767px) {
.banner_size{
text-align:center;
}
.widget_config_content{
width:35%;
}
}
@media only screen and (max-width: 600px) {
.mce-container-lws-body{
font-size:14px;
}
#button_scroll {
right: 8px;
bottom: 10px;
}
}
@media only screen and (max-width: 570px) {
.table_widget_domaine{
margin-left: 70px;
margin-right: 70px;
}
}
@media only screen and (max-width: 530px) {
.tab_content_lws{
margin: 0px;
padding: 0px;
}
.tab_nav_affiliation{
border: 1px solid #9DB3F6;
}
}
@media only screen and (max-width: 430px) {
.mce-container-lws-body{
font-size:12px;
}
.table_widget_domaine{
margin-left: 25px;
margin-right: 25px;
}
.insert_button,
.abort_button,
.preview_button,
.config_button{
font-size:12px;
}
}
@media only screen and (max-width: 345px) {
.table_widget_domaine{
margin-left: 2px;
margin-right: 2px;
}
.insert_button,
.abort_button,
.preview_button,
.config_button{
font-size:9px;
}
}