@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);

html * {
    font-family: 'Roboto', arial !important;
}

html .DET_RES table *, #grid_TOP5B *, #grid_TOP5H *, #grid_TOP5V * {
    font-family: Arial, sans-serif !important;
}

#grid_TOP5B *, #grid_TOP5H *, #grid_TOP5V * {
    font-size: 11px !important;
    line-height: 14px;
}

#grid_TOP5H, #grid_TOP5B, #grid_TOP5V {
    width: 400px !important;
}

input {
    font-size: 12px !important;
    font-weight: 400 !important;
}

:focus {
    outline: none !important;
}

body {
    overflow-x: hidden !important;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
}
/**************Header*********************/
.main_div_1, .main_div_2 {
    border-radius: 0px !important;
}

.main_div_1_Label_Noir, .main_div_1_Label_GrisF {
    color: #48474a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

#Div1_TM {
    color: #0075A3 !important;
    margin-right: 1px !important;
    margin-left: 5px !important;
}

#Div1_Date_M {
    color: #0075A3 !important;
    font-weight: bold !important;
}

.main_div_3 {
    /* display: none; */
}

.main_div_2:nth-child(3) {
    background-color: #4a85d8;
}

.main_div_2_Label_GrisF {
    padding-top: 0 !important;
    font-size: 14px !important;
}

.main_div_2:nth-child(2) {
    background-color: #696969;
    border-bottom: 1px solid #696969 !important;
}

.main_div_1 {
    background-color: #c8c7c8;
}

.main_div_2_Label_GrisF,
#Div2_Copy_Var {
    color: #ffffff !important;
    font-weight: 500 !important;
    width: auto !important;
}

.main_div_1 {
    box-sizing: border-box;
    background-color: white !important;
    border: 1px solid #696969!important;
    border-top: 0 !important;
    /*background: url(../images/logoBann.png) no-repeat;
    background-position: 0px 4px;*/
    padding-left: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 1px !important;
}

.main_div_2 {
    border: 0 !important;
}

.ui-state-default {
    background: none !important;
    border: 0 !important;
}

.pq-sb-slider.ui-corner-all.ui-state-default.ui-draggable {
    border: 1px solid #d3d3d3 !important;
    background: #e6e6e6 !important;
    border-radius: 4px !important;
}

.ui-button .ui-icon.messages,
.ui-button .ui-icon.palmares,
.ui-button .ui-icon.pto,
.ui-button .ui-icon.exec,
.ui-button .ui-icon.print,
.ui-button .ui-icon.conf,
.ui-button .ui-icon.save,
.ui-button .ui-icon.lampe,
.ui-button .ui-icon.volume,
.ui-button .ui-icon.hidemarket,
.ui-button .ui-icon.pf,
.ui-button .ui-icon.rel,
.ui-button .ui-icon.chgmotp,
.ui-button .ui-icon.ordre,
.ui-button .ui-icon.dec,
.ui-button .ui-icon.relEsp,
.ui-button .ui-icon.imprimer,
.ui-button .ui-icon.valider,
.ui-button .ui-icon.avop,
.ui-button .ui-icon.reltri {
    background-image: none !important;
}

#B_TOP5B .ui-button-text,
#B_TOP5H .ui-button-text {
    display: none !important;
}

.main_div_2 .ui-button .ui-button-text {
    color: #ffffff;
}

.ui-button {
    font-size: 14px!important;
    font-weight: normal!important;
}

.main_div_1 table td:last-child div {
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-left: 5px;
}

#B_Rel_Trimes:after {
    content: "\f0ce";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_Avis_Ope:after {
    content: "\f115";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

.avenc {
    background-image:none!important;
}
#B_Avis_Enc:after {
    content: "\f1ec";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_MESS:after {
    content: "\f0e0";
    font-family: FontAwesome;
    color: #FFF;
    padding-left: 10px;
}

#B_PALM:before {
    /*content:"\f091";*/
    content: "\f024";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_PTO:before {
    content: "\f0db";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_EXEC:before {
    content: "\f0e7";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_PRINT:before {
    content: "\f02f";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_CONF:before {
    content: "\f0ad";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_SAVE:before {
    content: "\f0c7";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}
/*#B_HIDE_M:before {
    content: "\f02f";
	font-family: FontAwesome;
    color: #FFF;
	padding:14px;
}*/
#B_EXCH_EX:before {
    content: "\f0ec";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_TOP5V:before {
    content: "\f1c0";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_TOP5B:before {
    content: "\f149";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_TOP5H:before {
    content: "\f148";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_HIDE_M:before {
    content: "\f03a";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_PORTEF:before {
    content: "\f0b1";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_RELEVE_TITRE:before {
    content: "\f15c";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_DEC:before {
    content: "\f073";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_ORDRE:before {
    content: "\f0c5";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_DEC:before {
    content: "\f08b";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_RELEVE_ESPECE:before {
    content: "\f0f6";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

#B_CHGMOTP:before {
    content: "\f084";
    font-family: FontAwesome;
    color: #FFF;
    padding: 14px;
}

.main_div_2 table, .main_div_1 table {
    height: 40px;
    border-spacing: 0;
}
    /*.main_div_2 table td:hover{
	background:#004681 !important;
	-webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
}*/
    .main_div_2 table td:first-child:hover,
    .main_div_2 table td:last-child:hover {
        background: none !important;
    }

    .main_div_2 table td {
        border-right: 1px solid rgba(255,255,255,0.20);
    }

        .main_div_2 table td:last-child {
            border-right: none;
        }

.ui-button .ui-button-text {
    padding-left: 0!important;
    padding-right: 0!important;
    display: inline-block!important;
    border-radius: 13px;
}

.main_div_2 .ui-button-text,
.main_div_2 .ui-button-text {
    font-size: 1px;
}

.main_div_2 table td div {
    text-align: center;
    height: auto !important;
}

.main_div_2_Label_GrisF,
.main_div_2_petit_noir {
    white-space: nowrap;
}

.main_div_2 table td:first-child,
.main_div_2 table td:last-child {
    width: auto !important;
    padding-right: 0px;
    padding-left: 0px;
}

.main_div_1_Label_Vert,
.main_div_1_Label_Rouge,
.main_div_1_Label_Bleu {
    font-weight: normal !important;
    color: #ffffff !important;
}

.main_div_1_Label_Vert {
    background-color: #008000;
    padding: 3px 7px 3px 7px !important;
    margin-right: 10px !important;
    border-radius: 3px;
    width: auto !important;
}

.main_div_1_Label_Rouge {
    background-color: #B90F0F;
    padding: 3px 7px 3px 7px !important;
    margin-right: 10px !important;
    border-radius: 3px;
    width: auto !important;
}

#grapheBrvm10, #BRVM10Buttn, #grapheBRVMC, #BRVMCButtn {
    background-color: #fff !important;
    border: 1px solid #696969;
    padding: 3px 7px 3px 7px !important;
    margin-right: 0px !important;
    border-radius: 3px;
    width: auto !important;
    color: #696969 !important;
    font-size: 11px;
    font-weight: 400;
}
#grapheBrvm10:hover, #BRVM10Buttn:hover, #grapheBRVMC:hover, #BRVMCButtn:hover {
        background-color: #696969 !important;
        color:#fff !important;
    }

.main_div_1_Label_Bleu {
    background-color: #7B7B7B;
    padding: 3px 7px 3px 7px !important;
    margin-right: 0px !important;
    border-radius: 3px;
    width: auto !important;
    color: #fff !important;
    font-size: 11px;
    font-weight: 400;
}

    

#BRVM10Buttn, #BRVMCButtn {
    margin-left: 3px!important;
}

button#B_MESS .ui-button-text {
    font-size: 11px;
}

#Div2_Copy_Var {
    font-size: 10px !important;
    font-weight: 300 !important;
}

#B_BRVM10, #B_BRVMC, #B_FAQ {
    text-transform: uppercase;
    color: #ffffff !important;
}

    #B_BRVM10 .ui-button-text,
    #B_BRVMC .ui-button-text {
        color: #ffffff !important;
        padding: 0 !important;
        font-weight: 500;
    }

.main_div_2:nth-child(3) table td:nth-child(5):hover,
.main_div_2:nth-child(3) table td:nth-child(6),
.main_div_2:nth-child(3) table td:nth-child(8):hover,
.main_div_2:nth-child(3) table td:nth-child(10):hover,
.main_div_2:nth-child(3) table td:nth-child(12):hover {
    background: none !important;
}

.main_div_2:nth-child(3) table td:nth-child(8),
.main_div_2:nth-child(3) table td:nth-child(10),
.main_div_2:nth-child(3) table td:nth-child(12) {
    border-right: 0;
}

.main_div_2:nth-child(3) table td:first-child {
    padding-right: 21px !important;
}

.main_div_2:nth-child(3) table td:nth-child(8) {
    padding: 0 13px;
}

.main_div_2:nth-child(3) table td:nth-child(10) {
    width: 142px !important;
}

.main_div_2:nth-child(3) table td:nth-child(12) {
    width: 90px !important;
}

.main_div_1 table td div {
    height: auto !important;
    width: auto !important;
}

.main_div_1 table td:first-child {
    width: auto !important;
    padding-right: 3px;
}

.main_div_1_Label_GrisF,
.main_div_1 table td:nth-child(8) label {
    padding-left: 5px !important;
    margin-left: 5px !important;
    border-left: 2px solid #003867;
}

.main_div_1 table td:nth-child(8) label {
    border: none !important;
}

.main_div_1 table td:nth-child(2) label,
.main_div_1 table td:nth-child(6) label {
    padding-right: 15px !important;
}

.main_div_1 table td:nth-child(3) span {
    padding-right: 5px;
}

.main_div_1 table td:nth-child(4) label {
    border: none !important;
    padding-left: 0px !important;
}

#Div3_CLI_NAME {
    color: white !important;
    padding-top: 0 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}
/**************Fin Header*********************/
/**************Début Header Tableau***********/
.window_title_text span {
    font-weight: 400!important;
    font-size: 12px!important;
    color: #fff;
}

.WinHeader {
    /*background:rgba(0,0,0,0.7)  !important;*/
    background: #0075A3 !important;
}

.window_panel .window_header .closeImg:after {
    content: "\f00d";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 0px;
    font-weight: 100;
}

.window_panel .window_header .maximizeImg:after {
    content: "\f096";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 0px;
    font-weight: 100;
}

.window_panel .window_header .cascadeImg:after {
    content: "\f24d";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 0px;
    font-weight: 100;
}
/*.window_panel .window_header .window_function_bar{
	top:5px !important;
	right: 2px !important;
}*/
.window_panel .window_header .closeImg,
.window_panel .window_header .maximizeImg,
.window_panel .window_header .cascadeImg {
    background: none !important;
}

.window_panel {
    border: 1px solid #7da08e !important;
    border-radius: 0 !important;
}

.ui-buttonset .ui-button:hover {
    margin-top: 0 !important;
}
/*	.window_panel .window_header_normal,
.window_panel .window_header_maximize{
	padding:5px 5px !important;
}*/
.window_panel .window_header .window_title_text {
    left: 30px !important;
    top: 2px !important;
}

.ui-buttonset {
    margin-right: 0!important;
    background-color: #E0E0E0;
    padding-top: 2px;
}

    .ui-buttonset .ui-button-text {
        padding: 2px 20px !important;
        font-size: 11px;
        font-weight: 400;
        margin-top: 0 !important;
    }

    .ui-buttonset .ui-button {
        margin-top: 0 !important;
    }

/**************Fin Header Tableau***********/
/**************Entete Tableau**************/
.pq-grid div.pq-header-outer {
    background: #4a85d8 !important;
    border-bottom: 1px solid rgba(255,255,255,0.20)!important;
}

.pq-grid td.pq-grid-col {
    border-right: 1px solid rgba(255,255,255,0.20)!important;
    border-top: 0px solid #cfcfcf!important;
}

div.pq-grid * {
    font-weight: 400;
    font-size: 11px !important;
}

div.pq-grid {
    border: 0 !important;
    padding: 0 1px!important;
}

.pq-td-div {
    color: #fff;
}

#Div4 {
    margin-top: -2px !important;
    float: right;
    margin-right: 1px !important;
}

.ttt .ui-button {
    border-radius: 3px 3px 0px 0px;
    background-color: #a8a8a8 !important;
    margin-left: 5px !important;
    color: #fff !important;
}

.ttt .ui-state-active {
    background-color: #4a85d8 !important;
}

.ttt .ui-state-hover {
    background-color: #4a85d8 !important;
}

#Div1 {
    background: #E0E0E0 !important;
}

#choix_echange {
    margin-left: 10px!important;
    height: 35px!important;
    font-weight: 400!important;
    background: #fff !important;
    border: 1px solid gainsboro!important;
}
/************print***********/
#ContenuEdition {
    border: 0 !important;
    border-radius: 0 !important;
    width: 250px !important;
    height: 263px !important;
}

#cmp_gr {
    background: #fff !important;
    border-radius: 0 !important;
    height: 25px;
    border: 1px solid #D2D2D2 !important;
    font-size: 12px;
    font-weight: 500 !important;
    margin-top: 3px;
}

.edition_btn:disabled{
    background-color: #7da08e!important;
    border: 1px solid #7da08e !important;
}
.config_btn,
#AnnulerEditerRapport,
#EditerRapport,
#ValidReleveTitres,
#ValidReleveEspeces,
.valid_inputButtonForUpdatePassword,
#cancel_update_password,
#val_edit_ord,
#annul_edit_ord {
    height: auto !important;
    padding: 2px 2px 2px 2px !important;
    color: #FFFFFF!important;
    font-size: 12px!important;
    border-radius: 0 !important;
    background-color: #0075A3!important;
    border: 1px solid #0075A3 !important;
    font-weight: 400 !important;
}

input#personaliser, 
#bt_val_liste_ord {
    height: auto !important;
    padding: 2px 2px 2px 2px !important;
    color: #696969 !important;
    font-size: 12px!important;
    border-radius: 0 !important;
    background-color: #fff!important;
    border: 1px solid #696969 !important;
    font-weight: 400 !important;
}
    input#personaliser:hover, input#personaliser:active,
    #bt_val_liste_ord:hover, #bt_val_liste_ord:active {
        color: #fff!important;
        background-color: #696969 !important;
        
    }
.valid_inputButtonForUpdatePassword:before{
    content: "\f00c";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 7px;

}


#personaliser {
    cursor: pointer;
}

#ContenuEdition .edition_btn:disabled {
    background-color: #7da08e !important;
    border: 1px solid #7da08e !important;
}

#EditerRapport {
    left: 20px !important;
}
#impr_enc:before,
#impr_opere:before,
#impr_Trimes:before {
    margin-right: 7px;
    content: "\f02f";
    font-family: FontAwesome;
    color: #696969;
    font-size: 14px;
}
.edition_btn:before,
.edition_btn:hover:before,
#impr_enc:hover:before,
#impr_opere:hover:before,
#impr_Trimes:hover:before {
    margin-right: 7px;
    content: "\f02f";
    font-family: FontAwesome;
    color: #fff;
    font-size: 14px;
}


#bt_val_conf:before {
    content: "\f0c7";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 7px;
}


#EditerReleveTitres,
#EditerReleverTitres {
    background-color: #fff !important;
    border: 1px solid #696969!important;
    color: #696969 !important;
    height: auto !important;
    padding: 2px 2px 2px 2px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
#EditerReleveTitres:hover,
#EditerReleverTitres:hover {
    background-color: #696969 !important;
    color: #fff !important;
}



#bt_ann_conf, #AnnulerEditerRapport,
#globalConfigWind footer .config_btn:last-child,
#cancel_update_password,
#annul_edit_ord {
    background-color: #b9100e !important;
    border: 1px solid #b9100e !important;
}

    #bt_ann_conf:before,
    #AnnulerEditerRapport:before,
    #globalConfigWind footer .config_btn:last-child:before,
    .valid_inputButtonForUpdatePassword:before,
    td #cancel_update_password:before,
    .bannuler:before {
        content: "\f112";
        color: #fff;
        font-family: FontAwesome;
        font-size: 14px;
        margin-right: 7px;
    }

.ui-icon.bannuler,
.ui-icon.bvalider {
    top: 14px !important;
    width: 30px !important;
    height: 15px !important;
}

#annul_edit_ord,
#val_edit_ord {
    width: 80px !important;
    padding: 2px 10px !important;
}

#val_edit_ord {
    margin-left: 45px !important;
}

#date_opere {
    border: solid 1px #E0E0E0 !important;
}

#panelREL .pq-cont-right .pq-td-div {
    color: #000 !important;
}

.petite_fnt_noir.hasDatepicker {
    border: 1px solid #D2D2D2 !important;
}

button.config_btn:before,
#ValidReleveTitres:before,
#ValidReleveEspeces:before,
.bvalider:before {
    content: "\f00c";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 7px;
}

#bt_val_liste_ord:before {
    content: "\f00c";
    color: #696969;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 7px;
}
#bt_val_liste_ord:hover:before {
    content: "\f00c";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 7px;
}
/************Fin fenetre print***********/
.det_res_tit:hover, .det_res_tit:hover {
    background-color: #696969 !important;
    color: #fff !important;
}

.det_res_tit_top .det_res_tit, .det_res_tit {
     padding: 3px 5px 3px 5px !important;
    color: #696969!important;
    font-size: 9px!important;
    font-weight: 400!important;
    text-transform: uppercase;
    border: 1px solid #696969!important;
    border-radius: 3px!important;
    background-color: #fff!important;
}

.det_res_tit_top .det_res_tit_bachat,
.det_res_tit_top .det_res_tit_bachat:hover{
    background-color: #0075A3 !important;
    padding: 3px 7px 3px 7px !important;
    border-radius: 3px;
    background-image: none !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    height: auto !important;
}
.btn_grph_historique,
.btn_grph_historique:hover{
    background-color: #fff !important;
    padding: 3px 7px 3px 7px !important;
    border-radius: 3px;
    background-image: none !important;
    border: 1px solid #696969 !important;
    color: #696969 !important;
    font-size: 11px !important;
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    height: auto !important;
}

#brvm10_html .btn_grph_historique:hover, #brvmc_html .btn_grph_historique:hover {
    font-size: 10px !important;
    background-color: #696969 !important;
    color: #fff !important;
}

.det_res_tit_bachat:after {
    content: "\f055";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: 5px;
}

.btn_grph_historique {
    width: auto !important;
    height: auto !important;
    font-size: 10px !important;
    font-weight: 400 !important;
}

    .btn_grph_historique:after {
        content: "\f201";
        color: #fff;
        font-family: FontAwesome;
        font-size: 14px;
        margin-left: 7px;
        font-weight: 300;
    }

.det_res_tit_top .det_res_tit_bvente,
.det_res_tit_top .det_res_tit_bvente:hover {
    background-color: #B90F0F;
    padding: 3px 7px 3px 7px !important;
    margin-right: 10px !important;
    border-radius: 3px;
    background-image: none!important;
    border: 0 !important;
    color: #fff !important;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    height: auto !important;
}

.det_res_tit_bvente:after {
    content: "\f056";
    color: #fff;
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: 5px;
}
/*span.pq-col-sort-icon{
	font-size:1px !important;
}*/
.greenT {
    background: #a8a8a8 !important;
}

#window_1 {
    height: auto !important;
}

#impr_portf:before {
    content: "\f02f";
    font-family: FontAwesome;
    color: #696969;
    font-size: 14px;
}

#impr_portf:hover:before {
    content: "\f02f";
    font-family: FontAwesome;
    color: #fff;
    font-size: 14px;
}

#impr_portf {
    background-color: #fff !important;
    padding: 3px 9px 3px 9px !important;
    border-radius: 3px;
    border: 1px solid #696969!important;
    color: #696969 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    width: auto;
    height: auto !important;
}

    #impr_portf:hover {
        background-color: #696969 !important;
        color: #fff !important;
    }

    #impr_portf.ui-button .ui-button-text {
        margin-left: -15px;
    }

.dv_DivHaut2 {
    border: 0 !important;
}

#DivHaut2 table tr td {
    font-size: 12px !important;
    font-weight: 500 !important;
}

#Div4 table tr td.auto1:before {
    content: "\f054";
    font-family: FontAwesome;
    color: #fff;
    font-size: 10px;
    margin-left: 7px;
}

/***********CSS Calendrier ************/
#ui-datepicker-div {
    border-radius: 0 !important;
    padding: 0 !important;
    border: 1px solid #D0D0D0 !important;
    width: 250px;
}

    #ui-datepicker-div .ui-widget-header {
        border: 0px !important;
        background: #E4E4E4!important;
        border-radius: 0 !important;
        padding: 10px 0;
    }

a.ui-state-default.ui-state-active {
    background-color: #696969 !important;
    color: #fff;
    border-radius: 3px;
}

.ui-datepicker th {
    color: #6a7b82;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: 0 !important;
}

.ui-datepicker table {
    height: 200px;
}

.ui-datepicker td a {
    text-align: center !important;
    padding: 5px !important;
}
/***********fin CSS Calendrier ************/

.det_res_tit_top table {
    margin-top: 0 !important;
}

.det_res_tit_top,
.DET_RES {
    /*margin-top:5px !important;*/
}

.valid_inputButtonForUpdatePassword:before {
    content: "\f046";
    font-family: FontAwesome;
    color: #fff;
    font-size: 14px;
}

.ui-state-active .ui-icon {
    background-image: none !important;
}

td.pq-col-sort-desc .pq-col-sort-icon:after {
    content: "\f0de";
    font-family: FontAwesome;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
}

td.pq-col-sort-asc .pq-col-sort-icon:after {
    content: "\f0dd";
    font-family: FontAwesome;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
}

.pq-grid-header td.pq-col-sort-asc, .pq-grid-header td.pq-col-sort-desc {
    background: #4C4C4C!important;
}

[id^='ResCLSL_'] .ui-slider-handle:after {
    border: 7px solid transparent !important;
    border-top-color: #000000 !important;
    position: absolute !important;
    bottom: -11px !important;
    left: 50%;
    margin-left: -7px;
}

#ValidPalm {
    margin-left: -30px;
    background-color: #fff !important;
    padding: 3px 7px 3px 7px !important;
    border-radius: 3px;
    background-image: none !important;
    border: 1px solid #696969 !important;
    color: #696969 !important;
    font-size: 11px !important;
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    height: auto !important;
}
    #ValidPalm:hover {
        background-color: #696969 !important;
        color: #fff !important;
    }

    #ValidPalm:before {
        content: "\f046";
        font-family: FontAwesome;
        color: #696969;
        font-size: 14px;
        margin-right: 5px;
    }
     #ValidPalm:hover:before {
        content: "\f046";
        font-family: FontAwesome;
        color: #fff;
        font-size: 14px;
        margin-right: 5px;
    }

#EditerRapport,
#AnnulerEditerRapport {
    width: auto !important;
    padding: 8px !important;
    line-height: 11px !important;
}

#div_face {
    border: 0 !important;
}

.alertify {
    border: 1px solid #0075A3!important;
    background: rgba(168,168,168,0.8) !important;
    box-shadow: none !important;
}

.alertify-message {
    font-size: 14px;
    font-weight: 500;
    color: #0075A3!important;
}



#alertify-ok,
#alertify-cancel {
    font-weight: 400 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#alertify-ok {
    color: #0075A3!important;
    border: 2px solid #0075A3;
    background: none !important;
}
#alertify-cancel {
    color: #B90F0F !important;
    border: 2px solid #b9100e;
    background: none !important;
}

.ui-widget-content > div > div:last-child {
    background-color: #FFFFFF !important;
    /*border-left: 1px solid #D0D0D0 !important;*/
    border:0 !important;
    /*border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;*/
}

#Div4 {
    background-color: #0075A3!important;
    border: 1px solid #E4D8D8!important;
    height: auto !important;
}

    #div4 table tr td img {
        display: none;
    }

    #div4 table tr td {
        color: #fff !important;
        font-size: 11px!important;
        font-weight: 500!important;
    }

#EditerReleveTitres:before,
button#EditerReleverTitres:before {
    content: "\f02f";
    font-family: FontAwesome;
    color: #696969;
    font-size: 14px;

}
#EditerReleveTitres:hover:before,
button#EditerReleverTitres:hover:before {
    color: #fff;
}

.bigPanel,
.littlePanel,
.ui-icon.val_liste {
    background: none !important;
    border: 0 !important;
}

#panelREL header,
#panelRELEsp header,
.petite_fnt_noir_relTit,
.petite_fnt_noir {
    overflow: hidden !important;
    border: solid 1px #E0E0E0 !important;
    border-radius: 0 !important;
}

#filtre {
    background: #ECECEC !important;
    border: 1px solid #BFBFBF !important;
}

.littlePanel {
    padding-left: 10px !important;
    padding-top: 15px !important;
}

#soldeFinalRelEspeces {
    background: #6a7b82;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 400;
    padding-right: 5px;
}

div#div_face {
    padding: 1px;
}
/***********Order du compte*********/
#Order_Tab {
    background: none !important;
    padding-top: 0 !important;
}

.ui-icon.bajout,
.ui-icon.bannuler,
.ui-icon.bvalider,
.ui-icon.bsupprimer,
.ui-icon.bediter {
    background: none !important;
}

#order_html #bsupprimer_ord,
#order_html #bannuler_ord {
    background: #B90F0F !important;
}
#bediter_ord, #bajouter_ord ,#bmodifier_ord{
    background: #fff !important;
    height: auto !important;
    color: #696969 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border: 1px solid #696969 !important;
    border-radius: 0 !important;
    padding: 5px 0 5px 0 !important;
}
    #bediter_ord:hover, 
    #bajouter_ord:hover,
    #bmodifier_ord:hover{
     background: #696969 !important;
     color: #fff !important;
    }

#order_html {
    background: #48474A !important;
}

#title_liste,#bhistOrd {
    background: #fff !important;
    height: auto !important;
    color: #696969 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border: 1px solid #696969 !important;
    border-radius: 0 !important;
    padding: 5px 0 5px 5px !important;
}
    #title_liste:hover,#bhistOrd:hover {
    background: #696969 !important;
    color: #fff !important;
    }

#bannuler_ord,
#bvalider_ord,
#bsupprimer_ord{
    background: #6a7b82 !important;
    height: auto !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 5px 0 5px 0 !important;
}

    #bajouter_ord:before {
        content: "\f067";
        font-family: FontAwesome;
        color: #696969;
        font-size: 14px;
    }
    #bajouter_ord:hover:before {
        content: "\f067";
        font-family: FontAwesome;
        color: #fff;
        font-size: 14px;
    }

    #bmodifier_ord:before {
        content: "\f040";
        font-family: FontAwesome;
        color: #696969;
        font-size: 14px;
    }
    #bmodifier_ord:hover:before {
        content: "\f040";
        font-family: FontAwesome;
        color: #fff;
        font-size: 14px;
    }

    #bannuler_ord:before {
        content: "\f00d";
        font-family: FontAwesome;
        color: #fff;
        font-size: 14px;
    }

    #bvalider_ord:before {
        content: "\f14a";
        font-family: FontAwesome;
        color: #fff;
        font-size: 14px;
    }

    #bediter_ord:before {
        content: "\f044";
        font-family: FontAwesome;
        color: #696969;
        font-size: 14px;
    }
    #bediter_ord:hover:before {
        content: "\f044";
        font-family: FontAwesome;
        color: #fff;
        font-size: 14px;
    }

    #bsupprimer_ord:before {
        content: "\f014";
        font-family: FontAwesome;
        color: #fff;
        font-size: 14px;
    }

#order_html .ui-button-text {
    font-size: 12px !important;
    margin-left: -25px;
}

#title_liste:before {
    content: "\f022";
    font-family: FontAwesome;
    color: #696969;
    font-size: 14px;
    margin-right: 7px;
}
#title_liste:hover:before {
    color: #fff;
}

#bhistOrd:before {
    content: "\f1da";
    font-family: FontAwesome;
    color: #696969;
    font-size: 14px;
    margin-right: 7px;
}
#bhistOrd:hover:before {
    color: #fff;
}
#tabs .ui-button-text {
    border-radius: 3px 3px 0px 0px;
    background-color: #fff !important;
    margin-left: 5px !important;
    color: #696969!important;
    border: 1px solid #696969 !important;
    font-size: 11px !important;
    font-weight: 400;
}

    #tabs .ui-button-text:hover,
    #tabs .ui-button-text:active {
        background-color: #696969 !important;
        color: #fff !important;
    }
#tabs #bt_val_liste_ord .ui-button-text {
border:none !important;
}
#tabs_A_V_S table tr td {
    font-size: 13px !important;
    color: #676767;
    font-weight: normal;
}

#cb_type_titre,
#cb_titre,
#cb_type_ordre,
#lb_qte,
#lb_cours,
#lb_validite,
#lb_qte_devoilee,
#filtre_nature_ord {
    background: white !important;
    border: 1px solid #B7B7B7 !important;
    color: #636363 !important;
    font-weight: 500 !important;
    /*height: 24px !important;*/
}

#Sicav_Achat {
    /*top: 140px !important;*/
    top: 160px !important;
}

#table_donnee2 {
    left: 30px !important;
}

#lb_qte,
#lb_qte_devoilee,
#lb_cours {
    padding-right: 10px!important;
    padding-left: 10px!important;
}

#div_Aucun_Ord span:before {
    content: "\f071";
    font-family: FontAwesome;
    color: #222;
    font-size: 27px;
    margin-right: 7px;
    font-weight: 100;
}

#div_Aucun_Ord {
    border: 1px solid #CCCCCC;
    background-color: #E2E2E2 !important;
}

#bt_val_liste_ord .ui-button-text {
    background: none !important;
    font-size: 12px !important;
}

#Order_Tab .ui-button-text {
    padding: 4px 10px !important;
}

.window_frame {
    overflow: hidden !important;
}

#tabs,
#order_html {
    background: none !important;
}

#bfirst_ord,
#bprecedent_ord,
#bsuivant_ord,
#blast_ord {
    width: auto !important;
    height: auto !important;
}

#div_cache {
    height: 375px !important;
    top: 114px !important;
}

#div_Aucun_Ord {
    height: 373px!important;
    width: 742px!important;
    top: 114px!important;
    left: 6px !important;
}

#filtre_type_ord,
#filtre_titre_ord {
    background: #E6E6E6 !important;
    border: 1px solid #C3C3C3 !important;
    height: 30px !important;
}
/***********Order du compte*********/
#form_update_password .labelForUpdatePassword {
    font-size: 12px !important;
    font-weight: 400!important;
    color: #004681!important;
}

#brvm10_html table tr td {
    font-size: 11px !important;
    font-weight: 400 !important;
}

#main_ticker {
    border: 0 !important;
    border-radius: 0 !important;
    background: #F7F7F7;
    padding: 15px 0;
}

table.tik_style tr td {
    border: 0 !important;
}

.var_moins {
    background: #B90F0F;
    background-image: none !important;
}

    .var_moins:after {
        content: "\f0d7";
        color: #fff;
        font-family: FontAwesome;
        font-size: 12px;
        padding-left: 4px;
    }

.var_zero {
    background: #7B7B7B;
    background-image: none !important;
}

.var_plus {
    background: #008000;
    background-image: none !important;
}

    .var_plus:after {
        content: "\f0d8";
        color: #fff;
        font-family: FontAwesome;
        font-size: 12px;
        padding-left: 4px;
    }

.var_zero:after {
    content: "\f0c9";
    color: #fff;
    font-family: FontAwesome;
    font-size: 12px;
    padding-left: 4px;
}

.var_zero,
.var_moins,
.var_plus {
    color: #fff !important;
    font-weight: 400 !important;
    border: 0 !important;
    padding: 3px 15px 3px 7px !important;
    margin-right: 0px !important;
    border-radius: 3px;
    width: auto !important;
}

.var_titre {
    font-size: 12px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    margin-top: -20px;
}

    .var_titre u {
        text-decoration: none !important;
    }

.tik_style {
    border-right: 1px solid #C3C3C3;
    padding-right: 10px;
}

.tik_ITEM {
    border-right: 1px solid #CECBBB;
}

div[id^=NewsTitwin_] table tr td div {
    padding: 6px !important;
}

button[id^=Infos_PlusDet_],
button[id^=Infos_PlusDet_]:hover {
    padding: 5px !important;
    margin-top: -8px;
}

#Mess_First .ui-button-text,
#Infos_First_11 .ui-button-text,
button[id^=Infos_First_] .ui-button-text {
    text-indent: 10000;
    background: url('../images/glossy-3d-blue-orbs2-056-48x48_cais.png') no-repeat;
}

#Mess_Prev .ui-button-text,
button[id^=Infos_Prev_] .ui-button-text {
    text-indent: 10000;
    background: url('../images/glossy-3d-blue-orbs2-119-48x48_cais.png') no-repeat;
}

#Mess_Next .ui-button-text,
#Infos_Next_11 .ui-button-text,
button[id^=Infos_Next_] .ui-button-text {
    text-indent: 10000;
    background: url('../images/glossy-3d-blue-orbs2-120-48x48_cais.png') no-repeat;
}

#Mess_Last .ui-button-text,
#Infos_Last_11 .ui-button-text,
button[id^=Infos_Last_] .ui-button-text {
    text-indent: 10000;
    background: url('../images/glossy-3d-blue-orbs2-055-48x48_cais.png') no-repeat;
}

#Mess_Subject {
    background: #a8a8a8;
    color: #fff;
    font-size: 11px !important;
    font-weight: 400 !important;
    border: 0 !important;
    padding: 5px !important;
    width: 242px !important;
    height: 30px !important;
}

#Mess_Corp {
    padding: 5px !important;
    width: 241px !important;
    height: 83px !important;
    font-size: 12px !important;
    /*background: #E4E4E4;*/
    font-weight: 400 !important;
    border: 1px solid rgba(204, 204, 204, 0.53) !important;
    overflow-y: scroll !important;
}

.det_rel_tit_top {
    width: 100%;
}

    .det_rel_tit_top tr td:nth-child(6), .det_rel_tit_top tr td:nth-child(8) {
        text-align: right;
    }

    .det_rel_tit_top tr td:nth-child(7) {
        width: 1px !important;
    }

/***********************************************************Version Mobile CSS***********************************************************/
.header_top {
    border: 1px solid white;
    border-radius: 7px;
    height: 20% !important;
    background: white!important;

}

.user-info {
    padding-top: 22%;
    margin-left: 10px;
}

.profile_details {
    background: url(../images/logoBSIC.png)  no-repeat !important;
    background-size:100% 80px!important;
    background-position: top center !important;
    margin-top: 0;
}

.user-info h4 {
    font-size: 14px!important;
    color: white !important;
    font-weight: 400!important;
    padding-bottom: 0 !important;
}

    .user-info h4 span {
        font-weight: 500;
    }

.user-info #logout {
    float: left !important;
    padding-right: 15px;
    margin-top: 5px;
}

.menu_box_list ul li {
    padding: 0 !important;
}

ul#toggle-view li h3,
ul#toggle-order li h3,
.menu_box_list ul li {
    background: #2561e4;
    border-radius: 3px;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 15px;
    margin-bottom: 5px;
}

#toggle-view h3 {
    height: auto !important;
}

.chart_list li a {
    font-size: 12px !important;
    font-weight: 400 !important;
}

ul#toggle-view li span img {
    position: relative;
    top: 22px;
    right: 10px;
}

ul#toggle-view .panel {
    background: #f5f5f5;
    margin: 0 !important;
    border: 1px solid #D6D6D6 !important;
}

#toggle-view li {
    border-bottom: 0 !important;
}

#toggle-view .panel table {
    font-weight: 400;
}

#fiveHighest .menu_box_list ul li,
#fiveLowest .menu_box_list ul li,
#fiveVolume .menu_box_list ul li,
#CoreResMarche .menu_box_list ul li {
    margin-bottom: 0px;
    padding-top: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #D8D8D8 !important;
    border-radius: 0px;
}

#fiveHighest .menu_box .menu_box_list ul li:nth-child(even),
#fiveLowest .menu_box .menu_box_list ul li:nth-child(even),
#fiveVolume .menu_box .menu_box_list ul li:nth-child(even),
#CoreResMarche .menu_box .menu_box_list ul li:nth-child(even) {
    background-color: #F7F7F7 !important;
}

.menu_box_list li a {
    border: 0 !important;
    color: #FFFFFF !important;
    font-weight: 400 !important;
    text-align: left !important;
    font-size: 14px !important;
}

a#portfClient:before {
    content: "\f0F2";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 17px;
}

a#releve:before {
    content: "\f0F6";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 17px;
}

a#listOrdresClient:before {
    content: "\f024";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 17px;
}

a#passerOrdreClient:before {
    content: "\f1c0";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 17px;
}

a#portfClient,
a#releve,
a#listOrdresClient,
a#passerOrdreClient,
a#LCFH,
a#LCFB,
a#PALM,
#EchEX,
#LCGV {
    background-image: none !important;
}

    a#portfClien spant, a#releve span, a#listOrdresClient span, a#passerOrdreClient span,
    a#LCFH span,
    a#LCFB span,
    a#PALM span,
    #EchEX span,
    #LCGV span {
        margin-top: -8px !important;
    }

select#selectMarket {
    box-shadow: none !important;
}

#PortfTotal tr td {
    background: none !important;
}

#PortfTotal {
    background: #004681!important;
    border: 0 !important;
    color: fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.menu_box_list {
    background: none !important;
}

#portHeader tr th {
    color: #505050 !important;
    font-weight: 400;
}

#portefeuilleHeader table {
    border: 1px solid #E0E0E0 !important;
}

#coreMobile input {
    border: 1px solid #D4D4D4 !important;
    border-radius: 0 !important;
    background: whitesmoke;
    height: 35px;
    text-align: center !important;
}

#portBody tr td {
    background: none !important;
}

.menu_box #releveResult ul li {
    /*background: rgba(255, 0, 0, 0.42) !important;
    height: 50px;*/
    background: white !important;
}

table#RelHeader tr td {
    text-align: center !important;
    padding-top: 20px;
}

select#selectMarket,
select#selectEchEx,
select#selectnatureOrdre,
select#typeTitre,
select#typeTransaction,
select#typeGraphique,
select#typeOrdre {
    border: 1px solid #D4D4D4 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 123px !important;
    margin-left: 5px !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

#accordian {
    box-shadow: none !important;
}

#listOfOrdersCore.chart,
#exchCore.chart {
    padding: 14px !important;
    border: 1px solid #E6E6E6 !important;
}

.panel table tr td {
    background: none !important;
    color: #464646 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

#optionsHisorique #getInfos {
    background: none !important;
    border-radius: 5px !important;
    border: 2px solid #4CAF50 !important;
    color: #4CAF50;
}

#LCFH:before {
    content: "\f148";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 25px;
}

#LCFB:before {
    content: "\f149";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 25px;
}

#PALM:before {
    content: "\f024";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 25px;
}

#EchEX:before {
    content: "\f0ec";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 25px;
}

#LCGV:before {
    content: "\f1c0";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 25px;
}

.menu_box_list ul li a::before {
    font-size: 20px !important;
    width: 25px !important;
    display: inline-block !important;
    text-align: center;
}

#AETEC,
#SOTEM,
#SOTET,
#MIP,
#STB {
    border: 0 !important;
}

.marketValues,
.panel table tr,
.menu_box_list li a:hover,
.menu_box_list li.active a {
    background: none !important;
    border: 0 !important;
}

#CoreResMarche .menu_box .menu_box_list ul li,
#detailsTitre .menu_box .menu_box_list ul li,
#fiveVolume .menu_box .menu_box_list ul li,
#fiveLowest .menu_box .menu_box_list ul li,
#fiveHighest .menu_box .menu_box_list ul li {
    background: #EAEAEA !important;
    border: 1px solid #D8D8D8;
}

    #CoreResMarche .menu_box .menu_box_list ul li table tr,
    #fiveLowest .menu_box .menu_box_list ul li table tr,
    #fiveVolume .menu_box .menu_box_list ul li table tr {
        border-bottom: 0 !important;
    }

#optionsHisorique {
    margin-top: 20px !important;
    width: 100% !important;
}

#detailsTitre .menu_box .menu_box_list #InfosTit li a {
    /*background: #046945 !important;*/
    background:#696969!important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-align: left !important;
}

    #detailsTitre .menu_box .menu_box_list #InfosTit li a span {
        padding-left: 10px !important;
    }

#detailsTitre .menu_box,
#detailsTitre .menu_box .menu_box_list {
    border-left: 0 !important;
}

    #detailsTitre .menu_box .menu_box_list ul li,
    #palmResult ul li {
        padding-left: 0 !important;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background: rgba(228,166,0,1) !important;
    border-radius: 0 !important;
    border: 0 !important;
    color: fff !important;
    font-weight: 400;
}

.todayValues {
    border: 0 !important;
}

.labMarket #selectEchEx {
    width: 100% !important;
    background: #004681 !important;
    color: #fff;
}

.greenTop:active,
.greenTop:hover,
.greenTop {
    background: rgb(231, 231, 231); /* !important;*/
}

a#accountModule:before {
    content: "\f0e4";
    font-family: FontAwesome;
    color: #004681;
    font-size: 14px;
    margin-right: 5px;
}

a#marketModule:before {
    content: "\f03a";
    font-family: FontAwesome;
    color: #004681;
    font-size: 14px;
    margin-right: 5px;
}

a#infosModule:before {
    content: "\f129";
    font-family: FontAwesome;
    color: #004681;
    font-size: 14px;
    margin-right: 5px;
}

a#indicesModule:before {
    content: "\f201";
    font-family: FontAwesome;
    color: #004681;
    font-size: 14px;
    margin-right: 5px;
}

.menu_box_list li a span {
    padding-left: 10px !important;
    display: inline-block;
}

#nomTitre {
    font-size: 18px !important;
}

table#T_Tendances tr td img {
    display: none !important;
}

#fiveHighest li table tr {
    border: 0 !important;
}

#tableLimBody tr td {
    text-align: center !important;
}

#InfosTit table tr td {
    padding: 5px !important;
    font-size: 12px !important;
}

table#T_Tendances tr:first-child td:first-child:before {
    content: "\f062";
    font-family: FontAwesome;
    color: #046945;
    font-size: 14px;
}

table#T_Tendances tr:nth-child(2) td:first-child:before {
    content: "\f063";
    font-family: FontAwesome;
    color: #b90f0f;
    font-size: 14px;
}

table#T_Tendances tr:nth-child(3) td:first-child:before {
    content: "\f1b3";
    font-family: FontAwesome;
    color: #002f56;
    font-size: 14px;
}

.user-info ul li a {
    font-size: 11px !important;
    margin: 0px !important;
}

.todayValues {
    background: rgba(88, 172, 37, 0.49) !important;
}

span#tunindexVar,
span#tunindexDern {
    color: #FFFFFF !important;
    background-color: #B90F0F;
    padding: 3px 7px 3px 7px !important;
    margin-right: 10px !important;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400 !important;
}

.headerBrvm10 div.h3 span.key {
    color: #4C4C4C !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.todayBrvm10 figure {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.panel table tr th,
tbody#tableExecBody tr td {
    text-align: center !important;
}

#mobileBody {
    overflow: hidden !important;
    height: auto !important;
}

.menu_box #detailsTitres ul li a {
    background: #5A5959 !important;
}

#detailsTitres.menu_box_list li a span {
    margin-top: 0 !important;
}

@media (min-width:767px) {
    .profile_details {
        background-position: left top !important;
    }

    .profile_details {
        padding-top: 0px !important;
    }

    .user-info {
        padding-top: 0px !important;
        float: right;
    }
}

/***********************************************************Version Mobile CSS***********************************************************/
table.ui-datepicker-calendar tr td {
    font-size: 12px;
}

.det_res_tit_top_news {
    font-size: 12px !important;
    font-weight: 400 !important;
}

    .det_res_tit_top_news span {
        font-size: 11px !important;
        font-weight: 500 !important;
        color: #004681 !important;
        border: 0 !important;
    }

.petite_fnt_noir {
    font-size: 13px !important;
    font-weight: 400 !important;
    border: 0 !important;
}

.det_res_tit {
    padding: 3px 5px 3px 5px !important;
}

select#listeComptes {
    border-radius: 0 !important;
    background: #0075A3 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #fff;
    padding: 5px;
    width: 467px !important;
}

#choix_annee {
    margin-left: 21px !important;
}

div#divOpere,
.cl_divtrimes {
    border: 0 !important;
}
.bt_impr_enc,
.bt_impr_opere {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}
#divEnc .ui-button-tex,
#divOpere .ui-button-tex {
    color: #fff !important;
}
#impr_enc {
    display: block;
    float: right;
    margin-right: 15px;
    height: auto !important;
    padding: 2px 10px 1px 10px !important;
    color: #696969!important;
    font-size: 12px!important;
    border-radius: 0 !important;
    background-color: #fff!important;
    border: 1px solid #696969 !important;
    font-weight: 400 !important;
}
#impr_opere,
#impr_Trimes {
    display: block;
    float: right;
    margin-right: 66px;
    height: auto !important;
    padding: 2px 10px 1px 10px !important;
    color: #696969!important;
    font-size: 12px!important;
    border-radius: 0 !important;
    background-color: #fff!important;
    border: 1px solid #696969 !important;
    font-weight: 400 !important;
}
#imp_enc:hover,
#impr_opere:hover,
#impr_Trimes:hover {
    color: #fff!important;
    background-color: #696969!important;
}

#choix_annee, #choix_Trimestre {
    background: #EAEAEA !important;
    border: 1px solid rgba(117, 117, 117, 0.4) !important;
}
/*.main_div_2 table tr td button {
    width: 45px !important;
    height: 36px !important;
}*/
tr#div_boutons_compte .ui-button:hover,
#div_boutons_compte .ui-state-focus,
.main_div_2 table tr td div button:hover,
.main_div_2 table tr td div button.ui-state-focus {
    /*.main_div_2:nth-child(2) table td:nth-child(8) div button:hover{*/
    background: #a8a8a8 !important;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
    height: 40px;
    width: 45px;
    margin-top: 0 !important;
}
/*.main_div_2:nth-child(2) table td:nth-child(8) div button:hover*/
.main_div_2 table tr td div #B_BRVMC:hover, .main_div_2 table tr td div #B_BRVM10:hover,
.main_div_2 table tr td div #B_BRVMC:active, .main_div_2 table tr td div #B_BRVM10:active,
.main_div_2 table tr td div #B_BRVMC:focus, .main_div_2 table tr td div #B_BRVM10:focus {
    background: #a8a8a8 !important;
    width: 70px !important;
}

.main_div_2 table tr td div button#B_TOP5H:hover,
.main_div_2 table tr td div button#B_TOP5H.ui-state-focus {
    background: #2F6112!important;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
    height: 40px;
    width: 45px;
    margin-top: 0 !important;
    color: #fff !important;
    font-size: 11px;
    font-weight: 400;
}

.main_div_2 table tr td div button#B_FAQ {
    cursor: help !important;
    background: #404040!important;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
    height: 40px;
    width: 45px;
    margin-top: 0 !important;
}

    .main_div_2 table tr td div button#B_FAQ:hover,
    .main_div_2 table tr td div button#B_FAQ.ui-state-focus {
        background: #212121 !important;
        -webkit-transition: background-color .2s linear, color .2s linear;
        -moz-transition: background-color .2s linear, color .2s linear;
        -o-transition: background-color .2s linear, color .2s linear;
        -ms-transition: background-color .2s linear, color .2s linear;
        transition: background-color .2s linear, color .2s linear;
        height: 40px;
        width: 45px;
        margin-top: 0 !important;
        color: #fff !important;
        font-size: 11px;
        font-weight: 400;
    }

.main_div_2 table tr td div button#B_TOP5H {
    background: #008000!important;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
    height: 40px;
    width: 45px;
    margin-top: 0 !important;
}

.main_div_2 table tr td div button#B_TOP5B:hover,
.main_div_2 table tr td div button#B_TOP5B.ui-state-focus {
    background: #980B0B !important;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
    height: 40px;
    width: 45px;
    margin-top: 0 !important;
}

.main_div_2 table tr td div button#B_TOP5B {
    background: #b90f0f!important;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
    height: 40px;
    width: 45px;
    margin-top: 0 !important;
}

.main_div_2 table tr td div button#B_TOP5V:hover,
.main_div_2 table tr td div button#B_TOP5V.ui-state-focus {
    background: #a8a8a8!important;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
    height: 40px;
    width: 45px;
    margin-top: 0 !important;
}

.main_div_2 table tr td div button#B_TOP5V {
    background: #696969!important;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
    height: 40px;
    width: 45px;
    margin-top: 0 !important;
}

.main_div_2:nth-child(3) table td:nth-child(2) div button.ui-state-focus,
.main_div_2:nth-child(3) table td:nth-child(2) div button:hover {
    width: 60px !important;
    height: 39px !important;
    margin-top: 0 !important;
}

.main_div_2:nth-child(2) table td:nth-child(8) div button:hover,
.main_div_2:nth-child(2) table td:nth-child(8) div .ui-state-focus {
    width: 70px !important;
    background: none !important;
}

.ui-corner-all {
    border-radius: 0 !important;
}

tr#div_boutons_compte .ui-button,
.main_div_2:nth-child(3) table td div .ui-button {
    margin-top: 0 !important;
    margin-right: 0 !important;
}

#div_boutons_compte td {
    padding: 0 !important;
}

.main_div_2_Label_GrisF {
    padding: 0 20px !important;
}

.main_div_2:nth-child(3) table tr td .main_div_2_Label_GrisF {
    padding: 0 20px !important;
}

.main_div_2:nth-child(3) table tr td {
    padding: 0px;
}

#Div2_Copy_Var {
    padding-left: 5px;
}

#msg_html table tr td div,
#NewsTitwin_11 {
    padding: 3px;
}

button#button1_id_atr:before,
button#button1_id_bbands:before,
button#button1_id_rsi:before,
button#button1_id_mfi:before,
button#button1_id_momentum:before,
button#button1_id_wr:before,
button#button1_id_roc:before,
button#button1_id_stockastic:before,
button#button1_id_ema:before {
    content: "\f040";
    font-family: fontawesome;
    color: #2F6112;
}

button#button2_id_atr:before,
button#button2_id_bbands:before,
button#button2_id_rsi:before,
button#button2_id_mfi:before,
button#button2_id_momentum:before,
button#button2_id_wr:before,
button#button2_id_roc:before,
button#button2_id_stockastic:before,
button#button2_id_ema:before {
    content: "\f00d";
    font-family: fontawesome;
    color: #980B0B;
}

button#button1_id_atr,
button#button2_id_atr,
button#button1_id_bbands,
button#button2_id_bbands,
button#button1_id_rsi,
button#button2_id_rsi,
button#button1_id_mfi,
button#button2_id_mfi,
button#button1_id_momentum,
button#button2_id_momentum,
button#button1_id_wr,
button#button2_id_wr,
button#button1_id_roc,
button#button2_id_roc,
button#button1_id_stockastic,
button#button2_id_stockastic,
button#button1_id_ema {
    background: none !important;
}

div#containerBRVM10Historique, div#containerBRVMCHistorique,
img.radio-select-img-item {
    border: 0 !important;
}

#TypeChoice {
    left: 30px !important;
}

.fa-plus:before {
    font-family: fontawesome !important;
}

button#title_liste {
    margin-left: 2px !important;
}

div[id^=NewsTitwin_] div[id^=Infos_Corp_] {
    overflow: overlay !important;
}

img.radio-select-img-item.item-checked {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none;
}

img.radio-select-img-item {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
}

.main_div_1 td {
    white-space: nowrap;
}

td#brvmCValues div {
    display: inline !important;
}

td#brvmCValues tr:nth-child(1) {
    padding-bottom: 0.2em;
}

.configurationHeader, .top5Header, .PortfolioHeader, .orderHeader,
.palmaresHeader, .editionHeader, .indexesHeader, .echangesHeader,
.relevesHeader,.passwordHeader, .resumeTitreHeader {
    background: #696969 !important;
}

.configurationcontainer, .top5Container, .Portfoliocontainer, .ordercontainer,
.palmarescontainer , .editioncontainer, .indexescontainer, .echangesContainer,
.relevescontainer, .passwordcontainer, .resumeTitrecontainer{
    border: 1px solid #696969 !important;
}

#grid_TOP5H.pq-grid div.pq-header-outer,
#grid_TOP5B.pq-grid div.pq-header-outer,
#grid_TOP5V.pq-grid div.pq-header-outer,
#containerTitreGrid.pq-grid div.pq-header-outer,
#Grid_Palm.pq-grid div.pq-header-outer,
#Grid_Echanges.pq-grid div.pq-header-outer,
#grilleRelTitres.pq-grid div.pq-header-outer,
#grilleRelEsp.pq-grid div.pq-header-outer,
[id^='ResCLG1_'].pq-grid div.pq-header-outer,
[id^='ResCLG2_'].pq-grid div.pq-header-outer,
[id^='Profondeur_TIT_'].pq-grid div.pq-header-outer,
[id^='ResCLG3_'].pq-grid div.pq-header-outer {
    background: #a8a8a8 !important;
    border-bottom: 1px solid rgba(255,255,255,0.20)!important;
}

.ui-dialog .ui-widget-content > div {
border-left: 0px !important;
}


.textLogo {
    position: absolute !important;
    left: 20px !important;
    top: 8px !important;
    color: #0075A3 !important;
    font-weight: bolder !important;
    font-size: 25px !important;
}

#B_MESS:hover {
    width:60px !important;
}
#B_PORTEF:hover {
    width:45px !important;
}

#B_TARIF:before {
    content: "\f0d6";
    font-family: FontAwesome;
    color: #FFF;
    padding: 5px;
}

#B_TARIF:hover {
    background:#a8a8a8 !important;
}