hr{

    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    text-align: center;
    margin-top:30px;

}


.hal{
    text-align: center;

}

#addwp{

   z-index: 9999;

}

#tabftp .col-md-6:nth-child(2) {
    border-left: 1px solid #000;
}

.marquee {
    overflow: hidden;
    color:white;
    padding: 16px;
    width: 80%;
    float: left;
}

.js-marquee .warning {
    background: #BC4040;
    padding: 20px 30px;
}
.page-container .page-content .page-content-wrap {
    float: left;
    width: 100%;
    margin: 20px 0px;
}
/*bloc infos a droite*/
.panel.panel-default.form-horizontal {
    min-height: 231px;
    background-color: #95B75D;
    color: #FFF;
    margin-bottom:20px;
}
.panel.panel-default.form-horizontal h3 {
    color: #FFF;
}
.panel.panel-default.form-horizontal h3 span.fa.fa-info-circle {
    margin-right: 5px;
}
/*pour les deux bloc rss (securite et news) rajoute une classe rss*/
.panel.panel-default.rss {
    min-height: 291px;
}
.image.screenshot {
    height: 231px;
    overflow: hidden;
    webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-bottom: 40px;
}
h1.hal {
    text-transform: uppercase;
}

.panel.panel-default.tabs {
    border-radius: 0px 0px 5px 5px;
}
.nav-tabs, .nav-tabs.nav-justified {
    border-bottom: 0px;
    margin-bottom: 0px;
    margin-top: -40px;
    padding: 0px;
}
.panel-body.tab-content {
    min-height: 300px;
}

#tabwp h4, #tabclone h4, #tabftp h4, tablogs h4 {
    margin-top: 30px;
}
/*pour les tabs */
.tabs .nav a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
/*petite marge à cote des icones*/
.tabs span.fa {
    margin-right: 8px;
}
/* fond blac si on pointe dessus*/
.nav-tabs.nav-justified > li > a:hover {
    border-color: #33414E;
    background: #FFF;
}

#weglot_switcher {
    left: 20px;
    bottom:10px;
}


h3#saves {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
h3#saves span.fa {
    margin-right: 8px;
}

.col-md-12.sauvegarde {
    margin-top: 30px;
}

@media only screen and (max-width: 1205px) {
    .tab-content .btn-danger {
        margin-top:20px
    }
}
.result-info {
    line-height: 30px;
}

.btn {margin:5px 0px;}

.modal .btn {
    margin: 0px 0px;
}

.modal.fade.in {
    background-color: rgba(0, 0, 0, 0.7);
}

.x-navigation:hover .x-navigation-control:before {
    color: #ffd559;
}

.x-navigation > li > a.x-navigation-control {
    background: #3d4e5d; /* Cette règle à changer pour "background: #33414e;" */
}

.x-navigation .x-navigation-control:hover {
    background: #e0401d; /* Cette règle à changer pour "background: #3d4e5d;" */
    border-bottom: 0px;
}

.x-navigation li > a:hover .fa, .x-navigation li > a:hover .glyphicon {
    color: #95B75D;
}
#fastselect{
    height: 50px;
}
.pad{
   padding: 15px;
}
#tabftp .col-md-6:nth-child(2) {
    border-left: 1px solid #ccc;
}
.no-border-radius {border-radius:0px !important}

.black{
    color: #000000;

}

#errors{
    color: #b64645;
}


#blog_error{
    color: red;
}
#clonebase #blog_error {
    color:#fff;
}

/*Modif UX 18 janvier 2017 V1.8*/
.rss ul.panel-controls > li > a.control-danger,
.result-info ul.panel-controls > li > a.control-danger{
    border: none;
    font-size: 26px;
    color:#656d78;
}

.btn:focus {
    box-shadow: 0px 0px 6px 1px #0095ff;
}
.panel.panel-success.wp {
    margin-bottom: 20px;
}
.panel.panel-success.wp .panel-body {
    max-height: 300px;
    min-height:300px;
}
.panel-footer.text-muted a.btn.btn-success.btn-block:before {
    content: "\f013";
}
.panel-footer.text-muted a.btn.btn-warning.btn-block:before {
    content: "\f06e";
}
.panel-footer.text-muted a.btn.btn-info.btn-block:before {
    content: "\f19a";
}
.panel-success.wp .panel-footer a.btn.btn-block {
    margin-bottom: 10px;
    font-size: 15px;
}
a.editable-click.editable-empty.wpname:hover::after {
    content: "\f040";
    display: inline-block;
    margin-left: 6px;
    font-size: 16px;
    font-family: fontawesome;
    font-weight: normal;
}
.panel-success.wp .panel-footer a.btn.btn-info.btn-block {
    margin-bottom: 0;
}
.panel-success.wp .panel-footer a.btn.btn-success.btn-block {
    margin-top: 0;
}
.panel.panel-success.wp {
    overflow: hidden;
}
.panel.panel-success.wp .panel-footer {
    background: rgba(0, 0, 0, 0.35);
    border: 0px;
    border-top: none;
    height: calc(100% - 51px);
    height: -webkit-calc(100% - 51px);
    height: -moz-calc(100% - 51px);
    padding: 10px;
    position: absolute;
    bottom: calc(-100% + 100px);
    bottom: -moz-calc(-100% + 100px);
    bottom: -webkit-calc(-100% + 100px);
    opacity: 1;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}
.panel.panel-success.wp:hover .panel-footer.text-muted,
.panel.panel-success.wp:focus .panel-footer.text-muted {
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}
/*  .panel.panel-success.wp .panel-footer.text-muted:focus,
    .panel.panel-success.wp .panel-footer.text-muted:hover {
        bottom: 0;
        background: rgba(0, 0, 0, 0.75);
        opacity: 1;
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease;
        -ms-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
    }*/

.panel-footer.text-muted:before {
    content: "\f00b";
    color: #fff;
    font-size: 36px;
    font-family: fontawesome;
    line-height: 44px;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: -5px;
}
.panel-footer.text-muted a.btn.btn-block:before {
    font-family: fontawesome;
    left: 20px;
    position: absolute;
    font-size: 26px;
    margin-top: 10px;
}
.panel-footer.text-muted a.btn.btn-info.btn-block:before {
    left: 20px;
}
.flex-container {
    position: relative;
    height: calc(100% - 44px);
    height: -webkit-calc(100% - 44px);
    height: -moz-calc(100% - 44px);
}
.panel-footer.text-muted .flex-align-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
/*bouton quota et bloc info*/

.form-group-separated .form-group [class^="col-md-"] {
    border-left: 1px dashed #D5D5D5;
    padding: 5px 10px;
}
a.upgrade_quota {
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    font-size: 16px;
    text-transform: inherit;
    color: #fff;
    padding: 17px 10px 17px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    text-decoration: none;
}
a.upgrade_quota:before {
    content: "\f135";
    font-size: 20px;
    font-family: fontawesome;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
}
a.upgrade_quota:after {
    content: "";
    height: 0;
    display: block;
    width: 0;
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    border-radius: 50%;
    position: absolute;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}
a.upgrade_quota:hover::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transform: skew(180deg);
    -webkit-transform: skew(180deg);
    -o-transform: skew(180deg);
    -ms-transform: skew(180deg);
    transform: skew(180deg);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.4);
    z-index: -1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
a.upgrade_quota:hover {
    color: #000;
    background: transparent;
    text-decoration: none;
}
/*bouton edition nom*/

.editable-buttons .editable-submit,
.editable-buttons .editable-cancel {
    padding: 5px 3px 3px 9px;
    margin: 0px 5px;
    border: 1px solid rgba(0, 0, 0, 0.25);
}
.editable-buttons .editable-submit {
    background: #95b75d;
    color: #fff;
}
.editable-buttons .editable-submit:hover {
    color: #95b75d;
    background: #fff;
}
.editable-buttons .editable-cancel {
    background: #b75d5d;
    color: #fff;
}
.editable-buttons .editable-cancel:hover {
    color: #b75d5d;
    background: #fff;
}
.panel-success.wp .panel-title,
.panel-success.wp .editable-container.editable-inline,
.panel-success.wp .control-group.form-group,
.panel-success.wp input.form-control.input-sm {
    width: 100%;
}
.panel-success.wp .editable-input {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
}
.panel-success.wp .panel-heading .panel-title {
    text-align: left;
}
/*page gestion WordPress onglet*/

.panel.panel-default.tabs ul.nav.nav-tabs.nav-justified li a {
    border-right: 1px solid #fff;
}
.panel.panel-default.tabs ul.nav.nav-tabs.nav-justified li:nth-child(3) a {
    border-right: none;
}
.panel.panel-default.tabs ul.nav.nav-tabs.nav-justified li a {
    background: #33414e;
    color: #fff;
}
.panel.panel-default.tabs ul.nav.nav-tabs.nav-justified li a:hover,
.panel.panel-default.tabs ul.nav.nav-tabs.nav-justified li.active a {
    color: #33414e;
    background: #fff;
}
a#dns,
#tabwp a.rdns {
    margin-left: 10px;
}
/*page gestion icones boutons*/

#tabwp .btn:after,
#tabclone .btn:after {
    font-size: 14px;
    font-family: fontawesome;
    text-align: center;
    display: inline-block;
    margin-left: 6px;
}
#tabwp .btn.btn-warning:after {
    content: "\f06e";
}
#tabwp .btn.btn-info:after {
    content: "\f023";
}
#tabwp #dns.btn.sp:after,
#tabwp .btn.rdns:after {
    content: "\f0c1";
}
#tabwp .btn.clone:after,
#tabclone .btn.clonebase:after,
#tabclone .btn.clone:after {
    content: "\f0c5";
}
#tabwp .btn.pluginstoup:after,
#tabclone .btn.pluc:after{
    content: "\f0ad";
}
#tabwp .btn.optibdd:after {
    content: "\f0d0";
}
#tabwp .btn.evarnish:after,
#tabclone .btn.evarnishclone:after{
    content: "\f021";
}
#tabwp .btn.changephp:after {
    content: "\f0a0";
}
#tabwp .btn.btn-danger:after {
    content: "\f1b8";
}
#tabwp .btn.btn-danger.delwp:after,
#tabclone .btn.btn-danger.delclone:after{
    content: "\f12d";
}
#tabclone .btn.advanced:after,
#tabclone .btn.advancedc:after{
    content: "\f196";
}
#tabclone .crestore:after {
 content:"\f0ee";
}
#tabclone .btn.btn-primary.viewc:after {
    content: "\f06e";
}
#tabclone .btn.btn-primary.adminc:after {
    content: "\f19a";
}
/*page gestion bloc info*/

.image.screenshot {
    height: 249px;
}
#tabclone .alert.alert-info {
    color: #d9edf7;
    background-color: #31708f;
    border-color: #bce8f1;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #73b4d4;
    text-align: left;
    margin-top: 15px;
}
/*RESPONSIVE*/

@media (max-width: 1440px) {
    .panel-footer.text-muted:before {
        font-size: 20px;
        font-family: fontawesome;
        line-height: 20px;
    }
    .panel.panel-success.wp .panel-footer {
        bottom: calc(-100% + 86px);
        bottom: -moz-calc(-100% + 86px);
        bottom: -webkit-calc(-100% + 86px);
    }
    .flex-container {
        position: relative;
        height: 100%
    }
    .panel-footer.text-muted a.btn.btn-block:before {
        left: 10px;
        position: absolute;
        margin-top: 10px;
    }
    .panel-footer.text-muted a.btn.btn-info.btn-block:before {
        left: 14px;
        position: absolute;
        margin-top: 10px;
    }
}
/*CSS pour les éléments lien navigation*/
.nav-secure {
    display: inline-block;
    padding:5px 7px 7px 0px;
    border-radius: 3px;
    border:1px solid #afafaf;
}
.nav-secure a {
    padding: 5px 7px 7px 10px;

}

.nav-secure .secure {
    background: #95b75d;
    color: #fff;
    padding: 5px 10px 7px 10px;
    border-radius: 3px 0px 0px 3px;
}
.nav-secure .not-secure {
    background: #b64645;
    color: #fff;
    padding: 5px 10px 7px 10px;
    border-radius: 3px 0px 0px 3px;
}

.nav-secure .secure .fa {
    margin:0;
}
/*fin modif UX 18 janvier 2017 V1.8*/
.topBar{
  z-index:1;
  width:200px;
  height:40px;
  background-color:#f39c12;
}

.text-post{
  width:200px;
}

.text-post input{
  width:200px;
}

.textAria:focus{
  outline: 0;
}

.form-post{
  background-color:#f1c40f;
  width:200px;
 height:160px;
}
.form-post textarea{
  background-color:#f1c40f;
  width:200px;


}
.alert {
    float: none;
}
/*modif v1.1 6 Septembre 2017*/
@media (min-width: 992px) {
.bloc-infos .col-md-4:last-child {
    padding-right: 0px;
}
.bloc-infos .col-md-4:first-child {
    padding-left: 0px;
}
}


#postIt {
    margin-bottom:40px;
	height:249px;
	}
#postIt .topBar {
    background-color: #f3f2b0;
    width:100%;
    padding:10px;
    text-align:center;
}

#postIt .form-post {
    background-color: #FDFCBD;
    width:100%
}
#postIt .text-post {
    width: 100%;
    height: 209px;
}
#postIt .form-post textarea {
    background-color: #FDFCBD;
    padding: 5px !important;
    margin-bottom: 0px;
    width: 100%;
    height: 209px;
    border: 0px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
#tabclone .alert.alert-info a.white,
.alert.alert-danger.alert-dismissible.fade.in a.black,
.alert.alert-danger.alert-dismissible.fade.in a.white,
.js-marquee a {
    background: #fff;
    padding: 5px 10px;
    border-radius:4px;
}
#tabclone .alert.alert-info a.white:hover,
.alert.alert-danger.alert-dismissible.fade.in a.black:hover,
.alert.alert-danger.alert-dismissible.fade.in a.white:hover,
.js-marquee a:hover {
    text-decoration:none;
    background:#337ab7;
    color:#fff;
}
#tabclone a.white.function-new:hover {
    background: #95b75d !important;
    color:#fff !important;
}

#tabclone a.white.function-new {
    color: #95b75d;
}
.timeline .timeline-item .timeline-item-info {
    width: 50%;
}
.reset-delete-wp {
    float:right;
}
/*fix modal undefined*/
@media (min-width: 768px) {
.confirmation-modal > .undefined {
    width: 600px;
    margin: 30px auto;
	}
}
@media (max-width: 768px) {
.confirmation-modal > .undefined {
    position: relative;
    width: auto;
    margin: 10px;
	}
}
/*fin fix modal*/
button#clone {
    margin-right: 5px;
    position:relative;
}
button#cloneb {
    margin-left: 0px !important;
    background-color: #3fbae4;
    border-color: #3fbae4;
}
#tabclone #cloneb.btn.clonebase:after {
    content: "\f01e";
}
#fadvancedc #advclonec,
#fadvanced #advclone {
    margin-bottom: 20px;
}
/*search*/
.x-search {
	background: #33414e;
	padding:10px 0px;
}
.x-search a#dowpsearch {
    display:none;
}
.x-search .form-group input.form-control {
    width: 100%;
    height: 46px;
    font-size: 26px;
}
.x-search .form-group {
    width: 100%;
    padding: 0px 10px;
}
select#fastselect {
    padding-left: 20px;
}
.panel-body.scroll.mCustomScrollbar._mCS_3.mCS-autoHide, .panel-body.scroll.mCustomScrollbar._mCS_2.mCS-autoHide {
    padding-bottom: 0;
}
#result_container p.no-result {
    color: #fff;
    background: #33414e;
    font-size: 18px;
    padding: 10px 0px 10px 50px;
}

#result_container p.no-result:before {
    content: '\f11a';
    font-family: fontawesome;
    left: 20px;
    position: absolute;
    font-size: 32px;
    top: -0px;
}
div#result_container {
    background: #33414e;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 15px;
}
#edit-x-name {
    margin-top: 15px;
}

#result_container > #edit-x-name.row {
    margin-top:0 !important;
}
.x-navigation li.xn-title {
    padding: 20px 20px 5px;
    line-height: 20px;
    font-weight: 300;
    font-size: 13px;
    color: #fff;
    border-bottom: 1px solid #2f3c48;
}
#dns_name_error {
    font-size: 16px;
}