#pname{
    /*background:url(../images/dedie/header-serveur.jpg) no-repeat top center;*/
/*url(../images/accueil/line_bg.png),*/
    background-image:linear-gradient(180deg,#031743 0%, #020f21 70%, #06111d 100%) !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
}


#table_liste_os{margin:0 auto;}
#table_liste_os tbody tr td {padding:5px 20px;}

#table_ded{width:100%;margin-top:40px;}
#table_ded thead tr th:nth-child(2),#table_ded thead tr th:nth-child(3){text-align:center;}

#div_info_debit_garati{
    width:500px;
}

#info_srv{width:520px;float:left;}
#info_srv tr {height:30px;}
#info_srv tr td,#info_srv tr th {border-bottom:1px solid #D7D7D9;padding-left:15px;}
#info_srv tr th {width:190px;border-right:1px solid #D7D7D9;text-align: left;font-weight:normal;}
#info_srv tr:last-child td,#info_srv tr:last-child th{border-bottom:0px solid red;}
#table_ded a {text-decoration: none; font-weight: bold;}


.caract_serv .one_caract{height:150px !important;}
.caract_option .one_caract{overflow:hidden;}

#info_gtr{width:100%;font-size:14px;}
#info_gtr tr {height:30px;}
#info_gtr tr td,#info_gtr tr th {border-bottom:1px solid #D7D7D9;padding-left:15px;}
#info_gtr tr th {width:65%;border-right:1px solid #D7D7D9;text-align: left;font-weight: normal;}
#info_gtr tr:last-child td,#info_gtr tr:last-child th{border-bottom:0px solid red;}

#logo_proco{float:left;margin:90px 75px 0 0;}
#logo_proco2{float:left;margin:110px 75px 0 0;}
#recap_os_raid{border:0px solid #CBCECE;overflow:hidden;}

#table_hdd_raid{width:100%;}
#table_hdd_raid tr td:nth-child(1){width:125px;text-align:left;padding-left:5px;}

#table_hdd_raid tr td:nth-child(3){width:180px;text-align:right;}
#table_hdd_raid tr td:nth-child(4){width:210px;text-align:right;}
#table_hdd_raid tr td:nth-child(3) p{margin-bottom:8px;}
#table_hdd_raid select{width:160px;}

#recap_prix_srv{padding:10px; background:#f5f5f5;color:#1e1e1e;width:165px;height:35px;font-size:14px;text-align:center;font-weight:bold;float:right;}
#recap_prix_srv p:nth-child(1){margin-bottom:5px;}

#div_h2_titre_tableau{width:710px;}

#titre_choix_hdd{margin-top:53px;}

.cat_os{border:1px solid #ddd;background:#f4f4f4;float:left;width:173px;padding:15px 10px;text-align: center;margin-bottom:20px;}
.cat_os:nth-child(4n+2){margin-left:18px;margin-right:18px;}
.div_choose_ver{background:#ddd;width:100% !important;}

.cat_os_duo{border:1px solid #ddd;background:#f4f4f4;float:left;width:268px;padding:15px 10px;text-align: center;margin-bottom:20px;}
.cat_os_duo:nth-child(odd){margin-right:19px;}




.cat_liste_os_solo{padding:15px;border:1px solid #ddd;margin-bottom:20px;}
.cat_liste_os_solo table{width:100%;font-size:14px;}

.inner_div_duo{margin-left:0px; margin-right:0px;}
.inner_div_duo > div{padding-left: 25px;padding-right: 25px;}




#prec_suiv{ margin:0 auto 20px auto;height:28px;border:0px solid green; }

#bt_suiv{width:100%;text-align: center;}
#bt_prec{float:left;}

#div_select_hdd_raid{height:130px;}

#hdrive,#select_raid{width:100%}
#div_prix_next{margin-top:15px;overflow:hidden;background:none;text-align: center;}
#div_prix_next > div{text-align: left;padding-left:0px;padding-right:0px;}
#div_prix_next > div:nth-child(1){}

#col_g{width:487px;margin:0 16px 0 0;}
#col_d{width:487px;}
.cadre_option{border:1px solid #CBCECE;padding:10px;background:#fcfcfc; margin-bottom:16px;overflow:hidden;}
    .cadre_option > p{padding:0 3px 0 0px;text-align: justify;margin-bottom:10px;}

.p_label{text-align: right;margin-bottom:0px;margin-top:5px;}
.cadre_option h2{text-transform: uppercase;padding-bottom:10px;text-transform: uppercase;border:0px solid red;background: url("../images/divider_bg.png") repeat-x left bottom;margin-bottom:5px;font-size:12px;}
.cadre_option img{float:left;margin-right:10px;margin-bottom:5px;}

#col_g .cadre_option:nth-child(1){height:365px;background:#fcfcfc;margin-left:1px;margin-top:1px;}
#col_g .cadre_option:nth-child(2){height:363px;background:#fcfcfc;margin-left:1px;}

#col_d .cadre_option:nth-child(1){height:130px;background:#fcfcfc;margin-right:2px !important;margin-top:1px;}
#col_d .cadre_option:nth-child(2){height:197px;margin-right:2px;margin-top:1px;}

#col_d .cadre_option:nth-child(3){height:195px;background:url("../images/icon_bandepassante.png") no-repeat #fcfcfc 10px 40px;margin-right:2px;}

.div_prix_radio{font-size:15px;color:#090909 !important;font-weight:bold;text-transform: uppercase;margin:0px 0 3px 0;}
.iradio{margin:0 0 0 5px;}

.tri_col{float:left;height:160px;border:1px solid #CBCECE;padding:10px;margin-bottom:16px;width:297px;margin-top:1px; }
.tri_col p{padding:0 3px 0 40px;text-align: justify;}
.tri_col h2,.bi_col h2{text-transform: uppercase;padding-bottom:10px;text-transform: uppercase;border:0px solid red;background: url("../images/divider_bg.png") repeat-x left bottom;margin-bottom:5px;font-size:12px;}

.tri_col:nth-child(1){background:#fcfcfc;margin-left:2px;width:296px;}
.tri_col:nth-child(2){margin:1px 16px 0 16px;background:#fcfcfc;}
.tri_col:nth-child(3){background:#fcfcfc;margin-right:2px;width:295px;}


.bi_col{float:left;height:200px;border:1px solid #CBCECE;padding:10px;margin-bottom:16px;margin-top:1px; }
.bi_col:nth-child(1){background:url("../images/icon_dde.png") no-repeat #fcfcfc 10px 43px;width:296px;margin-left:1px;}
.bi_col:nth-child(2){margin:1px 1px 0 16px;background:url("../images/icon_cleusb.png") no-repeat #fcfcfc 10px 43px;width:231px;}
.bi_col:nth-child(3){margin:1px 1px 0 16px;background:url("../images/icon_cleusb.png") no-repeat #fcfcfc 10px 43px;width:361px;}

#prec_suiv{ margin:0 auto 20px auto;height:28px;border:0px solid green; }




.cross_close{position:absolute;top:30px; right:15px;display:none;cursor:pointer;}

#nb_ip{width:50px;}
.h2_barre_icon{padding:0 15px;}

.trio_opt > div:nth-child(2) {margin-left:1%;margin-right:1%; width:32% !important;}
.trio_opt > div{font-size:15px;height:210px;border :1px solid #fafafa;text-align: justify;position:relative;width:33%;}

.trio_opt2 > div{font-size:15px;height:210px ;border :1px solid #fafafa ;}
/*.tri_col_selected {border:1px solid #0fa5df !important; }*/
.nofullwidth{width:auto !important;}

#los{overflow:hidden;margin:15px 0 0 0;}
#txt_os{float:left;padding:0 0 0 10px;width:70%;}
#prix_os{float:left;font-weight:bold;font-size:14px;width:30%;text-align:right;}
#img_logo_proco_detail{float:right;}
#lconfig{overflow:hidden;margin:15px 0 0 0;}
#txt_conf{float:left;padding:5px 0 0 10px;width:738px;overflow:hidden;}
#prix_conf{float:left;font-weight:bold;font-size:12px;width:218px;overflow:hidden;text-align:center;border:0px solid red;padding:10px 0 0 0;}
#prix_conf img{margin-left:40px;}
#sub_price{text-align:right;margin-bottom:35px;}
#sub_price p:last-child{font-size:14px;}

#loptions{overflow:hidden;margin:15px 0 0 0;}
#loptions .txt_opt{border-bottom:1px solid #CBCECE ;float:left;padding:0 0 0 10px;}
#loptions .pri_opt{float:left;font-weight:bold;font-size:14px;}
.pe_tab{height:35px;line-height:35px;border:0px solid green;overflow:hidden;}
.pe_tab > div:nth-child(1){width:75%;float:left;padding:0 0 0 10px;}

.trash{margin-top:9px;}
.pe_tab > div:nth-child(2){width:25%;float:left; text-align:right;font-weight:bold;font-size:14px; }
.pe_tab:last-child > div{border-bottom:none !important;}

.table_option_mod_supp{border:0px solid red;border-collapse:collapse;font-size:11px;color:#888;font-style:italic;font-size:10px}
.table_option_mod_supp a{text-decoration: none;color:inherit;}
#servi{overflow:hidden;margin:15px 0 0 0;}
#txt_serv{float:left;padding:0 0 0 10px;width:730px;text-align:justify;}
#change_serv{float:right;background:url("../images/icon_refresh_recap.png") no-repeat right center;padding:0 15px 0 0;font-size:10px;font-style:italic;display:block;text-decoration:none;color:#888;}
#prix_serv{float:left;font-weight:bold;font-size:14px;width:218px;text-align:right;}

#div_form_val{margin:15px 0 0 10px;float:left;}

#cgh{height: 180px;  resize: none; overflow: auto; font-size: 11px; padding: 10px;border:1px solid #CBCECE;resize:none;overflow:auto;font-size:11px; background:#fff; }
#recap_prix{border:1px solid #b6b6b6;float:left;width:470px; padding:10px;margin-left:10px;}
#tva_ttc{border:1px solid #CBCECE;background:#f5f5f5;width:213px;padding:10px;float:left;height:65px;margin: 0 10px 10px 0;}
#table_ttc{width:100%;font-size:14px;}
#table_ttc tr td:nth-child(2){color:#0fa5df;text-align:right;}

#tot_ht{border:1px solid #CBCECE;background:#f5f5f5;width:100%;padding:10px;float:left;height:39px;line-height:19px;font-weight:bold;font-size:16px;box-sizing: border-box ;margin-bottom:3px;}
#prix_pur{float:right;color:#0fa5df}
#recap_prix p{font-style: italic;font-size:11px;clear:both;display:block;}


#validation{margin:15px 0 25px 0;}
#info_srv_recap{width:70%;}
#info_srv_recap tr {height:26px;}
#info_srv_recap tr td,#info_srv_recap tr th {border-bottom:1px solid #D7D7D9;padding:5px 0px 5px 10px;}
#info_srv_recap tr th {width:50%;border-right:1px solid #D7D7D9;font-weight: normal;text-align: left;}
#info_srv_recap tr:last-child td,#info_srv_recap tr:last-child th{border-bottom:none;}
.produit_gris{color:#aaa !important;}
.bt_gris{background:#bbb !important;color:#ddd !important;}
.bt_gris:hover{background:#bbb !important;color:#ddd !important;cursor:default;}


/*************************** noueaveau ****************************************/

#double_and_one_new_os > div:nth-child(1){
    width:65%;
}
#double_and_one_new_os > div:nth-child(2){
    width:35%;

}


#div_group_drive{display: flex;flex-wrap: wrap;}
#div_group_drive > div{width:50%;line-height:60px;height:60px;margin-bottom:1px;cursor: pointer;text-align: center;border-top:2px solid #f7f7fa;}
#div_group_drive > div:nth-child(odd){width:calc(50% - 1px); margin-right:1px;}

.div_drive{background:#f7f7fa;}
.div_drive.subcat_drive_selected{background:#fefefe;color:#4464DF;border-top:2px solid #4464DF !important;box-shadow:0px 0px 12px 0px #eee  ;}


#div_group_stock{}
#div_stock_drive{width:150px;background:#f7f7fa;border:1px solid #313131;height:30px;line-height:30px;border-radius:5px;margin-bottom:20px;color:#313131;padding-left:20px;text-align: left;}
#div_stock_drive.valued{color:#4464DF;border-color:#4464DF;}
#div_stock_drive.no_valued{color:#E30613;border-color:#E30613;}
#msg_no_stock_drive{color:#E30613;flex:1;margin-left:20px;text-align: left;display:none;}

#div_pack_options > div.div_pack_selected{border-color:#F8794D;}
#div_pack_options > div.div_pack_selected div.titre_pack{background:#F8794D;color:#fefefe;}

#div_pack_options > div.div_pack_selected div.prix_pack{background:#F8794D;color:#fefefe;}
#div_pack_options > div.div_pack_selected div.prix_pack *{color:#fefefe;}

#div_slide_ip{width:100% !important;}

#form_choose_drive{
    display:flex;
    flex-direction: column;
    gap:10px;
}

#div_inner_vps_os{
    padding:0;
}

#double_and_one_new_os{ display: flex; overflow: visible;gap:30px;}

#double_and_one_vps_os_left{float: none;padding:0}

#double_and_one_vps_os_right{ float: none;;padding:0}
#conteneur_recap_div_panel {position: sticky;}

/*.inner{overflow: visible;}*/
#conteneur_recap_div_panel {
    top: 90px;
}


#all_available_config{
    display: flex;
    flex-direction: column;
    gap:10px;
    margin-top:10px;
}
.one_available_config{
    display: flex;
    align-items: start;
    border-radius: 3px;
    border: 1px dashed #aaa;
    padding:10px 10px;
    /*gap:10px;*/
    > *:nth-child(1){
        flex:1;

    }
    > *:nth-child(2){
        width: 150px;
        /*text-align: center;*/
    }
    > *:nth-child(3){
        display: flex;
        flex-direction: column;
        gap:5px;
        /*align-items: end;*/
        width: 140px;

    }
}

.bt_pre_configure{
    font-size: 12px;
    background: #0fa5df;
    background: #f8794e;
    color:#fafafa;
    border:none;
    cursor: pointer;
    padding:0px 15px;
    text-decoration: none;
    text-align: center;
    height:24px;
    line-height:24px;
    display:flex;
    align-items: center;
    gap:5px;
    justify-content: center;
    border-radius: 3px;
    width: auto;
}

#pname_photo_father.pname_photo_father_rack_detail{
    background:#000000;
    height: 458px;
}

table.tab_dedicated_spec tr:nth-child(2n+1){
    background: #f2f2f2;
}


#div_all_os_apps{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    margin-bottom: 20px;
    > * {
        flex: 1;
        background: #fafafa;
        border-radius: 5px;
        padding: 12px;
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
}
#div_all_os_rack{
    display: flex;
    gap:30px;
    margin-bottom: 20px;
    > * {
        flex:1;
        background:#fafafa;
        border-radius:5px;
        padding:20px;
        display: flex;
        gap:15px;
        flex-direction: column;
        .os_rack_univers{
            font-size: 18px;
            font-family: ubb;
            display: flex;
            align-items: center;
            gap:5px;
            color:#666;
        }
        .os_rack_listing{
            display: flex;
            flex-direction: column;
            gap:10px;
            .os_rack_listing_one{
                display: flex;
                align-items: center;
                gap:5px;
            }
            
            
        }
        
        
    }
}


#bt_val_config{
    background:#0fa5df;
    color:#fff;
    flex:1;
    display: flex;
    align-items: center;
    gap:8px;
    justify-content: center;
    border: none;
    border-radius: 0 0 3px 0;
    cursor: pointer;
    font-size:14px;
    font-family:ubb;
    &.bt_val_config_disable{
        background:#ddd;
        color: #999;
    }
}



#div_btn_stock_config{
    display: flex;
    gap:10px;
    margin-top: 20px;
    flex-direction: column;
    > * {
        border-radius: 3px;
        background: #0d6e96;
        font-size: 13px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: initial;
        padding: 5px 10px;
    }
}

/*.double_dedicated_spec .dedicated_left{*/
/*    width: 100%;*/
/*}*/


/*.caract_container{*/
/*    gap:30px;*/
/*    .one_caract_5 {*/
/*        background: #fafafa;*/
/*        margin: 0;*/
/*        flex:1;*/
/*        border-radius: 5px;*/
/*        padding:15px 10px;*/
/*    }*/
/*    */
/*}*/


/*.caract_us{*/
/*    width: auto !important;*/
/*}*/


/*NEW CSS*/

#footer{
    margin-top: -2px;
}


body{
    /*background: #f7f7f7;*/
    /*background: #eff2f9;*/
    /*background: #eceff5;*/

}


.h2_barre_new_rack{
    color:#555;
    h2{
        font-size: 16px;
    }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.ipv4_configurator{
    /*background:#4464DF;*/
    /*background:#0fa5df;*/
    border-radius:3px;
    display: flex;
    gap:10px;
}

.drive_configurator{
    border-radius:3px;
    display: flex;
    gap:10px;
    .drive_configurator_text_pur{
        flex:1;
        background:#0fa5df;
        color:#fff;
        display: flex;
        align-items: center;
        justify-content: end;
        padding:0 10px;
        font-size:15px;
        border-radius: 3px;
        gap:7px;
        font-family: ubb;
    }
    .select_drive_range{
        height: 35px;
        width: 160px;
        border:none;
        /*text-align: center;*/
        background: #fff;
        padding-left: 7px;
    }
    .select_drive_nb{
        height: 35px;
        width: 60px;
        border:none;
        text-align: center;
        background: #fff;


    }

    .select_drive_raid{
        height: 35px;
        width: 120px;
        border:none;
        text-align: center;
        background: #fff;

    }

}


.drive_configurator_text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right:15px;
    color:#fff;
    flex:1;
    > div{
        select{
            height: 40px;
            width: 160px;
        }
    }
}
.ipv4_configurator_counter{
    width:130px;
    background-color: #fff;
    /*border: 1px solid #d9d9d9;*/
    /*border-radius:3px 0 0 3px;*/
    align-items: center;
    display: flex;
}

.ipv4_configurator_counter .counter_button {
    color: #4464DF;
    color:#0fa5df;

    cursor: pointer;
    /*font-size: 2.4rem;*/
    font-size: 26px;
    height: 35px;
    /*line-height: 46px;*/
    text-decoration: none;
    transition: color .2s ease;
    width: 25%;
    border:0;
    padding:0;
    background: #fff;
    display: flex;
    justify-content: center;
}

.qte_configurator_counter{
    width:130px;
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
    border-radius:0px 0 0 3px;
    align-items: center;
    display: flex;
}

.qte_configurator_counter .counter_button {
    color: #4464DF;
    color: #0fa5df;
    cursor: pointer;
    /*font-size: 2.4rem;*/
    font-size: 26px;
    height: 35px;
    /*line-height: 46px;*/
    text-decoration: none;
    transition: color .2s ease;
    width: 25%;
    border:0;
    padding:0;
    background: #fff;
    display: flex;
    justify-content: center;
}



.counter__number{
    background: transparent;
    border: 0 !important;
    font-size: 14px;
    height: 35px;
    outline: 0;
    text-align: center;
    width: 50%;
    -moz-appearance: textfield;
    /*appearance: textfield;*/
}

.ipv4_configurator_text{
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right:15px;
    color:#fff;
    flex:1;
    background: #0fa5df;
    font-size: 15px;
    gap:7px;
    font-family: ubb;
}



#btn_add_secondary_set{
    border:1px dashed #4464DF;
    border:1px dashed #0fa5df;
    color:#4464DF;
    color:#0fa5df;
    /*border:0;*/
    padding:5px 10px;
    border-radius:3px;
    cursor:pointer;
    background:none;
}

.drive_configurator_range{
    width:170px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius:3px 0 0 3px;
    align-items: center;
    display: flex;
    border-right:none;

}

.drive_configurator_counter{
    width:50px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    /*border-radius:3px 0 0 3px;*/
    align-items: center;
    display: flex;
}

#div_engagement{
    display: flex;
    flex-direction: column;
    gap:10px;
    > .one_engagement{
        cursor: pointer;
        /*height: 65px;*/
        background: #fff;
        border-radius:3px;
        /*border:1px solid #4464DF ;*/
        /*border:1px solid #d9d9d9 ;*/
        display: flex;
        align-items: center;
        padding:7px 15px;
        justify-content: space-between;
        font-size: 15px;
        &.one_engagement_selected {
            background: #4464DF;
            background: #0fa5df;
            color: #fff;


                .one_engagement_discount_pur {
                    color: #fff;
                    display: flex;
                    align-items: center;
                    gap: 7px;
                    font-size: 15px;
                    font-family: ubb;
                    &:after {
                        content: "\f00c";
                        font-family: FontAwesome;
                    }
                }

        }
        &:hover{
            background:#4464DF;
            background:#0fa5df;
            color:#fff;
        }
    }
    /*margin-bottom: 20px;*/
    margin-top: 10px;
}

#div_box_vcore{
    display: flex;
    flex-direction: column;
    gap:10px;
    > div{
        /*> div:nth-child(2){*/
        /*    background:purple;*/
        /*}*/
        cursor: pointer;
        /*height: 65px;*/
        background: #fff;
        border-radius:3px;
        /*border:1px solid #4464DF ;*/
        /*border:1px solid #d9d9d9 ;*/
        display: flex;
        align-items: center;
        padding:7px 15px;
        justify-content: space-between;
        .price_product_rack{
            font-size: 15px;
            /*font-weight: bold;*/
            color:#4464DF;
            color:#0fa5df;
            white-space: nowrap;
            padding-left:15px;
            font-family: ubb;
            > div:nth-child(1) {
                text-align: right;
                .price_product_rack_new{
                    font-family: ubb !important;
                    
                }
                .price_product_rack_reduc {
                    text-decoration: line-through;
                    color: #d00b0b;
                    color: #333;
                    font-size: 11px;
                }
            }

        }
        .block_product_rack {
            display: flex;
            flex-direction: column;
            /*gap:5px;*/
            .title_product_rack {
                font-family: ubb;
                color:#4464DF;
                color:#0fa5df;
                text-align: left !important;
                font-size: 16px;

            }
            .title_product_rack_caract{
                /*color:*/
            }
        }
        &.vpc_product_selected{
            background:#4464DF;
            background:#0fa5df;
            color:#fff;
            .title_product_rack {
                color:#fff;
            }
            .price_product_rack {
                color:#fff;
                display: flex;
                align-items: center;
                gap:7px;
                /*flex-direction: column;*/
                &:after{
                    content: "\f00c";
                    font-family: FontAwesome;
                }
                
            }
        }
        &:hover{
            background:#4464DF;
            background:#0fa5df;
            color:#fff;
            .title_product_rack {
                color:#fff;
            }
            .price_product_rack {
                color:#fff;
            }
        }
    }
}

.div_box_opt{
    display: flex;
    flex-direction: column;
    gap:10px;
    > div{
        /*> div:nth-child(2){*/
        /*    background:purple;*/
        /*}*/
        cursor: pointer;
        /*height: 65px;*/
        background: #fff;
        border-radius:3px;
        /*border:1px solid #4464DF ;*/
        /*border:1px solid #d9d9d9 ;*/
        display: flex;
        align-items: center;
        padding:7px 15px;
        justify-content: space-between;
        .price_product_vpc{
            font-size: 15px;
            /*font-weight: bold;*/
            color:#4464DF;
            color:#0fa5df;
            white-space: nowrap;
            padding-left:15px;
            font-family: ubb;
            > div:nth-child(1) {
                text-align: right;
                .price_product_vpc_new{
                    font-family: ubb !important;
                    
                }
                .price_product_vpc_reduc {
                    text-decoration: line-through;
                    color: #d00b0b;
                    color: #333;
                    font-size: 11px;
                }
            }
            
        }
        
        .title_product_vpc{
            font-family: ubb;
        }
        
        .title_product_vpc_caract{
            color:#888;
        }
        /*.block_product_rack {*/
        /*    display: flex;*/
        /*    flex-direction: column;*/
        /*    !*gap:5px;*!*/
        /*    .title_product_rack {*/
        /*        font-family: ubb;*/
        /*        color:#4464DF;*/
        /*        color:#0fa5df;*/
        /*        text-align: left !important;*/
        /*        font-size: 16px;*/
        /*        */
        /*    }*/
        /*    .title_product_rack_caract{*/
        /*        !*color:*!*/
        /*    }*/
        /*}*/
        &.vpc_option_selected{
            background:#4464DF;
            background:#0fa5df;
            color:#fff;
            .title_product_vpc {
                color:#fff;
            }
            .price_product_vpc {
                color:#fff;
                display: flex;
                align-items: center;
                gap:7px;
                /*flex-direction: column;*/
                &:after{
                    content: "\f00c";
                    font-family: FontAwesome;
                }
                
            }
            .title_product_vpc_caract{
                color:#efefef;
            }
        }
        &:hover{
            background:#4464DF;
            background:#0fa5df;
            color:#fff;
            .title_product_vpc {
                color:#fff;
            }
            .title_product_vpc_caract {
                
                color:#efefef;
            }
            .price_product_vpc {
                color:#fff;
            }
        }
    }
}

#div_recap_gamme_stock{
    .block_product_rack {
        flex-direction: column;
        display: flex;
        .title_product_rack{
            font-size: 16px;
            font-family: ubb;

        }
    }

}

#select_datacenter{
    height: 35px;
    width: 60px;
    border:none;
    text-align: left;
    background: #fff;
    padding-left:7px;
    
}

.stock_select{
    display: flex;
    align-items: center;
    height: 40px;
    background:#4464DF;
    > div:nth-child(2){
        /*background:#4464DF;*/
        /*color:#fff;*/
        flex:1;
    }

}

#recap_div_panel{}

#recap_div_panel2{
    background:#fefefe;
    /*box-shadow:0px 0px 12px 0px #eee  ;*/
    margin-top:30px;
    padding:25px 35px;
    margin-top:30px;
    border-radius: 3px 3px 0 0;
    > div{
        /*font-size: 13px;*/
    }
    /*color:#888;*/
    #recap_div_panel_intro_title{
        font-size:20px;
        text-align: left;
        color:#4464DF;
        color:#0fa5df;
        margin-bottom:20px;
    }
    .recap_div_panel_sub_title{
        font-size:14px;
        text-align: left;
        /*font-weight: bold;*/
        margin-top:10px;
        display: flex;
        padding-bottom: 5px;
        justify-content: space-between;
        color:#777;
        /*start at the second child*/

        /*&*/
        /*color:#4464DF;*/
        > div:first-child{
            font-family: ubb;
            color:#666;
            font-size:16px;

        }

    }

    .recap_div_panel_sub_title_price{
        font-weight: normal;
        font-size: 14px;
        white-space: nowrap;
        padding-left:10px;
        font-family: ubb;
    }
    
    .recap_div_panel_sub_title_price_reduc{
        text-decoration: line-through;
        color:#d00b0b;
        font-size:11px;
        text-align: right;
    }

    .recap_div_panel_sub_title_included{
        /*font-weight: normal;*/
        font-size: 14px;
        white-space: nowrap;
        padding-left:10px;
        /*color:#888;*/
        /*font-family: ubb;*/
    }

    .recap_div_panel_sub_title_border{
        border-top:1px solid #ddd;
        padding-top:15px;
        margin-top:15px;
        /*color:red;*/
    }

    #div_panel_total_ht_txt{
        width: auto;
        border-top:none;
        /*font-weight: bold;*/
        margin-top: 0;
        padding-top: 0;
        font-size: 16px;
        font-family: ubb;
        color:#666 !important;

    }
    #div_panel_total_ht_euro{
        white-space: nowrap;
        font-size: 15px;
        font-weight: bold;
        margin-top: 0;
        padding-top: 0;
        color:#0fa5df;
        text-align: right;
    }
}
#div_os_universes {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    #div_os_back_universe{
        display: none;
        background: #fff;
        align-items: center;
        justify-content: center;
        padding:15px 10px;
        height: 35px;


    }
    > div{

    }
    .div_os_one_universe {
        background: #fff;
        height: 35px;
        font-size: 15px;
        /*width: 50%;*/
        display: flex;
        padding:0px 10px;
        gap:5px;
        align-items: center;
        justify-content: center;
        font-family: ubb;
        cursor: pointer;
        border-radius: 3px;
        &:hover{
            background:#0fa5df;
            color:#fff;
        }
        &.div_os_one_universe_selected{
            background:#0fa5df;
            color:#fff;
        }
        &.active{
            background:#0fa5df;
            color:#fff;
        }
    }
}
#div_os_back_universes{
    background: #0fa5df;
    color:#fff;
    padding:10px
}

.div_os_family{
    display: none;
    gap:10px;
    /*margin-top: 15px;*/
    flex-wrap: wrap;

    > .div_os_one_family{
        background: #fff;
        height: 35px;
        font-size: 15px;
        /*width: calc(calc(100% - 45px) / 4);*/
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: ubb;
        flex:1;
        cursor: pointer;
        padding:0 15px;
        border-radius: 3px;
        gap:5px;
        white-space: nowrap;
        &:hover{
            background:#0fa5df;
            color:#fff;
        }
        &.div_os_one_family_selected{
            background:#0fa5df;
            color:#fff;
        }
    }
}

.div_os_version{
    display: none;
    flex-direction: column;
    gap:10px;
    margin-top:20px;
    > .div_os_one_version {
        /*background: #fff;*/
        /*height: 45px;*/
        display: flex;
        /*flex-direction: column;*/
        gap:10px;
        .span_choose_language{
            display: none;
            select{
                height:35px;
                padding:6px;
            }
        }

        border-radius: 3px;
        &.div_os_one_version_selected {
            
            > .div_os_one_version_choose {
                background: #0fa5df;
                color: #fff;
                font-size:14px;
                > div:last-child {
                    display: flex;
                    gap:10px;
                    align-items: center;
                    font-size: 14px;
                    
                    &:after{
                        content: "\f00c";
                        font-family: FontAwesome;
                    }
                }
            }
            
            .span_choose_language{
                display: block;
            }

        }

        > .div_os_one_version_choose {
            padding: 0 10px;
            cursor: pointer;
            background: #fff;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: ubb;
            /*padding: 15px;*/
            border-radius: 3px;
            flex:1;

            &:hover {
                background: #0fa5df;
                color: #fff;
            }

            > div:first-child {
                display: flex;
                align-items: center;
                font-size: 14px;
                gap: 6px;
            }
            > div:last-child {
                font-size: 14px;
                font-family: ubb;
            }
        }


        > .div_os_one_version_spec{

            padding: 10px 15px 10px 15px;
            display: flex;
            display: none;
            align-items: center;
            gap:10px;
            > span{
                display: flex;
                gap:5px;
                align-items: center;
            }
        }

    }
}

#div_recap_gamme_stock{
    display: flex;
    align-items: start;
    padding: 10px 15px;
    justify-content: space-between;
    background:#0fa5df;
    color: #fff;
    border-radius: 3px;
}

.one_recap_feature{
    display: flex;
    justify-content: space-between;
    margin-top:5px;
    align-items: center;
}






.select2-container .select2-selection--single{
    border-radius: 3px !important;
    height: 35px !important;
    background:#0fa5df;
    color:#fff;
    border: none;
    /*line-height: 35px !important;*/
    .select2-selection__rendered{
        line-height: 35px !important;
        padding-left:10px;
    }
}
.select2-container .select2-choice {
    padding: 5px 10px;
    height: 40px;
    width: 132px;
    font-size: 1.2em;
    color:#fff;
}

.select2-selection__arrow{
    top: 5px !important;
}

.select2-results__option{
    padding:10px;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-radius: 3px !important;
    background: #89c1d9 !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;

}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #fff transparent transparent transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 5px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{

    background:#0fa5df;
}

.select2-container--default .select2-dropdown{

    border-radius: 0px;
}

.select2-container--default {

    width: 100% !important;
}

.select2-container--open .select2-dropdown--below{
    margin-top:4px;
    margin-bottom:4px;
    border-top: 1px solid #888;
}

.select2-container--open .select2-dropdown--above{
    /*margin-top:4px;*/
    top:-4px;
    border-bottom: 1px solid #888;
}

.arnaud_audi{
    height: 37px !important;padding-left:10px;border-color: #eceff5 !important;
}

#div_add_buttons{
    display: flex;
    gap:10px;
    align-items: center;
    > *{
        width: 50%;
    }
}


#network_services_included{
    display: flex;
    gap:30px;
    flex-wrap: wrap;
    /*padding:30px 0;*/
    > div.network_service_card{
        display: flex;
        gap:20px;
        align-items: center;
        width: calc(calc(100% - calc(2 * 30px)) / 3);
        padding: 10px 25px;
        border-radius: 3px;
        background:#fafafa;
        .network_service_top_img{
            font-size: 50px;
            color:#555;
            color:#031743;
            color:#0fa5df;
        }
        .network_service_description{
            display: flex;
            flex-direction: column;
            gap:5px;
            .network_service_description_title{
                font-family: ubb;
                font-size:16px;
                color:#031743;
                
            }
        }
        
    }
}



/*#recap_div_panel > div:nth-child(odd){color:#F8794D;text-align: right;}*/
/*#recap_div_panel > div:nth-child(even){color:#8e8e8e;}*/
/*#recap_div_panel > div:nth-child(1){color:#4464DF;text-align: center;margin-bottom: 25px;font-weight: bold;}*/

@media only screen and (max-width: 1320px)
{
    #table_support_dedie{width:50% !important ;margin:0 auto;}
    #info_srv{width:90%;}
    #info_gtr tr th{width:50% !important;}
    #table_ded{font-size:15px;}
    .trio_opt > div:nth-child(2){width:32% !important;height:auto !important;}
    .trio_opt > div{width:33% !important;}

    .inner{ overflow: hidden;text-align: left; }
    #conteneur_recap_div_panel { position: relative; top: 0; }
    #double_and_one_new_os{ flex-direction: column; gap:30px; }
}

@media (max-width: 1080px)
{
    #table_ded{font-size:14px;}
    .trio_opt > div,.trio_opt > div:nth-child(2){width:49% !important;height:auto !important;}

    #div_pack_options{ flex-direction: column;}
    #div_pack_options > div:nth-child(2n),#div_pack_options > div:nth-child(2n+1) { margin: 0px;width: 100%;}
    #div_all_os_rack{
        flex-wrap: wrap;
        > * {
            width: calc(calc(100% - 30px) / 2);
            flex:initial;
        }
    }
}
@media (max-width: 840px) {
    #table_support_dedie{width:80% !important}
    .trio_opt > div,.trio_opt > div:nth-child(2){width:100% !important;height:auto !important;}
    #div_add_buttons{
        flex-direction: column;
        gap:10px;
        > *{
            width: 100%;
        }
    }

    .one_available_config{
        /*flex-direction: column;*/
        /*gap:10px;*/
        /*padding:10px;*/
        /*.block_product_rack{*/
        /*    .title_product_rack{*/
        /*        font-size: 16px;*/
        /*    }*/
        /*}*/

        flex-wrap: wrap;
        & > :nth-child(1) {
            flex:initial;
            width: calc(calc(100% - 10px) /2);
        }
        & > :nth-child(2) {
            justify-content: end;text-align: right;
            width: calc(calc(100% - 10px) /2);
        }
        & > :nth-child(3) {
            display: flex;
            flex: 1;
            justify-content: end;
            width: 100%;
            margin-top: 20px;
        }
    }

    #div_recap_gamme_stock{
        flex-direction: column;
        gap:10px;
        > *{
            width: 100%;
        }
    }


}
@media (max-width: 680px)
{
    #table_support_dedie{width:100% !important}
    #div_info_debit_garati{
        width: 100%;
    }
    #div_pack_options > div:nth-child(2n),#div_pack_options > div:nth-child(2n+1) { margin: 0px;width: 100%;}
    #double_one_ded > div{width:100%;}
    #double_one_ded > div:first-child{margin-bottom:20px;}
    #info_srv_recap{width:100%;}
    #add_basket_ded{;height:60px;line-height:initial;padding-top:8px;}

    /************ nouveau ****************/
    #div_group_drive{display: flex;flex-wrap: wrap;}
    #div_group_drive > div{width:100%;line-height:60px;height:60px;margin-bottom:1px;cursor: pointer;text-align: center;border-top:2px solid #f7f7fa;}
    #div_group_drive > div:nth-child(odd){margin-right:0px;width:100%;}

    #div_stock_drive{width:100%;background:#f7f7fa;border:1px solid #313131;height:30px;line-height:30px;border-radius:5px;margin-bottom:20px;color:#313131;padding-left:0px;text-align: center;}
    #msg_no_stock_drive{width: 100%;}

    #div_os_universes{
        flex-direction: column;
    }

    /*#div_box_vcore {*/
    /*    & > div{*/
    /*        flex-direction: column;*/
    /*        gap:10px;*/
    /*        & .price_product_rack{*/
    /*            justify-content: end;*/
    /*            text-align: initial;*/
    /*            width: 100%;*/
    /*            display: flex;*/
    /*        }*/
    /*    }*/
    /*}*/

    .drive_configurator{
        flex-wrap: wrap;
        .select_drive_range{
            flex:1;
        }
        select{
            /*width: calc(calc(100% - 20px) / 3) !important;*/
        }
        .drive_configurator_text_pur{
            height: 35px;

        }
    }
    
    #div_all_os_rack{
        > * {
            width: 100%;
        }
    }

}
@media (max-width: 480px)
{

    #info_srv{font-size:14px;}
    #info_srv tr th {width:60% !important;}
    #add_basket_ded{font-size:15px;}

    .drive_configurator{
        flex-wrap: wrap;
        .select_drive_range{
            width: 100%;
            flex:initial;
        }
        .select_drive_raid{
            flex:1;
        }
        .drive_configurator_text_pur{
            width: 100%;
            flex:initial;
            height: 35px;

        }
        select{
            /*width: calc(calc(100% - 20px) / 3) !important;*/
        }
    }

    .div_os_version {
        & > .div_os_one_version {
            & > .div_os_one_version_choose {
                flex-direction: column;
                gap:10px;
                height: auto;
                padding:5px 10px;
                align-items: start;
                > div:last-child{
                    display: flex;
                    justify-content: end;
                    width: 100%;
                }
            }
        }
    }

}