@font-face {
font-family: 'DroidKufi-Regular-ben';
src: url('fonts/DroidKufi-Regular.eot');
src: url('fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/DroidKufi-Regular.ttf') format('truetype'); 
} 

@media only screen and (min-width: 400px) {
.wrap.rue textarea { height: 160px; min-width:300px; max-width:300px; }
}
@media only screen and (max-width: 399px) {
.wrap.rue textarea { height: 160px; min-width:250px; max-width:250px; }
}

input#text_s3 { padding:6px; height: 40px; }

input#text_s2 { padding:10px 6px; }
@media only screen and (min-width: 1100px) { input#text_s2 { width:600px; height: 42px; font-size:13px; }  }
@media (max-width:1099px) and (min-width:984px) { input#text_s2 { width:500px; height: 42px; font-size:13px; } }
@media only screen and (max-width: 983px) { input#text_s2 { width:95%; height: 42px; font-size:13px; }  }
@media only screen and (max-width: 782px) { input#text_s2 { height: 50px; } }

input[type=text] { padding:13px 6px; } 
input[type=text] { border:0px solid #000; border-radius:75%; box-shadow:none; text-shadow:none;}

.wrap.rue textarea { padding:9px; }
.wrap.rue textarea, input[type=text] { 
 border-color:#cccccc; border-style:solid; border-width:1px;
 border-radius:6px; background-color:#ebebeb; color:#727072;
 box-shadow: 0px 0px 4px 0px rgba(204,204,204,.75); text-shadow:0px 0px 0px rgba(42,42,42,.44); 
}
.wrap.rue textarea:hover, input[type=text]:hover { color:#000; } 
.wrap.rue textarea:focus, input[type=text]:focus { color:#000; } 
.wrap.rue table th { font-family: 'DroidKufi-Regular-ben',Arial; font-size:14px; font-weight:normal; min-width:220px; }

input.button-BENrueeg_RUE {
	font-family: 'DroidKufi-Regular-ben',Arial;
    background-color: #297FB8; 
    border: none;
    color: white;
    padding: 14px 28px;
	width:160px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	border-radius: 5px;
	}
input.button-BENrueeg_RUE:hover {
    box-shadow: none;
	cursor: pointer;
}

@media only screen and (max-width: 510px) { #message.updated {max-width:200px;  }}
@media only screen and (min-width: 511px) { #message.updated {width:270px;  }}
#message.updated {
	font-family: 'DroidKufi-Regular-ben',Arial; font-weight:normal;
    position:fixed;
	top:15%; 
	background:#57CC5F; color:black; z-index:8;
    border: 0px solid #256472; border-radius: 4px; padding: 6px 20px; text-align:center;
    -moz-box-shadow: 5px 5px 10px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px #cfcfcf;
}

.BENrueeg_RUE_successModal {
	font-family: 'DroidKufi-Regular-ben',Arial;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:black;
    display: block;
    position: fixed;
    top: 15%;
    width: 300px;
    height: auto;
    padding: 20px 16px;
    border: 0px solid green;
	border-radius: 5px;
    background-color: #57CC5F;
    z-index:1002;
    overflow: auto;
    -moz-box-shadow: 5px 5px 10px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px #cfcfcf;
}

.switch-BENrueeg_RUE {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input-BENrueeg_RUE {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label-BENrueeg_RUE {
  position: relative;
  display: block;
  height: inherit;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background: #DDDDDD;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label-BENrueeg_RUE:before, .switch-label-BENrueeg_RUE:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label-BENrueeg_RUE:before {
  content: attr(data-off);
  right: 11px;
  color: #8C8C8C;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label-BENrueeg_RUE:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input-BENrueeg_RUE:checked ~ .switch-label-BENrueeg_RUE {
  background:#00BB00;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input-BENrueeg_RUE:checked ~ .switch-label-BENrueeg_RUE:before {
  opacity: 0;
}
.switch-input-BENrueeg_RUE:checked ~ .switch-label-BENrueeg_RUE:after {
  opacity: 1;
}

.switch-handlel-BENrueeg_RUE {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handlel-BENrueeg_RUE:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input-BENrueeg_RUE:checked ~ .switch-handlel-BENrueeg_RUE {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch {
  margin: 5px auto;
  position: relative;
}

.switch label {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.switch input {
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  opacity: 0;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

h2.nav-tab-wrapper.BENrueeg_RUE-ntw a {
	font-family: 'DroidKufi-Regular-ben',Arial;
	font-weight:normal;
	font-size:15px;
}
.nav-tab-wrapper.BENrueeg_RUE-ntw  {
  border-bottom:0px solid black;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
  border: 1px solid #e5e5e5;
  background: #fff;
  padding:0 10px 0;
}
@media only screen and (min-width: 550px) {
.nav-tab-wrapper.BENrueeg_RUE-ntw { height:52px; }
}
@media only screen and (max-width: 549px) {
.nav-tab-wrapper.BENrueeg_RUE-ntw { height:103px; }
}
@media only screen and (max-width: 565px) {
#BENrueeg_RUE_dashicons-menu { display:none; }
}

@media only screen and (min-width: 600px) {
.nav-tab-active:focus { border: 3px solid red; }
.nav-tab-active, .nav-tab-active:focus, .nav-tab-active:focus:active, .nav-tab-active:hover {
	border:none;
	border-bottom: 0px solid #666666;
    background: transparent;
    color: #000;
	padding:14px 0 10px;
	margin:0 8px 0;
}
.nav-tab {
	border:none;
    background: transparent;
    color: #000;
	padding:14px 0 10px;
	margin:0 8px 0;
}
.nav-tab-active {
    border-bottom: 4px solid #666666;
    color: #444;
}
.nav-tab-active, .nav-tab:focus:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
}

div.wrap.rue {
  border-bottom:0px solid black;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
  border: 1px solid #e5e5e5;
  background: #F5F5F5;
  height:auto;
  padding:0px 0px 10px 0px;
}

div.wrap.rue div {
  padding:6px 14px;
}

h2#benSett-themes {
  background: #fff;
  border: 0px solid #CFCFCF;
  box-shadow: 0 1px 1px #e5e5e5;
  padding:12px 14px;
  margin-bottom:15px;
}
#BENrueeg_RUE_wrap_t {
 font-family: 'DroidKufi-Regular-ben',Arial; font-size:14px;
}
.BENrueeg_RUE_to-tri {width:30%;border-bottom:3px solid #666666;margin-bottom:4px;}

@media only screen and (min-width: 810px) {
.wrap.BENrueeg_RUE_width { width:47%;}
.wrap.BENrueeg_RUE_width.right {
   float:right;
}
.wrap.BENrueeg_RUE_width.left {
   float:left;
}
}

.wrap.BENrueeg_RUE_wrap_red .inside { padding-bottom:2px; }

@media only screen and (min-width: 810px) { #BENrueeg_RUE_wrap_ttext #font { font-size:15px; font-weight: bold;} #BENrueeg_RUE_wrap_ttext { font-size:13px;} .wrap.BENrueeg_RUE_wrap_red #BENrueeg_RUE_wrap_ttext { width:500px; } }
@media only screen and (max-width: 809px) { #BENrueeg_RUE_wrap_ttext #font { font-weight: bold;} #BENrueeg_RUE_wrap_ttext { font-size:17px; } }
#BENrueeg_RUE_wrap_ttext { font-family: 'DroidKufi-Regular-ben',Arial; line-height: 24px;}

.wrap.BENrueeg_RUE_width #ntb {
	background: url(https://ps.w.org/news-ticker-benaceur/assets/banner-772x250.png) no-repeat top;
    background-size: 100% 110px;

}
.wrap.BENrueeg_RUE_width #mntb {
	background: url(https://ps.w.org/month-name-translation-benaceur/assets/banner-772x250.png) no-repeat top;
    background-size: 100% 110px;
}
.wrap.BENrueeg_RUE_width #nmib {
	background: url(https://ps.w.org/notification-msg-interface-benaceur/assets/banner-772x250.png) no-repeat top;
    background-size: 100% 110px;

}
.wrap.BENrueeg_RUE_width #napb {
	background: url(https://ps.w.org/notification-admin-panel-benaceur/assets/banner-772x250.png) no-repeat top;
    background-size: 100% 110px;
}

.wrap.BENrueeg_RUE_width .plug {
    margin: 0px auto 0;
    height: 110px;
    width: 100%;
}

div.wrap-BENrueeg_RUE_plugins-sect1 { float:right; width: 100%;}
div.wrap-BENrueeg_RUE_plugins-sect2 { float:left; width: 100%;}
.wrap-BENrueeg_RUE_plugins { direction:ltr; }
.wrap-BENrueeg_RUE_plugins #BENrueeg_RUE_wrap_ttext { text-align:left; }

.BENrueeg_RUE_bottom div { padding-bottom:5px; }
.wrap.BENrueeg_RUE_wrap_bott .inside { padding-bottom:2px; }
.wrap.BENrueeg_RUE_wrap_bott  { clear: both; }

.BENrueeg_RUE-mm411112 {
	max-width:95%;
	min-width:95%;
	background:#FFFFC6;
    color:#000;
    font-family: 'DroidKufi-Regular-ben',Arial;
	font-size:15px;
}
.BENrueeg_RUE-mm411112-backgroundRed{
    background:#FFFFEF;
}
.BENrueeg_RUE-mm411112 #BENrueeg_RUE-mm411112-divtoBlink{	
    padding:10px;
    color:#493838;
}

select.BENrueeg_RUE-blockSelect { background:#DDDDDD; padding:0px 4px; }
