body{
    background: url(../images/bg-body.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.error-404{
    background: url(../images/error-404.jpg) no-repeat right center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*404*/
.error-404 #main {
    padding-right:15px !important;
}
/* Loader */
#loader {
    bottom: 0;
    height: 200px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 200px;
    z-index: 1051;
}

#loader .bg-loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1;
}

#loader .dot {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 87.5px;
    z-index: 2;
}

#loader .dot::before {
    border-radius: 100%;
    content: "";
    height: 87.5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    width: 87.5px;
}

#loader .dot:nth-child(7n+1) {
    transform: rotate(45deg);
}

#loader .dot:nth-child(7n+1)::before {
    animation: 0.8s linear 0.1s normal none infinite running load;
    background: #fff none repeat scroll 0 0;
}

#loader .dot:nth-child(7n+2) {
    transform: rotate(90deg);
}

#loader .dot:nth-child(7n+2)::before {
    animation: 0.8s linear 0.2s normal none infinite running load;
    background: #abdf18 none repeat scroll 0 0;
}

#loader .dot:nth-child(7n+3) {
    transform: rotate(135deg);
}

#loader .dot:nth-child(7n+3)::before {
    animation: 0.8s linear 0.3s normal none infinite running load;
    background: #fff none repeat scroll 0 0;
}

#loader .dot:nth-child(7n+4) {
    transform: rotate(180deg);
}

#loader .dot:nth-child(7n+4)::before {
    animation: 0.8s linear 0.4s normal none infinite running load;
    background: #abdf18 none repeat scroll 0 0;
}

#loader .dot:nth-child(7n+5) {
    transform: rotate(225deg);
}

#loader .dot:nth-child(7n+5)::before {
    animation: 0.8s linear 0.5s normal none infinite running load;
    background: #fff none repeat scroll 0 0;
}

#loader .dot:nth-child(7n+6) {
    transform: rotate(270deg);
}

#loader .dot:nth-child(7n+6)::before {
    animation: 0.8s linear 0.6s normal none infinite running load;
    background: #abdf18 none repeat scroll 0 0;
}

#loader .dot:nth-child(7n+7) {
    transform: rotate(315deg);
}

#loader .dot:nth-child(7n+7)::before {
    animation: 0.8s linear 0.7s normal none infinite running load;
    background: #fff none repeat scroll 0 0;
}

#loader .dot:nth-child(7n+8) {
    transform: rotate(360deg);
}

#loader .dot:nth-child(7n+8)::before {
    animation: 0.8s linear 0.8s normal none infinite running load;
    background: #abdf18 none repeat scroll 0 0;
}

#loader .loading {
    bottom: -40px;
    height: 20px;
    left: -60px;
    position: absolute;
    right: 0;
    width: 320px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    z-index: 2;
}

@keyframes load {
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes load {
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

/* Fix Bootstrap */
.wps-wp .badge {
    font-weight: 500;
}
.input-group > .input-group-btn:last-child > button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

table[id*="wps_"],
#txtHint > .table-responsive > table {
    background: #fff;
    border: 1px solid #dee2e6;
}

table[id*="wps_"] > thead > tr[role="row"] {
    background: #343a40;
    color: #fff;
}

#txtHint span.title-table {
    background: #343a40;
    padding: 5px;
    display: block;
    color: #fff;
}

/* Widget dasboard */
.wpswidget .card {
    background: #343a40;
    color: #fff;
}
.wpswidget .card.widget-login-info,
.wpswidget .card.widget-name-wordpress {
    background: #95be22;
}
.wpswidget .card.widget-login-info:hover {
    background: #7b9b25;
}
.wpswidget .widget-item-left {
    font-size: 30px;
    width: 60px;
    float: left;
    text-align: center;
    color: #abdf18;
    line-height: 60px;
    background: rgba(0, 0, 0, .2);
    border-right: 1px solid rgba(255, 255, 255, .2);
}
.wpswidget .card.widget-login-info a:hover .widget-data,
.wpswidget .card.widget-login-info .widget-item-left,
.wpswidget .card.widget-name-wordpress .widget-item-left {
    color:#ffffff;
}
.wpswidget .widget-data {
    width: -webkit-calc(100% - 61px);
    width: expression(100% - 61px);
    width: -moz-calc(100% - 61px);
    width: -o-calc(100% - 61px);
    width: calc(100% - 61px);
    float: left;
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
}

.wpswidget .widget-int.num-count,
.wpswidget .widget-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    box-sizing: border-box;
}

.wpswidget a .widget-data {
    color: #fff;
}

.wpswidget a:hover .widget-data {
    color: #abdf18;
}

/* page message */
table#wps_messages .msg span {
    display: block;
}

/*profile utilisateur */
.infouser .row.no-gutters:nth-child(odd) {
    background: #f2f2f2;
}

/* page outils */
.card.stats {
    color: #ffffff;
    background: #343a40;
}

.card.stats .panel-body {
    color: #abdf18;
}

/*wps navigation sidebar-sticky*/
.sidebar-sticky a {
    color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.sidebar-sticky a:hover, .sidebar-sticky .nav-item.active a {
    color: #b0e618;
    text-decoration:none;
    -webkit-transition: all 250ms ease-in 50ms;
    -moz-transition: all 250ms ease-in 50ms;
    -ms-transition: all 250ms ease-in 50ms;
    -o-transition: all 250ms ease-in 50ms;
    transition: all 250ms ease-in 50ms;
}
.sidebar-sticky .select-lang a {
    padding: 3px 8px;
}
.sidebar-sticky .nav-item.select-lang a img {
    margin-top: -3px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 250ms ease-in 50ms;
    -moz-transition: all 250ms ease-in 50ms;
    -ms-transition: all 250ms ease-in 50ms;
    -o-transition: all 250ms ease-in 50ms;
    transition: all 250ms ease-in 50ms;
}
.sidebar-sticky .nav-item.select-lang.active a img,
.sidebar-sticky .nav-item.select-lang:hover a img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all 250ms ease-in 50ms;
    -moz-transition: all 250ms ease-in 50ms;
    -ms-transition: all 250ms ease-in 50ms;
    -o-transition: all 250ms ease-in 50ms;
    transition: all 250ms ease-in 50ms;
}
.sidebar-sticky ul.wps-lang  {
    list-style-type: none;
    padding:0;
    display:block;
    height:28px;
    border-bottom:1px solid rgba(255, 255, 255, .2);
}
.sidebar-sticky ul.wps-lang > li {
    display:block;
    width:50%;
    float:left;
}
.sidebar-sticky ul.wps-lang > li > a  {
    width:100%;
    text-align:center;
    display:block;
    padding:2px 0;
}
.sidebar-sticky ul.wps-lang > li.active a {
    background: rgba(0, 0, 0, 0.2);
}
/*menu fullwidth */
.sidebar-fullwidth li.border-top {
    border-color:rgba(255, 255, 255, .4);
    border-image: linear-gradient(to right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -webkit-border-image: -webkit-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -moz-border-image: -moz-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -o-border-image: -o-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    border-image-slice: 1 !important;
    border-top-width:1px !important;
    border-bottom-width:0 !important;
}
.sidebar-fullwidth li.border-bottom {
    border-color:rgba(255, 255, 255, .4);
    border-image: linear-gradient(to right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -webkit-border-image: -webkit-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -moz-border-image: -moz-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -o-border-image: -o-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    border-image-slice: 1 !important;
    border-bottom-width:1px !important;
    border-top-width:0 !important;
}
.sidebar-fullwidth li.border-bottom.border-top {
    border-color:rgba(255, 255, 255, .4);
    border-image: linear-gradient(to right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -webkit-border-image: -webkit-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -moz-border-image: -moz-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    -o-border-image: -o-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%) !important;
    border-image-slice: 1 !important;
    border-bottom-width:1px !important;
    border-top-width:1px !important;
}
.sidebar-fullwidth a {
    color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.sidebar-fullwidth a:hover, .sidebar-fullwidth .nav-item.active a {
    color: #b0e618;
    background:rgba(0, 0, 0, 0.2);
    text-decoration:none;
    -webkit-transition: all 250ms ease-in 50ms;
    -moz-transition: all 250ms ease-in 50ms;
    -ms-transition: all 250ms ease-in 50ms;
    -o-transition: all 250ms ease-in 50ms;
    transition: all 250ms ease-in 50ms;
    box-shadow: 4px 0px 0px 0px #b0e618;
}
.sidebar-fullwidth .wps-my-account .login-name a {
    color: #fff;
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

.sidebar-fullwidth .wps-my-account .login-name a:hover {
    color: #b0e618;
    background:rgba(0, 0, 0, .2);
    text-decoration:none;
    -webkit-transition: all 250ms ease-in 50ms;
    -moz-transition: all 250ms ease-in 50ms;
    -ms-transition: all 250ms ease-in 50ms;
    -o-transition: all 250ms ease-in 50ms;
    transition: all 250ms ease-in 50ms;
}
.sidebar-fullwidth {
    width:215px;
    height:100%;
}
.sidebar-fullwidth ul.nav.flex-column > li {
    width: 100%;
}
.sidebar-fullwidth .wps-logo {
    background: rgba(0, 0, 0, 0.2);
    height: 60px;
}
.sidebar-fullwidth ul.wps-lang > li a:hover, .sidebar-fullwidth ul.wps-lang > li.active a {
    background: rgba(0, 0, 0, 0.2);
    box-shadow: none !important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color:rgba(176, 230, 24, 1);
    border-image: linear-gradient(to right,rgba(176, 230, 24, 0) 0%, rgba(176, 230, 24, 1) 50%,rgba(176, 230, 24, 0) 100%) !important;
    -webkit-border-image: -webkit-linear-gradient(right,176, 230, 24, 255, 0) 0%, rgba(176, 230, 24, 1) 50%,176, 230, 24, 255, 0) 100%) !important;
    -moz-border-image: -moz-linear-gradient(right,rgba(176, 230, 24, 0) 0%, rgba(176, 230, 24, 1) 50%,rgba(176, 230, 24, 0) 100%) !important;
    -o-border-image: -o-linear-gradient(right,rgba(176, 230, 24, 0) 0%, rgba(176, 230, 24, 1) 50%,rgba(176, 230, 24, 0) 100%) !important;
    border-image-slice: 1 !important;
}
.sidebar-fullwidth .wps-my-account {
    padding: 8px 10px 2px;
    position:relative;
}
.sidebar-fullwidth .wps-my-account .wps-info-login {
    line-height: 28px;
    height: 28px;
    display: inline-flex;
}
.sidebar-fullwidth .wps-my-account .wps-info-login img[src*="gravatar.com"] {
    height: 28px;
}
.sidebar-fullwidth .wps-my-account .wps-info-login .login-name {
    margin-left: 8px;
    max-width:130px;
}
.sidebar-fullwidth ul.wps-lang  {
    list-style-type: none;
    padding:0;
    display:block;
    height:39px;
}
.sidebar-fullwidth ul.wps-lang > li {
    display:block;
    width:50%;
    float:left;
}
.sidebar-fullwidth ul.wps-lang > li > a  {
    width:100%;
    text-align:center;
    display:block;
    padding:.5rem 0;
}
.sidebar-fullwidth li.nav-item.item-icon {
    margin-bottom: 1px;
}
.sidebar-fullwidth li.nav-item.item-icon > a > .icon-start {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom:0;
    width: 40px;
    text-align:center;
}
.sidebar-fullwidth li.nav-item.item-icon > a > .icon-start > svg {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 26px;
}
.sidebar-fullwidth li.nav-item.item-icon > a > .item-txt {
    margin-left:10px;
}
.sidebar-fullwidth li.nav-item.item-icon > a {
    position: relative;
    padding-left: 40px;
}
.sidebar-fullwidth li.nav-item.item-icon.link-fast-access > a {
    padding: 2px 0px 2px 40px;
}
.sidebar-fullwidth li.nav-item.item-icon.wps-fast-access > a:hover {
    cursor: default;
    background: none;
    color: rgba(255, 255, 255, .6);
}
.sidebar-fullwidth .wps-my-account a.nav-link.wps-disconnect {
    position: absolute;
    right: 0;
    top:1px;
    padding: 11px 6px 9px;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(190, 34, 34, 0.4);
}
.sidebar-fullwidth .wps-my-account a.nav-link.wps-disconnect:hover {
    background: #731010;
    box-shadow:none;
    color:#ffffff;
}
a.nav-link.wps-disconnect svg {
    font-size: 20px;
}
li.nav-item.item-icon.switch-ui a {
    background:rgba(0, 0, 0, .2);
}

.row.no-gutters.p-2:before {
    content: "";
    height: 100%;
    width: 1px;
    background: #dfdfdf;
    position: absolute;
    top: 0;
    left: -webkit-calc(50% - .5rem);
    left: expression(50% - .5rem);
    left: -moz-calc(50% - .5rem);
    left: -o-calc(50% - .5rem);
    left: calc(50% - .5rem);
}

nav.bg-dark.sidebar.wps_nav {
    position: fixed;
    height: 100%;
    z-index: 9;
}

.wps_nav .sidebar-sticky   li.wps-disconnect {
    background: rgba(190, 34, 34, 0.4);
}

.wps_nav .sidebar-sticky li.wps-disconnect a {
    color: #fff;
    font-size:12px;
}

.wps_nav > .sidebar-sticky > ul > li {
    position: relative;
}

.wps_nav > .sidebar-sticky > ul > li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    display: block;
    background:rgba(255, 255, 255, .4);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#0dffffff',GradientType=1 ); /* IE6-9 */
    /*background: rgba(255, 255, 255, 0.2);*/
    left: 0;
    bottom: 0;
}

.wps_nav > .sidebar-sticky > ul > li:after {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    box-shadow: 4px 0px 0px 0px #abdf18;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}

.wps_nav > .sidebar-sticky > ul > li.active:after,
.wps_nav > .sidebar-sticky > ul > li:hover:after {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    box-shadow: 4px 0px 0px 0px #abdf18;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.wps_nav > .sidebar-sticky > ul > li > a.nav-link {
    padding: .7rem;
}

.wps_nav li.wps-disconnect:hover:after {
    box-shadow: 4px 0px 0px 0px #be2222 !important;
}

.wps_nav li.wps-disconnect:hover {
    background: #731010;
}
.wps_nav li.nav-separated-2x:hover:after,
.wps_nav li.nav-separated:hover:after,
.wps_nav li:first-child:hover:after {
    display: none;
}

.wps_nav li.nav-separated {
    height: 20px;
}
.wps_nav li.nav-separated-2x {
    height: 40px;
}
.ui-min .wps_nav li.wps-fast-access ul.sub-menu {
    display:none;
}
.ui-min .wps_nav li.wps-fast-access:hover ul.sub-menu {
    display: block;
    position: absolute;
    background: #343a40;
    top: 0;
    left: 55px;
    padding:1px;
    min-width:150px;
    max-width:250px;
    list-style-type: none;
    border-left:4px solid #abdf18;
}
.ui-min .wps_nav li.wps-fast-access:hover ul.sub-menu li {
    text-align:center;
}
.ui-min .wps_nav li.wps-fast-access:hover ul.sub-menu li a {
    padding: 3px 10px;
    display: block;
    position:relative;
    margin-bottom:1px;
}
.ui-min .wps_nav li.wps-fast-access:hover ul.sub-menu li a:hover {
    background:rgba(0, 0, 0, 0.2);
}
.ui-min .wps-fast-access ul.sub-menu li.nav-item.text-center a:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    background: rgba(255, 255, 255, 0.25);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#0dffffff',GradientType=1 ); /* IE6-9 */
    left: 10%;
    bottom:-1px;
}
.ui-min .wps-fast-access ul.sub-menu li.nav-item.text-center:last-child a:after {
    display:none;
}
.ui-max .wps_nav li.wps-fast-access ul.sub-menu {
    list-style: none;
    padding-left: 50px;
}
/*notification dans le menu */
.wps_nav li a .notif {
    position: absolute;
    background-color: #f4645f;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    font-size:12px;
    color: #fff;
    text-align: center;
    -webkit-animation: fadein 4s infinite; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s infinite; /* Firefox < 16 */
    -ms-animation: fadein 4s infinite; /* Internet Explorer */
    -o-animation: fadein 4s infinite; /* Opera < 12.1 */
    animation: fadein 4s infinite;
}
.wps_nav li a .notif:after {
    content: '';
    position: absolute;
    top:0;
    left:0;
    border:1px solid #f4645f;
    opacity:0;
    border-radius: 100%;
    width:100%;
    height:100%;
    -webkit-animation: sonar 2s infinite; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: sonar 2s infinite; /* Firefox < 16 */
    -ms-animation: sonar 2s infinite; /* Internet Explorer */
    -o-animation: sonar 2s infinite; /* Opera < 12.1 */
    animation: sonar 2s infinite;
}
.wps_nav li a .notif:before {
    content: '';
    position: absolute;
    top:0;
    left:0;
    border:2px solid #f4645f;
    opacity:0;
    border-radius: 100%;
    width:100%;
    height:100%;
    -webkit-animation:sonartwo 2s infinite; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation:sonartwo 2s infinite; /* Firefox < 16 */
    -ms-animation:sonartwo 2s infinite; /* Internet Explorer */
    -o-animation:sonartwo 2s infinite; /* Opera < 12.1 */
    animation:sonartwo 2s infinite;
}
.ui-min .wps_nav li a .notif{
    bottom: 5px;
    right: 4px;
}
.ui-max .wps_nav li a .notif{
    bottom: 12px;
    right: 12px;
}
@keyframes sonar {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(3);opacity:0;}
}
/* Firefox < 16 */
@-moz-@keyframes sonar {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(3);opacity:0;}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-@keyframes sonar {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(3);opacity:0;}
}
/* Internet Explorer */
@-ms-@keyframes sonar {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(3);opacity:0;}
}
/* Opera < 12.1 */
@-o-@keyframes sonar {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(3);opacity:0;}
}
@keyframes sonartwo {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(2);opacity:0;}
}
/* Firefox < 16 */
@-moz-@keyframes sonartwo {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(2);opacity:0;}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-@keyframes sonartwo {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(2);opacity:0;}
}
/* Internet Explorer */
@-ms-@keyframes sonartwo {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(2);opacity:0;}
}
/* Opera < 12.1 */
@-o-@keyframes sonartwo {
    0% {transform: scale(.9); opacity:1;}
    100% {transform: scale(2);opacity:0;}
}
@keyframes fadein {
    0% { opacity: 0.5; }
    50%   { opacity: 1; }
    100% {opacity:0.5;}
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    0% { opacity: 0.5; }
    50%   { opacity: 1; }
    100% {opacity:0.5;}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% { opacity: 0.5; }
    50%   { opacity: 1; }
    100% {opacity:0.5;}
}
/* Internet Explorer */
@-ms-keyframes fadein {
    0% { opacity: 0.5; }
    50%   { opacity: 1; }
    100% {opacity:0.5;}
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    0% { opacity: 0.5; }
    50%   { opacity: 1; }
    100% {opacity:0.5;}
}

/* fix nav padding in main */
.ui-min #main {
    padding-left: 80px !important;
    position: relative;
    z-index: 1;
}
.ui-max #main {
    padding-left: 240px !important;
    position: relative;
    z-index: 1;
}
/*fix responsive nav*/
@media (max-height: 620px) {
    .sidebar-fullwidth {
        overflow-y: scroll;
    }
}
@media (max-height: 580px) {
    .wps_nav > .sidebar-sticky > ul > li > a.nav-link {
        padding: .4rem;
        font-size: 75%;
    }
    .wps_nav > .sidebar-sticky > ul > li > img {
        width: 25px;
    }
    .ui-min #main {
        padding-left: 62px !important;
    }
    .wps_nav li a .notif {
        bottom: 4px;
        right: 4px;
        width: 15px;
        height: 15px;
    }
    .wps_nav li.wps-fast-access:hover ul.sub-menu {
        left: 37px;
    }
}

/* fix recherche et affichage dans les table-responsive*/
div.dataTables_filter, div.dataTables_length {
    width: 50%;
    float: left;
}

@media (max-width: 768px) {
    div.dataTables_filter, div.dataTables_length {
        width: 100%;
        float: none;
    }
}

/* breadcrumb */
.breadcrumb {
    background-color: #343a40;
}

.breadcrumb-item.active,
.breadcrumb-item + .breadcrumb-item:before {
    color: #ffffff;
}

.breadcrumb-item a {
    color: #abdf18;
}


/* footer */
#app {
    min-height: -webkit-calc(100vh - 32px);
    min-height: expression(100vh - 32px);
    min-height: -moz-calc(100vh - 32px);
    min-height: -o-calc(100vh - 32px);
    min-height: calc(100vh - 32px);
}

.footer {
    padding: 5px 40px;
    text-align: right;
    width: 100%;
    background: #343a40;
    color: #fff;
    z-index: 999;
    font-size: 14px;
}

#app {
    padding-bottom: 10px;
}

/* override color Bootstrap */
.wps-title-site a {
    color: #b0e618;
}
a {
    color: #95be22;
}

a:hover {
    color: #7b9b25;
}

.table-responsive a,
.dataTable a {
    color: #343a40;
}

.table-responsive a.btn-primary,
.dataTable a.btn-primary {
    color: #fff;
}

a.icon-link:before {
    content: "\f360";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 5px;
}

/*Color & button */
.text-wps {
    color: #b0e618;
}

.text-laravel {
    color: #e74430;
}

.bg-wps-secondary {
    background-color: #abdf18;
}
.bg-wps-secondary.hdd-danger {
    background: #abdf18; /* Old browsers */
    background: -moz-linear-gradient(left, #abdf18 0%, #abdf18 50%, #e5b519 75%, #e04018 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #abdf18 0%,#abdf18 50%,#e5b519 75%,#e04018 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #abdf18 0%,#abdf18 50%,#e5b519 75%,#e04018 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abdf18', endColorstr='#e04018',GradientType=1 ); /* IE6-9 */
}
.btn-primary {
    color: #fff;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-primary:hover {
    background-color: #20252a;
    border-color: rgba(0, 0, 0, 0.3);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #20252a;
    border-color: rgba(0, 0, 0, 0.3);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #20252a;
    border-color: #20252a;
    opacity: .5;
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(171, 223, 24, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(171, 223, 24, 0.5);
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.25) !important;
}

.btn-secondary {
    color: #fff;
    background-color: #95be22;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #7b9b25;
    border-color: rgba(0, 0, 0, 0.3);
}
.btn-info {
    color: #fff;
    background-color: #00A0D2;
}
.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-danger, .btn-warning, .btn-wp {
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-info:hover,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #007da5;
    border-color: #00759a;
}
.btn-outline-primary {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}
.btn-outline-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #343a40;
    border-color: #2a2e33;
}
.btn-outline-info {
    color: #00A0D2;
    background-color: transparent;
    background-image: none;
    border-color: #00A0D2;
}
.btn-outline-info:hover,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #007da5;
    border-color: #00759a;
}
.btn-warning {
    color: #ffffff;
    background-color: #fea223;
    border-color: #fea223;
}

.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #d88819;
    border-color: #c57b14;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #343a40;
}

#nav-tab.nav-pills a.nav-link {
    color: #343a40;
}

#nav-tab.nav-pills .nav-link.active, #nav-tab.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #343a40;
}

.text-wpcolor {
    color: #00A0D2;
}

.text-wpcolor:hover {
    color: #00759b;
}

.btn-wp {
    color: #fff;
    background-color: #00a0d2;
}

.btn-wp:hover {
    background-color: #00759b;
    border-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.btn-wp:not(:disabled):not(.disabled).active,
.btn-wp:not(:disabled):not(.disabled):active,
.show > .btn-wp.dropdown-toggle {
    color: #fff;
    background-color: #00759b;
    border-color: rgba(0, 0, 0, 0.3);
}

/*.page-item*/
.page-item.active .page-link {
    background-color: #343a40;
    border-color: rgba(0, 0, 0, 0.2);
}

.page-link {
    color: #343a40;
}

/*changelog*/
.changelog .versionning .card {
    opacity: 0.5;
}

.changelog .versionning .card:hover {
    opacity: 1;
}

.changelog .versionning:first-child .card {
    background: #343a40;
    color: #d4d4d4;
    padding-right: 70px !important;
    opacity: 1;
}
.changelog .versionning:first-child .card:before {
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 50px;
    position: absolute;
    right: 10px;
    color: #abdf18;
    top: -webkit-calc(50% - 40px);
    top: expression(50% - 40px);
    top: -moz-calc(50% - 40px);
    top: -o-calc(50% - 40px);
    top: calc(50% - 40px);
}


/* page login */
body.login-page {
    background: url(../images/bg-adminwps.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-page .card {
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5), 0px 0px 0px 2px rgba(255, 255, 255, 0.15);
    background-color: rgba(0, 0, 0, 0.4);
    overflow:hidden;
}

.login-page .card-header {
    background-color: transparent;
    border-bottom: none;
}

.login-page .input-group-text {
    background: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 52px;
}

.login-page .form-control {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.login-page .checkbox > label {
    color: rgba(255, 255, 255, 0.7);
}

.login-page .phpdebugbar,
.login-page .footer {
    display: none;
}

.login-page #main {
    padding-left: 1.5rem !important;
}

.login-page .delocked-admin {
    position: relative;
    padding-left: 50px;
}

.login-page .delocked-admin span.icon-login {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.25);
    padding: 8px 12px;
    color: #abdf18;
}
.login-page span.invalid-feedback {
    color: #fff;
    background: #dc3545;
    text-align: center;
    font-weight: 300;
    padding: 5px;
}
.login-page .blur-bg-card {
    background: url(../images/bg-adminwps.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    z-index: -1;
}
/*wps-checkbox */
.login-page [type="checkbox"]:not(:checked),
.login-page [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    /*left: inherit !important; debug mode*/
    /*right: 0;debug mode*/
}
.login-page [type="checkbox"]:not(:checked) + label,
.login-page [type="checkbox"]:checked + label {
    position: relative;
    padding: 6px 10px 6px 58px;
    cursor: pointer;
    display: block;
    background: rgba(0, 0, 0, 0.22);
    border: 2px solid rgba(255, 255, 255, 0.22);
    border-radius: .25rem;
    margin-bottom:0;
}
.login-page [type="checkbox"]:not(:checked) + label:hover {
    background: rgba(0, 0, 0, 0.5);
}
.login-page [type="checkbox"]:checked + label {
    background:#343a40;
    color: #abdf18;
}
.login-page .thems.mea [type="checkbox"]:checked + label,
.login-page .plugs.mea [type="checkbox"]:checked + label {
    background:url(https://www.wpserveur.net/muwps/recommanded-plugin.png) no-repeat right bottom #343a40;
}
/*styling checkbox*/

.login-page [type="checkbox"]:not(:checked) + label:before,
.login-page [type="checkbox"]:checked + label:before,
.login-page [type="checkbox"]:not(:checked) + label:after,
.login-page [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
}
.login-page [type="checkbox"]:not(:checked) + label:before,
.login-page [type="checkbox"]:checked + label:before {
    left: 5px;
    top: 10px;
    width: 40px;
    height: 15px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.login-page [type="checkbox"]:not(:checked) + label:after,
.login-page [type="checkbox"]:checked + label:after {
    width: 20px;
    height: 20px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    border-radius: 100%;
    background: #ababab;
    top: 7px;
    left: 3px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
/* on checked */
.login-page [type="checkbox"]:not(:checked) + label .wps-name-ext,
.login-page [type="checkbox"]:not(:checked) + label a {
    color: #ababab !important;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.login-page [type="checkbox"]:not(:checked) + label a:hover {
    color: #343a40 !important;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.login-page [type="checkbox"]:checked + label:before {
    background: rgba(255, 255, 255, 0.3);
}
.login-page [type="checkbox"]:checked + label:after {
    top: 7px;
    left: 27px;
    color: #fff;
    background: #abdf18;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
.login-page [type="checkbox"]:focus + label:before {
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
}
.login-page input[type="checkbox"],
.login-page input[type="checkbox"]:active,
.login-page input[type="checkbox"]:hover,
.login-page input[type="checkbox"]:focus {
    margin-top: 0px;
}
.login-page .wps-switch-lang a:hover {
    text-decoration: none;
    color: #abdf18;
}

.login-page .wps-switch-lang a.active {
    background: #343a40;
    color: #abdf18;
}

.login-page .wps-switch-lang a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5), 0px 0px 0px 2px rgba(255, 255, 255, 0.15);
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 100%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 10px;
}
/* affichage dashboard */
.wps-block .wps-header-site {
    background-color: #343a40 !important;
    color: #fff;
}
.wps-block .wps-header-site .date-of-create {
    color: rgba(255, 255, 255, 0.7);
}
.wps-block a.getadminurl[disabled=""] {
    opacity: .5;
    cursor: default;
}

.btn-wps-icon {
    position: relative;
    padding-left: 45px;
    overflow: hidden;
}
.btn-wps-icon.btn-lg {
    padding-left: 60px;
}
.btn-wps-icon svg.svg-inline--fa {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 35px;
    bottom: 0px;
    padding: 7px;
    background: rgba(0, 0, 0, .15);
    box-shadow:0px 0px 0px 1px rgba(255, 255, 255, .35);
    opacity: .5;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.btn-wps-icon:hover svg.svg-inline--fa {
    opacity: 1;
    background: rgba(0, 0, 0, .35);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.btn-sm.btn-wps-icon svg.svg-inline--fa {
    width: 28px;
}
.btn-sm.btn-wps-icon {
    padding-left:38px;
}
.btn-wps-icon.btn-lg svg.svg-inline--fa {
    height: 45px;
    width: 45px;
    top: -1px;
}

/* affichage page wordpress */
#screenshotWPS {
    max-height: 260px;
    overflow: hidden;
    position:relative;
}
#screenshotWPS a {
    max-height: 260px;
    display: block;
}
#screenshotWPS a:before {
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    content: "";
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}
#screenshotWPS a:hover:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}
#screenshotWPS a:after {
    content: "\f08e";
    font-family: "Font Awesome 5 Pro";
    font-weight:300;
    position: absolute;
    font-size: 0px;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
    z-index: 9999;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}
#screenshotWPS a:hover:after {
    font-size:60px;
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}
#screenshotWPS img {
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}
#screenshotWPS:hover img {
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -ms-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
    -moz-transform:scale(1.1) rotate(-5deg);
    -webkit-transform:scale(1.1) rotate(-5deg);
    -o-transform:scale(1.1) rotate(-5deg);
    transform:scale(1.1) rotate(-5deg);
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
}
.home .wps-screenshot .content > img[src^="https://sc.wpserveur.net"] {
    margin: 0 auto;
    width:100%;
    height:auto;
}
.home .wps-screenshot .content > img[src^="https://console-"],
.home .wps-screenshot .content > img[src^="https://consola-"],
.home .wps-screenshot .content > img[src^="https://demo.console-"],
.home .wps-screenshot .content > img[src^="https://www.wpscale.com/"],
.home .wps-screenshot .content > img[src^="https://www.nuxit.com/"],
.home .wps-screenshot .content > img[src^="https://www.nuxit.com/wp-content/uploads/2020/10/screenshot.jpg"] {
    margin: 0 0 0 -33%;
    height:100%;
    width:auto;
}
.home .wps-screenshot .ratio-1-1:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.home .wps-screenshot .ratio-1-1 {
    width: 100%;
    position: relative;
}
.home .wps-screenshot .ratio-1-1 .content{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#postIt .topBar {
    background-color: #d2d0d0;
    width: 100%;
    padding: 5px;
    text-align: center;
}

#postIt h3 {
    margin-bottom: 0;
}

#postIt .form-post {
    background-color: #dedede;
    width: 100%
}

#postIt .text-post {
    width: 100%;
    height: 220px;
}
#postIt .form-post {
    border-bottom-right-radius: 60px 5px;
}
#postIt .form-post textarea {
    border-bottom-right-radius: 60px 5px;
    background: #dedede;
    background: -moz-linear-gradient(-45deg, #dedddd 81%, #dedede 82%, #dedede 82%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#dedddd), color-stop(82%,#dedede), color-stop(82%,#dedede), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(-45deg, #dedddd 81%,#dedede 82%,#dedede 82%,#f1f1f1 100%);
    background: -o-linear-gradient(-45deg, #dedddd 81%,#dedede 82%,#dedede 82%,#f1f1f1 100%);
    background: -ms-linear-gradient(-45deg, #dedddd 81%,#dedede 82%,#dedede 82%,#f1f1f1 100%);
    background: linear-gradient(135deg, #dedddd 81%,#dedede 82%,#dedede 82%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 );
    padding: 5px !important;
    margin-bottom: 0px;
    width: 100%;
    height: 219px;
    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);
    resize: none;
}
#postIt .form-post:after {
    content: "";
    position:absolute;
    z-index:-1;
    right: 12px;
    bottom:12px;
    opacity:.5;
    width:125px;
    height: 25px;
    background: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 40px 27px 5px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 40px 27px 5px rgba(0, 0, 0, 0.40);
    -o-box-shadow: 40px 27px 5px rgba(0, 0, 0, 0.40);
    /* box-shadow: 40px 27px 5px rgba(0, 0, 0, 0.40); */
    -moz-transform:skew(10deg,10deg) translate(-45px,-15px);
    -webkit-transform:skew(5deg,5deg) translate(-45px,-15px);
    -o-transform:skew(5deg,5deg) translate(-45px,-15px);
    transform:skew(10deg,10deg) translate(-45px,-15px);
}
/*scrollbar*/
html, body {
    scrollbar-width:thin !important;
    scrollbar-color: rgba(52, 58, 64, 0.75) Scrollbar;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: rgba(52, 58, 64, 0.1);
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: rgba(52, 58, 64, 0.1);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(52, 58, 64, 0.75);
}

/* navigation onglet */
.wps-panel > .nav-pills > a.nav-link {
    color: rgba(255, 255, 255, .5);
    background: #343a40;
    border-right: 1px solid #fff !important;
}

.wps-panel > .nav-pills > a.nav-link:last-child {
    border-right: none !important;
}

.wps-panel > .nav-pills > a.nav-link:hover,
.wps-panel > .nav-pills .nav-link.active {
    color: #343a40 !important;
    background-color: #fff;
    border-bottom-color: #fff;
    border-right-color: #dee2e6 !important;
}

.wps-panel > .nav-pills .nav-link.active:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #343a40;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 0;
}

.wps-panel > .nav-pills > a.nav-link.btn-wps-icon svg.svg-inline--fa {
    box-shadow: none;
    background: transparent;
    padding: 8px;
    opacity: 1;
}

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

.wps-panel input[readonly="readonly"] {
    background: #ffffff !important;
}
.dns-secure > a {
    display: inline-flex;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem;
}
.dns-secure a:hover {
    opacity: .75;
    border: 1px solid rgba(52, 58, 64, 0.43);
}
.dns-secure > a > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dns-secure > a > input[readonly="readonly"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor:pointer;
}
.wps-backup:nth-child(odd) .card {
    background: #f5f8fa;
}

.wps-backup .row.wps-date-backup {
    margin-top: -20px;
}
.wps-backup .row.wps-date-backup .card-title.text-center {
    margin-bottom: 20px;
}
.wps-date-backup span {
    background: #343a40;
    color: #fff;
    padding: 5px 15px;
    position: relative;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    min-width: 360px;
    margin-top: -5px;
}
[lang="en"] .wps-backup .row.wps-date-backup .card-title.text-center {
    margin-top:-2px;
}
[lang="en"] .wps-date-backup span {
    font-size:0.95rem;
}
.wps-date-backup span.rounded-bottom:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
    border-color: transparent transparent #212529 transparent;
}

.wps-date-backup span.rounded-bottom:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 0 5px;
    border-color: transparent transparent transparent #212529;
}

/* modal */
.modal-header .close {
    padding: 3px 15px 9px 18px;
    margin: -15px -15px -15px auto;
    font-size: 50px;
    line-height: 1;
}

.wps-modal-danger {
    background: rgba(220, 53, 69, 0.25);
}

/*maj plugins */
span.thems,
span.plugs {
    padding: 0px;
    border: 1px solid #d5d5d5;
    width: 19.5%;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    position: relative;
    display: block;
    float: left;
    background: #fff;
    font-size: 13px;
}

.wps-name-ext,
span.thems a,
span.plugs a {
    color: #abdf18 !important;
}

span.thems.mea a:hover,
span.plugs.mea a:hover,
span.thems a:hover,
span.plugs a:hover {
    text-decoration: none;
}

span.thems.mea,
span.plugs.mea {
    background: url(https://www.wpserveur.net/muwps/recommanded-plugin.png) no-repeat right bottom #fff;
}

span.thems input[type="checkbox"],
span.plugs input[type="checkbox"] {
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0px;
}

.thems label,
.plugs label {
    margin: 0;
}

@media (max-width: 1500px) {
    span.thems, span.plugs {
        width: 24.5%;
        margin-right: 0.5%;
    }
}

@media (max-width: 1200px) {
    span.thems, span.plugs {
        width: 32.8%;
        margin-right: 0.5%;
    }
}

@media (max-width: 900px) {
    span.thems, span.plugs {
        width: 49.5%;
        margin-right: 0.5%;
    }
}

@media (max-width: 680px) {
    span.thems, span.plugs {
        width: 100%;
        margin-right: 0;
    }
}

/*fomr style*/
#wpformnew .modal-header {
    padding: 10px 25px
}

#wpformnew .modal-header p {
    line-height: 15px;
    font-size: 12px;
}

.form-group.themes,
.form-group.plugins {
    display: table;
    padding: 0px 15px;
}

.wps-link-ext {
    font-size: 20px;
    margin-top: -4px;
}

#pluginsupdate [type="checkbox"]:not(:checked),
#pluginsupdate [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    /*left: inherit !important; debug mode*/
    /*right: 0;debug mode*/
}

#pluginsupdate [type="checkbox"]:not(:checked) + label,
#pluginsupdate [type="checkbox"]:checked + label {
    position: relative;
    padding: 10px 5px 10px 75px;
    cursor: pointer;
    display: block;
}

#pluginsupdate [type="checkbox"]:checked + label {
    background: #343a40;
    color: #abdf18;
}

/*styling checkbox*/

#pluginsupdate [type="checkbox"]:not(:checked) + label:before,
#pluginsupdate [type="checkbox"]:checked + label:before,
#pluginsupdate [type="checkbox"]:not(:checked) + label:after,
#pluginsupdate [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
}

#pluginsupdate [type="checkbox"]:not(:checked) + label:before,
#pluginsupdate [type="checkbox"]:checked + label:before {
    left: 5px;
    top: 5px;
    width: 60px;
    height: 30px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

#pluginsupdate [type="checkbox"]:not(:checked) + label:after,
#pluginsupdate [type="checkbox"]:checked + label:after {
    width: 24px;
    height: 24px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    border-radius: 50%;
    background: #ababab;
    top: 8px;
    left: 9px;
    border: 2px solid #fff;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-weight: bold;
    vertical-align: middle;

}

/* on checked */
#pluginsupdate [type="checkbox"]:not(:checked) + label .wps-name-ext,
#pluginsupdate [type="checkbox"]:not(:checked) + label a {
    color: #ababab !important;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

#pluginsupdate [type="checkbox"]:not(:checked) + label a:hover {
    color: #343a40 !important;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

#pluginsupdate [type="checkbox"]:checked + label:before {
    background: #d5e2be;
}

#pluginsupdate [type="checkbox"]:checked + label:after {
    border: 2px solid #fff;
    top: 8px;
    left: 37px;
    color: #fff;
    background: #95b75d;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    box-shadow: 0px 0px 10px 2px #95b75d;
}

#pluginsupdate [type="checkbox"]:focus + label:before {
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
}

#pluginsupdate input[type=checkbox],
#pluginsupdate input[type=checkbox]:active,
#pluginsupdate input[type=checkbox]:hover,
#pluginsupdate input[type=checkbox]:focus {
    margin-top: 0px;
}

.content-majplugs span.thems,
.content-majplugs span.plugs {
    width: 50%;
    margin-right: 0;
    margin-bottom: 0;
}
@media (max-width: 990px) {
    .content-majplugs span.thems,
    .content-majplugs span.plugs {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
}
/* page helpme */
#accordion-helpme .btn-primary[aria-expanded="true"] {
    color: #abdf18;
}

/*page news */
.card.wps-toolbox,
.card.wps-mode-emploi,
.card.wps-flux-news,
.card.wps-flux-securite {
    overflow:hidden;
}
.card.wps-toolbox:before,
.card.wps-mode-emploi:before,
.card.wps-flux-news:before,
.card.wps-flux-securite:before {
    display: block;
    position: absolute;
    right: -50px;
    bottom: -50px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size:200px;
    color: rgba(0,0,0,.15);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    color: rgba(0,0,0,.03);
}

.card.wps-flux-news:before {
    content: '\f4a6';
}
.card.wps-flux-securite:before {
    content: '\f2f7';
}
.card.wps-mode-emploi:before {
    content: '\f02d';
}
.card.wps-toolbox:before {
    content: '\f552';
}
.card.wps-toolbox ul,
.card.wps-mode-emploi ul,
.card.wps-flux-news ul,
.card.wps-flux-securite ul {
    padding-left:16px;
    list-style-type: none;
}
.card.wps-toolbox ul li:before, .card.wps-mode-emploi ul li:before, .card.wps-flux-news ul li:before, .card.wps-flux-securite ul li:before {
    content: "\25AA";
    font-size: 18px;
    color: rgba(0, 0, 0, 0.3);
    display: inline-block;
    width: 1rem;
    margin-left: -1rem;
    line-height: 1;
}
.card.wps-toolbox ul li a,
.card.wps-mode-emploi ul li a,
.card.wps-flux-news ul li a,
.card.wps-flux-securite ul li a {
    color:#343a40;
}
#changedns label[for="www"] {
    margin-bottom: 0;
    margin-top:10px;
}
/*ip perso*/
span.wps-ipperso {
    background: #343a40;
    padding: 2px 10px;
    margin-right: 4px;
    border-radius: 20px;
    color: #fff;
}
/* conversion demowps */
.wpsconversion {
    margin-top: -1rem;
}
.wpsconversion .block {
    background: #28a745;
    color: #fff;
    padding: 15px;
    font-size: 22px;
    border-radius:0 0 .25rem .25rem;
}
/*technicien */
#technical_person .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
/* site en erreur */
.alert-danger--wps {
    color: #ffffff;
    background-color: #dc3545;
    border-color: #b02a37;
}
/*wps auto connect */
/*styling checkbox*/

#configwpsautoupdate .btn-switch {
    font-size: 1em;
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#configwpsautoupdate .btn-switch__radio {
    display: none;
}
#configwpsautoupdate .btn-switch__label {
    display: inline-block;
    padding: .75em .5em .75em .75em;
    vertical-align: top;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    color: #666;
    cursor: pointer;
    transition: color .2s ease-in-out;
    margin-bottom: 0;
}
#configwpsautoupdate .btn-switch__label + .btn-switch__label {
    padding-right: .75em;
    padding-left: 0;
}
#configwpsautoupdate .btn-switch__txt {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 1.5em;
    opacity: 1;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}
#configwpsautoupdate .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
#configwpsautoupdate .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
    opacity: 0;
}
#configwpsautoupdate .btn-switch__label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f0f0f0;
    border-radius: 1.5em;
    box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
    transition: background .2s ease-in-out;
}
#configwpsautoupdate .btn-switch__radio_yes:checked ~ .btn-switch__label:before {
    background: #95be22;
}
#configwpsautoupdate .btn-switch__label_no:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: .5em;
    bottom: .5em;
    left: .5em;
    width: 2em;
    background: #fff;
    border-radius: 1em;
    pointer-events: none;
    box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
    transition: left .2s ease-in-out, background .2s ease-in-out;
}
#configwpsautoupdate .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
    left: calc(100% - 2.5em);
    left: -o-calc(100% - 2.5em);
    left: -moz-calc(100% - 2.5em);
    left: -webklit-calc(100% - 2.5em);
    left: expression(100% - 2.5em);
    background: #fff;
}
#configwpsautoupdate .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
#configwpsautoupdate .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
    z-index: 1;
}
#configwpsautoupdate .btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
    color: #fff;
}
/*select */
#configwpsautoupdate .select2-container {
    width:100% !important;
}
#configwpsautoupdate .select2-container--default .select2-selection--single .select2-selection__arrow,
#configwpsautoupdate .select2-container .select2-selection--single {
    height: 43px;
}
#configwpsautoupdate .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top:6px;
    padding-bottom:6px;
}
button.configwpsautodev:before,
button.configwpsauto:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    right: 2px;
    top: 2px;
    border-radius: 100%;
    border:1px solid rgba(0, 0, 0, .5);
}
button.configwpsautodev.actif:before,
button.configwpsauto.actif:before {
    background: rgba(113,255,144,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(113,255,144,1) 0%, rgba(113,255,144,1) 18%, rgba(5,115,30,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(113,255,144,1)), color-stop(18%, rgba(113,255,144,1)), color-stop(100%, rgba(5,115,30,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(113,255,144,1) 0%, rgba(113,255,144,1) 18%, rgba(5,115,30,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(113,255,144,1) 0%, rgba(113,255,144,1) 18%, rgba(5,115,30,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(113,255,144,1) 0%, rgba(113,255,144,1) 18%, rgba(5,115,30,1) 100%);
    background: radial-gradient(ellipse at center, rgba(113,255,144,1) 0%, rgba(113,255,144,1) 18%, rgba(5,115,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71ff90', endColorstr='#05731e', GradientType=1 );
    box-shadow: 0px 0px 4px #5cf37f;
}
button.configwpsautodev.inactif:before,
button.configwpsauto.inactif:before {
    background: rgba(255,115,115,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,115,115,1) 0%, rgba(255,115,115,1) 18%, rgba(115,6,6,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,115,115,1)), color-stop(18%, rgba(255,115,115,1)), color-stop(100%, rgba(115,6,6,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,115,115,1) 0%, rgba(255,115,115,1) 18%, rgba(115,6,6,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,115,115,1) 0%, rgba(255,115,115,1) 18%, rgba(115,6,6,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,115,115,1) 0%, rgba(255,115,115,1) 18%, rgba(115,6,6,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,115,115,1) 0%, rgba(255,115,115,1) 18%, rgba(115,6,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7373', endColorstr='#730606', GradientType=1 );
    box-shadow: 0px 0px 4px #ff7070;
}

/* Terminal */
.modexpert {
    padding: 0px;
    margin-top:20px;
    position:relative;
    padding-bottom:42px;
}
.modexpert .snippets {
    width:15%;
    float: left;
}
.content-terminal {
    width:85%;
    float: left;
    background-color: #000000;
    color: #ffffff;
    font-family: monospace;
    font-size: 13px;
    min-width: 400px;
    overflow: auto;
}
input, textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background-color: inherit;
    border: none;
}
textarea:focus, input:focus{
    outline: none;
}
.terminal {
    height:500px;
    position: relative;
    overflow: auto;
    padding-bottom: 20px;
    resize:vertical;
}
.terminal pre {
    color: #fff;
    margin-bottom: 0;
}
.terminal .bar {
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
}
.terminal .commands {
    padding: 2px;
    padding-right: 0;
    padding-left: 5px;
}
.terminal #command {
    width: 90%;
}
.terminal .colorize {
    color: #0000FF;
}
.terminal .persist_button {
    float: right;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #00FF00;
    clear: both;
}
.modexpert .snippets > div {
    border: 1px solid #ced4da;
}
.modexpert .snippets > div:first-child {
    border-bottom:none;
}
.modexpert .snippets > div:last-child {
    border-bottom: 1px solid #ced4da;
}
.modexpert .snippets > div > .start {
    margin: 0;
    padding: 10px;
    cursor:pointer;
    position:relative;
}
.modexpert .commands > p:hover,
.modexpert .commands > p:focus,
.modexpert .snippets > div > .start:hover,
.modexpert .snippets > div > .start:focus {
    background: rgba(0,0,0,.05);
}
.modexpert .snippets > div > .start:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro" !important;
    position: absolute;
    right: 10px;
}
.modexpert .snippets > div > .start.active:after {
    content: "\f077";
}
.modexpert .snippets > div > .start {
    color: #8d9196;
}
.modexpert .snippets > div > .start.active {
    color: #343a40;
    background: rgba(0, 0, 0, .05);
}
.modexpert .snippets > div > .start span.icon {
    margin-right: 10px;
}
.modexpert .commands > p {
    margin:0px;
    padding:5px 10px;
    cursor:pointer;
    overflow:hidden;
    position:relative;
}

.modexpert .commands > p:before,
.modexpert .commands > p:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #ced4da;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.modexpert .commands > p:after{
    bottom: 0 !important;
    top: auto !important;
    right: -100%;
    left: auto;
}

.modexpert .commands > p:hover:before{
    left: 0;
}

.modexpert .commands > p:hover:after{
    right: 0;
}
.modexpert .lineclear {
    position: absolute;
    bottom: 0;
    padding: 5px;
    color: #6c757d;
    text-align: center;
    font-size: 20px;
    width: 100%;
    cursor:pointer;
}
.modexpert .lineclear:hover {
    color:#343a40;
}
.modexpert .lineclear:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #6c757d;
    position: absolute;
    bottom: 2px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.modexpert .lineclear:hover:after {
    background: #343a40;
}
/*wps-updates-core */
.card.wps-block.wps-updates-core {
    background: #f2f2f2;
}
.wps-updates-core td.text-center > * {
    vertical-align: middle;
}
.wps-updates-core input[type=checkbox],
.wps-updates-core input[type=radio] {
    width:16px;
    height:16px;
}
.wps-updates-core td.wps-checkbox,
.wps-updates-core td.wps-badge,
.wps-updates-core td.wps-icon-single {
    width:32px !important;
}
.wps-updates-core td.wps-version {
    width: 100px !important;
}
.wps-updates-core td > label {
    margin:0;
    cursor:pointer;
}
.wps-updates-core tr.table-wps > td.text-center.wps-icon-single.wps-chevron {
    color: #fff;
    background: #343a40;
}
.wps-updates-core tr.table-wps.show > .wps-chevron {
    transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}
.wps-updates-core span#refreshlisttoupdate {
    cursor: pointer;
}
.wps-updates-core span#refreshlisttoupdate:hover {
    color:#abdf18;
}
.wps-optim span#refreshlisttooptimize {
    cursor: pointer;
}
.wps-optim span#refreshlisttooptimize:hover {
    color:#abdf18;
}

.wps-updates-core .table-hover tr.table-wps {
    cursor:pointer;
}
.wps-updates-core .title--interact.d-flex.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.wps-updates-core .title--interact > .interaction {
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background:#f2f2f2;
    color:#656565;
    cursor:pointer;
    overflow:hidden;
    position:relative;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    max-width:25%;
    padding-top:1rem !important;
}
.wps-updates-core .title--interact > .allupdates.p-2.text-center.interaction {
    background: #fff;
    color: #95be22;
}
.wps-updates-core .title--interact > .allupdates.p-2.text-center.interaction:hover {
    color: #fff;
    background: #95be22;
}
.wps-optim .title--interact > .alloptimizes.p-2.text-center.interaction {
    background: #fff;
    color: #95be22;
}
.wps-optim .title--interact > .alloptimizes.p-2.text-center.interaction:hover {
    color: #fff;
    background: #95be22;
}
.wps-updates-core .title--interact > .interaction:before {
    font-family: "Font Awesome 5 Pro";
    position:absolute;
    font-size:42px;
    font-weight:300;
    display:block;
    color:rgba(0, 0, 0, .05);
    bottom:-25px;
    left:10px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.wps-updates-core .title--interact > .interaction:hover:before,
.wps-updates-core .title--interact > .interaction.active:before {
    color:rgba(255, 255, 255, .1);
    bottom:0px;
    transform:rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.wps-updates-core .title--interact > .plugins.interaction:before {
    content:"\f12e";
}
.wps-updates-core .title--interact > .themes.interaction:before {
    content:"\f53f";
}
.wps-updates-core .title--interact > .cores.interaction:before {
    content:"\f411";
    font-family: "Font Awesome 5 Brands";
}
.wps-updates-core .title--interact > .translations.interaction:before {
    content:"\f1ab";
}
.wps-optim .title--interact > .spams.interaction:before {
    content:"\f4a9";
}
.wps-optim .title--interact > .revisions.interaction:before {
    content:"\f0c5";
}
.wps-updates-core .title--interact > .interaction.active,
.wps-updates-core .title--interact > .interaction:hover {
    color:#ffffff;
    background:#343a40;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.wps-updates-core .title--interact > .interaction > .count {
    font-size:26px;
    font-weight:bold;
    line-height:22px;
}
.wps-updates-core .title--interact > .allupdates.p-2.text-center.interaction > .count {
    font-size: 21px;
}
.wps-updates-core .card-body {
    position: relative;
}
.wps-updates-core .loader-update-search,
.wps-updates-core .loader-update,
.wps-updates-core .loader-optim-search,
.wps-updates-core .loader-optim {
    position: absolute;
    background: rgba(242, 243, 245, 0.75);
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.wps-updates-core span.all.table-plugins,
.wps-updates-core span.all.table-cores,
.wps-updates-core span.all.table-themes,
.wps-updates-core span.all.table-revisions,
.wps-updates-core span.all.table-transients,
.wps-updates-core span.all.table-errorlogs {
    position: absolute;
    top: 70px;
    bottom: 0;
    height: calc(100% - 70px);
    height: -o-calc(100% - 70px);
    height: -moz-calc(100% - 70px);
    height: -webkit-calc(100% - 70px);
    height: expression(50% - 40px);
}
.wps-updates-core span.all {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
}

.wps-updates-core span.all > span.align-middle-content {
    margin:auto;
}
.wps-updates-core .loader-update-search span.all > span.align-middle-content svg,
.wps-updates-core .loader-optim-search span.all > span.align-middle-content svg {
    -webkit-animation: translateto 2s infinite alternate;
    -moz-animation: translateto 2s infinite alternate;
    -ms-animation: translateto 2s infinite alternate;
    -o-animation: translateto 2s infinite alternate;
    animation: translateto 2s infinite alternate;
}
@keyframes translateto {
    0% { transform: translateX(20%); }
    100% { transform: translateX(-20%); }
}
/* Firefox < 16 */
@-moz-keyframes translateto {
    0% { transform: translateX(20%); }
    100% { transform: translateX(-20%); }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes translateto {
    0% { transform: translateX(20%); }
    100% { transform: translateX(-20%); }
}
/* Internet Explorer */
@-ms-keyframes translateto {
    0% { transform: translateX(20%); }
    100% { transform: translateX(-20%); }
}
/* Opera < 12.1 */
@-o-keyframes translateto {
    0% { transform: translateX(20%); }
    100% { transform: translateX(-20%); }
}