body {
    background: linear-gradient(to bottom, #cccccc 0%,rgba(0,0,0,0.4) 100%); ; 
    background-attachment: fixed;
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
::-webkit-scrollbar {
    background-color: rgba(255,255,255,0.5);
    width: 12px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
    background-color: #CCCCCC;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.5);
    border-radius: 8px;
    border: 4px solid #CCCCCC;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
    display:none;
}

.login_box_container {
    background: #ffffff;
    color: #333333;
}


#app_main_header {
    background-color: #ffffff;
    color: #c8651b;
    /*box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.36);*/
    border-bottom: 1px solid #cccccc;
}
#app_call_global_menu span {
    background: #c8651b;
}
#extra_right_header_icon {
    background-image: url(img/dossier_orange.png);
}
#extra_right_header_icon_bill_preview {
    background-image: url(img/preview_orange.svg);
}
#extra_right_header_icon_gallery_preview {
    background-image: url(img/dossier_orange.png);
}
.menu_preview_container_navig_left {
    background-image: url(img/arr_left_orange.svg);
}
.menu_preview_container_navig_right {
    background-image: url(img/arr_right_orange.svg);
}





#app_global_menu, #app_right_menu { 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,333333+72,000000+100 */
    background: #ffffff; /* Old browsers */
    color:#333333;
}

.app_global_menu_row {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.app_global_menu_row_label, .app_global_menu_row_label_opener {
    color:#333333;
}
.sub_opener_BILL .app_global_menu_row_label,
.sub_opener_GROUPE .app_global_menu_row_label,
.sub_opener_SETTINGS .app_global_menu_row_label,
.sub_opener_ADMIN .app_global_menu_row_label{ border-bottom:1px solid rgba(0,0,0,0.2) }

.global_menu_ico_home {
    background-color: transparent;
    background-size: 70px;
}
.app_right_menu_div, .app_right_menu_div_container {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.global_menu_ico_BILL { background-image: url(img/invoice_333333.png); }
.global_menu_ico_SETTINGS { background-image: url(img/reglage_333333.png); }
.global_menu_ico_GROUPE { background-image: url(img/discuter_333333.png); }
.global_menu_ico_ADMIN { background-image: url(img/admin_333333.png); }
.global_menu_ico_DISCONNECT { background-image: url(img/deconnecter_333333.png); }


.full_modal {
    background: #FFFFFF;
    color: #333333;
}
.box_title_white {
    border-bottom: 1px solid #cccccc
}

.app_page_commun_box {
    background: #ffffff;
    color: #333333;
}
.app_page_stany_style_commun_box_H3 {
    background: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eeeeee;
}

.login_box_container .app_page_stany_style_commun_box_H3 {
    background: #ffffff url(img/logoiso_app.png) right center no-repeat;
    background-size: 72px;
}

.recent_groupe_dashboard_shortcut, .grp {
    border-top: 1px solid #eeeeee;
    background-image: url(img/discuter_333333.png);
    color: #333333;
}

.client_search_res_item, .bill_line_search_res_item {
    border-top: 1px solid #eeeeee;
    background-image: url(img/discuter_333333.png);
    color: #333333;
}

.bill_list_item {
    background-color: rgba(255,255,255,0.8);
    background-image: url(img/invoice_333333.png);
    color: #333333; 
}

input[type="text"], input[type="datetime-local"], input[type="date"], input[type="password"], select, textarea, .fake_input, a.clean_field, a.fake_btn, a.generic_btn, .next_chapter_btn, .save_form_portion, #listing_log_form input[type=submit] {
    color: #333333;
    background: #eeeeee;
    border-color: #cccccc;
}
select {
    background-image: url(img/arr_up_padding_333333.png) !important;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-size: 20px;
}
select.shortcut_t_task_alerte {
    background-color: #ffffff;
    border-color: #333333;
}

input[readonly], select[readonly]
{
    background-color:White; color: #000000; font-weight: bold;
}
 input[type="datetime-local"], input[type="date"] { color-scheme: light; }

.alarme_box_close {
    background-color:transparent;
}
.btn {
    background-color: #719126;
}

.btn_warning {
  background-color: orange;
}
.btn_red {
  background-color: red;
}
.btn_ocr {
  background-color: #ffffff;
  background-image:url(img/ocr_orange.svg);
  color: #c8651b;
}

/* needto be the last btn */
.btn_inactive {
  background-color: #cccccc;
}
.btn_loading {
  background-image : url(img/gear-spinner.svg);
}
.btn_loading_orange {
  background-image : url(img/gear-spinner_orange.svg);
}



.open_groupe_from_dashboard, .open_task_from_dashboard, .complete_task_from_dashboard, .status_service_on, .status_service_off {
  color: #ffffff;
}

.status_service_off {
    background-color: #c4392f;
}

#flux {
    background: linear-gradient(to bottom, #cccccc 0%,rgba(0,0,0,0.4) 100%); 
    background-attachment: fixed;
    /*background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(238,238,238,1) 35%);*/
}
.flux_msg, .flux_msg_me {
    background-color: #dddddd;
    color: #333333;
}
.flux_msg_me {
    background-color: #ffffff;
    color: #000000;
}
#flux_tools {
    background: #ffffff;
    border-right: 12px solid #CCCCCC;
    border-top: 1px solid #cccccc;
}
.flux_tools_textarea {
    background: #eeeeee;
    border: 1px solid #cccccc;
    color: #333333;
}
.emoji_reaction_pop, .emoji_reaction_pop, .flux_gallery_item_line {
    background: rgba(0, 0, 0, 0.1);
}

.turn_to_task, .flag_this_msg, .quote_this_msg, .emotion_this_msg, .view_private_users {
    background-color: rgba(0,0,0,0.3);
}

.flux_msg .view_private_users, .flux_msg .turn_to_task, .flux_msg .flag_this_msg, .flux_msg .quote_this_msg, .flux_msg .emotion_this_msg {
    background-color: rgba(0,0,0,0.4);
}
.code_date_container { border-color:#666666 }
.code_date, .code_date_NM {
    background: #666666;
}
.view_private_users_box, .flag_this_msg_box, .alarme_box, .task_level_box, .emotion_this_msg_box {
    background: #333333;
}
.view_private_users_box_triangle, .flag_this_msg_box_triangle, .alarme_box_triangle, .task_level_box_triangle, .emotion_this_msg_box_triangle, .quote_ref_msg_triangle {
    border-color: #333333 transparent transparent transparent;
}

#quote_ref_msg {
    background: #333333 url(img/close_white_extended.svg) no-repeat right center;
    color: #eeeeee;
}


.flag_dashboard_container_item {
    background: #eeeeee;
}

.task_capsule {
    background: #eeeeee;
    border-color: rgba(0, 0, 0, 0.5);
}

#old_task .task_content_box_gradient, .task_content_box_gradient {
    background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
}
.task_capsule_drop {
  background-color: #333333;
}
.task_capsule_handle {
    background: #cccccc;
}
.task_capsule_handle span {
     color:#000000;
}

#old_flag, #old_task {
  color: #333333; padding-bottom:20px;
}

#all_team_CREATE_GROUPE .team, #all_team_LIST_CONTACT .team {
    background-color: #eeeeee;
    color: #333333;
    border-color: #eeeeee;
}
.team_admin {
    font-weight: bold;
    color: #333333;
}
.team_selected {
    border-color: #c8651b !important;
    background-color: #ffffff !important;
}

.button_fixed_bottom_container {
  background: #ffffff; 
  border-top: 1px solid #cccccc;
}

#msg_private_contact_list_container {
    background: #ffffff;
    color: #333333;
}

.msg_private_contact_list_item, .convert_to_task_team_item {
    background: #eeeeee;
    border: 2px solid #eeeeee;
}
.msg_private_contact_list_item_selected, .convert_to_task_team_item_selected {
    border: 2px solid #c8651b;
    background-color: #ffffff;
}
#msg_private_contact_list_tool_box {
    background: #eeeeee;
}
.view_private_users_box_item {
    border-bottom: 1px solid #666;
    color: #eeeeee;
}
#all_grp .grp {
    background-color: rgba(255,255,255,0.8);
}
.in_grp_box_img_item_txt_pic, .in_grp_box_img_item_txt_doc, .in_grp_box_img_item_txt_vid {
    color: #333333;
}
.flag_this_msg_level_3, .task_level_3, .vip_indic {
    background-color: #719126 !important;
}
.bill_list_item_header_day, .bill_list_item_header_month, .bill_list_item_header_year { 
color: #333333;
background-color: rgba(255,255,255,0.3);
}
.bill_list_item_comment_red, .error_tva_check_api  {
    background: rgba(255, 0, 0,0.2);
}
 /*  #Mobile (Portrait)
  ================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {

        /*

        En design light, on va faire un reset des scroll bar sur mobile...
        ça passe moyen en comparaison avec le design dark



        */

        /* total width */
        ::-webkit-scrollbar {
            background-color: initial;
            width: initial;
        }

        /* background of the scrollbar except button or resizer */
        ::-webkit-scrollbar-track {
            background-color: initial;
        }

        /* scrollbar itself */
        ::-webkit-scrollbar-thumb {
            background-color: initial;
            border-radius: initial;
            border: initial;
        }

        /* set button(top and bottom of the scrollbar) */
        ::-webkit-scrollbar-button {
            display:initial;
        }

        #flux_tools {
            border-right: 0;
        }

        #flux_code_date {
            /*width: 90px;*/
            left: calc(50% - 41.5px);
        }

    }