/* Load Police Google*/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');*/

/* Body General */
body { font-family: 'Open sans', sans-serif !important; background: #f0eff0 !important; }
body.modal-open { overflow: hidden; }
p { font-family: 'Open sans', sans-serif !important; }
ul.breadcrumb { display: none; }
.modal-body { max-height: 500px; }

/* btn custom */
.btn.btn-info2 { background: #0088CC; color: #fff; border: 1px solid #0088CC; }
.btn.btn-secondary { background: #B6B8BE; color: #fff; border: 1px solid #B6B8BE; }
.btn.btn-dark { background: #7E7F82; color: #fff; border: 1px solid #7E7F82; }
.btn.btn-wordpress { background: #21759B; color: #fff; border: 1px solid #21759B; }
.btn.btn-info2:hover,
.btn.btn-secondary:hover,
.btn.btn-dark:hover { opacity: 0.8; }

/* Loader */
div.load-animated div.line { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background-color: #fff; }
div.load-animated div.line:not(:last-child) { margin-right: 4px; }
div.load-animated div.line:nth-last-child(3) { animation: loadingC 0.6s 0.3s linear infinite; }
div.load-animated div.line:nth-last-child(2) { animation: loadingC 0.6s 0.2s linear infinite; }
div.load-animated div.line:nth-last-child(1) { animation: loadingC 0.6s 0.1s linear infinite; }

@keyframes loadingC {
    0% { transform: translate(0, 0); }
    25% { transform: translate(0, 7px); }
    50% { transform: translate(0, 0); }
    75% { transform: translate(0, -7px); }
    100% { transform: translate(0, 0); }
}

/** terminal web **/
#helplws.ssh-frame {  }

/* Menu Header */

.menulws .nav.pull-right li:not(:last-child) {
    border-right: 1px solid #16387e;
}

.menulws .nav.pull-right li.svg a {
    position: relative;
    padding: 15px 15px 5px;
    margin: auto;
}

.menulws .nav.pull-right li.svg a svg#ring_bell,
.menulws .nav.pull-right li.svg a svg#power_off {
    width: 20px;
    height: auto;
}

.menulws .nav.pull-right li.svg a.country {
    padding: 10px 15px 10px;
}    

.menulws .nav.pull-right li.svg a img {
    width: 20px;
    height: auto;
}

.notification-box {
    position: absolute;
    z-index: 99;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.notification-count {
    position: absolute;
    top: 1px;
    z-index: 1;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 50%;
    background-color: #f06408;
    color: #fff;
}

#step2, #step-lang {
    border-radius: 5px;
    border-color: #ccc;
    top: 100%;
}

#step2 li, #step-lang li {
    border: none;
    /*font-family: 'Open sans', sans-serif;*/
}

#step2 li a, #step-lang li a {
    font-size: 14px;
    padding: 7px 20px;
    line-height: 20px;
    white-space: nowrap;
}

#step2 li:hover a, #step-lang li:hover a {
    background-color: rgba(28, 70, 157, 0.1);
    color: #1c469d;
    font-size: 14px;
    text-shadow: 0 0 0.02px black;
}

#step2 li.menu_buy a,
#step2 li.menu_sms a,
#step2 li.menu_moving_service a {
    position: relative;
    margin-left: 20px;
    padding-left: 28px;
}

#step2 li.menu_buy a:before {
    position: absolute;
    content: '';
    width: 20px;
    height : 18px;
    background-image: url(../img/commander.svg) !important;
    background-repeat: no-repeat;
    top: calc(50% - 10px);
    left: 0;
}

#step2 li.menu_moving_service a:before {
    position: absolute;
    content: '';
    width: 20px;
    height : 18px;
    background-image: url(../img/transmission.svg) !important;
    background-repeat: no-repeat;
    top: calc(50% - 10px);
    left: 0;
}

#step2 li.menu_sms a:before {
    position: absolute;
    content: '';
    width: 20px;
    height : 18px;
    background-image: url(../img/plateforme_sms.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    top: calc(50% - 10px);
    left: 0;
}

@media all AND (min-width: 768px) {
    #step2 li.menu_buy:not(.no-border),
    #step2 li.menu_sms:not(.no-border),
    #step2 li.menu_moving_service:not(.no-border) {
        border-top: 1px solid #ccc;
        margin-top: 10px;
        padding-top: 5px;
    }
}

@media all AND (max-width: 767px){
    #step2 li.menu_buy a { margin-left: 0; padding-left: 28px !important; }
    #step2 li.menu_buy a:before { background-image: url(../img/commander_blanc.svg) !important; }
}

#step-lang li a img {
    margin-right: 5px;
}

/* Dashboard Mutu */
div.shortcuts {
    text-align: left;
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 13px;
    padding: 0 5px;
}

/* Spécial Assistance */
div.shortcuts.support-shortcuts {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-row-gap: 20px;
    grid-column-gap: 13px;
    padding: 0 5px;
    justify-content: center;
}

div.shortcuts a.shortcut,
div.shortcuts form.shortcut {
    text-align: center;
    margin: 0;
    padding: 10px 2px !important;
    cursor: pointer;
}
div.shortcuts a.shortcut.with_notif {
    position: relative;
}
div.shortcuts a.shortcut.with_notif span.notification-count {
    top: 11px;
    left: 61%;
}
div.shortcuts a.shortcut img,
div.shortcuts form.shortcut img {
    width: 48px;
    height: 48px;
    margin: 3px 0;
}
div.shortcuts a.shortcut.cms-shortcut {
    min-width: 171px;
}
div.mb8 {
    margin-bottom: 8px;
}
div.info-domaine {
    margin: 10px 0 0;
    text-align: center;
}
div.info-domaine button {
    margin-top: 10px;
}
.bloc_quotas {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0;
    width: 570px;
}

.quotas_header {
    background: #f7f7f7 !important;
    padding: 15px;
}

.quotas_header i {
    display: inline-block;
}

.quotas_header h3 {
    display: inline-block;
    margin: 0 !important;
    font-size: 16px;
    font-weight: 700;
    font-family: Arial;
}

.quotas_header span {
    display: inline-block;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 700;
    font-family: Arial;
}

.quotas_content {
    background: white;
    font-size: 14px;
    line-height: 14px;
    font-family: 'Open sans', sans-serif !important;
    border-bottom: 1px solid #ddd;
    padding: 15px 15px 3px;
}

.quotas_content:last-child {
    border-bottom: none;
}

.quotas_content > span:first-child {
    color: #1e499b;
    font-weight: 700;
}
div.quota-info.info-vps .quotas_content:nth-child(6) span:first-child {
    display: inline-block;/*block 7 january 2022*/
}

div.quota-info.info-vps .quotas_content.danger {
    position: relative;
    box-shadow: inset 2px 0 #e74c3c;
    background-color: #f2dede;
    background-image: url(../img/Perturbation_en_cours.svg);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 25px;
}

div.quota-info.info-vps .quotas_content.warning {
    position: relative;
    box-shadow: inset 2px 0 #f1c40f;
    background-color: #fcf8e1;
    background-image: url(../img/warning_restriction.svg);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 25px;
}

div.quota-info.info-vps .quotas_content.warning > span.tooltiptext,
div.quota-info.info-vps .quotas_content.danger > span.tooltiptext {
    visibility: hidden;
    background-color: #fff;
    color: #000;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif !important;
    font-style: normal;
    width: max-content;
    max-width: 200px;
    white-space: pre-wrap;
    position: absolute;
    z-index: 1;
    top: -10px;
    right: -238px;
}

div.quota-info.info-vps .quotas_content.warning:hover,
div.quota-info.info-vps .quotas_content.danger:hover { cursor: pointer; }

div.quota-info.info-vps .quotas_content.warning:hover span.tooltiptext,
div.quota-info.info-vps .quotas_content.danger:hover span.tooltiptext {
    visibility: visible;
    box-shadow: 0px 0px 15px 5px rgba(28,70,157,0.15);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(28,70,157,0.15);
    -moz-box-shadow: 0px 0px 15px 5px rgba(28,70,157,0.15);
}

div.quota-info.info-vps .quotas_content.warning span.tooltiptext,
div.quota-info.info-vps .quotas_content.danger span.tooltiptext {
    margin: 10px 0;
}

div.quota-info.info-vps .quotas_content.warning span.tooltiptext,
div.quota-info.info-vps .quotas_content.danger span.tooltiptext {
    font-weight: 600;
}

div.quota-info.info-vps .quotas_content.warning span.tooltiptext::before,
div.quota-info.info-vps .quotas_content.danger span.tooltiptext::before {
    top: 8px;
    left: 0px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-top-width: 1px;
        border-right-color: transparent;
        border-right-width: 1px;
        border-bottom-color: transparent;
        border-bottom-width: 1px;
        border-left-color: transparent;
        border-left-width: 1px;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-color: transparent;
    border-right-color: #ccc;/*2b8aff*/
    border-bottom-color: transparent;
    border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -14px;
}

div.quota-info.info-vps .quotas_content.warning span.tooltiptext::after,
div.quota-info.info-vps .quotas_content.danger span.tooltiptext::after {
    top: 8px;
    left: 0px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-top-width: 1px;
        border-right-color: transparent;
        border-right-width: 1px;
        border-bottom-color: transparent;
        border-bottom-width: 1px;
        border-left-color: transparent;
        border-left-width: 1px;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-color: transparent;
    border-right-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -13px;
}

/* Si déborde de l'écran */
div.quota-info.info-vps .quotas_content.warning span.tooltiptext.tooltip-bottom,
div.quota-info.info-vps .quotas_content.danger span.tooltiptext.tooltip-bottom {
    top: 29px;
    right: 5px;
    left: unset;
}

table div.custom_tooltip span.tooltiptext.tooltip-bottom {
    top: 29px !important;
    right: -8px !important;
    left: unset !important;
}

div.quota-info.info-vps .quotas_content.warning span.tooltiptext.tooltip-bottom::before,
div.quota-info.info-vps .quotas_content.danger span.tooltiptext.tooltip-bottom::before {
    top: -14px;
    right: 8px;
    left: unset;
    border-top-color: transparent;
    border-right-color: transparent;/*2b8aff*/
    border-bottom-color: #ccc;
    border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -14px;
}

table div.custom_tooltip span.tooltiptext.tooltip-bottom::before {
    top: -14px !important;
    right: 8px !important;
    left: unset !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;/*2b8aff*/
    border-bottom-color: #ccc !important;
    border-left-color: transparent !important;
    content: " " !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
    border-width: 7px !important;
    margin-left: -14px !important;
}

div.quota-info.info-vps .quotas_content.warning span.tooltiptext.tooltip-bottom::after,
div.quota-info.info-vps .quotas_content.danger span.tooltiptext.tooltip-bottom::after {
    top: -13px;
    right: 8px;
    left: unset;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color:  #fff;
    border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -13px;
}

table div.custom_tooltip span.tooltiptext.tooltip-bottom::after {
    top: -13px !important;
    right: 8px !important;
    left: unset !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color:  #fff !important;
    border-left-color: transparent !important;
    content: " " !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
    border-width: 7px !important;
    margin-left: -13px !important;
}

.quotas_content p {
    margin: 10px 0 !important;
}

.quotas_content p.quota_number {
    margin: 7px 0 2px !important;
}

.quotas_content p.quota_number span.floatr {
    color: inherit;
    font-weight: 400;
    float: right;
}

.quotas_content p.quota_progress {
    margin-top: 0 !important;
}

progress {
  -webkit-appearance: none;
}

::-webkit-progress-bar {
   background-color: #dfdfdf;
   border-radius: 5px;
}

.quotas_content progress[value] {
    width: 100%;
    height: 10px;
    border: 0px;
    border-radius: 5px;
}

.quotas_content progress::-webkit-progress-value { background: #393; border-radius: 5px; }
.quotas_content progress::-moz-progress-bar { background: #393; border-radius: 5px; }	

progress.warning::-webkit-progress-value { background: #f9994a; border-radius: 5px; }
progress.warning::-moz-progress-bar { background: #f9994a; border-radius: 5px; }	
    
progress.danger::-webkit-progress-value { background: #fa4956; border-radius: 5px; }
progress.danger::-moz-progress-bar { background: #fa4956; border-radius: 5px; }	

progress.success::-webkit-progress-value { background: #393; border-radius: 5px; }
progress.success::-moz-progress-bar { background: #393; border-radius: 5px; }


/* Onglet navigation services */

ul.nav-tabs li {
    padding-right: 10px;
}

ul.nav-tabs li.active a,
ul.nav-tabs li.active a:hover {
    background: #1c469d !important;
    color: #fff !important;
    border: 1px solid #1c469d !important;
}

ul.nav-tabs li a,
ul.nav-tabs li a:focus {
    background: #fff;
    color: #000;
    border: 1px solid #BACADB;
}

ul.nav-tabs li a:hover {
    background-color: rgba(28, 70, 157, 0.1);
    color: #000;
    border: 1px solid #BACADB;
}

/* Tableau Services */

table.table31 {
    margin-top: 15px;
}

table.table31 td span.label {
    margin-top: 0 !important;
}

table.table31 thead tr th {
    background-color: #f9f9f9 !important;
    padding: 10px;
}

table.table31 tbody tr:nth-child(2n) td {
    background-color: #f9f9f9;
}

table.table31 tbody tr:nth-child(2n+1) td {
    background-color: #fff;
}

table.table31 tbody tr.mutu td i {
    top: 0;
}

table.table31 tbody tr.mutu.special td:last-of-type,
table.table31 tbody tr.mutu.special td:nth-child(2) > div.flexspe { 
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: center;
    align-items: center;
}

table.table31 tbody tr.mutu.special td,
table.table31 tbody tr.mutu.special:hover td {
    background-color: #D5F2D5;
    color: #464F57;
    font-weight: 500;
}

table.table31 tbody tr.mutu.special td span.label {
    background-color: #FFF;
    color: #339933;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 13px;
    padding: 2px 10px 3px;
}

@media (max-width: 767px) {
    table.table31 tbody tr.mutu.special td:last-of-type,
    table.table31 tbody tr.mutu.special td:nth-child(2) > div.flexspe  {
        flex-wrap: wrap;
    }
    table.table31 tbody tr.mutu.special td:last-of-type span.label,
    table.table31 tbody tr.mutu.special td:nth-child(2) > div.flexspe span.label {
        order: 1;
        flex-basis: 100%;
    }
    table.table31 tbody tr.mutu.special td:last-of-type span:first-of-type,
    table.table31 tbody tr.mutu.special td:nth-child(2) > div.flexspe a:first-of-type {
        order: 2;
    }
    table.table31 tbody tr.mutu.special td:last-of-type i,
    table.table31 tbody tr.mutu.special td:nth-child(2) > div.flexspe a:last-of-type {
        order: 3;
    }
}

table.table31 tbody tr td div.conf-auto { 
    display: inline-block;
    font-weight: 600;
    margin-right: 30px;
}
table.table31 tbody tr td div.conf-auto:last-child {
    margin-right: 0;
}

table.table31 tbody tr:nth-child(2n+1):hover td {
    background-color: #f9f9f9;
}

table.table31 tbody tr td {
    padding: 10px 10px 0;
}

table.table31.check thead tr th:first-child,
table.table31.check tbody tr td:first-child {
    border-right: none !important;
}

table.table31.check thead tr th:nth-child(2),
table.table31.check tbody tr td:nth-child(2) {
    border-left: none !important;
}

table.table31 thead tr th {
    border-bottom: 2px solid #1c469d;
}

table.table31 tbody tr td:nth-child(3) {
    text-transform: none; /*capitalize*/
}

/* Input checkbox table31 */
table.table31 input[type="radio"]:focus,
table.table31 input[type="checkbox"]:focus {
    outline:none;
}

/* Popover THEAD */
table.table31 thead tr th div.popovermedium {
    background: #5d7bb8;
    width: 12px;
    height: 12px;
    position: relative;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    display: inline-block;
}

table.table31 thead tr th div.popovermedium img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 8px;
    width: auto;
}

/* Popover TBODY */
table.table31 i.custom-tooltip.vps {
    background: #5d7bb8;
    width: 12px;
    height: 12px;
    position: relative;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    display: inline-block;
}

table.table31 i.custom-tooltip.vps img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: 8px;
    width: auto;*/
    width: 4px;
    height: 8px;
    image-rendering: pixelated;
}

table.table31 tbody tr td {
    padding: 15px 10px;/*15px 10px 10px*/ /*15px 10px*/
}

table.table31.check tbody tr td:last-child {
    padding: 10px;
}

table.table31 tbody tr td img.svg {
    height: 18px;
    width: auto;
    padding-bottom: 2px;
}

table#tabNotification tbody tr td a.load_mail {
    font-weight: 600;
    text-decoration: underline !important;
}

table#tabNotification tbody tr td img.svg {
    vertical-align: text-top;
    margin-right: 8px;
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

table.table31 thead tr th input[type="checkbox"],
table.table31 tbody tr td input[type="checkbox"] {
    border-radius: 2px;
    height: 15px;
    width: 15px;
    background: #fff;
    margin-top: 0px;
    width: 14px;
    height: 14px;
    border: 1px solid #BACADB;
}

table.table31 thead tr th input[type="checkbox"]:checked,
table.table31 tbody tr td input[type="checkbox"]:checked {
    border-radius: 2px;
    background-color: rgba(28, 70, 157, 1);
    position: relative;
}

table.table31 thead tr th input[type="checkbox"]:checked:before,
table.table31 tbody tr td input[type="checkbox"]:checked:before {
    font-family: FontAwesome;
    content: '\f00c';
    display: block;
    color: #fff;
    font-size: 9px;
    position: absolute;
    top: 1px;
    left: 2px;
}

table.table31 tbody tr td i.icon-cog.icon-white {
    margin-right: 5px;
}

table.table31 tbody tr td span.caret {
    margin-left: 10px;
}

table.table31 tbody tr.new td:first-child {
    border-left: 2px solid #29b8ff;
}

table.table31 tbody tr.new td {
    background-color: rgba(41, 184, 255, 0.08)
}

table.table31 tbody tr.success td {
    background-color: #dff0d8 !important;
}

table.table31 tbody tr.error td {
    background-color: #f8d7da !important;
}

div.btn-group.open ul {
    border-radius: 0px;
    min-width: 140px;
}

small div.btn-group.open ul {
    left: auto;
    right: 0;
    top: 15px;
}

small div.btn-group.open ul a,
.dropdown-menu>li>a {
    text-decoration: none !important;
}

small div.btn-group.open ul a:hover {
    background-color: rgba(28, 70, 157, 0.1);
    color: #1c469d;
    font-size: 14px;
}

small div.btn-group.open ul a:hover>[class^="icon-"] {
    background-image: url(../img/glyphicons-halflings.png);
}

.table31 .btn-group.open ul li {
    border: none;
}

.table31 .btn-group.open ul li a {
    font-size: 15px;
    padding: 3px 15px;
    margin: auto;
    line-height: 20px;
    white-space: nowrap;
    /*text-align: center;*/
    text-decoration: none !important;
}

.table31 .btn-group.open ul li a:hover {
    background-color: rgba(28, 70, 157, 0.1);
    color: #000;
    font-size: 15px;
    text-shadow: 0 0 0.02px black;
}

.table31 .btn-group.open ul li a i {
    display: none !important;
}

.table31 .quota-info .quotas_content {
    border-bottom: none;
    padding: 0;
    background: transparent;
}
.table31 .quota-info .quotas_content p {
    margin: 0 !important;
    padding: 0 !important;
}
.table31 .quota-info .quotas_content p progress {
    margin: 2px 0;
    max-width: 50%;
}
.table31 .quota-info .quotas_content p span.progress_info {
    margin-left: 10px;
}

/* Custom tableau */

#tabDomaines thead tr th:nth-child(2),
#tabDomaines tbody tr td:nth-child(2),
#historique_save thead tr th:nth-child(2),
#historique_save tbody tr td:nth-child(2),
#tabBackupMySQL thead tr th:nth-child(2),
#tabBackupMySQL tbody tr td:nth-child(2),
#tabAutoRenew thead tr th:nth-child(2),
#tabAutoRenew tbody tr td:nth-child(2) {
    text-align: left !important;
}

#tabServeurs2- thead tr th:first-child,
#tabServeurs2- tbody tr td:first-child,
#tabBackup thead tr th:first-child,
#tabBackup tbody tr td:first-child,
#tabSvc thead tr th:first-child,
#tabSvc tbody tr td:first-child,
#tabBackup2 thead tr th:first-child,
#tabBackup2 tbody tr td:first-child,
#tabBackupMail thead tr th:first-child,
#tabBackupMail tbody tr td:first-child,
#MysqlTab thead tr th:first-child,
#MysqlTab tbody tr td:first-child {
    text-align: left !important;
}

#MysqlTab tbody tr td img.logo {
    width: 40px;
}
.widget.bloc-blue #MysqlTab span.label {
    margin-top: 0px;
}

.table31 tr td,
.table31 th td {
    vertical-align: middle;
}

table.table31 thead tr th,
table.table31 tbody tr td {
    text-align: center;
}

table.table31 thead tr th {
    vertical-align: middle;
}

table#datatable_suivi_mails thead tr th,
table#datatable_suivi_mails tbody tr td {
    word-break: break-word;
}

/*#tabServeurs2- tr td:first-child,
#tabBackup tr td:first-child,
#tabSvc tr td:first-child {
    vertical-align: top;
}*/

#tabServeurs2- tr td,
#tabBackup tr td,
#tabSvc tr td {
    vertical-align: middle;
}
#tabFactures th,
#tabFactures td {
    text-align: center;
    vertical-align: middle;
}
#tabCP th,
#tabCP td {
    text-align: center;
    vertical-align: middle;
}
#tabPaiements th,
#tabPaiements td{
    text-align: center;
    vertical-align: middle;
}
#tabNotification th,
#tabNotification td {
    text-align: center;
    vertical-align: middle;
}
#tabPaiements th:nth-child(3),
#tabPaiements td:nth-child(3){
    text-align: left;
}
#tabPaiements td:last-child img {
    width: 20px;
    height: auto;
}
#tabAutoRenew tr td {
    vertical-align: middle; 
}
#tabAutoRenew label {
    margin-bottom: 15px;
}

#div_global .span8 select,
#div_global .span8 input {
    vertical-align: bottom;
    margin-top: 10px;
}
#div_global .span8 i {
    vertical-align: super;
}
img.table-icone {
    width: 20px;
    height: auto;
}


/* Table Service */
table.table-service {
    border-top: none;
}

table.table-service th,
table.table-service td {
    vertical-align: middle;
}

table.table-service thead th:first-child {
    border-left: none;
}

table.table-service tbody tr:first-child td:first-child {
    border-top-left-radius: 4px;
}

table.table-service thead th:not(:first-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

table.table-service tbody tr td img.img-table {
    width: 18px;
    height: auto;
}


/* Icone vert , Orange et rouge */
.fa-green {
    color: #2ca42d;
}
.fa-orange {
    color: #ff6600;
}
.fa-red {
    color: #de3f3f;
}


/* Couleur expiration */
.txt-orange {
    color: #ff6600;
}
.txt-red {
    color: #de3f3f;
}
.txt-blue {
    color:#1c469d;
}

/* page ZoneDNS */
#addDnsRecordForm,
div.info-dns,
div.searchbar {
    text-align: center;
}
input#searchTable {
    width: 85%;
}
#zone-dns-table td {
    vertical-align: middle;
    padding: 10px;
}
.offset5.zdns {
    text-align: center;
    margin-top: 15px;
    margin-left: 0 !important;
}
.info-dns span {
    margin-top: 0 !important;
}


/* Etats des services */
.label {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 12px;
    /*text-transform: capitalize;*/
    font-weight: 600;
    text-shadow: none;
    white-space: pre-wrap;/*ADD 23-03-2021*/
}
table.table31 td span.label.lmt5 {
    margin-top: 5px !important;
}
.label-success {
    color: #299a2a !important;
    background: #d5f2d5;
}
.label-warning {
    color:  #f06408 !important;
    background: #ffe3d0;
}
.label-important {
    color: #ac3737 !important;
    background: #f4e0e0;
}
.label-info {
    color: #1c469d !important;
    background: #d7e3f5;
}
.label-info-square {
    color: #1c469d;
    background: #d7e3f5;
    width: calc(100% - 30px) !important;
    padding: 5px 15px !important;
    margin: 5px 0 15px;
    font-size: 12px;
}
.modal-body .label-info-square {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400 !important;
}

div.dataTables_paginate {
    padding-top: 8px;
}

.pagination ul > li > a {
    padding: 2px 12px;
}

/* Legende */
table#legend {
    width: 100%;
    background: #fff;
}

tr.legend_body {
    background: #fff;
}

tr.legend_body td {
    vertical-align: top;
}

tr.legend_body td ul {
    margin: 0;
    padding: 15px;
}

tr.legend_body td ul li {
    list-style: none;
}

tr.legend_body td ul li i,
tr.legend_body td ul li img {
    margin-right: 10px;
    margin-top: -4px;
}

tr.legend_body td ul li img {
    width: 16px;
    height: auto;
}

#trait_bleu {
    border-top: 3px solid #29b8ff;
    width : 20px;
    display: inline-block;
    margin-right: 10px;
}

#trait_bleu hr {
    margin: 00;
}

@media (max-width: 979px) {
    table#legend tbody tr td { display: block; width: 100%; }
}

@media (max-width: 520px) {
    table#legend { display: none; }
}


/* Tooltip */
i.custom-tooltip.no_icon,
div.controls.custom-tooltip {
    position: relative;
    font-style: normal;
}
i.custom-tooltip.no_icon:hover {
    cursor: pointer;
}
i.custom-tooltip.no_icon .tooltiptext {
    left: unset;
}
td i.custom-tooltip {
    position: relative;
}
i.custom-tooltip .tooltiptext,
div.controls.custom-tooltip .tooltiptext {
    visibility: hidden;
    /*width: 120px;*/
    background-color: #fff;
    color: #000;
    text-align: left;
    border: 1px solid #ccc;/*2b8aff*/
    border-radius: 6px;
    padding: 15px;
    font-size: 14px;/*12*/
    line-height: 20px;
    font-weight: 400;
    /*font-family: Arial,Helvetica,sans-serif !important;*/
    font-family: 'Open Sans',sans-serif !important;
    font-style: normal;
    /*white-space: nowrap;*/
    width: max-content;
    max-width: 200px;
    white-space: pre-wrap;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 22px;
}

div.controls.custom-tooltip .tooltiptext {
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 0;
    left: -240px;
}

i.custom-tooltip .tooltiptext hr,
div.controls.custom-tooltip .tooltiptext hr {
    margin: 10px 0;
}

i.custom-tooltip .tooltiptext b,
div.controls.custom-tooltip .tooltiptext b {
    font-weight: 600;
}

i.custom-tooltip .tooltiptext span.bluelws,
div.controls.custom-tooltip .tooltiptext span.bluelws {
    color: #1c469d;
    font-weight: 400;
}

i.custom-tooltip .tooltiptext::before {
    top: 8px;
    left: 0px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-top-width: 1px;
        border-right-color: transparent;
        border-right-width: 1px;
        border-bottom-color: transparent;
        border-bottom-width: 1px;
        border-left-color: transparent;
        border-left-width: 1px;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-color: transparent;
    border-right-color: #ccc;/*2b8aff*/
    border-bottom-color: transparent;
    border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -14px;
}

div.controls.custom-tooltip .tooltiptext::before {
    top: 8px;
    left: unset;
    right: 0;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-top-width: 1px;
        border-right-color: transparent;
        border-right-width: 1px;
        border-bottom-color: transparent;
        border-bottom-width: 1px;
        border-left-color: transparent;
        border-left-width: 1px;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #ccc;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-right: -14px;
}

i.custom-tooltip.vps .tooltiptext::before {
    top: 7px;
}

i.custom-tooltip .tooltiptext::after {
    top: 8px;
    left: 0px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-top-width: 1px;
        border-right-color: transparent;
        border-right-width: 1px;
        border-bottom-color: transparent;
        border-bottom-width: 1px;
        border-left-color: transparent;
        border-left-width: 1px;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-color: transparent;
    border-right-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -13px;
}

div.controls.custom-tooltip .tooltiptext::after {
    top: 8px;
    left: unset;
    right: 0;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-top-width: 1px;
        border-right-color: transparent;
        border-right-width: 1px;
        border-bottom-color: transparent;
        border-bottom-width: 1px;
        border-left-color: transparent;
        border-left-width: 1px;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-right: -13px;
}

i.custom-tooltip:hover .tooltiptext,
div.controls.custom-tooltip:hover .tooltiptext {
    visibility: visible;
    /*box-shadow : 0 1px 1px rgba(28, 70, 157, 0.1), 0 2px 2px rgba(28, 70, 157, 0.1), 0 4px 4px rgba(28, 70, 157, 0.1), 0 6px 8px rgba(28, 70, 157, 0.1), 0 8px 16px rgba(28, 70, 157, 0.1) !important;*/
    box-shadow: 0px 0px 15px 5px rgba(28,70,157,0.15);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(28,70,157,0.15);
    -moz-box-shadow: 0px 0px 15px 5px rgba(28,70,157,0.15);
}

/* Si déborde de l'écran */
i.custom-tooltip .tooltiptext.tooltip-bottom {
    top: 20px;
    right: -10px;
    left: unset;
}

i.custom-tooltip .tooltiptext.tooltip-bottom::before {
    top: -14px;
    right: 8px;
    left: unset;
    border-top-color: transparent;
    border-right-color: transparent;/*2b8aff*/
    border-bottom-color: #ccc;
    border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -14px;
}

i.custom-tooltip .tooltiptext.tooltip-bottom::after {
    top: -13px;
    right: 8px;
    left: unset;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color:  #fff;
    border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -13px;
}

/** Tooltip BT JS **/
div.tooltip.fade { width: auto; min-width: 220px; opacity: 1; }
div.tooltip.fade:not(.in) { opacity: 0; }
div.tooltip.fade .tooltip-inner { font-size: 14px; line-height: 20px; font-weight: 400; padding: 15px 15px 15px 10px; font-family: 'Open Sans',sans-serif !important; font-style: normal; background: #fff !important; color: #000 !important; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0px 0px 15px 5px rgba(28,70,157,0.15); }
div.tooltip.fade .tooltip-arrow { border-bottom-color: #ccc; border-top-color: #ccc; }


/* Texte Description Tableau listing */
.little_desc {
    font-size: 12px;
    color: #919296;
}
.little_desc img {
    width: 10px;
    height: auto;
    margin-bottom: 2px;
}

/* Bloc Widget - Header Bleu */
.widget.bloc-blue .widget-header{
    background-color: #1c469d !important;
    border-radius: 6px 6px 0 0;
    min-height: 40px;
    display: -webkit-inline-box;
    width: 100%;
    border: none;
    height: 100%;
}
.widget.bloc-blue .widget-header h3{
    color: #fff !important;
    padding-left: 10px;
    font-weight: 600;
    float: left;
    margin-right: 30px;
}
.widget.bloc-blue .widget-header a#refresh {
    float: right;
    padding-right: 20px;
}

.widget.bloc-blue .widget-header a#refresh i {
    vertical-align: text-top;
}

/* Administratif - Onglet */
.widget-header.onglet31 {
    border: none !important;
    background-color: #eee !important;/*white*/
    text-shadow: none;
    height: 38px;
}
.span12.title {
    display: none;
}

/* Notifications Administrative */
.widget-content .notif31 {
    margin-top:20px;
    color: #1c469d;
    /*font-size: 14px;
    font-weight: 600;*/
    background-color: #d7e3f5;
    border-radius: 5px;
    padding: 10px 0 10px 30px;
    position: relative;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.widget-content .notif31::before {
    position: absolute;
    top: 13px;
    left: 8px;
    content: "";
    background-color: #5d7bb8;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    width: 15px;
    height: 15px;
}
.widget-content .notif31::after {
    position: absolute;
    top: 15px;
    left: 13px;
    content: "";
    background-image: url("../img/I_Info.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 4px;
    height: 10px;
    image-rendering: pixelated;
}
.widget-content .notif31.txt-important {
    margin-top:20px;
    /*font-size: 12px;
    font-weight: 600;*/
    color: #ac3737;
    background: #f4e0e0;
    border-radius: 5px;
    padding: 5px 10px 4px 10px;/*5px 0 4px 10px*/
    position: relative;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.widget-content .notif31.txt-important:before,
.widget-content .notif31.txt-important:after {
    display: none;
}
.widget-content .notif31 p {
    font-size: 14px;
}
.widget-content .notif31 p:last-child {
    margin-bottom: 0;
}
.widget-content .notif31 ul {
    margin-left: 15px;
    margin-bottom: 0;
}
.widget-content .notif31 ul li {
    margin-top: 5px;
}

/* Bloc contact_conseiller */
.bloc_global_remboursement {
    border: none !important;
}
.bloc_global_remboursement .widget-content {
    background-color: #fff !important;
}
.bloc_global_remboursement div.row-fluid {
    display: flex;
}
.flex_form {
    display: flex;
}
.col50 {
    flex: 1;
    padding: 10px 30px;
}
.col50 h3 {
    line-height: 24.5px;
    margin: 0 0 15px;
}

/* Formulaire Administratif */
.col50 .form31 .control-group {
    margin-bottom: 20px;
}
.col50 .form31 select {
    width: 100%;
}
.col50 .form31 select#service {
    margin-top: 5px;
}
.col50 .form31 label {
    text-align: left;
    display: inline-block;
    padding-top: 0;
}
.col50 .form31 .controls {
    margin-left: 0px;
    text-align: left;
}
.col50 .form31 .control-label {
    float: none;
    font-weight: 600;
    width: 100%;
}
.col50 .form31 .notification-text-confirm {
    border-left: none;
    background-color: #d7e3f5;
    color: #1c469d;
    margin-bottom: 10px;
    padding: 10px;
}
.col50 .form31 .notification .message {
    width: 100%;
}

/* Bloc CB / Paypal */
.btn-before-table {
    margin: 30px 0;
}

/* custom popover content */
i.custom-tooltip.tooltip-lg {
    background: #5d7bb8;
    width: 14px;
    height: 14px;
    position: relative;
    vertical-align: middle;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    display: inline-block;
}
i.custom-tooltip.tooltip-lg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: 10px;
    width: auto;*/
    width: 4px;
    height: 8px;
    image-rendering: pixelated;
    border: none;
}
i.custom-tooltip.tooltip-xs {
    background: #5d7bb8;
    width: 12px;
    height: 12px;
    position: relative;
    vertical-align: middle;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    display: inline-block;
}
i.custom-tooltip.tooltip-xs img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: 8px;
    width: auto;*/
    width: 4px;
    height: 8px;
    image-rendering: pixelated;
}

/* Modal */
.modal.fade {
    top: -140%;/*-120%*/
}
.modal-header {
    background-color: #1c469d;
    height: 40px;
    padding: 0;
    border-radius: 4px 4px 0 0;
    /*ADD gestion 2 lignes*/
    display: block;
    width: 100%;
    border: none;
    height: 100%;
}
.modal-header h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    /*margin: 0 15px;*/
    margin: 0 40px 0 15px;
    /*line-height: 40px;*/
    line-height: 26px;
    padding: 7px 0;
}

.modal-header h4 a.close {
    color: #fff;
    font-size: 17px;
    line-height: 40px;
    font-weight: 400;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 0;
}

.modal-body {
    padding: 20px 0;
    width: 100%;
    overflow: hidden;
}

.modal-body.body-flow {
    overflow-y: scroll;
    overflow-x: hidden;
}

.modal-body p {
    word-break: break-word;
}

.modal-body .form31 *[class^="col"]{
    padding-left: 20px; display: inline-block;
}
.modal-body .form31 input[type="radio"]:focus,
.modal-body .form31 input[type="checkbox"]:focus {
    outline:none;
}
.modal-body .form31 .col100 {
    padding: 0 20px;
    width: calc(100% - 50px);
}
.modal-body .col60 {width: 60%;}
.modal-body .col50 {width: 50%;}
.modal-body .col40 {width: auto;}

.modal-body .form31 .col100 input,
.modal-body .form31 .col60 select {
    width: 100%;
}
.modal-body .form31 .col40 select {
    width: min-content;
}

.modal-body .form31 .control-group {
    margin-bottom: 20px;
}
.modal-body .form31 label {
    text-align: left !important;
    display: inline-block;
    padding-top: 0;
}
.modal-body .form31 .controls {
    margin-left: 0px;
    text-align: left;
}
.modal-body .form31 .control-label {
    float: none;
    font-weight: 600;
    /*width: 100%;*/
}

.modal-body .under_form {
    padding-left: 20px;
}
.modal-body .under_form p {
    padding-left: 15px;
    margin: 0;
    vertical-align: middle;
}

.modal-body .under_form img,
.modal-body .under_form p {
    display: inline-block;
}
.modal-body table.table31 {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-top: 0;
}
.modal-body table.table31 td {
    padding: 12px;
}
.modal-body p {
    padding: 5px 15px;
}

.modal-body.h_auto { max-height: max-content; max-height: 75vh; overflow-y: auto; }
@media all AND (max-width: 767px){
    .modal-body.h_auto { max-height: max-content; max-height: 85vh; overflow-y: auto; }
}
.modal-body div.content_message.spam_message p { padding: 5px 10px; }
.modal-body div.content_message.spam_message ol { margin-top: 15px; }
.modal-body div.content_message.spam_message ol li { margin-bottom: 20px; }
.modal-body div.spam_button { text-align: center; }
.modal-body div.spam_button button { margin: 10px 5px; background-color: #34495e; color: #fff; font-weight: 600; border: 0; border-radius: 3px; }

#modal_new_account .modal-body {max-height: none; overflow: visible;}
#modal_new_account .modal-body .col50 {width: 44%; padding: 0 0 0 30px;}
#modal_new_account .modal-body .col70 {width: 61%; padding: 0 0 0 30px;}
#modal_new_account .modal-body .col30 {width: 30%; padding: 0 0 0 15px;}
#modal_new_account .modal-body .col50 input {width: calc(100% - 45px);}
#modal_new_account .modal-body .col100 {padding: 0 30px;}
#modal_new_account .modal-body .col100 input, #modal_new_account .modal-body .col100 select {width: calc(100% - 15px);}
#modal_new_account .modal-body .col100 .input-prepend {width: 100%;}
#modal_new_account .modal-body .col100 .input-prepend input {width: calc(100% - 85px);}


/* Modal classique 700 */
.modal700 { width: 700px; margin-left: -350px; }
.modal700 .modal-body { height: fit-content; }
.modal700 .container-modal { width: calc(100% - 30px); padding: 0 15px; }
.modal700 .container-modal form { margin: 0; }
.modal700 .container-modal p { padding: 0; }
.modal700 .container-modal input[type="text"] { font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.5); margin: 10px 0; padding: 10px 12px 11px !important; border: 1px solid #D5D5D5; border-radius: 3px; }
.modal700 .container-modal input[type="text"].full_width { width: calc(100% - 30px); }
.modal700 .container-modal input[type="submit"] { display: block; margin: 30px auto 0; }
.modal700 .container-modal table { width: calc(100% - 30px) !important; }
.modal700 .container-modal table td { width: 50%; padding: 10px 15px; }

@media (min-width: 768px) { .modal.modal700 { width: 700px; } }
.modal.modal700 .modal-body.body-flow { max-height: 70vh; }
.modal.modal700 p.title { font-size: 15px; line-height: 20px; font-weight: 700; margin-bottom: 15px; }
.modal.modal700 .table_infos_mail { border: 1px solid #D5D5D5; border-radius: 5px !important; }
.modal.modal700 .table_infos_mail.nossl { margin-top: 15px; }
.modal.modal700 .container-modal table.infos_mail { width: 100% !important; margin: 0 !important; }
.modal.modal700 .infos_mail tr td { width: auto; font-size: 14px; line-height: 20px; background: #F8F9FB; padding: 15px; border-bottom: 1px solid #D5D5D5; }
.modal .infos_mail tr td img:not([alt="copie"]) { margin-right: 8px; position: relative; top: -2px; }
.modal .infos_mail tr td img[alt="copie"] { margin-left: 6px; position: relative; top: -1px; }
.modal .infos_mail tr td img[alt="copie"]:hover { cursor: pointer; }
.modal.modal700 .infos_mail tr td:first-of-type { max-width: 200px; }
.modal.modal700 .infos_mail tr:last-of-type td { border-bottom: 0; }
.modal.modal700 .infos_mail tr td br { margin-bottom: 5px; }
.modal a#show_no_ssl { display: inline-block;  margin-top: 20px; }
.modal a#show_no_ssl img { margin-right: 10px; transition: transform .5s ease-in-out;  }
.modal a#show_no_ssl img.rotate180 { transform: rotate(180deg); }
.modal div.remarques { margin-top: 30px; }
.modal div.remarques ul { margin: 0 0 0 18px; }
.modal div.remarques ul li:not(:first-of-type) { margin-top: 15px; }

@media (max-width: 767px) {
    .modal700 { width: 95%; margin: auto; }
    .modal700 .modal-body { max-height: 100%; }
    .modal700 .container-modal table td { display: block; width: 100%; padding: 10px 15px; }
    .modal700 .container-modal table tr td:first-of-type { font-weight: 600; padding: 10px 15px 0; }
    .modal.modal700 .table_infos_mail { max-width: 100%; }
    .modal.modal700 .infos_mail tr td { display: block; width: 100%; max-width: 100% !important; }
    .modal.modal700 .infos_mail tr td:first-of-type { padding: 10px 10px 5px; border-bottom: 0; }
    .modal.modal700 .infos_mail tr td:last-of-type { padding: 5px 10px 10px; }
    .modal.modal700 .infos_mail tr td[colspan="2"] { padding: 10px; }
}


/* Auto Renew */
#listing p .label-info {width: 98%; padding: 10px; margin-bottom: 5px;white-space: pre-wrap; line-height: 18px;}
.table31 tr td select {width: auto;}


/* Coordonnées*/
.widget-content h3 {
    font-size: 20px;
    line-height: 20px;
}

.widget-content.cols2 {
    padding: 0;
}

.flex_form {
    padding: 0 15px;
}

.flex_form .col50 {
    padding: 10px 30px 10px 45px;
}

.flex_form .col50 h3 {
    margin: 20px 0;
}

.flex_form .col50:first-child {
    border-right: 1px solid #DFDFDF;
}

.flex_form .col50:last-child {
    padding-left: 60px;
    padding-right: 15px;
}

.flex_form .col50 input {
    width: calc(100% - 15px);
}

.flex_form .col50 .span12 select,
.flex_form .col50 .span6 select {
    width: 100%;
}

.flex_form .col50 span.txt-red,
.flex_form .col50 label,
.modal-body span.txt-red {
    display: inline-block;
    font-weight: 600;
}

.flex_form .col50 .span4 {
    text-align: right;
}

.flex_form .col50 .radio.inline {
    font-weight: 400;
}

 .flex_form .col50 input[type="radio"],
 .modal-body .col30 input[type="radio"] {
    display: none;
  }
  .flex_form .col50 input[type="radio"] + label,
  .modal-body .col30 input[type="radio"] + label {
    position: relative;
    padding-left: 1.4rem;
    margin-right: 7px;
  }
  .flex_form .col50 input[type="radio"] + label:last-child,
  .modal-body .col30 input[type="radio"] + label:last-child {
    margin-right: 0px;
  }
  .flex_form .col50 input[type="radio"] + label::before,
  .flex_form .col50 input[type="radio"] + label::after,
  .modal-body .col30 input[type="radio"] + label::before,
  .modal-body .col30 input[type="radio"] + label::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content:'';
    border-radius: 1rem;
  }
  .flex_form .col50 input[type="radio"] + label::before,
  .modal-body .col30 input[type="radio"] + label::before {
    bottom: 2px;
    left: 0;
    border: 1px solid #08c;
    background-color: #fff;
    width: 1rem;
    height: 1rem; 
  }
  .flex_form .col50 input[type="radio"] + label::after,
  .modal-body .col30 input[type="radio"] + label::after {
    bottom: 5px;
    left: 3px;
    width: calc(1rem - 6px);
    height: calc(1rem - 6px);
  }
  .flex_form .col50 input[type="radio"]:checked + label::after,
  .modal-body .col30 input[type="radio"]:checked + label::after {
    background-color: #08c;
  }

  .avatar input {
      margin-top: 30px;
  }

  .img-rounded {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 90px;
    height: 90px;
    border: 1px solid #ececec;
    display: inline-block;
    margin-right: 15px;
}

.img-rounded img.check {
    outline: 100px solid rgba(51, 153, 51, 0.7) !important;
    outline-offset: -100px;
    overflow: hidden;
    position: relative;
}



.widget-content.cols2 .avatar {
    border-top: 1px solid #BACADB;
    padding: 15px 30px;
    text-align: center;
}

.widget-content .flex_form .col50 .span12.btn-center {
    text-align: center;
}

.widget-content .flex_form .col50 .span12.btn-center button {
    margin-bottom: 10px;
}

.flex_form .col50 .controls .input-prepend {
    width: 100%;
}

.flex_form .col50 .controls .input-prepend .add-on {
    width: 70px;
}

.flex_form .col50 .controls .input-prepend input {
    width: calc(100% - 80px);
}

div#historique {
    padding: 20px 20px 0;
}

div#historique table.table31 {
    border: 1px solid #ddd;
}

/*.widget-content.cols2 .span6 {
    padding: 20px 0 15px;
}
.widget-content.cols2 .span6:first-child {
    border-right: 1px solid #DFDFDF;
}*/


/* Compte prépayé */
.widget-content .entete {
    text-align: center;
    background-color: #fff !important;
    margin-top: -20px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
    padding: 20px;
}
.widget-content .entete .cp-solde {
    font-size: 20px;
    font-weight: 600;
    vertical-align: middle;
}
.widget-content .entete .cp-solde .text-bluelws {
    color: #1c469d;
}
.widget-content .entete a.btn {
    margin: 0 15px;
}

/* Support */
.shortcuts {
    margin-top: 15px;
}
.shortcuts .shortcut {
    width: 12% !important;
    padding: 15px 0 0px !important;
}
.shortcut-label {
    margin-top: 5px;
}
.statut_service {
    text-align: center;
    padding: 0 15px;
}
.statut_service div {
    display: inline-block;
    margin-right: 20px;
}
.statut_service div img {
    width: 15px;
    height: auto;
    margin-right: 10px;
}
.statut_service div span {
    vertical-align: middle;
}
.widget.bloc-blue .widget-content .btn-center {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
.widget.bloc-blue.widget-box .widget-content {
    padding: 20px 0px 0px;
}
.widget.bloc-blue.widget-box .widget-content table#support_legend {
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
.widget.bloc-blue.widget-box .widget-content table#support_legend td:nth-child(2) {
    border-left: 1px solid #ddd;
    border-right : 1px solid #ddd;
}
.widget.bloc-blue .widget-content.p20 { padding: 30px; }


/* Notifications Mutu */
.notif31-mutu {
    color: #1c469d;
    /*font-size: 12px;
    font-weight: 600;*/
    background-color: #d7e3f5;
    border-radius: 5px;
    padding: 12px 10px 12px 30px;/*10px 10px 10px 30px*/
    position: relative;
    margin-bottom: 2em;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.widget-content.pad20 .notif31-mutu.nopad {
    margin-left: -30%;
    margin-right: -30%;
}
.widget-content.pad30 .notif31-mutu.nopad {
    margin-left: -70%;
    margin-right: -70%;
}
.notif31-mutu br {
    display: block;
    content: "";
    /*margin-top: 7px;*/
}
.notif31-mutu p br {
    content: none;
}
.notif31-mutu p {
    /*font-size: 12px;*/
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
}
.notif31-mutu p:last-child {
    margin-bottom: 0;
}
.notif31-mutu::before {
    position: absolute;
    top: 13px;
    left: 8px;
    content: "";
    background-color: #5d7bb8;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    width: 15px;
    height: 15px;
}
.notif31-mutu::after {
    position: absolute;
    top: 15px;
    left: 13px;
    content: "";
    background-image: url("../img/I_Info.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 4px;
    height: 10px;
    image-rendering: pixelated;
}
.notif31-mutu.txt-important {
    font-size: 12px;
    font-weight: 600;
    color: #ac3737;
    background: #f4e0e0;
    border-radius: 5px;
    /*padding: 5px 10px 4px 10px;/*5px 0 4px 10px*/
    padding: 10px;
    position: relative;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.notif31-mutu.txt-success {
    font-size: 12px;
    font-weight: 600;
    color: #299a2a;
    background: #d5f2d5;
    border-radius: 5px;
    /*padding: 5px 10px 4px 10px;/*5px 0 4px 10px*/
    padding: 10px;
    position: relative;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.notif31-mutu.txt-warning {
    font-size: 12px;
    font-weight: 600;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    border-radius: 5px;
    /*padding: 5px 10px 4px 10px;/*5px 0 4px 10px*/
    padding: 10px;
    position: relative;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.notif31-mutu.txt-info-no-i {
    font-size: 12px;
    font-weight: 600;
    color: #1c469d;
    background-color: #d7e3f5;
    border-radius: 5px;
    /*padding: 5px 10px 4px 10px;/*5px 0 4px 10px*/
    padding: 10px;
    position: relative;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.notif31-mutu.txt-important:before,
.notif31-mutu.txt-important:after,
.notif31-mutu.txt-success:before,
.notif31-mutu.txt-success:after,
.notif31-mutu.txt-warning:before,
.notif31-mutu.txt-warning:after,
.notif31-mutu.txt-info-no-i:before,
.notif31-mutu.txt-info-no-i:after {
    display: none;
}
.notif31-mutu.n-top {
    margin: 0 0 20px !important;
}
.notif31-mutu ul li:not(:last-child) {
    margin-bottom: 10px;
}

.notif31-mutu.new::before { background-color: transparent; background-image: url(img/i_info.svg); }
.notif31-mutu.new::after { display: none; }

/* Label Widget Content */
.widget.bloc-blue span.label {
    margin-top: 20px;
    white-space: pre-wrap;
}
.widget.bloc-blue span.label.form-notif-margin {
    display: block;
    white-space: normal;
    max-width: 100%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* Formulaire Mutu */
.widget-content.pad30 {
    padding: 20px 30% 0px;
}
.widget-content.pad20 {
    padding: 20px 20% 0px;
}
.widget-content.pad25 {
    padding: 20px 25% 0px;
}
.widget-content.pad15 {
    padding: 20px 15% 0px;
}
.form-mutu .row {
    margin-left: 0;
}
.form-mutu div.flex-row {
    display: flex;
}
.form-mutu div.flex-row div.size50 {
    flex: 1;
}
.form-mutu div.flex-row div.size50:first-child {
    padding-right: 10px;
}
.form-mutu div.flex-row div.size50:last-child {
    padding-left: 10px;
}
.form-mutu input:not(.btn):not([type='file']):not([type='checkbox']) {
    width: calc(100% - 15px);
}
.form-mutu .control-group .controls.btn-generate {
    display: flex;
}
.form-mutu .control-group .controls.btn-generate input:first-child {
    flex: 6;
    width: auto;
}
.form-mutu .control-group .controls.btn-generate input:last-child {
    flex: 1;
    margin-left: 15px;
    height: 30px;
}
.form-mutu input[type="file"] {
    line-height: 10px;
    height: auto;/*add 09/03/2021*/
}
.form-mutu label {
    font-weight: 600;
}
.form-mutu input[type="checkbox"] {
    border-radius: 2px;
    height: 15px;
    width: 15px;
    background: #fff;
    margin-top: 0px;
    width: 14px;
    height: 14px;
    border: 1px solid #BACADB;
    margin-top: -2px;
}

.form-mutu input[type="checkbox"]:checked {
    border-radius: 2px;
    background-color: rgba(28, 70, 157, 1);
    position: relative;
}

.form-mutu input[type="checkbox"]:checked:before {
    font-family: FontAwesome;
    content: '\f00c';
    display: block;
    color: #fff;
    font-size: 9px;
    position: absolute;
    top: 1px;
    left: 2px;
}

.form-mutu input[type="checkbox"]:focus {
    outline: none;
}

select:focus {
    outline: none;
}

/*.widget.bloc-blue a.btn,
.widget.bloc-blue input.btn {
    font-weight: 600;
}*/
.input-prepend.input-block-level {
    display: table;
    width: 100%;
}

.input-prepend.input-block-level .add-on {
    display: table-cell;
    background-color: #F7F7F7;
    width: 140px;
    vertical-align: middle; /*add 18/03/2021*/
}

.input-prepend.input-block-level > input {
    display: table-cell;
    border-left-style: none;
}

/* Form center */
div.center_radio { width: max-content; max-width: 100%; margin: auto; padding-top: 5px; padding-bottom: 15px; }
div.center_radio > label.radio { padding-left: 0; margin-bottom: 10px; }
div.center_radio input[type="radio"] + label::before { top: 8px !important; }
div.center_radio input[type="radio"] + label::after { top: 11px !important; }
div.center_radio input[type="radio"] + label { padding-left: 1.6rem !important; }


/* Form service */
form.form-service { margin: 0 20%; }
form.form-service input[type="text"]:disabled { color: #000; }
form.form-service input,
form.form-service select { margin-bottom: 20px; }
.form-service select { width: calc(100% + 8px ); }
.form-service .btn-form { text-align: center; }

@media(max-width: 767px){
    form.form-service { margin: 0 15px; } 
}

/* Formulaire tableau */
form.form-table tr {
    height: 48px;
}
form.form-table tr td {
    vertical-align: middle;
}
form.form-table tr td:first-child {
    font-weight: 600;
}
form.form-table tr td.td-center {
    text-align: center;
}
form.form-table tr td input,
form.form-table tr td select {
    margin-bottom: 0;
}
form.form-table tr td.td-checkboxs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}
form.form-table tr td.td-checkboxs br {
    display: none;
}
form.form-table input[type="radio"] {
    display: none;
}
form.form-table input[type="radio"] + label {
    position: relative;
    padding-left: 1.4rem;
    margin-right: 7px;
}
form.form-table input[type="radio"] + label:last-child {
    margin-right: 0px;
}
form.form-table input[type="radio"] + label::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content:'';
    border-radius: 1rem;
    top: 6px;
    left: 3px;
    width: calc(1rem - 6px);
    height: calc(1rem - 6px);
}
form.form-table input[type="radio"] + label::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    border-radius: 1rem;
    top: 3px;
    left: 0;
    border: 1px solid #08c;
    background-color: #fff;
    width: 1rem;
    height: 1rem; 
}
form.form-table input[type="radio"]:checked + label::after {
    background-color: #08c;
}

form.form-table td.generator input[type="text"] {
    width: calc(100% - 101px) !important;
}
form.form-table input.quota {
    width: 70px !important;
    margin-right: 5px;
}


/* Formulaire config PHP */
form.form-php div.row {
    margin-left: 0;
}
form.form-php div.control-group {
    display: flex;
    align-items: center;
    min-height: 50px;
    margin-bottom: 0px;
}
form.form-php > div.control-group:last-child > div.controls {
    text-align: center;
}
form.form-php div.control-group label {
    flex: 1.5;
    text-align: left;
    padding-right: 15px;
}
form.form-php div.control-group div.controls {
    flex: 1;
    text-align: left;
    margin-left: 0px;
}
form.form-php div.control-group select {
    width: 100%;
}
form.form-php .control-radio label {
    font-weight: 400;
}
form.form-php .control-radio label.label-defaut {
    display: inline-block;
    vertical-align: sub;
}
form.form-php input[type="radio"] {
    display: none;
}
form.form-php input[type="radio"] + label {
    position: relative;
    padding-left: 1.4rem;
    margin-right: 7px;
}
form.form-php input[type="radio"] + label:last-child {
    margin-right: 0px;
}
form.form-php input[type="radio"] + label::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content:'';
    border-radius: 1rem;
    bottom: 5px;
    left: 3px;
    width: calc(1rem - 6px);
    height: calc(1rem - 6px);
}
form.form-php input[type="radio"] + label::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    border-radius: 1rem;
    bottom: 2px;
    left: 0;
    border: 1px solid #08c;
    background-color: #fff;
    width: 1rem;
    height: 1rem; 
}
form.form-php input[type="radio"]:checked + label::after {
    background-color: #08c;
}

/* Bloc step gris */
div.breadcrumb { text-align: center; }
div.breadcrumb div.step { display: inline-block; margin-right: 40px; color: rgba(28, 70, 157, 0.5); font-weight: 600; margin-top: 10px; margin-bottom: 10px; }
div.breadcrumb div.step:last-child { margin-right: 0; }
div.breadcrumb div.step.active { color: #1c469d; }
div.breadcrumb div.step div.circle { display: inline-block; border-radius:50%; border:2px solid rgba(28, 70, 157, 0.5); width:20px; height:20px; }
div.breadcrumb div.step.active div.circle { border:2px solid rgba(28, 70, 157, 1); }

/* Bloc info Save */
table.table-info-mutu {
    margin-bottom: 2em;
}
tr.save_info td {
    padding: 15px;
}
tr.save_info td span.label {
    margin-top: 10px;
}

table.table-info-mutu tr td {
    padding: 15px;
}
table.table-info-mutu span.mute {
    color: #898989;
    font-size: 12px;
}
table.table-info-mutu .quota-info {
    text-align: left;
}
table.table-info-mutu .quota-info .quotas_content {
    border-bottom: none;
    padding: 0 0 15px;
}
table.table-info-mutu .quota-info div:last-of-type {
   padding-bottom: 0 !important;
}
table.table-info-mutu .quota-info div:last-of-type p:last-child {
    margin-bottom: 0 !important;
}
table.table-info-mutu .quota-info .quotas_content span.quota-title {
    color: inherit;
    font-weight: 400;
}
table.table-info-mutu .quota-info .quotas_content progress[value] {
    max-width: 60%;
    margin: 2px 0;
}
table.table-info-mutu .quota-info .quotas_content .progress_info {
    margin-left: 10px;
}
table.table-info-mutu td.align-info {
    text-align: left;
}
table.table-info-mutu td.align-info > div {
    display: table-cell;
}
table.table-info-mutu td.align-info div {
    width: max-content;
}
table.table-info-mutu td.align-info div:first-child p {
    line-height: 22px;
}
table.table-info-mutu td.align-info div:last-child,
table.table-info-mutu td.align-info div p a {
    padding-left: 10px;
}
table.table-info-mutu td.align-info div p {
    margin-bottom: 15px !important;
}
table.table-info-mutu td.align-info div p:last-of-type {
    margin-bottom: 0 !important;
}

/* Bloc user FTP */
tr.user_ftp {
    padding: 5px 15px;
}

tr.user_ftp td {
    text-align: center;
    vertical-align: middle;
}

/* Custom modal */
.modal-body.body-lg {
    max-height: none;
    overflow: visible;
}
.modal-body.body-scroll {
    overflow-y: auto;
    height: 80vh;
}
.container-modal {
    width: calc(100% - 60px);
    padding: 0 30px;
}

.container-modal form.pad90 {
    padding: 0 90px;
}

.container-modal table {
    width: auto !important;
    margin: auto;
}

.container-modal table tr td {
    vertical-align: middle;
}

/*.container-modal table tr td a {
   width: auto;
   display: inline-block;
}

.container-modal table tr td i.custom-tooltip.vps {
    background: #5d7bb8;
    width: 12px;
    height: 12px;
    position: relative;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    display: inline-block;
}

.container-modal table tr td i.custom-tooltip.vps img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 8px;
    width: auto;
}*/

.container-modal form.form31 {
    margin: 0;
}

.container-modal .notif31-mutu {
    margin: 20px 0 0;
}

.container-modal .simple-txt,
.container-modal a.btn-large {
    margin-top: 1rem;
}

.container-modal .simple-txt br {
    margin-bottom: 5px;
}

.container-modal .control-group {
    margin-bottom: 5px !important; /*line 772*/
    position: relative;
}

.container-modal .control-group small{
    position: absolute;
    bottom: -10px;
}

.container-modal .control-group.pad20 {
    padding: 0 20%;
}

.container-modal .flex-content input {
    width: calc(100% - 12px);
}

.container-modal .flex-content2 input,
.container-modal .flex-content3 input,
.container-modal .flex-content4 input {
    width: 100%;
}

.container-modal .btn-center {
    margin: 20px 0 0 !important;
    text-align: center;
}

.container-modal .controls select {
    width: 100%;
}

.container-modal button.btn-gen {
    margin-top: 25px;
}

.container-modal .controls.flex-controls,
.container-modal .flex-controls {
    display: flex;
    margin-bottom: 15px;
}

.container-modal .controls.flex-controls.smalltxt,
.container-modal .flex-controls.smalltxt {
    margin-bottom: 35px;
}

.container-modal .flex-controls div.flex-content {
    flex: 1;
}

.container-modal .flex-controls div.flex-content2 {
    flex: 2;
}

.container-modal .flex-controls div.flex-content3 {
    flex: 3;
}

.container-modal .flex-controls div.flex-content4 {
    flex: 4;
}

.container-modal .flex-controls div.flex-content:first-child,
.container-modal .flex-controls div.flex-content2:first-child,
.container-modal .flex-controls div.flex-content3:first-child,
.container-modal .flex-controls div.flex-content4:first-child {
    margin-right: 10px;
}

.container-modal .flex-controls div.flex-content:last-child,
.container-modal .flex-controls div.flex-content2:last-child,
.container-modal .flex-controls div.flex-content3:last-child,
.container-modal .flex-controls div.flex-content4:last-child {
    margin-left: 10px;
}

.container-modal .flex-controls div.flex-content:first-child:last-child {
    margin-left: 0px;
    margin-right: 0px;
}

.container-modal .controls.flex-controls input {
    flex: 2;
}

.container-modal .controls.flex-controls button {
    flex: 1;
    height: 30px;
    margin-left: 20px;
}

.container-modal input[type="checkbox"] {
    border-radius: 2px;
    height: 15px;
    width: 15px;
    background: #fff;
    margin-top: 0px;
    width: 14px;
    height: 14px;
    border: 1px solid #BACADB;
    margin-top: -2px;
}

.container-modal input[type="checkbox"]:checked {
    border-radius: 2px;
    background-color: rgba(28, 70, 157, 1);
    position: relative;
}

.container-modal input[type="checkbox"]:checked:before {
    font-family: FontAwesome;
    content: '\f00c';
    display: block;
    color: #fff;
    font-size: 9px;
    position: absolute;
    top: 1px;
    left: 2px;
}

.container-modal .controls.radio-right {
    text-align: right;
}
.container-modal input[type="radio"] {
    display: none;
}
.container-modal input[type="radio"] + label {
    position: relative;
    padding-left: 1.4rem;
    margin-right: 7px;
}
.container-modal input[type="radio"] + label:last-child {
    margin-right: 0px;
}
.container-modal input[type="radio"] + label::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content:'';
    border-radius: 1rem;
    bottom: 5px;
    left: 3px;
    width: calc(1rem - 6px);
    height: calc(1rem - 6px);
}
.container-modal input[type="radio"] + label::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    border-radius: 1rem;
    bottom: 2px;
    left: 0;
    border: 1px solid #08c;
    background-color: #fff;
    width: 1rem;
    height: 1rem; 
}
.container-modal input[type="radio"]:checked + label::after {
    background-color: #08c;
}

.container-modal .controls.input-prepend {
    width: 100%;
}

.container-modal .controls.input-prepend .add-on {
    width: 70px;
}

.container-modal .controls.input-prepend input {
    width: calc(100% - 95px);
}
.container-modal label.label-title {
    border-bottom: 1.5px solid #ececec;
    width: 100%;
    padding-bottom: 5px;
    font-size: 16px;
    margin-bottom: 15px;
}

/* Vidéo responsive Youtube - Iframe */
.embedresize {
    max-width: 560px;
    margin: auto;
}
    
.embedresize div {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
    
.embedresize iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    
.intro #intro .embedresize iframe,
.exit .quizz .embedresize iframe,
.alreadyplayed #intro .embedresize iframe,
.identityset #intro .embedresize iframe,
#notabene .embedresize iframe,
#message_intro .embedresize iframe,
.fancybox_body .embedresize iframe,
#comments .embedresize iframe,
#description .embedresize iframe,
.alreadyplayed .embedresize iframe,
#adserver .embedresize iframe {
    max-width: none !important;
}

/* Footer Panel */
div.footer { border-top: none !important;}
@media all AND (max-width: 767px){
    div.footer div.container div.row div.span12 { text-align: center; }
}

/* CUSTOM Installation boutique */
.cms {  
    width: auto;
    height: auto;
    padding: 15px 20px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}
.cadre { 
  border: 2px solid #08c;
  border-radius: 10px;
  background-color: #f9f9f9;
}


/* Modif .notification-text-confirm */
.notification-text-confirm {
    color: #1c469d !important;
    background-color: #d7e3f5 !important;
}
.notification {
    padding: 10px 15px !important;
}

/* para service */
.widget-content.para-service h4 {
    margin-top: 20px;
}
.widget-content.para-service h4:first-child {
    margin-top: 0px;
}

/* Quota-info */
.quota-info.info-vps .quotas_content {
    padding: 10px 15px;
    line-height: 20px;
}
.quota-info.info-rsync .quotas_content {
    line-height: 18px;
}
.quota-info.info-vps .quotas_content p {
    margin: 0 !important;
}
.quota-info.info-vps .quotas_content span.label {
    margin-top: 0 !important;
}

/* Price changement */
div.price-changement { font-size: 20px; color: #1e499b; font-weight: 600; text-align: center; margin: 30px 0; }
div.price-changement span.txt-black { color: #000; }

/* CSS Datatable */
.dataTables_length select { width: auto; }

/* Générique */
.table-form { display: table; width: auto; margin: auto !important; }
.txt-left { text-align: left !important; }
table.txt-left tr td, table.txt-left tr th { text-align: left !important; }
.txt-right { text-align: right !important; }
.txt-center { text-align: center !important; }
.fw400 { font-weight: 400 !important; }
.fw600 { font-weight: 600 !important; }
.fw800 { font-weight: 800 !important; }
.fs12 { font-size: 12px; }
.lh28 { line-height: 28px; }
.p0 { padding: 0 !important; }
.pl0 { padding-left: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.p15 { padding: 15px !important; }
.pl15 { padding-left: 15px !important; }
.nopm { padding: 0 !important; margin: 0 !important; }
.margin0{ margin: 0 !important; }
.mauto { margin: 0 auto !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt35 { margin-top: 35px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px; }
.padding0 { padding: 0 !important; }
.txt-gris { color: #919296; }
.txt-white { color: #fff; text-shadow: none; }
.i20 { width: 20px; height: auto; }
table.padtd15 tr td { padding-bottom: 10px; }
table.t-valign-mid tr td { vertical-align: middle; text-align: center; }
td.va-top { vertical-align: top !important; }
table.t-valign-mid tr td input { margin-bottom: 0; }
table.t-valign-mid tr td input[type="submit"] { margin-top: 10px; }
table.vlmid tr td, table.vlmid tr th { vertical-align: middle; }
td.t-valign-top { vertical-align: top !important; }
td.t-valign-mid { vertical-align: middle !important; }
table.tw75 { width: 75%; margin: auto; }
table.table-pad5 tr td { padding: 10px 0; }
table.table-pad5 label { margin-bottom: 0; }
.t-auto { width: auto; margin: auto; }
.t-auto td[colspan="2"] { text-align: center; }
.td-max { width: max-content; }
.invalid-input { border-color: red !important;}
.invalid-txt { font-size: 12px !important; color: red !important; font-weight: 400 !important; display: block; }/*add dblock 22 mars*/
.form-notif-margin { margin-top: 0px !important; margin-bottom: 20px !important; }
.btn-svg { width: auto; height: 14px; margin-right: 3px; }
.t-hidden-xs { display: table-cell; }
.t-visible-xs { display: none; }
.d-table { display: table; }
.d-table a:focus, .d-table a:hover { text-decoration: none; }
table.no-border, table.no-border td  { border: none; }
img.icone12 { width: 12px; height: auto; }
img.icone-delete { width: 16px; height: auto; margin-top: -3px; }
table.t-p10 td { padding: 10px !important; }
.counter-pad30 { margin-left: -30%; margin-bottom: 20px; }
.label-wrap { text-align: left;  }
.arrow-right { position: relative; top: 13px; font-size: 16px; color: #1c469d; }
.vabt { vertical-align: bottom !important; }
.td-ou { position: relative; top: -5px; }
form.pad15p { padding: 0 15%; }
.vab { vertical-align: bottom; }
.d-none { display: none !important; }
hr.separator { border-top: 1px solid rgba(70, 79, 87, 0.5); }
p.title_section { font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.no-br-top { border-radius: 0 0 5px 5px; }


/* Responsive */

@media all AND (min-width: 1200px){
    .widget-content div.info-domaine button {
        display: block;
        margin: 10px auto 0;
    }
}

@media all AND (max-width: 1199px){
    .widget-content {
        border-top: 1px solid #DFDFDF !important;
    }
    /*.onglet31 {
        display:none;
    }*/
    .span12.title {
        display: block;
        font-size: 24px;
        font-weight: 600;
        margin: 20px 20px 30px;
    }
    .widget-content.pad30 {
        padding: 20px 20% 0px;
    }
    .counter-pad30 { 
        margin-left: -20%;
    }
    .widget-content.pad15 {
        padding: 20px 5% 0px;
    }
    div.shortcuts {
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 6px;
    }
    div.shortcuts.support-shortcuts {
        grid-template-columns: auto;
    }
    table.tw75 { width: 90%; }
}

@media all AND (max-width: 979px){
    div.shortcuts {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 25px;
        padding: 0 5px 0 0;
    }
    div.shortcuts.auto-cms {
        grid-template-columns: repeat(3, 1fr);
    }
    div.shortcuts.support-shortcuts {
        grid-template-columns: auto;
    }
    div.shortcuts a.shortcut,
    div.shortcuts form.shortcut {
        width: 100% !important;
    }
    span.visible-no979-only {
        display: none;
    }
    .widget-content.domain-info small {
        display: none;
    }
    .widget-content.domain-info div.span12:last-child {
        text-align: center;
    }
    .widget-content div.info-domaine button {
        display: block;
        margin: 10px auto 0;
    }
    .widget-content.pad25 {
        padding: 20px 1% 0px;
    }
    .widget-content.pad20 {
        padding: 20px 1% 0px;
    }
    .widget-content.pad15 {
        padding: 20px 1% 0px;
    }
    .counter-pad30 { 
        margin-left: 0;
    }
    .counter-pad30 span.label {
        white-space: inherit;
    }
    table.tw75 { width: 100%; }
    table.tw75 i.icon-download-alt { display: none; }
    .notif31-mutu.nopad { margin-left: 0; margin-right: 0; }
}

@media all AND (max-width: 767px){
    .widget-header h3 {
        font-size: 16px!important;
    }
    .widget-content h3 {
        line-height: 30px; /*add 08/03/2021*/
    }
    .widget-content.pad30 {
        padding: 20px 5% 0px;
    }
    .counter-pad30 { 
        margin-left: 0;
    }
    .counter-pad30 span.label {
        white-space: inherit;
    }
    .form-mutu div.flex-row {
        display: block;
    }
    .form-mutu div.flex-row div.size50:first-child {
        padding-right: 0px;
    }
    .form-mutu div.flex-row div.size50:last-child {
        padding-left: 0px;
    }
    div.shortcuts {
        grid-template-columns: repeat(4, 1fr);
    }
    div.shortcuts.support-shortcuts {
        grid-template-columns: auto;
    }
    div.shortcuts.auto-cms {
        grid-template-columns: repeat(3, 1fr);
    }
    span.visible-no979-only {
        display: inline-block;
    }
    #screenshot_container {
        max-width: 330px;
        margin: auto;
    }
    .widget-content div.info-domaine button {
        display: block;
        margin: 10px auto 0;
    }
    .widget-content.domain-info div.span12:last-child {
        text-align: center;
    }
    .widget-content.domain-info small {
        display: inline-block;
    }
    form.form-php .control-radio label.label-defaut {
        display: none;
    }
    form.form-table tr td.td-checkboxs {
        display: table;
        margin: 10px 5px;
    }
    form.form-table tr td.td-checkboxs br {
        display: block;
    }
    .tab-content input[class*="span"]:not(#searchTable), .tab-content select[class*="span"], .tab-content textarea[class*="span"] {
        margin-bottom: 20px;
    }
    .info-dns span.ml30 {
        display: block;
        margin-left: 0;
        margin-bottom: 15px;        
    }
    table.tw75 a { margin-bottom: 5px; }
    .hidden-xs { display: none; }
    .t-hidden-xs { display: none; }
    .t-visible-xs { display: table-cell; }
    .visible-xs {display: block; margin-bottom: 10px; }
    #chemininstall table { margin:auto; }
}

@media all AND (max-width: 630px){
    div.shortcuts {
        grid-template-columns: repeat(3, 1fr);
    }
    div.shortcuts.support-shortcuts {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: inherit;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    div.shortcuts.auto-cms {
        grid-template-columns: repeat(2, 1fr);
    }
    .cms { padding: 5px 10px; }
    span.mr10 { margin-right: 0; }
}

@media all AND (max-width: 480px){
    div.shortcuts {
        grid-template-columns: repeat(2, 1fr);
    }
    .widget-content.domain-info small {
        display: none;
    }
    div.shortcuts a.shortcut.cms-shortcut {
        min-width: 135px;
    }
}

/* Form SSL */
form.form-php.form-ssl div.control-group label { flex: 0.5; }
form.form-php.form-ssl div.control-group div.controls { flex: 1; }
form.form-php.form-ssl div#formulairecrt { margin: 20px 0; }
form.form-php.form-ssl div#formulairecrt div.control-group label { flex: 0.5; }
form.form-php.form-ssl div#formulairecrt div.control-group div.controls { flex: 1; }
form.form-php.form-ssl div#formulairecrt div.control-group div.controls textarea { width: calc(100% - 15px); }
form.form-php.form-ssl input.btn.btn-success { margin-top: 10px; }

/*Tableau option*/
div.tfeaturesv3 table.table-service tbody tr td:nth-child(2) { border-left: 2px solid #1c469d; }
div.widget-content div table.table-service tbody tr td:nth-child(2) { border-left: 2px solid #1c469d; }

/* Datatable MAJ CSS */
.dataTables_info {margin-top: 15px;}
.dataTables_paginate.paging_simple_numbers {margin-top: 13px;}
.dataTables_length {margin-bottom: 10px;}

/* input + bulle info */
.form-mutu input:not(.btn):not([type='file']):not([type='checkbox']).input-info {
    width: calc(100% - 20px);/*-35 input info 25-03-2021*/
}

/************************************************************/
/********************* Menu Responsive **********************/
/************************************************************/

@media all AND (max-width: 979px) AND (min-width: 768px) {
    .navbar .menulws { padding: 0; }
    .navbar .menulws .container { width: 724px; }
    .navbar .btn-navbar { display: none; }
    .nav-collapse.collapse { height: auto !important; overflow: visible !important; clear: inherit !important; }
    .navbar .nav-collapse .nav.pull-right { float: right; margin-right: 0; }
    .navbar .nav-collapse .nav { margin: 0 10px 0 0; }
    .nav-collapse .nav>li { float: left; }
    .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a { font-weight: normal; }

    .navbar .menulws .container .nav.pull-right ul.dropdown-menu { position: absolute; border: 1px solid rgba(0,0,0,0.2); margin: 2px 0 0; padding: 5px 0; background: #fff; }
    .navbar .menulws .container .nav.pull-right ul.dropdown-menu a { background: #fff!important; color: #333; }
    .navbar .menulws .container .nav.pull-right>li>.dropdown-menu:before,
    .navbar .menulws .container .nav.pull-right>li>.dropdown-menu.pull-right:before { position: absolute; top: -7px; right: 12px; left: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,0.2); content: ''; }
    .navbar .menulws .container .nav.pull-right>li>.dropdown-menu:after,
    .navbar .menulws .container .nav.pull-right>li>.dropdown-menu.pull-right:after { position: absolute; top: -6px; right: 13px; left: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }
}

@media all AND (max-width: 767px) {
    .navbar .menulws .btn-navbar {
        background: #fff !important;
        padding: 10px;
        margin-right: 10px;
        margin-top: 8px;
    }
    .navbar .menulws .btn-navbar .icon-bar {
        background-color: #1e499b !important;
    }

    .menulws ul.nav.pull-right {
        display: flex;
        flex-direction: column;
    }

    .menulws ul.nav.pull-right li {
        border-right: none;
    }

    .menulws ul.nav.pull-right li:first-child {
        order: 2;
        margin-top: 20px;
    }

    .menulws ul.nav.pull-right li:nth-child(2) {
        position: absolute;
        right: 60px;
        z-index: 1;
    }

    .menulws ul.nav.pull-right li:nth-child(3) {
        order: 3;
    }

    .menulws ul.nav.pull-right li:nth-child(4) {
        order: 1;
    }

    .menulws ul.nav.pull-right li:nth-child(5) {
        position: absolute;
        right: 0;
        z-index: 1;
    }

#step2 li.menu_buy a,
    #step2 li.menu_sms a,
    #step2 li.menu_moving_service a,
    #step2 li.menu_aff a { margin-left: 0 !important; }
    #step2 li:not(.menu_buy) a:before { display: none; }

    .menulws ul.nav.pull-right li:nth-child(4) ul#step2 li a { font-weight: normal; padding: 5px 0px; }

    .menulws .nav.pull-right li { border-right: none !important; }
    .menulws .nav.pull-right li ul.dropdown-menu { display: block; }
    .menulws .nav.pull-right li ul.dropdown-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
    .menulws .nav.pull-right li ul.dropdown-menu li:first-child { margin-top: 0;}
    .menulws .nav.pull-right li ul.dropdown-menu li:nth-child(2),
    .menulws .nav.pull-right li ul.dropdown-menu li:nth-child(5) { position: inherit; }
    .menulws .nav.pull-right li ul.dropdown-menu li a { margin: 2px 0; }
    .menulws .nav.pull-right li.dropdown.svg a b.caret, #step1 b.caret { border: none; }
    .menulws .nav.pull-right li.dropdown.svg a img { display: none; }
    .menulws .nav.pull-right li.dropdown.svg a:before { content: "Langue"; }
    #step-lang li a { padding: 5px 0; font-weight: normal; }
    #step-lang li a:before { content: ''; }
    #step-lang li a img { display: inline-block; vertical-align: bottom; }
}


/************************************************************/
/****************** Responsive Page Service *****************/
/************************************************************/

/*Page Coordonnées*/
form[name="facturation"] .span12.btn-center button,
div.flex_form .span12.btn-center button { margin-bottom: 0 !important; }

@media all AND (max-width: 979px) {
    div.flex_form form div.control-group.span6,
    div.flex_form form div.control-group.span12 span.span8,
    div.flex_form form div.control-group.span12 span.span4 { width: 100%; margin-left: 0; }
    div.flex_form form div.control-group.span12 span.span4 { text-align: left; padding-bottom: 10px; border-bottom: 1px solid rgba(28, 70, 157, 1); }
    form[name="facturation"] div.control-group.span6 { width: 100%; margin-left: 0; }
}

@media all AND (max-width: 767px){
    .flex_form .col50 { padding: 10px 15px 10px 0; }
    .flex_form .col50:last-child { padding: 10px 0px 10px 15px; }
}

@media all AND (max-width: 473px){
    form[name="facturation"] a.btn-danger { margin-bottom: 15px; }
}

@media all AND (max-width: 405px){
    .flex_form div.input-prepend #indicatif { display: none; }
    .flex_form div.input-prepend input#prependedInput { width: 100% }
}

/*Page Compte prépayé*/
@media all AND (max-width: 520px){
    div.widget-content div.entete a[href="#modal_info_cp"] { display: block; width: 70px; margin-top: 15px; margin: 15px auto 0; }
}

/*Page CB & Paypal*/
@media all AND (max-width: 500px){
    a#add_paypal { display: block; margin-top: 20px; }
}

/*Page Remboursement*/
form#form_remboursement div.control-group div.controls label.radio.inline { padding-top: 5px; }

@media all AND (max-width: 1200px) {
    form#form_remboursement div.control-group div.controls label.radio.inline { margin-left: 0; }
    form#form_remboursement div.control-group div.controls label.radio.inline:first-child { margin-right: 10px; }
}

@media all AND (max-width: 979px) {
    form#form_remboursement div.control-group div.controls label.radio.inline { margin-left: 0; }
    form#form_remboursement div.control-group div.controls label.radio.inline:first-child { margin-right: 10px; }
}

@media all AND (max-width: 767px){
    div#contact_conseiller div.row-fluid,
    div#services_cadre div.row-fluid { display: block; }
    div#contact_conseiller div.row-fluid div.col50,
    div#services_cadre div.row-fluid div.col50 { width: calc(100% - 60px); }

    div.bloc_contact_conseiller div:nth-child(2) { margin: 0 20px; }
    div.bloc_contact_conseiller a:nth-child(2) { display: block; margin: 20px auto 0; }
}
@media all AND (max-width: 400px){
    div.bloc_contact_conseiller a:nth-child(2) button { width: calc(100% - 30px); }
}


/************************************************************/
/******************* Responsive Dashboard *******************/
/************************************************************/

div.row.dashboard div.widget-content:not(#quota) {
    padding: 20px 15px !important;
}
div.row.dashboard div.shortcuts {
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    padding: 0 5px;
}
div.row.dashboard div.widget-content#quota .quotas_content:last-child { border-bottom: none; }
div.row.dashboard div.shortcuts a.shortcut, div.row.dashboard div.shortcuts form.shortcut {
    text-align: center;
    margin: 0;
    padding: 20px 11px !important;
    cursor: pointer;
    border-radius: 10px;
    background: #f8f9fb;
}

div.row.dashboard div.shortcuts a.shortcut:hover, div.row.dashboard div.shortcuts form.shortcut:hover {
    background: #e9edf4;
}

div.row.dashboard div.shortcuts a.shortcut img {
    width: 55px;
    height: 55px;
    margin: 0;
}

div.row.dashboard div.shortcuts span {
    margin-top: 18px;
    color: #696c6e;
}

@media all AND (max-width: 1199px){
    div.row.dashboard div.shortcuts { grid-template-columns: repeat(4, 1fr); }
}

@media all AND (max-width: 979px) {
    div.row.dashboard div.shortcuts a.shortcut, div.row.dashboard div.shortcuts form.shortcut { width: auto !important; }
    div.row.dashboard div.span9,
    div.row.dashboard div.span3 { width: 100%; }
    div.row.dashboard div.span3 span.visible-no979-only { display: block; }
}

@media all AND (max-width: 767px){
    div.row.dashboard div.shortcuts { grid-template-columns: repeat(3, 1fr); }
}

@media all AND (max-width: 530px){
    div.row.dashboard div.shortcuts { grid-template-columns: repeat(2, 1fr); }
}

a#refresh { text-decoration: none; }

/************************************************************/
/******************** Responsive Onglet *********************/
/************************************************************/
div.onglet-xl select,
div.onglet-md select,
div.onglet-sm select { width: auto !important;  }

div.span12.onglet-xl select,
div.span12.onglet-md select,
div.span12.onglet-sm select { margin-top: 15px; }

@media all AND (min-width: 1200px) {
    div.onglet-xl,
    div.onglet-md,
    div.onglet-sm { text-align: left; margin-bottom: 0; }
    div.widget-content { border-top: none; }
}
@media all AND (max-width: 1199px) {
    div.onglet-xl { text-align: center; margin-bottom: 20px; }
    div.onglet-md,
    div.onglet-sm { text-align: left; margin-bottom: 0; }
    div.onglet31.onglet-md ul.nav-tabs,
    div.onglet31.onglet-sm ul.nav-tabs,
    div.onglet31.onglet-md ul.nav-tabs li a,
    div.onglet31.onglet-sm ul.nav-tabs li a { border-bottom: none; }
    div.widget-content { border-top: 1px solid #DFDFDF !important; }
}
@media all AND (max-width: 979px) {
    div.onglet-xl,
    div.onglet-md { text-align: center; margin-bottom: 20px; }
    div.onglet-sm { text-align: left; margin-bottom: 0; }
    div.onglet31.onglet-sm ul.nav-tabs,
    div.onglet31.onglet-sm ul.nav-tabs li a { border-bottom: none; }
    div.widget-content { border-top: 1px solid #DFDFDF !important; }
}
@media all AND (max-width: 767px) {
    div.onglet-xl,
    div.onglet-md,
    div.onglet-sm { text-align: center; margin-bottom: 20px; }
    div.widget-content { border-top: 1px solid #DFDFDF !important; }
}


/************************************************************/
/******************* Responsive Page Mutu *******************/
/************************************************************/

/*Grille Retour*/
@media all AND (max-width: 1310px) AND (min-width: 1200px) {
    div#icone_grille { margin-bottom: 60px; }
    div#icone_grille > div.container a.btn_retour { left: 0 !important; }
}
@media all AND (max-width: 1080px) AND (min-width: 980px) {
    div#icone_grille { margin-bottom: 60px; }
    div#icone_grille > div.container a.btn_retour { left: 0 !important; }
}
@media all AND (max-width: 860px) AND (min-width: 768px) {
    div#icone_grille { margin-bottom: 60px; }
    div#icone_grille > div.container a.btn_retour { left: 0 !important; }
}
@media all AND (max-width: 767px) {
    div#icone_grille { margin-bottom: 40px; }
    div#icone_grille > div.container a.btn_retour { left: 0 !important; width: 20px !important; height: 15px !important; padding: 3px 5px 10px !important; }
}


/*Page Sauvegarde*/
#Listing_backup_web_wrapper,
#Listing_backup_mysql_wrapper,
#Listing_backup_mail_wrapper { margin-top: 20px; margin-bottom: 50px; }

@media all AND (max-width: 1200px) AND (min-width: 980px) {
    div.widget-bck div.onglet31 { display: block !important; }
    div.widget-bck div.widget-content { border-top: none !important; }
}
@media all AND (max-width: 600px) {
    table#historique_save,
    table#historique_save tbody,
    table#historique_save tbody tr,
    table#historique_save tbody tr td { display: block; border: none; }
    table#historique_save tbody tr { padding: 20px 0; border-bottom: 2px solid #1c469d ; }
    table#historique_save tbody tr:first-child { border-top: 2px solid #1c469d; padding-top: 20px; }
    table#historique_save tbody tr:last-child { padding-bottom: 0; border-bottom: none; }
    table#historique_save tbody tr td { text-align: left; padding: 5px 0; background: #fff; }
    table#historique_save tbody tr td:first-child:before { content: 'Date : '; font-weight: 600; }
    table#historique_save tbody tr td:nth-child(2):before { content: 'Action : '; font-weight: 600; }
    table#historique_save tbody tr td:nth-child(3):before { content: 'Statut : '; font-weight: 600; }
    table#historique_save thead { display: none; }
}
@media all AND (max-width: 979px) AND (min-width: 500px) {
    table[data-style="legend-bck-web"] tr td:first-child div.btn-group button,
    table[data-style="legend-bck-bdd"] tr td:first-child div.btn-group button,
    table[data-style="legend-bck-mail"] tr td:first-child div.btn-group button { margin-top: 15px; }
    div.widget-bck div.onglet31 { display: block !important; }
    div.widget-bck div.widget-content { border-top: none !important; }
}
@media all AND (max-width: 499px) {
    table[data-style="legend-bck-web"] tr td,
    table[data-style="legend-bck-bdd"] tr td,
    table[data-style="legend-bck-mail"] tr td { display: block; width: auto; text-align: center; padding: 0 15px 20px; }
    table[data-style="legend-bck-web"] tr td br,
    table[data-style="legend-bck-bdd"] tr td br,
    table[data-style="legend-bck-mail"] tr td br { display: none; }
    table[data-style="legend-bck-web"] tr.save_info td span.label,
    table[data-style="legend-bck-bdd"] tr.save_info td span.label,
    table[data-style="legend-bck-mail"] tr.save_info td span.label { margin-top: 0; }    
    table[data-style="legend-bck-web"] tr td:first-child,
    table[data-style="legend-bck-bdd"] tr td:first-child,
    table[data-style="legend-bck-mail"] tr td:first-child { display: block; width: auto; padding: 20px 15px; }

}

/*Page Utilisateur FTP*/
@media all AND (max-width: 767px) {
    table#UserftpTab,
    table#UserftpTab tbody,
    table#UserftpTab tbody tr,
    table#UserftpTab tbody tr td { display: block; border: none; }
    table#UserftpTab tbody tr { padding: 20px 0; border-bottom: 2px solid #1c469d ; }
    table#UserftpTab tbody tr:first-child { padding-top: 0; }
    table#UserftpTab tbody tr:last-child { padding-bottom: 0; border-bottom: none; }
    table#UserftpTab tbody tr td { text-align: left; padding: 5px 0; background: #fff; }
    table#UserftpTab tbody tr td:first-child:before { content: 'Identifiant : '; font-weight: 600; }
    table#UserftpTab tbody tr td:nth-child(2):before { content: 'Serveur FTP : '; font-weight: 600; }
    table#UserftpTab tbody tr td:nth-child(3):before { content: 'Répertoire : '; font-weight: 600; }
    table#UserftpTab tbody tr td:nth-child(4):before { content: 'Fichier de conf. Filezilla : '; font-weight: 600; }
    table#UserftpTab tbody tr td:nth-child(5):before { content: 'Mot de passe : '; font-weight: 600; }
    table#UserftpTab tbody tr td:nth-child(6):before { content: 'Supprimer : '; font-weight: 600; }
    table#UserftpTab thead { display: none; }
}

/*Page Config PHP*/
div#phpiis form.form-php div.row { padding: 5px 0; border-top: 1px solid #ccc; }
div#phpiis form.form-php div.row:first-child { padding-top: 0; border-top: none !important; }
div#phpiis form.form-php div.row:last-child { padding-bottom: 0; }

div#phpiis form.form-php div.row #version_php { float: left; width: calc(100% - 95px); }
div#form_php_info { position: absolute; right: 178px; top: 65px; }

@media all AND (max-width: 1199px) {
    div#form_php_info { right: 48px; }
}

@media all AND (max-width: 979px) {
    div#form_php_info { right: 10px; }
}

@media all AND (max-width: 767px) {
    div#phpiis form.form-php div.row { padding: 10px 0; border-top: 1px solid #ccc; }
    div#phpiis form.form-php div.row:first-child { padding-top: 0; border-top: none; }
    div#phpiis form.form-php > div.row:last-child { padding-bottom: 0; }
    div#phpiis form.form-php div.row #version_php { width: 100%; }
}

/*Page Tache CRON*/
select#heure_cron,
select#min_cron { width: 60px !important; }

/*Page Permutation Domaine*/
div#etape1 div.widget-content table tr td button.btn-success { margin-bottom: 20px; }

@media all AND (max-width: 767px) {
    div#etape1 div.widget-content table tr:first-child td:nth-child(2) { display: none; }
    div#etape1 div.widget-content table tr:nth-child(2) { display: grid; height: 100%; margin-top: 20px; }
    div#etape1 div.widget-content table tr:nth-child(2) td:first-child { width: calc(100% - 10px); }
    div#etape1 div.widget-content table tr:nth-child(2) td:nth-child(2) { width: calc(100% - 10px); margin-top: 10px; }
    div#etape1 div.widget-content table tr:nth-child(2) td:nth-child(3) { width: calc(100% - 10px); text-align: center; }

    div#etape2 div.widget-content table tbody tr td:nth-child(2) span { margin: 0 5px !important; }
}
@media all AND (max-width: 600px) {
    div#etape2 div.widget-content table thead tr th:nth-child(1),
    div#etape2 div.widget-content table tbody tr td:nth-child(1) { width: auto !important; min-width: 50px; word-break: break-word; }
    div#etape2 div.widget-content table thead tr th:nth-child(2),
    div#etape2 div.widget-content table tbody tr td:nth-child(2) { width: 100px !important; min-width: 100px; }
    div#etape2 div.widget-content table thead tr th:nth-child(3),
    div#etape2 div.widget-content table tbody tr td:nth-child(3) { width: auto !important; }
    div#etape2 div.widget-content table tbody tr td:nth-child(2) span { display: block; }
}

/*Page Redirection*/
table#redirect-web tr td[colspan="3"].t-valign-mid.txt-left { padding-top: 20px }

@media all AND (max-width: 767px){
    table#redirect-web tr:first-child td:first-child,
    table#redirect-web tr:first-child td:nth-child(3) { display: block; width: calc(100% - 10px); }
    table#redirect-web tr:first-child td:nth-child(2) { display: none; }
    table#redirect-web tr:first-child td:nth-child(3) { padding-top: 20px; }
}
@media all AND (max-width: 450px){
    table#redirect-web .radio.inline { width: 100%; }
}

/*Page Serveur DNS*/
#dns-server tr:not(:first-child) td:first-child { padding-right: 10px; }
#dns-server tr:not(:first-child) td:last-child { padding-left: 10px; }
@media all AND (max-width: 767px){
    div#paramdomaineServeurDNS table tr:first-child td:first-child { width: 100%; display: block; margin-bottom: 10px; }
    div#paramdomaineServeurDNS table tr:first-child td:last-child { display: none; }
}

/*Page SS Domaine*/
@media all AND (max-width: 550px){
    table#add-ss-domaine tr:first-child td span:first-child { text-align: left; float: left; padding-bottom: 10px; width: 100%; }
    table#add-ss-domaine tr:first-child td input { width: 250px; float: left; }
    table#add-ss-domaine tr:first-child td span:last-child { float: left; top: 3px; position: relative; padding-left: 2px; }
}
@media (max-width: 490px) {
    table#add-ss-domaine thead tr th:nth-child(2),
    table#add-ss-domaine tbody tr td:nth-child(2) { display: none; }
}
@media (max-width: 390px) {
    table#add-ss-domaine tr:first-child td input { width: 200px; }
}

/*Page Transmission Interne*/
@media all AND (max-width: 767px){
    div#choix_domaine table tr:first-child td:first-child,
    div#choix_domaine table tr:first-child td:last-child,
    div#choix_domaine table tr:nth-child(2) td:first-child,
    div#choix_domaine table tr:nth-child(2) td:last-child { display:block; width: calc(100% - 10px); }
    div#choix_domaine table tr:nth-child(2) td:first-child { padding-top: 20px; }
    div#choix_domaine table tr:nth-child(2) td:last-child { padding-bottom: 20px; }
}

/*Page Glue Record*/
@media all AND (max-width: 767px){
    div#paramdomaineGluerecord table:first-child tr:first-child td { display: block; width: calc(100% - 10px); }
}

/*Page Multi-Domaine*/
@media all AND (min-width: 1200px) {
    #MdTabList tbody tr td { word-break: break-word; max-width: 320px; }
}

@media all AND (min-width: 980px) AND (max-width: 1199px) {
    #MdTabList tbody tr td { word-break: break-word; max-width: 180px; }
}
@media all AND (max-width: 979px) {
    #MdTabList tbody tr td:first-child { word-break: break-word; }
    #MdTabList thead tr th:nth-child(2),
    #MdTabList tbody tr td:nth-child(2) { display: none; }
}
@media all AND (max-width: 767px){
    table[data-style="legend-multidom"] tr td:nth-child(2) { display: none; }
}
@media all AND (max-width: 600px) {
    #MdTabList thead tr th:nth-child(4),
    #MdTabList tbody tr td:nth-child(4) { display: none; }
    a[href="#modal_alias"] { display: block; margin-bottom: 20px; width: fit-content; margin: 0 auto 20px; }
}
@media all AND (max-width: 500px) {
    table[data-style="legend-multidom"] tr td:nth-child(3) { display: none; }
}

/*Page Firewall IP*/
@media all AND (max-width: 979px) AND (min-width: 768px) {
    table[data-style="legend-firewall-ip"] tr.user_ftp td:nth-child(2) a { display: block; margin-top: 10px; }
}
@media all AND (max-width: 767px){
    table[data-style="legend-firewall-ip"] tr td { display: block; width: calc(100% - 30px); border-top: 1px solid #ddd !important; border-radius: 0; }
    table[data-style="legend-firewall-ip"] tr td:first-child { border-top: none !important; }
}

/*Page Options*/
@media all AND (max-width: 767px) {
    table#tabOptionMutu,
    table#tabOptionMutu tbody,
    table#tabOptionMutu tbody tr,
    table#tabOptionMutu tbody tr td { display: block; border: none; }
    table#tabOptionMutu tbody tr { padding: 20px 0; border-bottom: 2px solid #1c469d ; }
    table#tabOptionMutu tbody tr:first-child { padding-top: 0; }
    table#tabOptionMutu tbody tr:last-child { padding-bottom: 0; border-bottom: none; }
    table#tabOptionMutu tbody tr td { text-align: left; padding: 5px 0; background: #fff; }
    table#tabOptionMutu tbody tr td:first-child:before { content: 'Option : '; font-weight: 600; }
    table#tabOptionMutu tbody tr td:nth-child(2):before { content: 'Description : '; font-weight: 600; }
    table#tabOptionMutu tbody tr td:nth-child(3):before { content: 'Tarif : '; font-weight: 600; }
    table#tabOptionMutu tbody tr td:nth-child(4):before { content: 'Action : '; font-weight: 600; }
    table#tabOptionMutu thead { display: none; }

    table#listOptions,
    table#listOptions tbody,
    table#listOptions tbody tr,
    table#listOptions tbody tr td { display: block; border: none; }
    table#listOptions tbody tr { padding: 20px 0; border-bottom: 2px solid #1c469d ; }
    table#listOptions tbody tr:first-child { padding-top: 0; }
    table#listOptions tbody tr:last-child { padding-bottom: 0; border-bottom: none; }
    table#listOptions tbody tr td { text-align: left; padding: 5px 0; background: #fff; }
    table#listOptions tbody tr td:first-child:before { content: 'Option : '; font-weight: 600; }
    table#listOptions tbody tr td:nth-child(2):before { content: 'Description : '; font-weight: 600; }
    table#listOptions tbody tr td:nth-child(3):before { content: 'Tarif : '; font-weight: 600; }
    table#listOptions tbody tr td:nth-child(4):before { content: 'Action : '; font-weight: 600; }
    table#listOptions thead { display: none; }
}

/*Page Certificat SSL*/
table[data-style="statut-ssl"] tr.save_info td { text-align: center; }
form.form-php.form-ssl div.controls.control-radio label:last-child:not([for="lte-2"]) { float: left; }
@media all AND (min-width: 1200px){
    table[data-style="statut-ssl"] tr.save_info td span.label { margin-top: 5px; }
}
@media all AND (max-width: 979px){
    form.form-php.form-ssl { padding: 0 10px; }
}
@media all AND (max-width: 767px) {
    form.form-php.form-ssl div.row:first-child { padding-top: 10px; }
    form.form-php div.control-group label.control-label { padding-right: 30px; }
}
@media all AND (max-width: 420px) {
    table[data-style="statut-ssl"] tr td { display: block; width: auto; text-align: center; padding: 0 15px 20px; }
    table[data-style="statut-ssl"] tr td br { display: none; }
    table[data-style="statut-ssl"] tr.save_info td span.label { margin-top: 0; }    
    table[data-style="statut-ssl"] tr td:first-child { display: block; width: auto; padding: 20px 15px; }
}

/*Page Generate CSR*/
div.widget-content.pad30 form.form-mutu div.row div.control-group label.control-label span.label.label-info { margin: 10px 0 5px; }

/*Page changement de formule*/
div#donnee_ok { text-align:center; }

/*Page Mailing Mail*/
form.form-table table.table-resp { width: auto !important; margin: auto !important; }
form.form-table table.table-resp div.input-append { width: 100% !important; }
form.form-table table.table-resp div.input-append input#mailcrea3 { width: 250px; }
form.form-table table.table-resp div.input-append span.add-on { padding: 4px 10px; }

/*Page Config Mailing Mail*/
@media all AND (max-width: 600px) {
    .form-mutu table input[type="file"] { display: block; margin: 10px auto 0; }
}

/*Page Gestion Mail*/
div#boitemail, div#redirection { display: table; margin: auto; width: min-content; min-width: 500px; }
div#boitemail div.input-append,
div#redirection div.input-append { width: 100% !important; }
div#boitemail div.input-append input#mailcrea3,
div#redirection div.input-append input#mailcrea4 { width: 250px; }
div#boitemail div.input-append span.add-on,
div#redirection div.input-append span.add-on { padding: 4px 10px; }
div#boitemail div.controls input#quotacrea { width: 40px !important; }
div#boitemail div.controls span { position: relative; top: -4px; }
div#redirection div.control-group span.label.label-important { display: block; width: fit-content; margin: 10px auto 0; }
div#boitemail div.row:last-child .btn-center { margin-top: 0; margin-bottom: 10px; }
div#redirection div.row:last-child .btn-center {margin-top: 10px; margin-bottom: 10px; }

@media all AND (max-width: 979px){
    div.bloc2-row div.span9, div.bloc2-row div.span3 { width: 724px; } 
    table[data-style="statut-mail"] tr td:first-child { padding: 20px 15px; }
    table[data-style="statut-mail"] tr td { display: block; width: auto; text-align: center; padding: 0 15px 20px; }
}
@media all AND (max-width: 767px){
    div#boitemail, div#redirection { min-width: 1px !important; }
    div.bloc2-row div.span9, div.bloc2-row div.span3 { width: 100%; }
    div#boitemail div.input-append input#mailcrea3,
    div#redirection div.input-append input#mailcrea4 {width: 100%; }
    /*div#boitemail div.input-append input#mailcrea3,
    div#boitemail div.input-append span.add-on,
    div#redirection div.input-append input#mailcrea4,
    div#redirection div.input-append span.add-on { display: block; border-radius: 0; }*/
    div#boitemail div.input-append span.add-on,
    div#redirection div.input-append span.add-on { margin-bottom: 10px; }
    div#redirection div.control-group span.label.label-important { white-space: pre-wrap; }
    div#boitemail, div#redirection { width: 100%; }
}
@media all AND (max-width: 430px){
    form.form-table table.table-resp tr td { display: block; width: 100%; }
    form.form-table table.table-resp tr td:first-child { padding-bottom: 0; }
    form.form-table table.table-resp tr td:last-child { padding-bottom: 15px; }
    table[data-style="statut-mail"] tr td:last-child div:first-child p:first-child span { display: none; }
    table[data-style="statut-mail"] tr td:last-child div:first-child p:first-child:before { content: "Serveur : "}
}

/*Page Mailing List*/
@media all AND (max-width: 600px){
    table.table-resp tr td.append div.input-append input#mailcrea3 {width: 100%; }
    table.table-resp tr td.append div.input-append input#mailcrea3,
    table.table-resp tr td.append div.input-append span.add-on { display: block; border-radius: 0; }
    table.table-resp { width: auto; max-width: 300px; }
}

/*Page SB Pro*/
table#tabUpgrSB thead tr th { padding: 15px; }
table#tabUpgrSB thead tr th span.label.label-info { margin-top: 0; white-space: pre-wrap; }
table#tabUpgrSB thead tr th:nth-child(1),
table#tabUpgrSB tbody tr td:nth-child(1) { min-width: 60px; max-width: 70px; word-break: break-word; }
@media all AND (max-width: 400px){
    table#tabUpgrSB tbody tr td a.btn.btn-success { width: 60px; word-break: break-word; }
}

/*Page MX PLAN*/
@media all AND (max-width: 979px){
    table#tableau-mx thead tr th:nth-child(3),
    table#tableau-mx tbody tr td:nth-child(3) { width: 120px; }
    table#tableau-mx thead tr th:nth-child(4),
    table#tableau-mx tbody tr td:nth-child(4) { width: 105px; }
    table#tableau-mx thead tr th:nth-child(5),
    table#tableau-mx tbody tr td:nth-child(5) { width: 85px; }
}
@media all AND (max-width: 767px) {
    table[data-style="mx-plan"] tr td { display: block; width: auto; text-align: center; padding: 0 15px 20px; }
    table[data-style="mx-plan"] tr.save_info td span.label { margin-top: 0; }    
    table[data-style="mx-plan"] tr td:first-child { display: block; width: auto; padding: 20px 15px; }

    table#tableau-mx thead tr th:nth-child(1),
    table#tableau-mx tbody tr td:nth-child(1) { width: 50px; }

    table#tableau-mx thead tr th:nth-child(3),
    table#tableau-mx thead tr th:nth-child(4),
    table#tableau-mx thead tr th:nth-child(5),
    table#tableau-mx thead tr th:nth-child(6) { display: none; }

    table#tableau-mx tbody tr td:nth-child(2),
    table#tableau-mx tbody tr td:nth-child(3),
    table#tableau-mx tbody tr td:nth-child(4),
    table#tableau-mx tbody tr td:nth-child(5),
    table#tableau-mx tbody tr td:nth-child(6) { display: block; width: auto; text-align: left; }

    table#tableau-mx tbody tr td:nth-child(3),
    table#tableau-mx tbody tr td:nth-child(4),
    table#tableau-mx tbody tr td:nth-child(5),
    table#tableau-mx tbody tr td:nth-child(6) { border-top: none; padding-top: 0; }

    table#tableau-mx tbody tr td:nth-child(2):before { content: "Pack MX : "; display: contents; font-weight: 600; }
    table#tableau-mx tbody tr td:nth-child(3):before { content: "Nombre d'adresses mail : "; display: contents; font-weight: 600; }
    table#tableau-mx tbody tr td:nth-child(4):before { content: "Espace disque général : "; display: contents; font-weight: 600; }
    table#tableau-mx tbody tr td:nth-child(5):before { content: "Espace par adresses mail : "; display: contents; font-weight: 600; }
    table#tableau-mx tbody tr td:nth-child(6):before { content: "Tarif €/an : "; display: contents; font-weight: 600; }
}
@media all AND (max-width: 420px) {
    table#tableau-mx tbody tr td:nth-child(2):before,
    table#tableau-mx tbody tr td:nth-child(3):before,
    table#tableau-mx tbody tr td:nth-child(4):before,
    table#tableau-mx tbody tr td:nth-child(5):before,
    table#tableau-mx tbody tr td:nth-child(6):before { display: table; }
}

/* Page paramètres Mail */
@media all AND (max-width: 767px) {
    table#listParamMail thead tr th:nth-child(1),
    table#listParamMail tbody tr td:nth-child(1) { width: 130px; text-transform: capitalize; }

    table#listParamMail thead tr th:nth-child(2):before { content: "Paramètres Mail"; display: contents; font-weight: 600; font-size: 14px; color: #464f57; line-height: 28px; }
    table#listParamMail thead tr th:nth-child(2) { padding-left: 15px; color: #f9f9f9; font-size: 1px; }

    table#listParamMail thead tr th:nth-child(2),
    table#listParamMail tbody tr td:nth-child(2) {width: auto;}

    table#listParamMail thead tr th:nth-child(3),
    table#listParamMail tbody tr td:nth-child(3) {display: none; }

    table#listParamMail tbody tr:nth-child(1) td:nth-child(3),
    table#listParamMail tbody tr:nth-child(2) td:nth-child(3),
    table#listParamMail tbody tr:nth-child(5) td:nth-child(3) { display: none; }

    table#listParamMail tbody tr:nth-child(3) td b,
    table#listParamMail tbody tr:nth-child(4) td b { display: table; }

    table#listParamMail tbody tr:nth-child(3) td:nth-child(3),
    table#listParamMail tbody tr:nth-child(4) td:nth-child(3) { border-top: none; }

    table#listParamMail tbody tr:nth-child(3) td:nth-child(2):before,
    table#listParamMail tbody tr:nth-child(4) td:nth-child(2):before { content: "SSL/TLS sécurisés (recommandé)"; display: table; font-weight: 600; padding-bottom: 5px; border-bottom: 2px solid #1e46cd; margin-bottom: 10px; }
    table#listParamMail tbody tr:nth-child(3) td:nth-child(3):before,
    table#listParamMail tbody tr:nth-child(4) td:nth-child(3):before { content: "Non SSL(NON recommandé) "; display: table; font-weight: 600; padding-bottom: 5px; border-bottom: 2px solid #1e46cd; margin-bottom: 10px; }

    table#listParamMail tbody tr td:nth-child(2),
    table#listParamMail tbody tr td:nth-child(3) { display: block; width: auto; text-align: left; }
}
@media all AND (max-width: 380px) {
    table#listParamMail { font-size: 13px; }
    table#listParamMail thead tr th:nth-child(2):before { font-size: 13px; }
}

/*Responsive Add Alias*/
@media all AND (max-width: 767px){
    table#listAlias tbody tr td:nth-child(1),
    table#listAlias tbody tr td:nth-child(2) { word-break: break-word; }

    table#listAlias thead tr th:nth-child(2) { display: none; }
    table#listAlias tbody tr td:nth-child(2) { border-top: none; padding-top: 0; }

    table#listAlias tbody tr td:nth-child(1),
    table#listAlias tbody tr td:nth-child(2) { display: block; width:auto; }

    table#listAlias tbody tr td:nth-child(1):before { content: "Alias"; display: table; font-weight: 600; }
    table#listAlias tbody tr td:nth-child(2):before { content: "Redirige vers"; display: table; font-weight: 600; }
}

/*Page Infogerance*/
div#infogerances { display: table; margin: auto; width: 800px; }
div#infogerances select { display: inline-block; }
div#infogerances .control-group.mb20 { margin-bottom: 20px; }
div#infogerances div.row:last-child .btn-center { margin-top: 0; margin-bottom: 10px; }

@media all AND (max-width: 979px){
    div#infogerances { width: auto; }
}

/*Page Connect LWS*/
div#espaceclient form,
div#webmail form,
div#renew form { display: table; margin: auto; width: 300px; }
div#espaceclient .control-group.mb20,
div#webmail .control-group.mb20,
div#renew .control-group.mb20 { margin-bottom: 20px; }
div#espaceclient div.row:last-child .btn-center { margin-top: 0; margin-bottom: 10px; }
div#espaceclient form div.control-center,
div#webmail form div.control-center,
div#renew form div.control-center { text-align:center; }

/*Page Perte ID*/
div#widgetpassidlws form,
div#widgetchangemail form,
div#ftp form,
div#vps form,
div#mysql form,
div#backup form,
div#cpanel form,
div#mail form { display: table; margin: auto; width: 400px; }

div#widgetpassidlws form div.control-center,
div#widgetchangemail form div.control-center,
div#ftp form div.control-center,
div#vps form div.control-center,
div#mysql form div.control-center,
div#backup form div.control-center,
div#cpanel form div.control-center,
div#mail form div.control-center { text-align:center; margin: 20px 0; }

div#widgetpassidlws .control-group.control-captcha,
div#widgetchangemail .control-group.control-captcha,
div#ftp .control-group.control-captcha,
div#vps .control-group.control-captcha,
div#mysql .control-group.control-captcha,
div#backup .control-group.control-captcha,
div#cpanel .control-group.control-captcha,
div#mail .control-group.control-captcha { height: 80px; }

div#widgetpassidlws .control-group.control-captcha .controls,
div#widgetchangemail .control-group.control-captcha .controls,
div#ftp .control-group.control-captcha .controls,
div#vps .control-group.control-captcha .controls,
div#mysql .control-group.control-captcha .controls,
div#backup .control-group.control-captcha .controls,
div#cpanel .control-group.control-captcha .controls,
div#mail .control-group.control-captcha .controls { position: relative; }

div#widgetpassidlws .control-group.control-captcha .controls div.recaptcha,
div#widgetchangemail .control-group.control-captcha .controls div.recaptcha,
div#ftp .control-group.control-captcha .controls div.recaptcha,
div#vps .control-group.control-captcha .controls div.recaptcha,
div#mysql .control-group.control-captcha .controls div.recaptcha,
div#backup .control-group.control-captcha .controls div.recaptcha,
div#cpanel .control-group.control-captcha .controls div.recaptcha,
div#mail .control-group.control-captcha .controls div.recaptcha { position: absolute; left: 50%; transform: translateX(-50%); }

div#mail .control-group { border-bottom: 1px solid #ccc; padding: 5px 0; }
div#mail .control-group:nth-child(10),
div#mail .control-group:nth-child(11),
div#mail .control-group:nth-child(12) { border-bottom: none; padding: 5px 0 0; }

div#mail form .control-radio .controls,
div#mail form .control-radio label.control-label { display: inline-block; }
div#mail form .control-radio label.control-label { display: inline-block; margin-right: 5px; }
div#mail form .control-radio label.radio.inline { font-weight: 400; padding-top: 0; }
div#mail form input[type="radio"] + label::before { top: 2px; }
div#mail form input[type="radio"] + label::after { top: 5px; }

@media all AND (max-width: 979px){
    h3.center-sm { text-align: center; }
}
@media all AND (max-width: 767px){
    .widgetlws-informations div[class*="span"] { float: left; }
}
@media all AND (max-width: 550px){
    div#widgetpassidlws form,
    div#widgetchangemail form,
    div#ftp form,
    div#vps form,
    div#mysql form,
    div#backup form,
    div#cpanel form,
    div#mail form { width: 300px; }

    div#widgetpassidlws form div.txt-center span,
    div#widgetchangemail form div.txt-center span,
    div#ftp form div.txt-center span,
    div#vps form div.txt-center span,
    div#mysql form div.txt-center span,
    div#backup form div.txt-center span,
    div#cpanel form div.txt-center span,
    div#mail form div.txt-center span { word-break: break-word; white-space: pre-wrap; text-align: left; } 
}

/*Page Support*/
div#contacter form.form-table { display: table; width: auto; margin: auto; min-width: 820px; }
div#contacter form.form-table span.select2-container { width: 100% !important; }
@media all AND (max-width: 979px){
    div#contacter form.form-table { min-width: 690px; }
}
@media all AND (max-width: 767px){
    div#contacter form.form-table { min-width: auto; }
}

/*Page PHP MyAdmin*/
form#new_bdd div.control-radio input[type="radio"] { width: auto; }
form#new_bdd div.control-radio label { padding-left: 5px; }


/************************************************************/
/******************** Responsive Page VPS *******************/
/************************************************************/

/*Page Sauvegarde VPS*/
@media all AND (max-width: 767px){
    table[data-style="legend-bck-vps"] tr td { display: block; width: auto; text-align: center; padding: 0 15px 20px; }
    table[data-style="legend-bck-vps"] tr.save_info td span.label { margin-top: 0; }    
    table[data-style="legend-bck-vps"] tr td:first-child { display: block; width: auto; padding: 20px 15px; }
}

/*Page IPv4*/
@media all AND (max-width: 767px){
    .pad30 form[name="form1"].form-horizontal table { width: auto; margin: auto; margin-bottom: 20px; }
    .pad30 form[name="form1"].form-horizontal table tr:not(:last-child) td { display: block; width: 100%; }
    .pad30 form[name="form1"].form-horizontal table tr:not(:last-child) td:first-child { padding-bottom: 0; }
    .pad30 form[name="form1"].form-horizontal table tr:not(:last-child) td:last-child { padding-top: 0; }
}

/*Page Firewall VPS*/
table[data-style="legend-firewall-vps"] tr td:last-child {display: none; }
@media all AND (max-width: 979px){
    table[data-style="legend-firewall-vps"] tr td { display: block; width: auto; text-align: center; padding: 0 15px 20px; }
    table[data-style="legend-firewall-vps"] tr.save_info td span.label { margin-top: 0; }    
    table[data-style="legend-firewall-vps"] tr td:first-child { display: block; width: auto; padding: 20px 15px; }
}
@media all AND (max-width: 400px){
    table[data-style="legend-firewall-vps"] tr td:first-child a { display: table; margin: auto; margin-top: 5px; }
}

/* Page Firewall VPS - Blocage IP*/
@media all AND (max-width: 979px){
    table[data-style="legend-block-ip-vps"] tr td { display: block; width: auto; text-align: center; padding: 0 15px 20px; }
    table[data-style="legend-block-ip-vps"] tr.save_info td span.label { margin-top: 0; }    
    table[data-style="legend-block-ip-vps"] tr td:first-child { display: block; width: auto; padding: 20px 15px; }
}
@media all AND (max-width: 400px){
    table[data-style="legend-block-ip-vps"] tr td:first-child a { display: table; margin: auto; margin-top: 5px; }
}

/*Page Options VPS*/
form#get-option-vps { display: table; width: auto; margin: auto; }
form#get-option-vps > div.row label.control-label { white-space: nowrap; }
form#get-option-vps div.controls.control-radio { width: 505px; }
form#get-option-vps div.controls a img { margin-left: 5px; }
form#get-option-vps div#business div.row:first-child label.control-label { margin-bottom: 0; }
form#get-option-vps div#business div.row:first-child,
form#get-option-vps div#business div.row:nth-child(2) { margin-bottom: 15px; }
form#get-option-vps div#business span.vab { display: block; white-space: nowrap; margin-top: 5px; }
form#get-option-vps div#business div.row:nth-child(2) input.input-info { width: calc(100% - 40px); }
form#get-option-vps div#business input[type="submit"] { margin-top: 15px; margin-bottom: 10px; }

@media all AND (max-width: 767px){
    /*form#get-option-vps { width: 100%; }
    form#get-option-vps div.row { border-bottom: none; padding-top: 10px; padding-bottom: 0; }
    form#get-option-vps div.row div.control-group { display: block; }
    form#get-option-vps div.row div.control-group label.control-label { display: block; width: 100%; }*/
    form#get-option-vps div.controls.control-radio { width: auto; }
    form#get-option-vps div.controls label.radio.inline { display: block; margin-bottom: 5px; }

    div.tfeaturesv3 table#option-service-vps thead { display: none; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(1) { width: 260px; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(2),
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(3),
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(4) { display: block; width: auto; text-align: left !important; }

    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(2):before { content: 'Service Basic : '; display: contents; color: #84ADDA; font-weight: 600; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(3):before { content: 'Service Business : '; display: contents; color: #648DBA; font-weight: 600; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(4):before { content: 'Service Critical : '; display: contents; color: #225D9D; font-weight: 600; }

    div.tfeaturesv3 table#option-service-vps tbody tr:first-child td:nth-child(2):before,
    div.tfeaturesv3 table#option-service-vps tbody tr:nth-child(2) td:nth-child(2):before,
    div.tfeaturesv3 table#option-service-vps tbody tr:nth-child(8) td:nth-child(2):before,
    div.tfeaturesv3 table#option-service-vps tbody tr:first-child td:nth-child(3):before,
    div.tfeaturesv3 table#option-service-vps tbody tr:nth-child(2) td:nth-child(3):before,
    div.tfeaturesv3 table#option-service-vps tbody tr:first-child td:nth-child(4):before,
    div.tfeaturesv3 table#option-service-vps tbody tr:nth-child(2) td:nth-child(4):before { display: table; }

    div.tfeaturesv3 table#option-service-vps tbody tr td img { margin-left: 5px; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(1) { border-right: 1px solid #ddd; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(2),
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(3),
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(4) { border-left: none; }

}
@media all AND (max-width: 499px){
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(1) { width: 205px; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(2):before { content: 'Service Basic'; display: table; color: #84ADDA; font-weight: 600; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(3):before { content: 'Service Business'; display: table; color: #648DBA; font-weight: 600; }
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(4):before { content: 'Service Critical'; display: table; color: #225D9D; font-weight: 600; }
}
@media all AND (max-width: 420px){
    form#get-option-vps { width: 100%; }
    form#get-option-vps div.row { border-bottom: none; padding-top: 10px; padding-bottom: 0; }
    form#get-option-vps div.row div.control-group { display: block; }
    form#get-option-vps div.row div.control-group label.control-label { display: block; width: 100%; }
}
@media all AND (max-width: 399px){
    div.tfeaturesv3 table#option-service-vps tbody tr td:nth-child(1) { width: 160px; }
}

/*Page SSH VPS*/
#cleSSH table { min-width: 310px; }
#cleSSH table tr:not(:last-child) td { display: block; width:auto; padding: 5px 0 !important; }
#cleSSH input[type="text"] { width: calc(100% - 20px); }

/*Page change formule VPS*/
#change_vps label { margin-bottom: 0; flex: 0.5; }


/************************************************************/
/********************* Responsive Modal *********************/
/************************************************************/

/*Modal PageSpeed*/
#modal_pagespeed .modal-body {
    max-height: none;
    overflow: visible;
}
@media all AND (max-width: 600px) {
    #modal_pagespeed .modal-body table tr td:first-child { display: block; width: 100%; padding: 0; }
    #modal_pagespeed .modal-body table tr td:nth-child(2) { display: block; width: 100%; padding-left: 0 !important; }
    #modal_pagespeed .modal-body table tr:nth-child(2) td:first-child { margin-top: 15px; }
}

/*Modal Firewall Add IP / Class IP*/
@media all AND (max-width: 550px) {
    #modal_add_ip .modal-body table tr td:first-child { display: block; width: 100%; padding: 10px 0 0; }
    #modal_add_ip .modal-body table tr td:nth-child(2) { display: block; width: 100%; padding-left: 0 !important; }
}

/*Modal Protection Whois*/
@media all AND (max-width: 767px){
    #modal_whois_anonyme div.controls.radio-right { min-width: 105px; }
}

/*Modal DKIM*/
#modal_dkim form div.control-group div.controls { text-align: center; }
#modal_dkim form div.control-group div.controls span br { display: none; }

/*Modal change MdP*/
@media all AND (max-width: 400px){
    #modal_change_mdp_mail .container-modal .flex-controls div.flex-content4 { margin-right: 0; }
    #modal_change_mdp_mail .container-modal .flex-controls div.flex-content4 label { font-size: 13.5px; }
}

/*Modal Widget*/
@media all AND (min-width: 1200px){
    #modal_widget { width: 1140px; height: 580px; left: 50%; transform: translateX(-50%); margin-left: 0; }
    #modal_widget .modal-body { max-height: 495px; overflow: auto; }/*560*/
}
@media all AND (min-width: 980px) AND (max-width: 1199px){
    #modal_widget { width: 920px; left: 50%; transform: translateX(-50%); margin-left: 0; }
    #modal_widget .modal-body { overflow: auto; }
}
@media all AND (min-width: 768px) AND (max-width: 979px){
    #modal_widget { width: 700px; left: 50%; transform: translateX(-50%); margin-left: 0; }
    #modal_widget .modal-body { overflow: auto; }
}
@media all AND (max-width: 767px){
    #modal_widget { width: calc(100% - 60px); left: 50%; transform: translateX(-50%); margin-left: 0; }
    #modal_widget .modal-body { overflow: auto; }
}


/*Modal medium - Exemple Suivi mail - Spam*/
@media all AND (min-width: 1200px){
	.modal_medium { width: 60%; height: max-content; /*max-height: 75%;*/ left: 50%; transform: translateX(-50%); margin-left: 0; }
	.modal_medium .modal-body { height: auto; max-height: 65vh; overflow: auto; }
}
@media all AND (min-width: 980px) AND (max-width: 1199px){
	.modal_medium { width: 70%; height: max-content; /*max-height: 75%;*/ left: 50%; transform: translateX(-50%); margin-left: 0; }
	.modal_medium .modal-body { height: auto; max-height: 65vh; overflow: auto; }
}
@media all AND (min-width: 768px) AND (max-width: 979px){
	.modal_medium { width: 80%; height: max-content; /*max-height: 75%;*/ left: 50%; transform: translateX(-50%); margin-left: 0; }
	.modal_medium .modal-body { height: auto; max-height: 65vh; overflow: auto; }
}
@media all AND (max-width: 767px){
	.modal_medium { width: 90%; height: max-content; /*max-height: 75%;*/ left: 50%; transform: translateX(-50%); margin-left: 0; }
	.modal_medium .modal-body { height: auto; max-height: 65vh; overflow: auto; }
}

/*Modal large - Exemple Notification*/
@media all AND (min-width: 1200px){
    .modal_large { width: 80%; height: max-content; /*max-height: 75%;*/ left: 50%; transform: translateX(-50%); margin-left: 0; }
    .modal_large .modal-body { height: auto; max-height: 65vh; overflow: auto; }
}
@media all AND (min-width: 980px) AND (max-width: 1199px){
    .modal_large { width: 80%; height: max-content; /*max-height: 75%;*/ left: 50%; transform: translateX(-50%); margin-left: 0; }
    .modal_large .modal-body { height: auto; max-height: 65vh; overflow: auto; }
}
@media all AND (min-width: 768px) AND (max-width: 979px){
    .modal_large { width: 80%; height: max-content; /*max-height: 75%;*/ left: 50%; transform: translateX(-50%); margin-left: 0; }
    .modal_large .modal-body { height: auto; max-height: 65vh; overflow: auto; }
}
@media all AND (max-width: 767px){
    .modal_large { width: 90%; height: max-content; /*max-height: 75%;*/ left: 50%; transform: translateX(-50%); margin-left: 0; }
    .modal_large .modal-body { height: auto; max-height: 65vh; overflow: auto; }
}

/*Modal Description VPS*/
div#modal_description_vps div.container-modal br { display: none; }
div#modal_description_vps div.container-modal div.ecriture { font-family: 'Open sans', sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 10px; }
div#modal_description_vps div.container-modal form input { padding: 10px 10px 8px !important; border: 1px solid #ccc; border-radius: 5px; }

/*Ticket + Modal Conseiller*/
div.widget-header.widget-litige { position: relative; }
div.widget-header.widget-litige a { position: absolute; right: 0; }
div.widget-header.widget-litige a > button { border-radius: 0px 6px 0 0; margin: 0 !important; }
#modal_litige .container-modal .avatar { display: inline-block; width: 111px; vertical-align: top; }
#modal_litige .container-modal .avatar img { border: 2px solid #1C459D; border-radius: 50%; }
#modal_litige .container-modal .text_info { display: inline-block; vertical-align: top; width: calc(100% - 115px); }
#modal_litige .container-modal .text_info2 p { padding: 5px 0; }
#modal_litige .container-modal .text_info2 ul { margin-left: 17px; } 
#modal_litige div.btn-center button { font-weight: 600 }

@media all AND (max-width: 500px){
    div.widget-header.widget-litige a { display: none; }
}

/*Modal Facture*/
#modal_facture table { width: 100% !important; }
#modal_facture table tr td { width: auto !important; }
#modal_facture .container-modal > table > tbody > tr:first-child > td > table:first-child > tbody > tr > td:last-child div { text-align: right !important; }
#modal_facture .container-modal > table > tbody > tr:first-child > td > table:last-child > tbody > tr > td:last-child > table > tbody > tr > div {padding-right: 0 !important; }
#modal_facture .container-modal > table > tbody > tr:first-child > td > table:last-child > tbody > tr > td:last-child > table > tbody > tr > td > div {padding: 0 !important; }
#modal_facture .container-modal > table:first-of-type > tbody > tr:last-child > td { width: 50% !important; height: 212px !important; }
#modal_facture .container-modal > table:first-of-type > tbody > tr:last-child > td:nth-child(2) { display: none; }
#modal_facture .container-modal > table:first-of-type > tbody > tr:last-child > td div { height: -webkit-fill-available; }
#modal_facture .container-modal > table:first-of-type > tbody > tr:last-child > td div p,
#modal_facture .container-modal > table:last-of-type > tbody > tr > td div p { padding: 0 !important; }
#modal_facture .container-modal > table:first-of-type > tbody > tr:last-child > td:last-child div { border-left: none !important; }
#modal_facture .container-modal > table:nth-of-type(2) { margin-top: 20px !important; }
#modal_facture .container-modal > table:nth-of-type(2) > tbody > tr > td:last-child { min-width: 80px !important; }

@media screen {
    #printSection {
        display: none;
    }
}
  
@media print {
    body * {
      visibility:hidden;
    }
    #printSection, #printSection * {
      visibility:visible;
    }
    #printSection {
      position:absolute;
      left:0;
      top:0;
    }
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
    #printThis img { height: auto; max-width: 100%; width: 160px; height: 59px; border: 0; display: block !important; }
    #printThis > table { width: 100% !important; font-family: 'Open sans', sans-serif !important; }
    #printThis > table tr td { width: auto !important; }
    #printThis > table > tbody > tr:first-of-type > td > table:first-of-type,
    #printThis > table > tbody > tr:first-of-type > td > table:last-of-type { width: 100% !important; margin: 0 !important; }
    #printThis > table > tbody > tr:first-of-type > td > table:first-of-type > tbody > tr > td:first-of-type { width: 120px !important; }
    #printThis > table > tbody > tr:first-of-type > td > table:first-of-type > tbody > tr > td:last-of-type div,
    #printThis > table > tbody > tr:first-of-type > td > table:nth-of-type(2) > tbody > tr > td:last-of-type > table { width: 100% !important; text-align: right !important; }
    #printThis > table > tbody > tr:first-of-type > td > table:nth-of-type(2) > tbody > tr > td:last-of-type > table > tbody > tr > td { text-align: right !important; }
    #printThis > table > tbody > tr:first-of-type > td > table:last-of-type > tbody > tr > td:last-of-type > table > tbody > tr > div {padding-right: 0 !important; }
    #printThis > table > tbody > tr:first-of-type > td > table:last-of-type > tbody > tr > td:last-of-type > table > tbody > tr > td > div {padding: 0 !important; }
    #printThis > table:first-of-type > tbody > tr:last-of-type > td { width: 50% !important; height: 212px !important; }
    #printThis > table:first-of-type > tbody > tr:last-of-type > td:nth-child(2) { display: none; }
    #printThis > table:first-of-type > tbody > tr:last-of-type > td div { height: 180px !important; }
    #printThis > table:first-of-type > tbody > tr:last-of-type > td div p,
    #printThis > table:last-of-type > tbody > tr > td div p { padding: 0 !important; }
    #printThis > table:first-of-type > tbody > tr:last-of-type > td { vertical-align: top !important; }
    #printThis > table:first-of-type > tbody > tr:last-of-type > td:last-child div { border-left: none !important; }
    #printThis > table:nth-of-type(2) tr td { margin-top: 20px !important; border: 1px solid #eee !important; }
    #printThis > table:nth-of-type(2) > tbody > tr > td:last-of-type { min-width: 80px !important; }
}

@media all AND (min-width: 1200px){
    #modal_facture { width: 760px; height: 580px; left: 50%; transform: translateX(-50%); margin-left: 0; }
    #modal_facture .modal-body { max-height: 495px; overflow: auto; }/*560*/

}


/*Modal Zone DNS*/
.form-modal {
    display: table;
    margin: auto !important;
    width: 300px;;
}

.form-modal input {
    max-width: 100% !important;
    width: calc(100% - 10px);
}

@media all AND (max-width: 450px){
    .form-modal { width: 100%; }
    .modal-body .notif31-mutu p { word-break: break-word; }
}

/*Modal Periodicite Save VPS*/
@media all AND (max-width: 767px){
    #modal_periodicite_save table tr:first-child td,
    #modal_periodicite_save table tr:nth-child(2) td { display: block; width: 100%; }
    #modal_periodicite_save table tr:first-child td:first-child,
    #modal_periodicite_save table tr:nth-child(2) td:first-child { padding-bottom: 0; }
}

/*Modal Ouverture Port VPS*/
#modal_open_port .container-modal { text-align:center; }
#modal_open_port .container-modal span.label.label-info { white-space: pre-wrap; }
@media all AND (max-width: 400px){
    #modal_open_port .container-modal tr td select { width: auto !important; }
    #modal_open_port .container-modal tr td input { width: 175px; }
}

/*Modal Install Domaine VPS*/
@media all AND (max-width: 499px){
    #modal_install_cms .container-modal table { width: 100% !important; }
    #modal_install_cms .container-modal table tr td { display:block; width: 100% !important; }
    #modal_install_cms .container-modal table tr td:first-child {padding-bottom: 5px; }
    #modal_install_cms .container-modal table tr td:last-child { padding-left: 0 !important; padding-top: 0; }
    #modal_install_cms .container-modal table tr:last-child td:last-child { padding-bottom: 20px; }
    #modal_install_cms .container-modal table tr td select { width: 100%; }
    #modal_install_cms .container-modal table tr td input { margin-bottom: 0; }
}



/************************************************************/
/******************* Responsive Datatable *******************/
/************************************************************/

table.table31.dataTable { width: 100% !important; }
#tabDomaines thead tr th:last-child,
#tabDomaines tbody tr td:last-child,
#Tab_serveurs thead tr th:last-child,
#Tab_serveurs tbody tr td:last-child,
#Tab_bck thead tr th:last-child,
#Tab_bck tbody tr td:last-child,
#Tab_svc thead tr th:last-child,
#Tab_svc tbody tr td:last-child { min-width: 150px; }

/*Tableau listing Domaine et Hébergement*/
@media all AND (min-width: 1201px) {
    #tabDomaines thead tr th:nth-child(4),
    #tabDomaines tbody tr td:nth-child(4) { width: 90px !important; }
}
@media all AND (max-width: 1200px) AND (min-width: 980px) {
    #tabDomaines thead tr th:nth-child(4),
    #tabDomaines tbody tr td:nth-child(4) { width: 150px !important; }
}
@media all AND (max-width: 979px) {
    #tabDomaines thead tr th:nth-child(4),
    #tabDomaines tbody tr td:nth-child(4),
    #tabDomaines thead tr th:nth-child(5),
    #tabDomaines tbody tr td:nth-child(5) { display: none; }
    form#domainform div.span8 { text-align: center; margin-top: 20px; }
}

@media all AND (max-width: 767px){
    #tabDomaines thead tr th:nth-child(3),
    #tabDomaines tbody tr td:nth-child(3) { display: none; }

    /* Tableau serveur VPS */
    #Tab_serveurs thead tr th:nth-child(4),
    #Tab_serveurs tbody tr td:nth-child(4) { display: none; }
}

@media all AND (max-width: 549px){
    #tabDomaines thead tr th:nth-child(6),
    #tabDomaines tbody tr td:nth-child(6) { display: none; }
    #tabDomaines thead tr th:nth-child(7),
    #tabDomaines tbody tr td:nth-child(7) { width: 176px; }
    #tabDomaines thead tr th:nth-child(2),
    #tabDomaines tbody tr td:nth-child(2) { text-overflow: ellipsis; max-width: 95px; overflow: hidden; white-space: nowrap; }
}

/*Tableau listing VPS*/
@media all AND (max-width: 1200px) AND (min-width: 980px) {
    #Tab_serveurs thead tr th:nth-child(4),
    #Tab_serveurs tbody tr td:nth-child(4) { max-width: 150px !important; }
    #Tab_serveurs tbody tr td:nth-child(4) span.label { white-space: pre-wrap; }
}

@media all AND (max-width: 979px) {
    #Tab_serveurs thead tr th:nth-child(3),
    #Tab_serveurs tbody tr td:nth-child(3) { display: none; }
    #Tab_serveurs thead tr th:nth-child(4),
    #Tab_serveurs tbody tr td:nth-child(4) { max-width: 150px !important; }
    #Tab_serveurs tbody tr td:nth-child(4) span.label { white-space: pre-wrap; }
}

@media all AND (max-width: 650px){
    #Tab_serveurs thead tr th:nth-child(6),
    #Tab_serveurs tbody tr td:nth-child(6) { display: none; }
}

@media all AND (max-width: 520px){
    #Tab_serveurs thead tr th:nth-child(2),
    #Tab_serveurs tbody tr td:nth-child(2),
    #Tab_serveurs thead tr th:nth-child(5),
    #Tab_serveurs tbody tr td:nth-child(5) { display: none; }
}

/*Tableau listing BCK*/
@media all AND (max-width: 670px){
    #Tab_bck thead tr th:nth-child(3),
    #Tab_bck tbody tr td:nth-child(3) { display: none; }
}

@media all AND (max-width: 540px){
    #Tab_bck thead tr th:nth-child(2),
    #Tab_bck tbody tr td:nth-child(2),
    #Tab_bck thead tr th:nth-child(4),
    #Tab_bck tbody tr td:nth-child(4) { display: none; }
}

/*Tableau listing SVC*/
@media all AND (max-width: 650px){
    #Tab_svc thead tr th:nth-child(3),
    #Tab_svc tbody tr td:nth-child(3) { display: none; }
}

@media all AND (max-width: 600px){
    #Tab_svc thead tr th:nth-child(2),
    #Tab_svc tbody tr td:nth-child(2) { display: none; }
}

/*Tableau Factures*/
@media all AND (max-width: 550px){
    #tabListFacture thead tr th:nth-child(3),
    #tabListFacture tbody tr td:nth-child(3),
    #tabListFacture thead tr th:nth-child(4),
    #tabListFacture tbody tr td:nth-child(4) { display: none; }
}

/*Tableau Centre d'informations*/
@media all AND (max-width: 979px) {
    #tabNotification thead tr th:nth-child(1),
    #tabNotification tbody tr td:nth-child(1) { width: 100px !important; }
}
@media all AND (max-width: 600px){
    #tabNotification thead tr th:nth-child(3),
    #tabNotification tbody tr td:nth-child(3) { display: none; }
}
@media all AND (max-width: 410px){
    #tabNotification thead tr th:nth-child(4) { display: none; }
    #tabNotification tbody tr td:nth-child(2) { display: block; border-bottom: none; }
    #tabNotification tbody tr td:nth-child(4) { display: block; border-top: none; padding: 0 0 15px; }
}

/*Tableau Listing BCK Web*/
@media all AND (max-width: 1200px) AND (min-width: 980px) {
    #Listing_backup_web thead tr th:nth-child(3),
    #Listing_backup_web tbody tr td:nth-child(3) { min-width: 150px; }
}
@media all AND (max-width: 979px) AND (min-width: 768px) {
    #Listing_backup_web thead tr th:nth-child(3),
    #Listing_backup_web tbody tr td:nth-child(3) { min-width: 150px; }
    #Listing_backup_web thead tr th:nth-child(2),
    #Listing_backup_web tbody tr td:nth-child(2) { min-width: 155px; }
}
@media all AND (max-width: 767px) {
    #Listing_backup_web thead tr th:nth-child(3),
    #Listing_backup_web tbody tr td:nth-child(3) { min-width: 150px; }
    #Listing_backup_web thead tr th:nth-child(2),
    #Listing_backup_web tbody tr td:nth-child(2) { min-width: 155px; }
}
@media all AND (max-width: 560px) {
    #Listing_backup_web thead tr th:nth-child(1),
    #Listing_backup_web tbody tr td:nth-child(1) { min-width: 100px; }
    #Listing_backup_web thead tr th:nth-child(2) { display:none; }
    #Listing_backup_web thead tr th:nth-child(3) { min-width: fit-content; }
    #Listing_backup_web tbody tr td:nth-child(2) { display: block; min-width: fit-content; border-bottom: none; padding-bottom: 0; }
    #Listing_backup_web tbody tr td:nth-child(3) { display: block; min-width: fit-content; border-top: none; }
    #Listing_backup_web tbody tr td:nth-child(2) span.label.label-info:before { content: 'Taille : '; font-weight: 600; }
    #Listing_backup_web tbody tr td:nth-child(2) a i.icon-refresh { display: none; }
}

/*Tableau Listing BCK BDD*/
@media all AND (max-width: 1200px) AND (min-width: 980px) {
    #Listing_backup_mysql thead tr th:nth-child(1),
    #Listing_backup_mysql tbody tr td:nth-child(1) { min-width: 130px; }
    #Listing_backup_mysql thead tr th:nth-child(3),
    #Listing_backup_mysql tbody tr td:nth-child(3) { min-width: 90px; }
}
@media all AND (max-width: 979px) AND (min-width: 768px) {
    #Listing_backup_mysql thead tr th:nth-child(1),
    #Listing_backup_mysql tbody tr td:nth-child(1) { min-width: 130px; }
    #Listing_backup_mysql thead tr th:nth-child(3),
    #Listing_backup_mysql tbody tr td:nth-child(3) { min-width: 90px; }
    #Listing_backup_mysql thead tr th:nth-child(2),
    #Listing_backup_mysql tbody tr td:nth-child(2) { min-width: 155px; }
}
@media all AND (max-width: 767px) {
    #Listing_backup_mysql thead tr th:nth-child(1),
    #Listing_backup_mysql tbody tr td:nth-child(1) { min-width: 80px; }
    #Listing_backup_mysql thead tr th:nth-child(2),
    #Listing_backup_mysql thead tr th:nth-child(3) { display:none; }
    #Listing_backup_mysql thead tr th:nth-child(4) { min-width: fit-content; }
    #Listing_backup_mysql tbody tr td:nth-child(2),
    #Listing_backup_mysql tbody tr td:nth-child(3) { display: block; min-width: fit-content; border-bottom: none; padding-bottom: 0; text-align: center !important; }
    #Listing_backup_mysql tbody tr td:nth-child(3) { border-top: none; }
    #Listing_backup_mysql tbody tr td:nth-child(4) { display: block; min-width: fit-content; border-top: none; }
    #Listing_backup_mysql tbody tr td:nth-child(3) span.label.label-info:before { content: 'Taille : '; font-weight: 600; }
}

/*Tableau Listing BCK Mail*/
@media all AND (max-width: 1200px) AND (min-width: 980px) {
    #Listing_backup_mail thead tr th:nth-child(3),
    #Listing_backup_mail tbody tr td:nth-child(3) { min-width: 160px; }
}
@media all AND (max-width: 979px) AND (min-width: 768px) {
    #Listing_backup_mail thead tr th:nth-child(3),
    #Listing_backup_mail tbody tr td:nth-child(3) { min-width: 160px; }
    #Listing_backup_mail thead tr th:nth-child(2),
    #Listing_backup_mail tbody tr td:nth-child(2) { min-width: 155px; }
}
@media all AND (max-width: 767px) {
    #Listing_backup_mail thead tr th:nth-child(3),
    #Listing_backup_mail tbody tr td:nth-child(3) { min-width: 160px; }
    #Listing_backup_mail thead tr th:nth-child(2),
    #Listing_backup_mail tbody tr td:nth-child(2) { min-width: 155px; }
}
@media all AND (max-width: 580px) {
    #Listing_backup_mail thead tr th:nth-child(1),
    #Listing_backup_mail tbody tr td:nth-child(1) { min-width: 90px; }
    #Listing_backup_mail thead tr th:nth-child(2) { display:none; }
    #Listing_backup_mail thead tr th:nth-child(3) { min-width: 170px; }
    #Listing_backup_mail tbody tr td:nth-child(2) { display: block; min-width: fit-content; border-bottom: none; padding-bottom: 0; }
    #Listing_backup_mail tbody tr td:nth-child(3) { display: block; min-width: fit-content; border-top: none; }
    #Listing_backup_mail tbody tr td:nth-child(2) span.label.label-info:before { content: 'Taille : '; font-weight: 600; }
    #Listing_backup_mail tbody tr td:nth-child(2) a i.icon-refresh { display: none; }
}

/*Tableau Tâche CRON*/
@media all AND (max-width: 670px) {
    #CronTabList thead tr th:nth-child(1),
    #CronTabList tbody tr td:nth-child(1) { display: none; }
    #CronTabList thead tr th:nth-child(2),
    #CronTabList tbody tr td:nth-child(2) { word-break: break-word; }
}
@media all AND (max-width: 500px) {
    table#CronTabList,
    table#CronTabList tbody,
    table#CronTabList tbody tr,
    table#CronTabList tbody tr td { display: block; border: none; }
    table#CronTabList tbody tr { padding: 20px 0; border-bottom: 2px solid #1c469d ; }
    table#CronTabList tbody tr:first-child { padding-top: 0; }
    table#CronTabList tbody tr:last-child { padding-bottom: 0; border-bottom: none; }
    table#CronTabList tbody tr td { text-align: left; padding: 5px 0; background: #fff; }
    table#CronTabList tbody tr td:nth-child(3):before { content: 'Fréquence : '; font-weight: 600; }
    table#CronTabList tbody tr td:nth-child(4):before { content: 'Heure d\'execution : '; font-weight: 600; }
    table#CronTabList tbody tr td:nth-child(5):before { content: 'Jour Execution : '; font-weight: 600; }
    table#CronTabList tbody tr td:nth-child(6):before { content: 'Supprimer : '; font-weight: 600; }
    table#CronTabList thead { display: none; }
}

/*Tableau Historique Cron*/
@media all AND (max-width: 560px) {
    #CronTabHisto thead tr th:nth-child(1),
    #CronTabHisto tbody tr td:nth-child(1),
    #CronTabHisto thead tr th:nth-child(3),
    #CronTabHisto tbody tr td:nth-child(3) { display: none; }
}
@media all AND (max-width: 420px) {
    #CronTabHisto thead tr th:nth-child(2),
    #CronTabHisto tbody tr td:nth-child(2) { word-break: break-word; }
}

/*Tableau Listing Glue Record*/
@media all AND (max-width: 600px) {
    table#ListGlueRecord thead tr th:nth-child(3),
    table#ListGlueRecord tbody tr td:nth-child(3) { display: none; }
    table#ListGlueRecord tbody tr td:first-child { word-break: break-word; }
}

/*Tableau Listing Firewall IP*/
@media all AND (max-width: 767px){
    #tabListFirewall thead tr th:nth-child(2),
    #tabListFirewall tbody tr td:nth-child(2) { min-width: 70px !important; }
}

/*Tableau Listing BDD*/
table#Listing_mysql { width: 100% !important;}
@media all AND (max-width: 979px) AND (min-width: 640px){
    table#Listing_mysql thead tr th:nth-child(1),
    table#Listing_mysql tbody tr td:nth-child(1) { max-width: 120px; word-break: break-all; }
    table#Listing_mysql thead tr th:nth-child(2),
    table#Listing_mysql tbody tr td:nth-child(2) { max-width: 100px; word-break: break-all; }
    table#Listing_mysql thead tr th:nth-child(3),
    table#Listing_mysql tbody tr td:nth-child(3) { max-width: 194px; }
    table#Listing_mysql thead tr th:nth-child(4),
    table#Listing_mysql tbody tr td:nth-child(4) { display: none; }
    table#Listing_mysql tbody tr td:nth-child(1) span { display: none; }
}
@media all AND (max-width: 639px){
    table#Listing_mysql { margin: 40px 0; }
    table#Listing_mysql,
    table#Listing_mysql tbody,
    table#Listing_mysql tbody tr,
    table#Listing_mysql tbody tr td { display: block; border: none; }
    table#Listing_mysql tbody tr { padding: 20px 0; border-bottom: 2px solid #1c469d ; }
    table#Listing_mysql tbody tr:first-child { padding-top: 0; }
    table#Listing_mysql tbody tr:last-child { padding-bottom: 0; border-bottom: none; }
    table#Listing_mysql tbody tr td { text-align: left; padding: 5px 0; background: #fff; }
    table#Listing_mysql tbody tr td:nth-child(1):before { content: 'Utilisateur : '; font-weight: 600; }
    table#Listing_mysql tbody tr td:nth-child(1) span.little_desc:before { content: 'Description : '; font-weight: 600; font-size: 14px; color: #464f57!important; line-height: 20px; margin-top: 5px; margin-right: 5px; display: inline-block; }
    table#Listing_mysql tbody tr td:nth-child(2):before { content: 'Base : '; font-weight: 600; }
    table#Listing_mysql tbody tr td:nth-child(3):before { content: 'IP serveur : '; font-weight: 600; }
    table#Listing_mysql tbody tr td:nth-child(4):before { content: 'Quota : '; font-weight: 600; }
    table#Listing_mysql tbody tr td:nth-child(5):before { content: 'PHP MyAdmin : '; font-weight: 600; }
    table#Listing_mysql tbody tr td:nth-child(5) a img { display: none; }
    table#Listing_mysql tbody tr td:nth-child(5) a:before { content: 'Gérer ma base de donnée'; }
    table#Listing_mysql tbody tr td:nth-child(6):before { content: 'Action : '; font-weight: 600; }
    table#Listing_mysql tbody tr td:nth-child(6) ul#menu1 { left: 0 !important; right: auto !important; }
    table#Listing_mysql thead { display: none; }
}

/*Tableau listing SSL*/
@media all AND (max-width: 500px){
    table#DataTables_Table_0 thead tr th:nth-child(2) { display: none; }
    table#DataTables_Table_0 tbody tr td:nth-child(1) { word-break: break-word; }
    table#DataTables_Table_0 tbody tr td:nth-child(2),
    table#DataTables_Table_0 tbody tr td:nth-child(3) { display: block; min-width: 130px; }
    table#DataTables_Table_0 tbody tr td:nth-child(2) { border-bottom: none; padding-bottom: 0; }
    table#DataTables_Table_0 tbody tr td:nth-child(3) { border-top: none; }
    table#DataTables_Table_0 tbody tr td:nth-child(2):before { content: 'Statut : '; font-weight: 600; }
}

/*Tableau listing mail*/
#ListingMail tbody tr td div.quota-info div.quotas_content p.quota_progress { display: block; margin-top: 5px !important; }
#ListingMail tbody tr td div.quota-info div.quotas_content p progress,
#LisintgStockage tbody tr td div.quota-info div.quotas_content p progress,
#LisintgMailTab2 tbody tr td div.quota-info div.quotas_content p progress { max-width: 100%; margin: 5px 0 0; }

@media all AND (max-width: 979px){
    table#ListingMail tbody tr td:first-child { word-break: break-word; }
    table#ListingMail thead tr th:nth-child(2),
    table#ListingMail thead tr th:nth-child(4),
    table#ListingMail tbody tr td:nth-child(2),
    table#ListingMail tbody tr.redirect td:nth-child(4) { display: none; }
    table#ListingMail thead tr th:nth-child(5) { min-width: 110px; }
    table#ListingMail tbody tr:not(.redirect) td:nth-child(4),
    table#ListingMail tbody tr:not(.redirect) td:nth-child(5) { display: block; width: auto; min-width: 110px; }
    table#ListingMail tbody tr td:nth-child(4) { border-bottom: none; padding-bottom: 0; }
    table#ListingMail tbody tr:not(.redirect) td:nth-child(4):before { content: "Mails"; display: table; font-weight: 600; }
    table#ListingMail tbody tr:not(.redirect) td:nth-child(5) { border-top: none; }
    table#ListingMail tbody tr:not(.redirect) td:nth-child(5):before { content: "Stockage"; display: table; font-weight: 600; }
}
@media all AND (max-width: 767px){
    table#ListingMail thead tr th:nth-child(3),
    table#ListingMail tbody tr td:nth-child(3) { display: none; }
}
@media all AND (max-width: 600px){
    table#ListingMail thead tr th:nth-child(2),
    table#ListingMail tbody tr td:nth-child(2) { display: none; }
}
@media all AND (max-width: 500px){
    table#ListingMail thead tr th:nth-child(5),
    table#ListingMail tbody tr td:nth-child(4),
    table#ListingMail tbody tr td:nth-child(5) { display: none !important; }
}

/*Tableau Listing Boîtes Mailing*/
@media all AND (max-width: 767px){
    #list-mailing { width: 100% !important; }
    #list-mailing thead tr th:nth-child(1),
    #list-mailing tbody tr td:nth-child(1) { width: auto !important; word-break: break-word; }
    #list-mailing thead tr th:nth-child(2),
    #list-mailing tbody tr td:nth-child(2) { display: none; }
}

/*Tableau Auto Renew*/
@media all AND (max-width: 1199px) and (min-width: 980px){
    #Listing_services thead tr th:nth-child(3) { display:none; }
    #Listing_services tbody tr td:nth-child(2),
    #Listing_services tbody tr td:nth-child(3) { /*display: block; width: auto;*/ width: -webkit-fill-available; float: left; }
    #Listing_services tbody tr td:nth-child(3) { border: none; }
    #Listing_services tbody tr td:nth-child(2):before { content: "Service"; display: table; font-weight: 600; }
    #Listing_services tbody tr td:nth-child(3):before { content: "Formule"; display: table; font-weight: 600; }
    #Listing_services tbody tr td:nth-child(2) { padding-bottom: 0; }
    #Listing_services thead tr th:nth-child(4),
    #Listing_services tbody tr td:nth-child(4) { min-width: 130px; }
}
@media all AND (max-width: 979px){

    #Listing_services thead tr th:nth-child(1),
    #Listing_services tbody tr td:nth-child(1) { max-width: 10px; width: 10px !important; }

    #Listing_services thead tr th:nth-child(3),
    #Listing_services thead tr th:nth-child(4),
    #Listing_services thead tr th:nth-child(5),
    #Listing_services thead tr th:nth-child(6),
    #Listing_services thead tr th:nth-child(7),
    #Listing_services thead tr th:nth-child(8) { display:none; }

    #Listing_services tbody tr td:nth-child(2),
    #Listing_services tbody tr td:nth-child(3),
    #Listing_services tbody tr td:nth-child(4),
    #Listing_services tbody tr td:nth-child(5),
    #Listing_services tbody tr td:nth-child(6),
    #Listing_services tbody tr td:nth-child(7),
    #Listing_services tbody tr td:nth-child(8) { display:inline-block !important; text-align: left !important; }

    #Listing_services tbody tr td:nth-child(2),
    #Listing_services tbody tr td:nth-child(4),
    #Listing_services tbody tr td:nth-child(5),
    #Listing_services tbody tr td:nth-child(6),
    #Listing_services tbody tr td:nth-child(7) { width: calc((100% / 3) - 30px); }
    #Listing_services tbody tr td:nth-child(3),
    #Listing_services tbody tr td:nth-child(8) { width: calc((100% / 3) * 2 - 30px); }

    #Listing_services tbody tr td:nth-child(2),
    #Listing_services tbody tr td:nth-child(3),
    #Listing_services tbody tr td:nth-child(4),
    #Listing_services tbody tr td:nth-child(5),
    #Listing_services tbody tr td:nth-child(6),
    #Listing_services tbody tr td:nth-child(7),
    #Listing_services tbody tr td:nth-child(8) { padding: 15px; }

    #Listing_services tbody tr td:nth-child(2),
    #Listing_services tbody tr td:nth-child(3),
    #Listing_services tbody tr td:nth-child(4),
    #Listing_services tbody tr td:nth-child(5),
    #Listing_services tbody tr td:nth-child(6) { border: none !important; }

    #Listing_services tbody tr td:nth-child(7),
    #Listing_services tbody tr td:nth-child(8) { border-top: none; border-left: none; border-right: none; }


    #Listing_services tbody tr td:nth-child(2):before { content: "Service"; display: table; font-weight: 600; }
    #Listing_services tbody tr td:nth-child(3):before { content: "Formule"; display: table; font-weight: 600; }
    #Listing_services tbody tr td:nth-child(4):before { content: "Prélèvement"; display: table; font-weight: 600; }
    #Listing_services tbody tr td:nth-child(5):before { content: "Compte"; display: table; font-weight: 600; }
    #Listing_services tbody tr td:nth-child(6):before { content: "Engagement"; display: table; font-weight: 600; }
    #Listing_services tbody tr td:nth-child(7):before { content: "Expiration"; display: table; font-weight: 600; }
    #Listing_services tbody tr td:nth-child(8):before { content: "Prix"; display: table; font-weight: 600; }

    #Listing_services tbody tr td:nth-child(8) span:first-child { height: 15px; display: inline-block; }
    #Listing_services tbody tr td select { width: auto !important; margin-top: 5px; min-width: 115px; }

    #Listing_services tbody tr td:nth-child(1) { border-top: none; }
    #Listing_services tbody tr:not(:first-child) td:nth-child(1),
    #Listing_services tbody tr:not(:first-child) td:nth-child(2),
    #Listing_services tbody tr:not(:first-child) td:nth-child(3) { border-top: 1px solid #ddd !important; }
}
@media all AND (max-width: 540px){
    #Listing_services tbody tr td:nth-child(2),
    #Listing_services tbody tr td:nth-child(3),
    #Listing_services tbody tr td:nth-child(4),
    #Listing_services tbody tr td:nth-child(5),
    #Listing_services tbody tr td:nth-child(6),
    #Listing_services tbody tr td:nth-child(7),
    #Listing_services tbody tr td:nth-child(8) { width: calc((100% / 2) - 30px); }
    #Listing_services tbody tr td:nth-child(4) { width: calc(100% - 30px); }

    #Listing_services tbody tr td:nth-child(2) { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    #Listing_services tbody tr td:nth-child(2) i.custom-tooltip.vps { display: none; }
}
@media all AND (max-width: 380px){
    #Listing_services tbody tr td select { min-width: 100px; }
    #Listing_services thead tr th:nth-child(1),
    #Listing_services tbody tr td:nth-child(1) { max-width: 8px; width: 8px !important; padding: 0 5px; }
}

/*Tableau Compte Prépayé*/
@media all AND (max-width: 540px){
    #tabCP thead tr th:nth-child(1),
    #tabCP tbody tr td:nth-child(1) { min-width: 85px; }
    #tabCP thead tr th:nth-child(3),
    #tabCP tbody tr td:nth-child(3) { display: none; }
    #tabCP tbody tr td { padding: 10px; }
}

/*Tableau Zone DNS*/
#zone-dns-table i.modifier_config { margin-right: 5px; }
#zone-dns-table i.modifier_config:hover { cursor: pointer; }
#zone-dns-table tbody tr td select { margin-bottom: 0; }
#zone-dns-table tbody tr td { transition: all 3s ease; }
#zone-dns-table tbody tr.success > td { background-color: #dff0d8 !important; }
#zone-dns-table_length { display: none; }
input.search-query { height: 40px; }

@media all AND (max-width: 767px){
    #zone-dns-table tbody tr td select { margin: auto; margin-bottom: 0; }
}

@media all AND (max-width: 600px){
    #zone-dns-table thead tr th:nth-child(4) { display: none; }
    #zone-dns-table tbody tr td:nth-child(3),
    #zone-dns-table tbody tr td:nth-child(4) { display: block; width: calc(100% - 20px); text-align: center; }
    #zone-dns-table tbody tr td:nth-child(4) select { display: inline-block; margin: auto !important; }
    #zone-dns-table tbody tr td:nth-child(3):before { content: "Valeur : "; font-weight: 600; }
    #zone-dns-table tbody tr td:nth-child(4):before { content: "TTL : "; display: inline-block; font-weight: 600; margin-right: 5px; }
}

@media all AND (max-width: 500px){
    #zone-dns-table thead tr th:nth-child(3) { display: none; }
    #zone-dns-table tbody tr td:nth-child(2):before { content: "Nom : "; font-weight: 600; }
    #zone-dns-table tbody tr td:nth-child(2) { display: block; width: calc(100% - 20px); text-align: center; }
}

@media all AND (max-width: 450px){
    #zone-dns-table thead tr th:nth-child(5) { display: none; }
    #zone-dns-table tbody tr td:nth-child(5):before { content: "Actions : "; font-weight: 600; }
    #zone-dns-table tbody tr td:nth-child(5) { display: block; width: calc(100% - 21px); text-align: left; }
    #zone-dns-table tbody tr td:nth-child(2),
    #zone-dns-table tbody tr td:nth-child(3),
    #zone-dns-table tbody tr td:nth-child(4) { width: calc(100% - 21px); text-align: left; }
}

/*Tableau Listing Action VPS Dashboard*/
#vps-history tbody tr td { font-weight: 400 !important; }
@media all AND (max-width: 599px){
    #vps-history thead tr th:nth-child(2) { display: none; }

    #vps-history tbody tr td:nth-child(2),
    #vps-history tbody tr td:nth-child(3) { display: block; width: 155px; text-align: left; }

    #vps-history tbody tr td:nth-child(2):before { content: "Date : "; display: contents; font-weight: 600; }
    #vps-history tbody tr td:nth-child(3):before { content: "Statut : "; display: contents; font-weight: 600; }

    #vps-history tbody tr td:nth-child(3) { border-top: none; padding-top: 0; }
}
@media all AND (max-width: 450px){
    #vps-history thead tr th:nth-child(2),
    #vps-history thead tr th:nth-child(3) { display: none; }

    #vps-history tbody tr td:nth-child(1),
    #vps-history tbody tr td:nth-child(2),
    #vps-history tbody tr td:nth-child(3) { display: block; width: auto; text-align: left; }

    #vps-history tbody tr td:nth-child(1):before { content: "Action"; display: table; font-weight: 600; }
    #vps-history tbody tr td:nth-child(2):before { content: "Date"; display: table; font-weight: 600; }
    #vps-history tbody tr td:nth-child(3):before { content: "Statut : "; display: contents; font-weight: 600; }

    #vps-history tbody tr td:nth-child(2),
    #vps-history tbody tr td:nth-child(3) { border-top: none; padding-top: 0; }
}

/************************************************************/
/******************* Datatable LWS Version ******************/
/************************************************************/

/*table#tabDomaines {font-family: 'Open Sans', sans-serif;}*/
table.dataTable.no-footer { border-bottom: 1px solid #ccc !important; }
table.dataTable tbody tr td a.load_mail { margin-left : 5px; }
table.dataTable thead tr th { background-color: #fff !important; }
table.dataTable tbody tr:nth-child(2n) td { background-color: #fff; }
table.dataTable tbody tr:nth-child(2n+1) td { background-color: #f7f7f7; }
table.dataTable,
table.dataTable thead tr th,
table.dataTable tbody tr td { border-left: none; border-right: none;}
table.dataTable,
table.dataTable thead tr th { border-top: none; }

/*Listing Mutu Row Renew*/
form#domainform div.row { margin-top: -38px; z-index : 10; position:relative; max-width: 450px; }
form#domainform div.row select[name="traitement"] { margin-right: 5px; width: auto; }
form#domainform div.row input[name="Submit2"] { font-size: 14px; line-height: 14px; padding: 11px 15px; font-weight: 600; }
table#tabDomaines thead tr th:first-child { text-align: center; padding: 10px !important; }

/*Sorting*/
table.dataTable thead tr th { padding: 10px 30px !important; }
table#tabDomaines.dataTable thead tr th:nth-child(2) { padding: 10px !important; }
table.dataTable.txt-left thead tr th,
table.dataTable thead tr th.txt-left { padding: 10px 30px 10px 10px !important; }
table.dataTable tbody tr td { padding: 15px 10px !important; }/* padding: 10px !important; */

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting { 
    background-image: none;
    position: relative;
    width: auto;
    white-space: nowrap;
    padding: 20px 30px 20px 10px !important;
}

table.dataTable thead .sorting_asc:after { background-image: url(../img/chevron_haut_bleu_bas_gris.svg) !important; }
table.dataTable thead .sorting_desc:after { background-image: url(../img/chevron_haut_gris_bas_bleu.svg) !important; }
table.dataTable thead .sorting:after {background-image: url(../img/chevron_haut_gris_bas_gris.svg) !important; }

table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    width: 11px;
    height: 17px;
    bottom: calc(50% - 9px);
    display: inline-block;
    margin-left: 20px;
}

/*table.dataTable thead .sorting_asc { 
    background-image: url(./images/chevron_tri.svg) !important;
    background-size: 11px 8px;
    background-position: top calc(50% - 4px) right 12px;
    position: relative;
}
table.dataTable thead .sorting_asc:after {
    position: absolute;
    content: '';
    background-image: url(./images/chevron_tri_gris.svg) !important;
    background-repeat: no-repeat;
    width: 11px;
    height: 8px;
    right: 12px;
    bottom: calc(50% - 10px);
}
table.dataTable thead .sorting_desc { 
    background-image: url(./images/chevron_tri_inverse.svg) !important;
    background-size: 11px 8px;
    background-position: bottom calc(50% - 6px) right 12px;
    position: relative;
}
table.dataTable thead .sorting_desc:after {
    position: absolute;
    content: '';
    background-image: url(./images/chevron_tri_gris_inverse.svg) !important;
    background-repeat: no-repeat;
    width: 11px;
    height: 8px;
    right: 12px;
    top: calc(50% - 8px);
}
table.dataTable thead .sorting {
    background-image: url(./images/chevron_tri_gris_inverse.svg) !important;
    background-size: 11px 8px;
    background-position: top calc(50% - 6px) right 12px;
    position: relative;
}
table.dataTable thead .sorting:after {
    position: absolute;
    content: '';
    background-image: url(./images/chevron_tri_gris.svg) !important;
    background-repeat: no-repeat;
    width: 11px;
    height: 8px;
    right: 12px;
    bottom: calc(50% - 8px);
}*/

/*Pagination*/
div.dataTables_paginate.paging_simple_numbers { /*font-family: 'Open Sans', sans-serif; font-size: 14px !important; line-height: 14px !important;*/ margin-top: 20px; }
div.dataTables_paginate.paging_simple_numbers a.paginate_button { height: 38px !important; font-size: 14px !important; line-height: 14px !important; font-family: 'Open Sans', sans-serif; padding: 12px 1em !important; }
div.dataTables_paginate.paging_simple_numbers a.paginate_button.previous,
div.dataTables_paginate.paging_simple_numbers a.paginate_button.next { color:#464f57 !important; font-weight: 600; background-color: #fff; border: 1px solid #ccc; margin-left: 0; }
div.dataTables_paginate.paging_simple_numbers a.paginate_button.previous:before { content: "<"; color: #1e49bc; font-weight: 600; margin-right: 10px; }
div.dataTables_paginate.paging_simple_numbers a.paginate_button.next:after { content: ">"; color: #1e49bc; font-weight: 600; margin-left: 10px; }
div.dataTables_paginate.paging_simple_numbers a.paginate_button.previous { border-left: 1px solid #ccc !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
div.dataTables_paginate.paging_simple_numbers a.paginate_button.next { border-left: none !important; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
div.dataTables_paginate.paging_simple_numbers span a.paginate_button { color:#464f57 !important; font-weight: 600; background-color: #fff; border: 1px solid #ccc !important; border-left: none !important; border-radius: 0; margin-left: 0; }
div.dataTables_paginate.paging_simple_numbers span a.paginate_button.current { background: #eee; border-radius: 0; }
div.dataTables_paginate.paging_simple_numbers a.paginate_button:hover,
div.dataTables_paginate.paging_simple_numbers span a.paginate_button.current:hover { background: #eee; color:#464f57 !important; }
div.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled:hover { background: #fff; color:#464f57 !important; border: 1px solid #ccc; }
div.dataTables_paginate.paging_simple_numbers span.ellipsis { color: #464f57 !important; font-weight: 600; background-color: #fff; border: 1px solid #ccc !important; border-left: none !important; border-radius: 0; margin-left: 0; height: 38px !important; font-size: 14px !important; line-height: 14px !important; font-family: 'Open Sans', sans-serif; padding: 9px 1em 8px !important; }

/*Affichage nombre résultat*/
div.dataTables_info { display: none; }

/*Recherche*/
div.dataTables_filter { font-family: 'Open Sans', sans-serif; margin-bottom: 20px !important; }
div.dataTables_filter label input {
    background-image: url('https://panel.lws.fr/css/images/search.svg');
    background-position: top 50% right 10px;;
    background-repeat: no-repeat;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    height: 38px !important;
    font-size: 14px;
    line-height: 14px;
    padding: 0 30px 0 10px !important;
    margin-bottom: 0 !important;
}

/*Select Longeur*/
div.dataTables_length { font-family: 'Open Sans', sans-serif; margin-bottom: 20px !important; }
div.dataTables_length label select { margin-right: 5px !important; }
div.dataTables_length label select,
select[name="traitement"] {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #464f57;
    padding: 12px 40px 12px 10px !important;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('https://panel.lws.fr/css/images/chevron_tri_inverse.svg'), linear-gradient(to left, #eee 30px, #fff 1px, #fff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 52%, 0 0;
    background-size: .65em auto, 100%;
    height: 38px !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

/* Hide arrow icon in IE browsers */
div.dataTables_length label select::-ms-expand,
select[name="traitement"]::-ms-expand {
display: none;
}
/* Hover style */
div.dataTables_length label select:hover,
select[name="traitement"]:hover {
border-color: #888;
}

/* Set options to normal weight */
div.dataTables_length label select option,
select[name="traitement"] option {
    font-family: 'Open Sans', sans-serif;
    font-weight:normal;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
color: "graytext";
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

div.dataTables_length label select:disabled:hover, div.dataTables_length label select[aria-disabled=true] {
border-color: #aaa;
}

/* Form + Button */
button.open {
    width: auto;
    margin: auto;
    font-family: 'Open sans', sans-serif !important;
    height: 40px;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 15px 13px 15px;
}

a.btn,
button,
button.btn,
input[type="button"],
input[type="submit"] {
    padding: 10px 15px !important;
    line-height: 18px;
    font-size: 14px;
    height: auto;
    font-family: 'Open sans', sans-serif !important;
}

a.btn [class^="icon-"],
a.btn [class*=" icon-"],
button.btn [class^="icon-"],
button.btn [class*=" icon-"] { vertical-align: middle; margin-top: 0; }

a.btn.btn-mini, button.btn.btn-mini {
    padding: 5px 10px !important;
    line-height: 14px !important;
    font-size: 12px !important;
}

.btn-mini .caret,
.btn-small .caret {
    margin-top: 5px;
}

a.btn:focus, button.btn:focus {
    outline:none;
}

input, select, textarea { font-family: 'Open sans', sans-serif !important; }
input:not([type="checkbox"]) { font-size: 14px; line-height: 20px; padding: 10px 10px 8px !important; }
select { height: 40px; font-size: 14px; line-height: 14px; }
div.input-prepend input, div.input-append input { height: auto !important; padding: 10px 10px 8px !important; }
div.input-prepend span.add-on, div.input-append span.add-on { display: inline-flex; align-items: center; background: #eee; font-size: 14px !important; line-height: 14px !important; padding: 10px 10px 8px !important; }
div.input-prepend a, div.input-append a { text-decoration: none !important; color: #464f57; font-weight: 600; }
div.input-prepend a:hover span.add-on, div.input-append a:hover span.add-on { background: #ddd !important; color: #333; }
input[type="text"].particular { background-color: #fffcd7; }

/*Logo Panel*/
img.logo_panel { float: left; height: 26px; width: auto; border: none;}

/*Link a*/
a { text-decoration: underline !important; }
div.menulws a,
a.btn,
div.shortcuts a,
table.dataTable a,
ul.nav.nav-tabs li a,
div.modal-header a { text-decoration: none !important; }

/*navtabs*/
.nav-tabs>li>a, .nav-pills>li>a { 
    padding-right: 10px;
    padding-left: 10px;
}
ul.nav-tabs li {
    padding-right: 8px;
}

div#icone_grille > div.container { position: relative; }
div#icone_grille > div.container a.btn_retour {
    position: absolute;
    left: -70px;
    top: 0;
    width: 30px;
    height: 25px;
    padding: 9px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
}
div#icone_grille > div.container a.btn_retour img {
    opacity: 0.5;
}

ul.puce_bleu { list-style: none; }
ul.puce_bleu li::before { content: "\u2219"; color: #08c; margin-left: -15px; margin-right: 15px; }

/*form sedo*/
form#form-sedo input { min-width: 300px !important; }

/*form disabled*/
form input:disabled { opacity: 0.7; }

/*change dom*/
input.nopaste { width: calc(100% - 22px) !important; }

/*Notif relook*/
.notif31-mutu:not(.txt-success),
.notif31-mutu:not(.txt-important),
.notif31-mutu:not(.txt-information) { border: 1px solid #1c469d; }
.notif31-mutu.txt-success {
    color: #0b7f0b;
    background: #dff2d5;
    border: 1px solid #339933;
    position: relative;
    padding-left: 60px;
    -webkit-transform: translate3d(0,0,0);
}
.notif31-mutu.txt-success:before {
    background: #339933;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 45px;
    height: 100%;
    background-image: url(../img/icons/check_info.svg) !important;
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px 20px;
    display: block;
    border-radius: 0;
    -webkit-transform: translate3d(0,0,0);
}
/*Notif warning*/
.notif31-mutu.txt-warning {
    color: #973C00;
    background:#FFE9DB;
    border: 1px solid #FF6600;
    position: relative;
    padding-left: 60px;
    -webkit-transform: translate3d(0,0,0);
}
.notif31-mutu.txt-warning:before {
    background: #FF6600;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 45px;
    height: 100%;
    background-image: url(../img/icons/erreur_info.svg) !important;
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px 20px;
    display: block;
    border-radius: 0;
    -webkit-transform: translate3d(0,0,0);
}
/*Notif error*/
.notif31-mutu.txt-important {
    color: #97170e;
    background:#f5d7d7;
    border: 1px solid #f24235;
    position: relative;
    padding-left: 60px;
    -webkit-transform: translate3d(0,0,0);
}
.notif31-mutu.txt-important:before {
    background: #f24235;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 45px;
    height: 100%;
    background-image: url(../img/icons/erreur_info.svg) !important;
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px 20px;
    display: block;
    border-radius: 0;
    -webkit-transform: translate3d(0,0,0);
}
/*Notif Information*/
.notif31-mutu.txt-information {
    color: #0d3587;
    background:#d7e3f5;
    border: 1px solid #1c469d;
    position: relative;
    padding: 10px 10px 10px 60px;
    -webkit-transform: translate3d(0,0,0);
}
.notif31-mutu.txt-information:before {
    background: #1c469d;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 45px;
    height: 100%;
    background-image: url(../img/icons/i_info.svg) !important;
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px 20px;
    display: block;
    border-radius: 0;
    -webkit-transform: translate3d(0,0,0);
}
.notif31-mutu.txt-information:after {
    display: none;
}

/*Oeil mail*/
span.add-on { font-weight: 600 !important; }
a#hide_show_pass span.add-on { position: relative; border-radius: 0; }
a#hide_show_pass span.add-on i.fa-eye-slash {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/icons/oeil_ferme.svg);
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px 20px;
    display: block;
    width: 38px;
    height: 40px;
    -webkit-transform: translate3d(0,0,0);
}
a#hide_show_pass span.add-on i.fa-eye-slash:before {
    display: none;
}
a#hide_show_pass span.add-on i.fa-eye {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/icons/oeil_ouvert.svg);
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px 20px;
    display: block;
    width: 38px;
    height: 40px;
    -webkit-transform: translate3d(0,0,0);
}
a#hide_show_pass span.add-on i.fa-eye:before {
    display: none;
}

span.spam_alert img {
    width: auto;
    height: 15px;
    margin-bottom: 3px;
}

/*Loading SVG*/
div#loading10 div.fixed-loader { position: fixed; left:0px; top:0px;  width: 100%; height: 100%; z-index:9001; }
div#loading10 div.fixed-loader div.loader { position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); z-index:9001; }
div#loading10 div.fixed-loader div.loader img { width: 90px; height: auto; }
div#loading10 div.calque { position: fixed; background-color: #000; left:0px; top:0px;  width: 100%; height: 100%; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;-khtml-opacity:0.50; z-index: 9000; }

@media all AND (max-width: 979px){
    div#loading10 div.fixed-loader div.loader img { width: 75px; height: auto; }
}

@media all AND (max-width: 767px){
    div#loading10 div.fixed-loader div.loader img { width: 60px; height: auto; }
}

/* Tableau centré */
table.table-mid { width: auto; margin: auto; }

/* Widget SSH */
div#helplws.ssh-frame iframe {
    text-align: left !important;
    position: relative !important;
    display: block !important;
    background: #000;
    min-height: 300px !important;
    height: calc(100vh - 296px);
    /*padding: 0 0 0 15px !important;
    width: calc(100% - 15px) !important;*/
}
div#helplws.ssh-frame {
    border: 1px solid #1e49bc !important;
    background-color: #000 !important; border: 0 !important;
}

@media (max-width: 1310px) and (min-width: 1200px) { div#helplws.ssh-frame iframe { height: calc(100vh - 353px); } }
@media (max-width: 1080px) and (min-width: 980px) { div#helplws.ssh-frame iframe { height: calc(100vh - 353px); } }
@media (max-width: 860px) and (min-width: 768px) { div#helplws.ssh-frame iframe { height: calc(100vh - 353px); } }
@media (max-width: 767px) { div#helplws.ssh-frame iframe { height: calc(100vh - 333px); } }

/* Translate */
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}

/*Recherche Service header*/
.navbar .nav > li.fond_transparent > .dropdown-menu li .list_service table tbody tr td:first-child { width: 55% !important; }
.navbar .nav > li.fond_transparent > .dropdown-menu li .list_service table tbody tr td:last-child img { width: 20px; height: auto; margin-right: 5px; vertical-align: text-top; }

/* Custom Select Notation Modale */
/* Custom Select */
div#modal_add_note { top: 5%; width: 850px; transform: translateX(-50%); margin-left: 0; }
div#modal_add_note .form-mutu div.row { margin-top: 15px; }
div#modal_add_note select { display: none; }
div#modal_add_note div.modal-body { max-height: 120vh; }
.b ul {padding-left: 0px;margin: 0 0 10px 10px !important;}
.b ul img, .btn-select img{height: 13px; width: auto; margin-bottom: 3px;}
.b ul li{list-style: none; padding-top: 5px; padding-bottom: 0px;}
.b ul li:hover{background-color: #F4F3F3; cursor: pointer; }
.b ul li img{margin: 0 0 3px 0;}
.b ul li span, .btn-select li span{margin-left: 10px;}
/* item list */
.b{display: none;width: calc(100% - 2px);box-shadow: 0 6px 12px rgba(0,0,0,.175);border: 1px solid rgba(0,0,0,.15);border-radius: 4px;}
.open{display: show !important;}
.btn-select{margin: 0; padding: 10px !important; width: 100%;height: 40px;border-radius: 5px;background-color: #fff;border: 1px solid #ccc;}
.btn-select li{list-style: none;float: left;padding-bottom: 0px; }
.btn-select:hover li{margin-left: 0px;}
.btn-select:hover{background-color: #F4F3F3;border: 1px solid transparent;box-shadow: inset 0 0px 0px 1px #ccc;}
.btn-select:focus{outline:none;}

@media (max-width: 979px) and (min-width: 768px){
    div#modal_add_note { width: 90%; }
}

@media (max-width: 767px) {
    div#modal_add_note { width: 90%; margin: auto; transform: none; }
}


/** Section No Service **/
section.no_service { padding: 40px 0 50px; }
section.no_service h2 { font-size: 20px; line-height: 27px; font-weight: 700; text-align: center; }
section.no_service p.ss_title { margin-top: 15px; font-size: 15px; line-height: 22px; font-weight: 400; text-align: center; }
section.no_service div.proposal_service { margin-top: 50px; }
section.no_service div.span3 div.content { background: #fff; padding: 20px; border: 1px solid #DFDFDF; border-radius: 5px; }
section.no_service div.span3 div.content h3 { margin: 0; font-size: 16px; line-height: 22px; font-weight: 700; }
section.no_service div.span3 div.content h3 img { display: inline-block; margin-right: 10px; width: 50px; height: auto; }
section.no_service div.span3 div.content p.info { margin-top: 20px; font-size: 15px; line-height: 25px; font-weight: 400; }
section.no_service div.span3 div.content ul { margin: 15px 0 0 0; list-style-type: none; }
section.no_service div.span3 div.content ul li { font-size: 14px; line-height: 24px; font-weight: 400; position: relative; padding-left: 25px; }
section.no_service div.span3 div.content ul li::before { content: ""; position: absolute; width: 15px; height: 10.5px; left: 0; top: 50%; transform: translateY(-50%); background: url(../img/check_vert.svg) no-repeat 50% 50% / contain; }
section.no_service div.span3 div.content a.btn-info.btn-inline,
section.no_service div.span3 div.content a.inline-link { margin-top: 20px; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 26px; font-weight: 400; }
section.no_service div.span3 div.content a.inline-link { margin-left: 15px; }

section.no_service div.proposal_service.by3 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 40px; }
section.no_service div.proposal_service.by3 .span3 { width: 280px; }
section.no_service div.proposal_service.by3 .span3 div.content { padding: 20px 28px; background-color: #F8F9FB; border: 2px solid #DFDFDF; }
section.no_service div.proposal_service.by3 .span3 div.content a.btn-info.btn-inline { font-size: 14px; line-height: 14px; }
section.no_service div.proposal_service.by3 .span3 div.content a.inline-link { margin-left: 10px; }

@media (min-width: 980px) and (max-width: 1199px) {
    section.no_service div.proposal_service.by3 .span3:nth-child(3) div.content { margin-top: 0; }
}

@media (min-width: 768px) AND (max-width: 1199px) {
    section.no_service div.span3 { width: 460px }
    section.no_service div.span3:nth-child(3) div.content,
    section.no_service div.span3:nth-child(4) div.content { margin-top: 20px; }
    section.no_service div.span3 div.content { text-align: center; }
    section.no_service div.span3 div.content ul { width: max-content; margin: 15px auto 0; text-align: left; }
}

@media (min-width: 768px) AND (max-width: 979px) {
    section.no_service div.span3 { width: 352px }
    section.no_service div.span3:nth-child(3) div.content,
    section.no_service div.span3:nth-child(4) div.content { margin-top: 20px; }
    section.no_service div.span3 div.content { text-align: center; }
    section.no_service div.span3 div.content ul { width: max-content; margin: 15px auto 0; text-align: left; }
}

@media (max-width: 767px) {
    section.no_service div.span3:not(:first-child) div.content { margin-top: 30px; }
    section.no_service div.span3 div.content { text-align: center; }
    section.no_service div.span3 div.content ul { width: max-content; margin: 15px auto 0; text-align: left; }

    section.no_service div.proposal_service.by3 { flex-direction: column; align-items: center; } 
}

/** Fin Section No Service */


/** Radix Project **/
div.bg_radix { width: 100%; height: 123px; background: url(../img/radix/radix_domaines_gratuits_1170px.jpg); }
section.info_radix { background: #fff; margin-top: 20px; padding: 20px; }
section.info_radix p { font-size: 15px; line-height: 24px; font-weight: 400; margin: 0; }
section.info_radix p.special_offer { font-size: 16px; line-height: 24px; font-weight: 700; margin-bottom: 10px; }
section.info_radix p.little { font-size: 14px; line-height: 22px; font-weight: 400; margin-top: 16px; }
section.info_radix p.little span { display: inline-block; width: calc(100% - 34px); }
img.renew_radix { width: 16px; height: 20px; margin-right: 14px; position: relative; top: 2px; display: inline-block; vertical-align: top; }
img.no_obligation_radix { width: 20px; height: 20px; margin-right: 10px; position: relative; top: 2px; display: inline-block; vertical-align: top; }
section.table_domaine_radix { margin-top: 20px; }
section.table_domaine_radix table { width: 100%; border: 1px solid rgba(30, 73, 155, 0.2); }
section.table_domaine_radix table thead tr th,
section.table_domaine_radix table tbody tr.thead td { background: #1E499B !important; text-align: center; font-size: 18px; line-height: 28px; font-weight: 700; color: #FFF; padding: 10px 20px; border-left: 1px solid #fff; }
section.table_domaine_radix table thead tr th:first-of-type,
section.table_domaine_radix table tbody tr.thead td:first-of-type { text-align: left; border: none; }
section.table_domaine_radix table tbody tr td { font-size: 16px; line-height: 26px; font-weight: 600; padding: 15px 20px; }
section.table_domaine_radix table tbody tr td:not(:first-child) { text-align: center; }
section.table_domaine_radix table tbody tr:nth-child(2n+1) td { background: #fff; }
section.table_domaine_radix table tbody tr:nth-child(2n) td { background: #F4F5F8; }
section.table_domaine_radix table tbody tr td span.stroke { color: #7E818D; position: relative; margin-right: 5px; }
section.table_domaine_radix table tbody tr td span.stroke::after { content: ""; position: absolute; height: 1px; background: #7E818D; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.table_domaine_radix table tbody tr td img.dispo { width: 24px; height: 24px; }
section.table_domaine_radix form.form-mutu table input[type="checkbox"] { width: 20px; height: 20px; border-color: #7E818D; }
section.table_domaine_radix form.form-mutu table input[type="checkbox"]:checked:before { font-size: 13px; top: 2px; left: 3px; }
section.table_domaine_radix form.form-mutu table input[type="checkbox"]:disabled { background: #DBDEE6; }
div.bottom_table { margin-top: 20px; height: 50px; }
div.bottom_table a { float: left; font-size: 16px; line-height: 24px; font-weight: 400; color: #1C469D; }
div.bottom_table div.buttons_table { float: right; }
div.bottom_table div.buttons_table button { font-size: 16px; line-height: 30px; font-weight: 600; color: #fff; margin-left: 15px; border: none; padding: 10px 20px !important; }
div.bottom_table div.buttons_table button.btn-green { background: #2B9333; }
div.bottom_table div.buttons_table button.btn-orange { background: #FF6500; font-size: 18px; }
div.bottom_table div.buttons_table button.btn-green:hover { background: #34B13E; }
div.bottom_table div.buttons_table button.btn-orange:hover { background: #FF7E28; }
div.bottom_table div.buttons_table button img.chevron_radix { width: 9px; height: 15px; margin-left: 10px; position: relative; top: -2px; }
.d-block-mobile { display: none; }
div.offer_radix { position:relative; font-size: 16px; line-height: 24px; font-weight: 700; color: #FFF; background: #F60; padding: 10px 15px; }
div.offer_radix img.gift_radix { width: 20px; height: auto; margin-right: 8px; position: relative; top: -2px; }
div.offer_radix a.btn_right_radix { position: absolute; right: 0; top: 0; text-decoration: none !important; }
div.offer_radix div.access_radix { width: max-content; font-size: 16px; line-height: 24px; font-weight: 700; color: #FFF; background: #FF9920; text-transform: uppercase; padding: 10px 20px; }
div.offer_radix div.access_radix img.chevron_radix { width: 9px; height: 15px; margin-left: 10px; position: relative; top: -2px; }

@media (max-width: 1199px) {
    div.bg_radix { width: 100%; height: 123px; background: url(../img/radix/radix_domaines_gratuits_940px.jpg); }
}    
@media (max-width: 979px) {
    div.bg_radix { width: 100%; height: 98px; background: url(../img/radix/radix_domaines_gratuits_tablette.jpg); background-position: top center; background-size: auto 100%; background-repeat: no-repeat; }
    section.table_domaine_radix table tbody tr td:nth-child(2) { white-space: nowrap; padding: 15px 30px; }
    .d-none-tablette { display: none; }
    section.table_domaine_radix table thead tr th,
    section.table_domaine_radix table tbody tr.thead td { font-size: 16px; }
}
@media (max-width: 767px) {
    div.bg_radix { width: 100%; height: 98px; background: url(../img/radix/radix_domaines_gratuits_mobile.jpg); background-position: top center; background-size: auto 100%; background-repeat: no-repeat; }
    section.table_domaine_radix table thead tr th,
    section.table_domaine_radix table tbody tr.thead td { font-size: 14px; }
    section.table_domaine_radix table tbody tr td { font-size: 14px; }
    section.table_domaine_radix table tbody tr:not(.thead) td { font-size: 14px; max-width: 105px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
}
@media (max-width: 600px) {
    .d-none-mobile { display: none; }
    .d-block-mobile { display: block; }
    section.info_radix p { font-size: 14px; }
    section.table_domaine_radix table thead tr th,
    section.table_domaine_radix table tbody tr td { padding: 10px; }
    section.table_domaine_radix table thead tr th:nth-child(3),
    section.table_domaine_radix table tbody tr td:nth-child(3) { width: 20px; }
    section.table_domaine_radix table thead tr th:nth-child(4),
    section.table_domaine_radix table tbody tr td:nth-child(4) { width: 0px; }
    section.table_domaine_radix table thead tr th,
    section.table_domaine_radix table tbody tr.thead td { text-transform: capitalize; }
    section.table_domaine_radix table thead tr th:nth-child(2),
    section.table_domaine_radix table tbody tr td:nth-child(2) { display: none; }
    div.bottom_table div.buttons_table button.btn-green { display: none; }
    div.bottom_table { display: flex; flex-direction: column; width: 100%; text-align: center; height: 70px; }
    div.bottom_table a { width: 100%; order: 2; margin-top: 15px; float: none; font-size: 14px; text-align: center; }
    div.bottom_table div.buttons_table { width: 100%; order: 1; float: none; }
}
@media (max-width: 575px) {
    .d-none-mobiles { display: none; }
    div.offer_radix div.access_radix img.chevron_radix { margin-left: 0; }
}
@media (max-width: 450px) {
    div.bg_radix { width: 100%; height: 100px; background: url(../img/radix/radix_domaines_gratuits_mobile.jpg); background-position: top center; background-size: auto 100%; background-repeat: no-repeat; }
}
@media (max-width: 374px) {
    div.offer_radix img.gift_radix { display: none; }
}

/* Fin Radix Project */


/* Pièce jointe */
div.clear { clear: both; font-size: 1px; line-height: 1px; display: block; height: 0; }
div.f-right { float: right; }
div.f-right img { width: 10px; height: 20px; margin-right: 9px; }
div.f-right label { color: #464F57; font-weight: 600; display: inline-block; }
div.f-right input#files { display: none; }
div.f-right div.error_msg { display: none; font-weight: 600; color: #DA4F49; margin-left: 6px; }/* mettre inline-block si cela doit s'afficher */
div.f-right div.files { display: inline-block; }
div.f-right.dblock div.files { display: block; text-align: right; margin-right: 0 !important; }
div.f-right div.files:not(:last-of-type) { margin-right: 6px; }
div.f-right div.files a { font-weight: 600; overflow: hidden; }
div.f-right div.files img { width: 15px; height: 15px; margin: 0 0 0 1px; position: relative; top: -1px; }

@media (max-width: 979px) {
    div.f-right div.files { display: block; text-align: right; margin-right: 0 !important; }
    p.pj_title { text-align: left !important; }
    div.f-right.dblock { float: left; }
    div.f-right.dblock div.files { text-align: left; }
}
@media (max-width: 499px) {
    div.f-right { float: none; }
    div.f-right:first-of-type { margin-top: 10px; }
    div.f-right div.files { text-align: left; }
}


/***********************************/
/**                               **/
/** CSS Résultat Installation CMS **/
/**                               **/
/***********************************/

h4.success { font-size: 18px; line-height: 28px; }
hr.separator_success { border-bottom: 2px solid #4099FF; width: 25%; margin-bottom: 30px; }
div.tweet_success { width: 850px; margin: 40px auto 20px; }
div.tweet_success div.title_bloc { background: rgba(0,0,0,.03); font-size: 14px; line-height: 24px; font-weight: 700; padding: 10px 15px; border-radius: .25rem .25rem 0 0; border: 1px solid rgba(0,0,0,.125); }
div.tweet_success div.content_bloc { background: #fff; font-size: 14px; line-height: 24px; font-weight: 400; padding: 1.25rem; border-radius: 0 0 .25rem .25rem; border: 1px solid rgba(0,0,0,.125); border-top: none; }
div.tweet_success div.content_bloc form { margin: 0; text-align: right; }
div.tweet_success div.content_bloc textarea { width: calc(100% - 15px); resize: none; }
div.tweet_success div.content_bloc input[type="submit"] { color: #fff; font-weight: 700; background-color: #17a2b8; border-color: #17a2b8; }
@media (max-width: 979px) {
    div.tweet_success { width: 100%; }
}


/*********************************/
/***                           ***/
/***    CSS Modale Résultat    ***/
/***                           ***/
/*********************************/

#modal_result div.container-modal { text-align: center; }
#modal_result div.container-modal p { color: #333; font-size: 16px; }
#modal_result div.container-modal button { color: #fff; font-weight: 600; border: 0; border-radius: 3px; padding: 7px 15px; margin: 10px 5px; background-color: rgb(0, 105, 92); }
.success-animation { margin: 10px auto 30px; }
.checkmark { width: 100px; height: 100px; border-radius: 50%; display: block; stroke-width: 2; stroke: #4bb71b; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #4bb71b; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; position:relative; top: 5px; right: 5px; margin: 0 auto !important; }
.checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #4bb71b; fill: #fff; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }
.checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }
.error-animation,
.warning-animation { display:inline-block; position: relative; width:150px; }
.red-stroke { stroke: #FF6245; }
.yellow-stroke { stroke: #FFC107; }
.circular circle.path { stroke-dasharray: 330; stroke-dashoffset: 0; stroke-linecap: round; opacity: 0.4; animation: 0.7s draw-circle ease-out; }
.cross { stroke-width:6.25; stroke-linecap: round; position: absolute; top: 54px; left: 54px; width: 40px; height: 40px; }
.cross .first-line { animation: 0.7s draw-first-line ease-out; animation-delay: -0.25s; }
.cross .second-line { animation: 0.7s draw-second-line ease-out; }
.alert-sign { stroke-width:6.25; stroke-linecap: round; position: absolute; top: 40px; left: 68px; width: 15px; height: 70px; animation: 0.5s alert-sign-bounce cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-delay: 0.15s; }
.alert-sign .dot { stroke:none; fill: #FFC107; }
#modal_result[data-result='success'] .error-animation,
#modal_result[data-result='success'] .warning-animation { display: none; }
#modal_result[data-result='success'] div.container-modal button { background-color: rgb(0, 105, 92); }
#modal_result[data-result='error'] .success-animation,
#modal_result[data-result='error'] .warning-animation { display: none; }
#modal_result[data-result='error'] div.container-modal button { background-color: #e74c3c; }
#modal_result[data-result='warning'] .error-animation,
#modal_result[data-result='warning'] .success-animation { display: none; }
#modal_result[data-result='warning'] div.container-modal button { background-color: #34495e; }

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

@keyframes draw-first-line {
    0% {
        stroke-dasharray: 0,56;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 0,56;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 56,330;
        stroke-dashoffset: 0;
    }
}

@keyframes draw-second-line {
    0% {
        stroke-dasharray: 0,55;
        stroke-dashoffset: 1;
    }

    50% {
        stroke-dasharray: 0,55;
        stroke-dashoffset: 1;
    }

    100% {
        stroke-dasharray: 55,0;
        stroke-dashoffset: 70;
    }
}

@keyframes alert-sign-bounce {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}


/**************************************/
/**** Page perte session et erreur ****/
/**************************************/
.widget-content.b-top { border-top: 1px solid #DFDFDF; }
h3.info-title { font-size: 20px; font-weight: 700; margin: 0 0 20px; }
.b-red { font-weight: 700; color: #da4f49; }
.b-green { font-weight: 700; color: #2ca32f; }
/*ADD*/
.b-blue { font-weight: 700; color: #1C469D; }
div.title { position: relative; margin-bottom: 25px; }
p.left-icon { line-height: 25px; vertical-align: middle; margin: 0 0 0 30px; width: calc(100% - 35px); }
div.title img {position: absolute; top: 3px; left: 0; width: 20px; height: 20px; }
ul.info-list { list-style: none; margin-left: 0; margin-top: 15px; }
ul.info-list li { margin-top: 10px; }
ul.info-list li::before { content: "•"; font-size: 30px; display: inline-block; vertical-align: text-top; margin-right: 8px; }
ul.info-list.green-circle li::before { color: #2ca32f; }
ul.info-list.red-circle li::before { color: #da4f49; }
/*ADD*/
ul.info-list.blue-circle li::before { color: #1C469D; }
div.mt15 { margin-top: 15px; }
div.txt-center.info-btn a { white-space: nowrap; margin-top: 15px; margin-top: 15px; display: inline-block; vertical-align: middle; }
div.txt-center.info-btn a:not(:last-child) { margin-right: 15px; }
div.txt-center.info-btn a i { margin-right: 8px; }
div.txt-center.info-btn a img.cb { display: inline-block; width: auto; height: 12px; margin-right: 10px; }

@media (max-width: 545px) {
    div.txt-center.info-btn a { display: block; width: max-content; margin: 15px auto 0 !important; }
}


/*****************************************************/
/******** Pages Recommandations / Parrainnage ********/
/*****************************************************/
.widget-content div.bg_crea_site { height: 100px; }
.widget-content div.bg_crea_site img { width: 100%; height: auto; }
.widget-content div.bloc_description.pad40 { padding: 40px 0; }
.widget-content div.bloc_description h2 { font-size: 18px; line-height: 28px; font-weight: 600; color: #464F57; margin-top: 30px; }
.widget-content div.bloc_description h2.fbold { font-weight: 20px; line-height: 30px; font-weight: 700; margin: 40px 0 20px; }
.widget-content div.bloc_description h2.fbold:first-child { margin-top: 0; }
.widget-content div.bloc_description h2.fbold + p { margin-top: 0; }
.widget-content div.bloc_description p { font-size: 16px; line-height: 26px; color: #464F57; margin-top: 20px; }
.widget-content div.bloc_description strong,
.widget-content div.bloc_description b { font-weight: 600; }
.widget-content div.bloc_description div.pay { display: flex; flex-direction: row; align-items: flex-start; gap: 20px; margin-top: 30px; }
.widget-content div.bloc_description div.pay:not(:first-child) { margin-top: 20px; }
.widget-content div.bloc_description div.pay img { width: 50px; height: 50px; }
.widget-content div.bloc_description div.pay p { width: calc(100% - 70px); margin: 0; }
.widget-content div.bloc_description ul.dot li,
.widget-content div.bloc_description ul.check li { font-size: 16px; line-height: 26px; margin-bottom: 10px; }
.widget-content div.bloc_description ul.dot li strong,
.widget-content div.bloc_description ul.check li strong { font-weight: 700; }
.widget-content div.bloc_description ul.check { list-style: none; margin: 0 !important; }
.widget-content div.bloc_description ul.check li:before { margin-right: 10px; position: relative; content: ''; background: url(../img/check_vert.svg); width: 18px; height: 13px; display: inline-block; background-size: 20px 14px; }

.widget-content div.promotion { margin-top: 30px; background: #E5F6FF; }
.widget-content div.promotion p { font-size: 16px; line-height: 92px; color: #464F57; text-align: center; font-weight: 600; }
.widget-content div.promotion p span.price_stroke { font-size: 20px; line-height: 30px; color: #1C469D; position: relative; margin-left: 15px; }
.widget-content div.promotion p span.price_stroke::before { content: ""; position: absolute; height: 1px; background: #1C469D; left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
.widget-content div.promotion p span.price_big { font-size: 50px; line-height: 50px; font-weight: 700; color: #1C469D; margin-left: 10px; margin-right: 15px; position: relative; top: 12px; }
.widget-content div.image_offre { display: block; width: 600px; height: auto; margin: 30px auto 0; }
.widget-content div.image_offre img { display: block; margin: auto; }
.widget-content div.listing_details { margin-top: 20px; }
.widget-content div.listing_details.mt50 { margin-top: 50px; }
.widget-content div.listing_details.mt30 { margin-top: 30px; }
.widget-content div.listing_details p { font-size: 16px; line-height: 26px; color: #464F57; font-weight: 400; margin-bottom: 0; }
.widget-content div.listing_details p.mt20 { margin-top: 20px; }
.widget-content div.listing_details p.mt40 { margin-top: 40px; }
.widget-content div.listing_details strong,
.widget-content div.listing_details b { font-weight: 600; }
.widget-content div.listing_details p.title { font-weight: 600; }
.widget-content div.listing_details div.flex-container { display: flex; flex-direction: row; }
.widget-content div.listing_details div.flex-container div.flex-element { width: 50%; }
.widget-content div.listing_details div.flex-container div.flex-element ul { list-style: none; margin: 20px 0 0 0; }
.widget-content div.listing_details div.flex-container div.flex-element ul li { position: relative; font-size: 16px; line-height: 26px; margin-left: 33px; max-width: 520px; }
.widget-content div.listing_details div.flex-container div.flex-element ul li::before { content: ''; position: absolute; left: -33px; width: 18px; height: 18px; background: url(../img/check_vert.svg); background-size: 100%; top: 4px; }
.widget-content div.listing_details div.flex-container div.flex-element ul li.star::before { background: url(../img/bonus.svg); }
.widget-content div.listing_details div.flex-container div.flex-element ul li:not(:last-child) { margin-bottom: 20px; }
.widget-content div.listing_details div.flex-container div.flex-element ul li strong,
.widget-content div.listing_details div.flex-container div.flex-element ul li b { font-weight: 600; }
.widget-content div.call_action { margin-top: 40px; }
.widget-content div.call_action a.btn-success { display: block; width: max-content; margin: auto; font-size: 18px; line-height: 28px; font-weight: 600; padding: 14px 30px 16px !important; }

.widget-content div.code_promo { display: flex; flex-direction: row; gap: 30px 10px; justify-content: center; background: #E6EFFF; margin-top: 0; padding: 30px; }
.widget-content div.code_promo div.text p { font-size: 16px; line-height: 26px; margin-bottom: 0; }
.widget-content div.code_promo div.text p:first-of-type { margin-bottom: 0; }
.widget-content div.code_promo div.text p strong { font-size: 20px; line-height: 30px; }
.widget-content div.code_promo input[type="text"] { font-size: 20px; text-align: center; width: 148px; height: 52px; border: 1px solid #464F57; padding: 0 !important; margin-bottom: 0; margin-left: 10px; background: #fff !important; }
.widget-content div.code_promo a#btn_copy { font-size: 18px; line-height: 34px; color: #fff; max-height: 34px; border: 0; border-radius: 5px; background: #1C469D; padding: 10px 30px !important; }
.widget-content div.code_promo a#btn_copy img { display: inline-block; width: 17px; height: 20px; margin-right: 6px; }

.widget-content div.avantage { padding-top: 40px; }
.widget-content div.avantage h2 { font-size: 18px; line-height: 28px; font-weight: 600; color: #464F57; margin-top: 0; }
.widget-content div.avantage h2.fbold { font-size: 20px; line-height: 30px; font-weight: 700; }
.widget-content div.pf { display: flex; flex-direction: row; gap: 50px; padding: 20px; background: #F0EFF0; }
.widget-content div.pf div.content { display: flex; flex-direction: row; gap: 20px; width: calc((100% - 50px) / 2); }
.widget-content div.pf div.content img { width: 80px; height: 80px; border-radius: 50%; }
.widget-content div.pf div.content p { font-size: 16px; line-height: 26px; margin-bottom: 0; }
.widget-content div.pf div.content p strong { font-weight: 700; }

@media (max-width: 1200px) {
    .widget-content div.pf { flex-wrap: wrap; }
    .widget-content div.pf div.content { width: 100%; }
}

.widget-content div.stats_aff { padding: 40px 0; }
.widget-content div.stats_aff h2 { font-size: 20px; line-height: 27px; font-weight: 700; text-align: center; margin: 0; }
.widget-content div.stats_aff div.stats { display: flex; flex-direction: row; gap: 30px; margin: 20px 0 0; padding: 0; }
.widget-content div.stats_aff div.stats div.use_code,
.widget-content div.stats_aff div.stats div.comm { width: calc((100% - 30px) / 2); }
.widget-content div.stats_aff div.stats div.title { font-size: 20px; line-height: 30px; font-weight: 700; color: #fff; text-align: center; margin-bottom: 0; }
.widget-content div.stats_aff div.stats div.use_code div.title { background: #1C469D; padding: 15px 30px; }
.widget-content div.stats_aff div.stats div.comm div.title { background: #008A56; padding: 15px 30px; }
.widget-content div.stats_aff div.stats div.use_code div.content { background: #DEEBFF; padding: 17px 20px; }
.widget-content div.stats_aff div.stats div.comm div.content { background: #D6F3E8; padding: 17px 20px; }
.widget-content div.stats_aff div.stats div.use_code div.content div.line:not(:last-child) { padding: 0 0 15px; border-bottom: 1px solid #1C469D; }
.widget-content div.stats_aff div.stats div.comm div.content div.line:not(:last-child) { padding: 0 0 15px; border-bottom: 1px solid #008A56; }
.widget-content div.stats_aff div.stats div.content div.line:not(:first-child) { padding-top: 15px; }
.widget-content div.stats_aff div.stats div.content div.line { display: flex; flex-direction: row; justify-content: space-between; }
.widget-content div.stats_aff div.stats div.content div.line div.legend { font-size: 18px; line-height: 26px; font-weight: 600; }
.widget-content div.stats_aff div.stats div.content div.line div.result { font-size: 18px; line-height: 26px; font-weight: 400; }
.widget-content div.stats_aff div.stats div.content div.line div.result strong { font-size: 20px; line-height: 30px; font-weight: 700; }
.widget-content div.stats_aff div.stats div.use_code div.content div.line * { color: #1C469D; }
.widget-content div.stats_aff div.stats div.comm div.content div.line * { color: #008A56; }


.widget-content div.get_code { padding: 40px 0; display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; }
.widget-content div.get_code h2 { font-size: 20px; line-height: 27px; font-weight: 700; margin: 0; text-align: center; }
.widget-content div.get_code a.btn-success { display: block; width: max-content; margin-top: 0; font-size: 18px; line-height: 28px; border: 0; font-weight: 600; padding: 12px 30px 14px !important; }

.widget-content hr.recom { margin: 0; }

.widget-content div.cols2p { padding: 40px 0; display: flex; flex-direction: row; align-items: center; gap: 40px 80px; }
.widget-content div.cols2p img { width: 509px; height: auto; }
.widget-content div.cols2p div.text { width: calc(100% - 589px); }
.widget-content div.cols2p div.text h2 { font-size: 20px; line-height: 30px; font-weight: 700; margin: 0 0 20px; }
.widget-content div.cols2p.min-size div.text h2 { font-size: 16px; line-height: 26px; }
.widget-content div.cols2p div.text p,
.widget-content div.cols2p div.text ul li,
.widget-content div.cols2p div.text ol li { font-size: 16px; line-height: 26px; }
.widget-content div.cols2p div.text ul.green_check { list-style: none; }
.widget-content div.cols2p div.text ul.green_check li { position: relative; }
.widget-content div.cols2p div.text ul.green_check li:not(:first-of-type) { margin-top: 15px; }
.widget-content div.cols2p div.text ul.green_check li:before { content: ""; position: absolute; width: 18px; height: 18px; left: -25px; top: 3px; background: url(../img/check_vert.svg) no-repeat; background-size: 100%; }
.widget-content div.cols2p div.text p strong,
.widget-content div.cols2p div.text ul li strong,
.widget-content div.cols2p div.text ol li strong { font-weight: 700; }
.widget-content div.cols2p div.text ol.rounded { counter-reset: repas; margin: 0; margin-top: 30px; }
.widget-content div.cols2p div.text ol.rounded li { list-style-type: none; counter-increment: repas; margin-bottom: 20px; }
.widget-content div.cols2p div.text ol.rounded li:before { content: counter(repas); padding: 2px 8px; margin-right: 10px; vertical-align: top; background: #1C469D; -moz-border-radius: 50%; border-radius: 50%;	font-weight: bold; font-size: 16px; line-height: 26px; color: #fff; }
.widget-content div.cols2p div.text p { margin: 0 0 15px; }
.widget-content div.cols2p div.text a.btn-success { display: block; width: max-content; margin-top: 30px; font-size: 18px; line-height: 28px; border: 0; font-weight: 600; padding: 12px 30px 14px !important; }
.widget-content div.cols2p.min-size div.text p,
.widget-content div.cols2p.min-size div.text ul li,
.widget-content div.cols2p.min-size div.text ol li { font-size: 14px; line-height: 22px; }
.widget.bloc-blue .widget-content.p20 div.cols2p:last-of-type { padding-bottom: 0; }

@media (max-width: 1199px) {
    .widget-content div.listing_details div.flex-container div.flex-element ul li { max-width: 400px; }
    .widget-content div.stats_aff div.stats div.content div.line div.legend { max-width: 260px; }
    .widget-content div.cols2p img { width: 400px; }
    .widget-content div.cols2p div.text { width: calc(100% - 489px); }
}

@media (max-width: 979px) {
    .widget-content div.bg_crea_site { height: auto; }
    .widget-content div.promotion p { line-height: 50px; }
    .widget-content div.promotion p span.price { display: block; width: max-content; margin: auto; }
    .widget-content div.promotion p span.price_big { top: 5px; }
    .widget-content div.promotion p span.price_stroke { top: -5px; }
    .widget-content div.listing_details { margin-top: 50px; }
    .widget-content div.listing_details div.flex-container div.flex-element ul li { max-width: 285px; }

    .widget-content div.stats_aff div.stats div.content div.line div.legend { max-width: 205px; }
    .widget-content div.cols2p { flex-direction: column; }
    .widget-content div.cols2p img { order: 1; width: 400px; max-width: 100%; }
    .widget-content div.cols2p div.text { order: 2; width: 100%; }
    .widget-content div.cols2p div.text a.btn-success { margin: 30px auto 0; }
    .widget-content div.code_promo { flex-wrap: wrap; align-items: center; justify-content: center; }
    .widget-content div.code_promo div.text { width: 100%; }
    .widget-content div.code_promo div.text p { text-align: center; }
    .widget-content div.code_promo div.text p:last-of-type { margin-top: 10px; }
    .widget-content div.code_promo input[type="text"] { margin-left: 0; }
}

@media (max-width: 767px) {
    .widget-content div.bg_crea_site { display: none; }
    .widget-content div.bloc_description h2 { margin: 0; }
    .widget-content div.image_offre { width: 100%; }
    .widget-content div.listing_details div.flex-container { display: flex; flex-direction: column; }
    .widget-content div.listing_details div.flex-container div.flex-element { width: 100%; }
    .widget-content div.listing_details div.flex-container div.flex-element ul li { max-width: 100%; }

    .widget-content div.pf { flex-direction: column; align-items: center; }

    .widget-content div.stats_aff div.stats { flex-direction: column; align-items: center; }
    .widget-content div.stats_aff div.stats div.use_code,
    .widget-content div.stats_aff div.stats div.comm { width: 100%; max-width: 450px; }
    .widget-content > div.bloc_description.pad40:nth-child(2) { padding-top: 0 !important; } 
}

@media (max-width: 450px) {
    .widget-content div.pf div.content { flex-direction: column; align-items: center; }
    .widget-content div.stats_aff div.stats div.content div.line { flex-direction: column; }
    .widget-content div.stats_aff div.stats div.content div.line div.legend,
    .widget-content div.stats_aff div.stats div.content div.line div.result { max-width: 100%; text-align: center; }
}

.widget-content div.logo_txt { display: block; }
.widget-content div.logo_txt img { display: block; margin: auto; width: 150px; height: auto; margin-bottom: 20px; }
.widget-content div.logo_txt p { font-size: 14px; line-height: 22px; text-align: center; }

.widget-content div.gb_bloc { display: flex; flex-direction: row; gap: 20px; width: 100%; justify-content: flex-start; margin-top: 30px; }
.widget-content div.gb_bloc .green_bloc { background: #E4F8E4; padding: 30px; width: 50%; }
.widget-content div.gb_bloc .blue_bloc { background: #E6EFFF; padding: 30px; width: 50%; }
.widget-content div.gb_bloc .title { font-size: 16px; line-height: 26px; font-weight: 600; color: #000000; }
.widget-content div.gb_bloc .desc { font-size: 14px; line-height: 22px; font-weight: 400; color: #000000; }
.widget-content div.gb_bloc p { margin-bottom: 15px; }
.widget-content div.gb_bloc p:last-of-type { margin-bottom: 0; }
.widget-content div.gb_bloc a[class^="btn-"] { color: #fff; font-size: 14px; line-height: 22px; font-weight: 600; padding: 10px 20px; border-radius: 4px; margin-top: 15px; display: block; width: max-content; max-width: 100%; text-decoration: none !important; }
.widget-content div.gb_bloc a.btn-green { background: #339933; }

@media (max-width: 979px) {
    .widget-content div.gb_bloc { flex-direction: column; }
    .widget-content div.gb_bloc .green_bloc,
    .widget-content div.gb_bloc .blue_bloc { width: calc(100% - 60px) }
}

/**************************/
/** Transfert de domaine **/
/**************************/

h4[class^="action_"] { font-size: 16px; line-height: 26px; font-weight: 700; margin: 0 0 10px 30px; display: inline-block; position: relative; }
h4[class^="action_"].no_margin { margin: 0 0 -5px 30px; }
h4[class^="action_"]::before { content:''; position: absolute; left: -30px; }
h4.action_transfert::before { background-image: url(../img/transfert.svg); background-size: 20px 20px; top: 3px; width: 20px; height: 20px; }
h4.action_important::before { background-image: url(../img/infos_importantes.svg); background-size: 20px 20px; top: 3px; width: 20px; height: 20px; }
h4.action_mail::before { background-image: url(../img/mails.svg); background-size: 20px 20px; top: 4px; width: 20px; height: 20px; }
h4.action_annulation::before { background-image: url(../img/annuler.svg); background-size: 20px 20px; top: 3px; width: 20px; height: 20px; }
h4.action_transfert_en_cours::before { background-image: url(../img/chrono.svg); background-size: 20px 20px; top: 3px; width: 20px; height: 20px; }
h4[class^="action_"] + p { font-size: 15px; line-height: 25px; margin: 0 0 10px; }
hr.separator_lg_grey { border-color: rgba(70, 79, 87, 50%); margin: 20px 0 15px; }
a.inlineb { display: inline-block; margin-left: 4px; vertical-align: text-bottom; }

@media(max-width: 767px){
    .transfert_bloc { text-align: center; }
    a.inlineb { display: block; margin-top: 0; }
    h4[class^="action_"] { margin: 30px 0 10px !important; }
    h4[class^="action_"]::before { top: -30px; left: 50%; transform: translateX(-50%); }
}

/* Modal transfert */
#transfert_modal { max-width: 1170px; }
#transfert_modal p { font-size: 16px; line-height: 28px; padding: 0; margin: 0; }
#transfert_modal div.modal-body div.flex_transfert { display: flex; flex-direction: row; gap: 20px 30px; }
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] { flex: 50%; border: 1px solid #C8C8C8; border-radius: 5px; height: fit-content; }
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] div.title_bloc { padding: 10px 20px; background-color: #F8F6F8; border-bottom: 1px solid #C8C8C8; border-radius: 5px 5px 0 0; }
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] div.title_bloc p { font-size: 16px; line-height: 26px; font-weight: 700; color: #464F57; margin: 0 0 0 25px; position: relative; }
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] div.title_bloc p::before { content:''; position: absolute; left: -25px; background-size: 15px 15px; top: 6px; width: 15px; height: 15px; }
#transfert_modal div.modal-body div.flex_transfert div.transfert_infos div.title_bloc p::before { background-image: url(../img/proprietaire.svg); }
#transfert_modal div.modal-body div.flex_transfert div.transfert_auth div.title_bloc p::before { background-image: url(../img/code_auth.svg); }
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] div.infos,
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] div.auth_form { padding: 15px 20px; }
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] div.auth_form input { width: calc(100% - 20px); background-color: #F5FAFF; border-color: #0088CC; font-size: 16px; line-height: 26px; margin-bottom: 15px; }
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] div.auth_form input.error { background-color: #ffe0e0; border-color: #ef1a1a; }
#transfert_modal div.modal-body div.flex_transfert div[class^="transfert_"] div.auth_form input.error:focus { box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(239 26 26 / 60%); }
#transfert_modal div.modal-body div.confirm_btn { margin-top: 20px; text-align: center; }

@media(max-width: 979px){
    #transfert_modal div.modal-body div.flex_transfert { flex-direction: column; }
}

/** Cron Tab Form **/
.crontab_bloc form { display: block; width: 720px; margin: auto; }
.crontab_bloc form label { font-weight: 700; }
.crontab_bloc .flex-form-group { display: flex; flex-direction: row; flex-wrap: nowrap; }
.crontab_bloc .flex-form-group .span3 input { width: 240px; }
.crontab_bloc .flex-form-group .span9 select { width: 450px; }
.crontab_bloc .span12 input:not(.btn) { width: 720px; }
.crontab_bloc .span12 select { width: 750px; }
.controls.form-btn { width: 720px; text-align: center; }
.crontab_bloc input:not(.btn),
.crontab_bloc select { border: 1px solid #000000; border-radius: 4px; font-size: 16px; line-height: 24px; }
.crontab_bloc select { padding: 5px 15px; height: 42px; }
.crontab_bloc input:not(.btn) { height: 22px; padding: 10px 15px 8px !important; }
.crontab_bloc input.btn { font-size: 16px; padding: 10px 15px !important; }

@media (max-width: 1200px) AND (min-width: 980px) {
    .crontab_bloc form { width: 100%; }
    .crontab_bloc .span12 input:not(.btn) { width: calc(100% - 55px); }
    .crontab_bloc .span12 select { width: calc(100% - 30px); }
    .crontab_bloc .flex-form-group .span3 { width: 270px; }
    .crontab_bloc .flex-form-group .span9 { width: calc(100% - 270px); }
    .crontab_bloc .flex-form-group .span9 select { width: 100%; }
    .controls.form-btn { width: calc(100% - 30px); }
}

@media (max-width: 979px) AND (min-width: 768px) {
    .crontab_bloc form { width: 100%; }
    .crontab_bloc .span12 input:not(.btn) { width: calc(100% - 55px); }
    .crontab_bloc .span12 select { width: calc(100% - 30px); }
    .crontab_bloc .flex-form-group .span3 { width: 270px; }
    .crontab_bloc .flex-form-group .span9 { width: calc(100% - 270px); }
    .crontab_bloc .flex-form-group .span9 select { width: 100%; }
    .controls.form-btn { width: calc(100% - 30px); }
}

@media (max-width: 767px) {
    .crontab_bloc form { width: 100%; }
    .crontab_bloc .span12 input:not(.btn) { width: calc(100% - 23px); }
    .crontab_bloc .span12 select { width: 100%; }
    .crontab_bloc .flex-form-group .span3 { width: 160px; }
    .crontab_bloc .flex-form-group .span3 input { width: 120px; }
    .crontab_bloc .flex-form-group .span9 { width: calc(100% - 160px); }
    .crontab_bloc .flex-form-group .span9 select { width: 100%; }
    .controls.form-btn { width: 100%; }
}

/** Tooltip Form Field **/
/*[data-tip] { position:relative; }
[data-tip]:before {	content:'';	display:none; content:''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #1a1a1a; position:absolute; top:30px; left:35px; z-index:8; font-size:0; line-height:0; width:0; height:0; }
[data-tip]:after { display:none; content:attr(data-tip); position:absolute; top:35px; left:0px; padding:5px 8px; background:#1a1a1a; color:#fff; z-index:9; font-size: 0.75em; height:18px; line-height:18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space:nowrap; word-wrap:normal; }
[data-tip]:hover:before,
[data-tip]:hover:after { display:block; }*/


/*********************************/
/***                           ***/
/*** CSS Grid Ajustable cPanel ***/
/***                           ***/
/*********************************/

@media (min-width: 1400px) {
    /*.navbar-inner.menulws { padding: 0 15px; }
    .container { width: 100% !important; }
    .span12 { width: calc(100% - 30px); }
    .span9 { width: calc(75% - 30px); }
    .span3 { width: calc(25% - 30px); }
    .span6 { width: calc(50% - 30px); }
    [class*="span"] { padding: 0 15px !important; margin-left: 0; }
    .row { margin: 0 !important; }

    div.row.dashboard div.shortcuts { grid-template-columns: repeat(auto-fill, 147px); }
    .shortcuts .shortcut { width: 125px !important; }
    .notif31-mutu { margin: 0 15px 2em; }*/
    
    /*Ajout de l'icône grid*/
    /*div#icone_grille > div.container a.btn_retour { left: 10px; }
    [class*="span"] { padding: 0 15px 0 70px !important; }
    .span12 { width: calc(100% - 85px); }*/
}

span.label-warning img { position: relative; top: -1px }

/* Style copié collé*/
img.icon_link { height: 12px; width: 12px; opacity: 0.4; margin-left: 5px; }
img.icon_link:hover { opacity: 1; }
table#zone-dns-table img.icon_link { position: relative; top: -2px; }
td.icon_td { display:table-cell; height: 100%; vertical-align: middle; }
a[data-copie] { position: relative; z-index: 9; }
span.add-on img.icon_link { margin-left: 0; height: 14px; width: 14px; opacity: 1; }
span.label_copy { z-index: 8; opacity: 0; /*visibility: hidden;*/ font-weight: 400 !important; text-shadow: none; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); padding: 2px 10px; background:green; color: #fff; font-size: 10px; white-space: nowrap; border-radius: 10px; transition: all 0.5s ease-in-out; }
span.label_copy:after { position: absolute; content: ''; left: 50%; top: -5px; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid green; }
table.table31 i.custom-tooltip.vps,
table.table31 i.custom-tooltip { background: #babdc6; border: 1px solid #999; top : 2px;}
div.elipsis { position: relative; top: 4px; display: inline-block; max-width: 90%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.contenu_dns { overflow: inherit !important; }

.modal-header.v2 { padding: 15px; width: calc(100% - 30px); border-radius: 5px 5px 0 0; }
.modal-header.v2 h4 { font-size: 16px; line-height: 18px; font-weight: 600; margin: 0 40px 0 0; padding: 0; }
.modal-body.v2 .modal-notif { font-size: 16px; line-height: 22px; font-weight: 400; padding: 15px; border-radius: 5px; margin-bottom: 20px; }
.modal-body.v2 .modal-notif.notif-info { color: #1C469D; background: #E6F0FF; }
.modal-body.v2 .modal-notif *:last-child { margin-bottom: 0; }
.modal-body.v2 .modal-notif p { padding: 0; }
.modal-body.v2 .container-modal { width: calc(100% - 40px); padding: 0 20px; }
.modal-body.v2 p.content { font-size: 14px; line-height: 22px; padding: 0; margin: 0; }
.modal-body.v2 form { margin: 0; }
.modal-body.v2 form .flex-radio { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0; align-items: center; justify-content: space-between; margin-top: 20px; }
.modal-body.v2 form .flex-radio div.left div.label-title { font-size: 14px; line-height: 22px; font-weight: 600; margin-bottom: 5px; }
.modal-body.v2 form .flex-radio div.left div.label-desc { font-size: 14px; line-height: 22px; font-weight: 400; }
.modal-body.v2 form .flex-radio div.right .radio.inline { padding-top: 0; vertical-align: unset; }
.modal-body.v2 form input[type="radio"] + label:not(:last-of-type) { margin-right: 15px; }
.modal-body.v2 form input[type="radio"] + label::before { width: 18px; height: 18px; border: 2px solid #08c; }
.modal-body.v2 form input[type="radio"] + label::after { top: 5px; bottom: unset; left: 5px; width: 8px; height: 8px; }
.modal-body.v2 form input[type="button"] { display: block; font-size: 14px; line-height: 24px; font-weight: 400; color: #fff; background: #339933; border-radius: 4px; border: 0; padding: 10px 15px !important; margin: 20px auto 0; }
.modal-body.v2 form input[type="submit"] { display: block; font-size: 14px; line-height: 24px; font-weight: 400; color: #fff; background: #339933; border-radius: 4px; border: 0; padding: 10px 15px !important; margin: 20px auto 0; }
.modal-body.v2 a.goto { position: relative; display: block; font-size: 14px; line-height: 22px; text-decoration: none !important; color: #464F57; background-color: #F7F7F7; border: 1px solid #D5D5D5; border-radius: 5px; padding: 10px 15px; margin-top: 20px; }
.modal-body.v2 a.goto:after { position: absolute; content: url(../img/chevron_bleu.svg); width: 15px; height: 15px; right: 15px; top: 50%; transform: translateY(-50%); }
.modal-body.v2 a.goto div.title { font-weight: 600; margin-bottom: 5px; }

@media (max-width: 767px) {
    .modal-body.v2 form .flex-radio { flex-wrap: wrap; gap: 5px; }
    .modal-body.v2 form .flex-radio > div { width: 100%; }
}