/* phkcrud-list */

.phkcrud_table thead tr th{
  color: {!! config('racoondation.colorsheme.colorA') !!};
}
.phkcrud_table tbody tr td{
  color: {!! config('racoondation.colorsheme.txtColor') !!};
}
.phkcrud_content{
  color: {!! config('racoondation.colorsheme.txtColor') !!};
}
.phkcrud_content{
  display: block;
  margin:0px;
  /*width:100%;*/
}
.phkcrud_decriptif{
  margin:6px 0 25px 0;
}
.phkcrud_bar{
    background-color: #e0e0e0;
    min-height: 35px;
    padding: 5px 5px 5px 5px;
}
.phkcrud_no_result{
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #f3f3f3;
  text-align: center;
  vertical-align: middle;
}
.phkcrud_table{
  border-spacing : 0;
  margin:10px 0 10px 0;
  width:100%;
}
.phkcrud_table thead tr th{
  margin:0;
  background-color: #f3f3f3;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding:4px;
}
.phkcrud_table tbody tr td{
  margin:0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding:4px;
}
.phkcrud_table tbody tr:nth-child(even) {background: #f3f3f3}
.phkcrud_table tbody tr:nth-child(odd) {background: #FFF}
.phkcrud_list_btn{
  display: inline-block;
  margin:2px 12px 2px 0px;
  cursor: pointer;
}
.phkcrud_th_action{
  width:260px;
}
.phkcrub_list_pg_btn{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #e0e0e0;
  padding:4px;
  margin:3px 0 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_list_pg_btn:hover{
  background-color: #f1f1f0;
}
.phkcrub_list_pg_select_line{
  display: inline-block;
  margin:2px 4px 0 4px;
  vertical-align: top;
}
.phkcrub_list_pg_infos{
    display: inline-block;
    margin:3px 4px 4px 15px;
    font-size: 13px;
    vertical-align: top;
    line-height: 16px;
}
.phkcrub_list_select_nb_line_per_page{
    display: inline-block;
    margin:0 4px 0 15px;
}
.phkcrub_list_opt_show_fields{
  display: inline-block;
  margin:0 4px 0 15px;
}
.phkcrud_options_btn_p, .phkcrud_options_btn_m{
  color: #444444;
  font-size: 11px;
  cursor: pointer;
}
.phkcrud_options_btn_m{
  display: none;
}
.phkcrud_options_menu{
  display: none;
  color: #444444;
  background: #FFFFFF;
  line-height: 1;
  font-size: 13px;
  border:1px solid #e0e0e0;
  padding: 6px 0 6px 0;
  background: #f3f3f3;
  margin-bottom: 8px;
}

.wrapper .inputSearch {
    position: relative;
}
.inputSearch { font-family: 'Font Awesome 5 Free'; } /* This is for the placeholder */
.wrapper:before {
    font-family: 'Font Awesome 5 Free';
    color:red;
    position: relative;
    left: -5px;
    content: "\f002";
}
.phkcrud_th_select_top{
  width:24px;
}
.phkcrub_list_pg_filter{
  float:right;
  margin: 1px 33px 0 0;
}
.phkcrub_list_pg_add_btn{
  float:right;
  margin: 1px 4px 0 12px;
}
.phkcrub_list_pg_export_btn{
  float:right;
  margin: 1px 4px 0 12px;
}
.phkcrud_list_pg_search{
    font-family: FontAwesome, 'Font Awesome 5 Free', sans-serif;
    width:200px;
    border: 1px;
    border-radius: 10px;
    padding-left: 15px;
    margin-top: 2px;
}
@media only screen and (max-width: 860px){
  .phkcrub_list_pg_filter{
    display:inline-block;
    float: inherit;
  }
  .phkcrub_list_pg_add_btn{
  }
  .phkcrud_list_pg_search{
    display:inline-block;
    float: inherit;
  }
}
.phkcrud_selector{
  padding-left: 6px;
  margin-bottom: 12px;
  font-size: 13px;
}
.phkcrud_list_pg_search_clear{
  cursor: pointer;
  margin: auto -23px;
  color:grey;
}

.phkcrud_list_btn_small{
  width:22px;
  height:16px;
  overflow: hidden;
  margin:0 1px 0 1px;
}

.phkcrud_refresh{
  float:right;
  color:green;
  cursor: pointer;
}
.phkcrud_options {
    float: right;
    cursor: pointer;
    font-size: 16px;
    margin: 8px 8px 0px 8px;
}
.phkcrud_options i{
    font-size: 14px;
}
@media only screen and (max-width: 700px) {

    .phkcrud_table table,
    .phkcrud_table thead,
    .phkcrud_table tbody,
    .phkcrud_table tr,
    .phkcrud_table th,
    .phkcrud_table td {
        display: block;
    }

    .phkcrud_table thead {
        display: none;
    }

    .phkcrud_table td {
        padding-left: 45% !important;
        position: relative;
        margin-top: -1px;
        background: #FFF;
    }

    .phkcrud_table td:nth-child(odd) {
        background-color: #eee;
    }

    .phkcrud_table td::before {
        padding: 10px;
        content: attr(data-label);
        position: absolute;
        color:{!! config('racoondation.colorsheme.colorA') !!};
        top: 0;
        left: 0;
        width: 45%;
        bottom: 0;
        display: flex;
        align-items: center;
        font-weight: bold;
    }

    .phkcrud_table tr {
        margin-bottom: 1rem;
        border:1px solid #ddd;
    }

    .phkcrud_table th + td {
        padding-left: 10px;
    }

}
.phkcrud_list_index_page_select_top, .phkcrud_list_index_page_select_bottom, .phkcrub_list_select_nb_line_per_pageB{
  color:#909090;
  border: 1px solid #b6b6b3;
  border-radius: 10px;
  padding-left: 15px;
  margin-top: 2px;
}

/* phkcrud-detail */

.phkcrud_content{
  display: block;
  margin:0px;
}
.phkcrud_decriptif{
  margin:6px 0 25px 0;
}
.phkcrud_bar{
    background-color: #e0e0e0;
    min-height: 35px;
    padding: 5px 5px 5px 5px;
}
.phkcrud_table{
  border-spacing : 0;
  margin:10px 0 10px 0;
  width:100%;
}
.phkcrud_table thead tr th{
  margin:0;
  background-color: #f3f3f3;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding:4px;
}
.phkcrud_table tbody tr td{
  margin:0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding:4px;
}
.phkcrud_table tbody tr:nth-child(even) {background: #f3f3f3}
.phkcrud_table tbody tr:nth-child(odd) {background: #FFF}
.phkcrud_{!! $objName !!}_list_btn{
  display: inline-block;
  margin:2px 12px 2px 0px;
}
.phkcrud_th_action{
  width:260px;
}
.phkcrub_list_pg_btn{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #e0e0e0;
  padding:4px;
  margin:3px 0 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_list_pg_btn:hover{
  background-color: #f1f1f0;
}
.phkcrub_list_pg_select_line{
  display: inline-block;
  margin:2px 4px 0 4px;
  vertical-align: top;
}
.phkcrub_list_pg_infos{
    display: inline-block;
    margin:2px 4px 0 15px;
    font-size: 13px;
    vertical-align: top;
}
.phkcrub_list_select_nb_line_per_page{
    display: inline-block;
    margin:0 4px 0 15px;
}
.phkcrub_list_opt_show_fields{
  display: inline-block;
  margin:0 4px 0 15px;
}
.phkcrud_options_btn_p, .phkcrud_options_btn_m{
  color: #444444;
  font-size: 11px;
  cursor: pointer;
}
.phkcrud_options_btn_m{
  display: none;
}
.phkcrud_options_menu{
  display: none;
  color: #444444;
  background: #FFFFFF;
  line-height: 1;
  font-size: 13px;
  border:1px solid #e0e0e0;
  padding: 6px 0 6px 0;
  background: #f3f3f3;
  margin-bottom: 8px;
}
.phkcrub_list_pg_filter{
  float:right;
}
.phkcrud_radio_yesno{
}
.phkcrud_radio_yesno .radio_yesno_yes{
  display:inline-block;
  border-radius: 5px;
  color:#f1f1f3;
  background-color: #23e573;
  padding: 4px 8px 4px 8px;
}
.phkcrud_radio_yesno .radio_yesno_no{
  display:inline-block;
  border-radius: 5px;
  color:#f1f1f3;
  background-color: #fc5f5f;
  padding: 4px 8px 4px 8px;
}
.wrapper .inputSearch {
    position: relative;
}
.inputSearch { font-family: 'FontAwesome'; } /* This is for the placeholder */
.wrapper:before {
    font-family: 'FontAwesome';
    color:red;
    position: relative;
    left: -5px;
    content: "\f007";
}
.phkcrud_th_select_top{
  width:24px;
}
.phkcrub_list_pg_filter{
  margin: 1px 33px 0 0;
}
.phkcrud_list_pg_search{
    font-family: 'FontAwesome', sans-serif;
    width:200px;
}
.phkcrud_selector{
  padding-left: 6px;
  margin-bottom: 12px;
}
.phkcrud_list_pg_search_clear{
  cursor: pointer;
  margin: auto -23px;
  color:grey;
}

.phkcrud_list_btn_small{
  width:20px;
  height:16px;
  overflow: hidden;
  margin:0 1px 0 1px;
}

.phkcrud_detail_zone{

}
.phkcrud_detail_group_btn{
  width:100%;
  margin: 25px 0 25px;
}
.phkcrud_detail_label{
  display:inline-block;
  color: #888;
  font-size: 12px;
  width:150px;
}
.phkcrud_detail_label_legend{
  display:none;
  color: #888;
  font-size: 11px;
}
.phkcrud_detail_label_mandatory{
  display:block;
  color: #aa423e;
  font-size: 12px;
}
.phkcrud_detail_group_message{
  display:block;
  color: #aa423e;
  font-size: 13px;
}
.phkcrud_detail_field{
  display:inline-block;
  font-size: 12px;
}
.mandatory_label{
  color:#aa423e;
}
.mandatory_label_message{

}
.phkcrud_detail_field input{
  width:98%;
  margin:0 16px 0 0;
}

.phkcrub_detail_btn{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #e0e0e0;
  color: #4e4e4e;
  padding:4px 8px 4px 4px;
  margin:3px 5px 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_detail_btn:hover{
  background-color: #f1f1f0;
}
.phkcrub_detail_btn_valid{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #c3f6c6;
  color: #4e4e4e;
  padding:4px 8px 4px 4px;
  margin:3px 5px 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_detail_btn_valid:hover{
  background-color: #ebffec;
}
.phkcrub_detail_field_mandatory{
  border: 1px solid #aa423e;
  padding: 6px;
  border-radius: 4px;
}
.phkcrud_detail_save_zone{
  display:none;
  text-align: center;
}

/* phkcrud-form */

.phkcrud_content{
  display: block;
  margin:0px;
}
.phkcrud_decriptif{
  margin:6px 0 25px 0;
}
.phkcrud_bar{
    background-color: #e0e0e0;
    min-height: 35px;
    padding: 5px 5px 5px 5px;
}
.phkcrud_table{
  border-spacing : 0;
  margin:10px 0 10px 0;
  width:100%;
}
.phkcrud_table thead tr th{
  margin:0;
  background-color: #f3f3f3;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding:4px;
  white-space: nowrap;
}
.phkcrud_table tbody tr td{
  margin:0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding:4px;
}
.phkcrud_table tbody tr:nth-child(even) {background: #f3f3f3}
.phkcrud_table tbody tr:nth-child(odd) {background: #FFF}
.phkcrud_{!! $objName !!}_list_btn{
  display: inline-block;
  margin:2px 12px 2px 0px;
}
.phkcrud_th_action{
  width:260px;
}
.phkcrub_list_pg_btn{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #e0e0e0;
  padding:4px;
  margin:3px 0 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_list_pg_btn:hover{
  background-color: #f1f1f0;
}
.phkcrub_list_pg_select_line{
  display: inline-block;
  margin:2px 4px 0 4px;
  vertical-align: top;
}
.phkcrub_list_pg_infos{
    display: inline-block;
    margin:4px 4px 0 15px;
    font-size: 12px;
    vertical-align: top;
}
.phkcrub_list_select_nb_line_per_page{
    display: inline-block;
    margin:0 4px 0 15px;
}
.phkcrub_list_opt_show_fields{
  display: inline-block;
  margin:0 4px 0 15px;
}
.phkcrud_options_btn_p, .phkcrud_options_btn_m{
  color: #444444;
  font-size: 11px;
  cursor: pointer;
}
.phkcrud_options_btn_m{
  display: none;
}
.phkcrud_options_menu{
  display: none;
  color: #444444;
  background: #FFFFFF;
  line-height: 1;
  font-size: 13px;
  border:1px solid #e0e0e0;
  padding: 6px 0 6px 0;
  background: #f3f3f3;
  margin-bottom: 8px;
}
.phkcrub_list_pg_filter{
  float:right;
}
.wrapper .inputSearch {
    position: relative;
}
.inputSearch { font-family: 'FontAwesome'; } /* This is for the placeholder */
.wrapper:before {
    font-family: 'FontAwesome';
    color:red;
    position: relative;
    left: -5px;
    content: "\f007";
}
.phkcrud_th_select_top{
  width:24px;
}
.phkcrub_list_pg_filter{
  margin: 1px 33px 0 0;
}
.phkcrud_list_pg_search{
    font-family: 'FontAwesome', sans-serif;
    width:200px;
}
.phkcrud_selector{
  padding-left: 6px;
  margin-bottom: 12px;
}
.phkcrud_list_pg_search_clear{
  position:absolute;
  padding-top: 9px;
  cursor: pointer;
  margin: auto -23px;
  color:grey;
}

.phkcrud_list_btn_small{
  width:20px;
  height:16px;
  overflow: hidden;
  margin:0 1px 0 1px;
}


.phkcrud_form_zone{

}
.phkcrud_form_group{
  width:100%;
  margin: 1px 0 15px;
}
.phkcrud_form_group_btn{
  width:100%;
  margin: 25px 0 25px;
}
.phkcrud_form_label{
  display:block;
  color: #444;
  font-size: 13px;
}
.phkcrud_form_label_legend{
  display:block;
  color: #888;
  font-size: 11px;
  margin:4px 0 5px 0;
}
.phkcrud_form_label_mandatory{
  display:block;
  color: #aa423e;
  font-size: 12px;
}
.phkcrud_form_group_message{
  display:block;
  color: #aa423e;
  font-size: 13px;
}
.phkcrud_form_field{
  display:block;
}
.mandatory_label{
  color:#aa423e;
}
.mandatory_label_message{

}
.phkcrud_form_field input, .phkcrud_form_field textarea{
  width:100%;
  margin:0;
  padding:8px 8px 8px 8px;
  border: none; /* <-- This thing here */
  border:solid 1px #CCC;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.no_left_radius{
  border-top-left-radius: inherit !important;
  border-bottom-left-radius: inherit !important;
}
.phkcrud_form_field input{

}
.phkcrud_form_field textarea{
  height:105px;
}
.phkcrud_form_field input[type=radio]{
  vertical-align:middle;
  width:20px;
  height:20px;
  /*margin:0 16px 0 0;*/
  margin: 3px 3px 0px 5px;
  padding:2px 4px 2px 4px;
}
.phkcrub_form_btn{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #e0e0e0;
  color: #4e4e4e;
  padding:4px 8px 4px 4px;
  margin:3px 5px 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_form_btn:hover{
  background-color: #f1f1f0;
}
.phkcrub_form_btn_valid{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #c3f6c6;
  color: #4e4e4e;
  padding:4px 8px 4px 4px;
  margin:3px 5px 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_form_btn_valid:hover{
  background-color: #ebffec;
}
.phkcrub_form_btn_next{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #87c8de;
  color: #314458;
  padding:4px 8px 4px 4px;
  margin:3px 5px 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_form_btn_next:hover{
  background-color: #ebfaff;
}

.phkcrub_form_btn_prev{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #e0e0e0;
  color: #4e4e4e;
  padding:4px 8px 4px 4px;
  margin:3px 5px 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_form_btn_prev:hover{
  background-color: #f1f1f0;
}

.phkcrub_form_field_mandatory{
  border: 1px solid #aa423e;
  padding: 6px;
  border-radius: 4px;
}
.phkcrud_form_save_zone, .phkcrud_form_redirect_zone{
  display:none;
  text-align: center;
}
.align-left{
  text-align:left;
}
.align-center{
  text-align:center;
}
.align-right{
  text-align:right;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon {
    padding: 5px 12px;
}
.input-group-addon {
    padding: 11px 12px 0 12px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-addon, .input-group-btn {
    /*width: 1%;*/
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
    padding: 0 .75rem;
}
.radio-group{
    display: block;
    vertical-align: middle;
    height:20px;
}


.fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

/* fFormTab */
.fFormTab {
  overflow: hidden;
  /*border: 1px solid #ccc;*/
  background-color: #f1f1f1;
}
.fFormTab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
.fFormTab button:hover {
  background-color: #ddd;
}
.fFormTab button.active {
  background-color: #ccc;
}
.fFormTabContent{

  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.select2-container{
  width:100%;
}



/* component */
.phkcomponent_panel_t .phkcomponent_panel_input input{
  background-color: #eee !important;
}


.fillingRateDiv{
  width:147px;
  height:18px;
  max-height:18px;
  background: #FFF;
  border:1px solid var(--racoondation-txt-color);
  border-radius: 5px;
  margin: 1px 0 0 0;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
}
.fillingRateMiniDiv{
  width:60px;
  height:18px;
  max-height:18px;
  background: #FFF;
  border:1px solid var(--racoondation-txt-color);
  border-radius: 5px;
  margin: 1px 0 0 0;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
}
.fillingRateDivLevelNc, .fillingRateDivLevel0, .fillingRateDivLevel20, .fillingRateDivLevel30, .fillingRateDivLevel45, .fillingRateDivLevel50, .fillingRateDivLevel70, .fillingRateDivLevel80{
  height:20px;
  max-height:20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin: -18px 0 0 0;
  padding:0;
  vertical-align: top;
}
.fillingRateDivLevelNc{
  width:100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #e1e1e1;
}
.fillingRateDivLevel0{
  width:100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #ffffff;
}
.fillingRateDivLevel20{
  width:20%;
  background: #d8e4bc;
}
.fillingRateDivLevel30{
  width:30%;
  background: #9bbb59;
}
.fillingRateDivLevel45{
  width:45%;
  background: #76933c;
}
.fillingRateDivLevel50{
  width:55%;
  background: #f79646;
}
.fillingRateDivLevel70{
  width:70%;
  background: #ff0000;
}
.fillingRateDivLevel80{
  width:80%;
  background: #c0504d;
}
.fillingRateDivLabelA{
  width:100%;
  height:18px;
  margin: 0;
}
.fillingRateDivLabel{
  /*margin-top: -2px;*/
  padding: 2px 5px 2px 5px;
  color:#000000;
  text-shadow: #FFFFFF 0.1em 0.1em 0.2em;
}
.fillingRateDivLabelWhite{
  margin-top: -2px;
  padding: 2px 5px 2px 5px;
  color:#ffffff;
  text-shadow: #000000 0.1em 0.1em 0.2em;
}
.legendeColorPaletteFr{
  vertical-align: middle;
  margin-top: 5px;
}
.legendeColorPaletteFrNc, .legendeColorPaletteFr0, .legendeColorPaletteFr20, .legendeColorPaletteFr30, .legendeColorPaletteFr45, .legendeColorPaletteFr50, .legendeColorPaletteFr70, .legendeColorPaletteFr80 {
  display: inline-block;
  width:25px;
  height:15px;
  margin-right: 8px;
  border:1px solid var(--racoondation-txt-color);
  vertical-align: middle;
}
.legendeColorPaletteFrNc{
  background: #e1e1e1;
}
.legendeColorPaletteFr0{
  background: #ffffff;
}
.legendeColorPaletteFr20{
  background: #d8e4bc;
}
.legendeColorPaletteFr30{
  background: #9bbb59;
}
.legendeColorPaletteFr45{
  background: #76933c;
}
.legendeColorPaletteFr50{
  background: #f79646;
}
.legendeColorPaletteFr70{
  background: #c0504d;
}
.legendeColorPaletteFr80{
  background: #ff0000;
}
.batteryRateDiv{
  width:60px;
  height:16px;
  margin: 0px 0px 2px 0px;
  text-align: center;
  white-space: nowrap;
}
.batteryRateDivA{
  display:inline-block;
  width:45px;
  height:16px;
  background: #FFF;
  border:2px solid var(--racoondation-txt-color);
  border-radius: 5px;
  text-align: center;
  white-space: nowrap;
}
.batteryRateDivB{
  display:inline-block;
  width:1px;
  height:5px;
  background: #2b2e20;
  border-top:2px solid var(--racoondation-txt-color);
  border-right:2px solid var(--racoondation-txt-color);
  border-bottom:2px solid var(--racoondation-txt-color);
  border-radius: 5px;
  text-align: center;
  vertical-align: top;
  margin-top: 5px;
  white-space: nowrap;
}
.batteryRateDiv0{
  display:inline-block;
  width:7px;
  height:14px;
  border:1px solid #2b2e20;
  background: #7a7a7a;
}
.batteryRateDiv20{
  display:inline-block;
  width:7px;
  height:14px;
  border:1px solid #2b2e20;
  background: #ff2d30;
}
.batteryRateDiv40{
  display:inline-block;
  width:7px;
  height:14px;
  border:1px solid #2b2e20;
  background: #ef6a29;
}
.batteryRateDiv60{
  display:inline-block;
  width:7px;
  height:14px;
  border:1px solid #2b2e20;
  background: #f7c936;
}
.batteryRateDiv80{
  display:inline-block;
  width:7px;
  height:14px;
  border:1px solid #2b2e20;
  background: #97db30;
}
.batteryRateDiv100{
  display:inline-block;
  width:7px;
  height:14px;
  border:1px solid #2b2e20;
  background: #6abc3e;
}

.signalRateDiv{
  width:60px;
  height:16px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  white-space: nowrap;
}
.signalRateDivA{
  display:inline-block;
  width:45px;
  height:16px;
  text-align: center;
  white-space: nowrap;
}
.signalRateDivA div:nth-child(1){
  height:4px;
  margin-right: 1px;
}
.signalRateDivA div:nth-child(2){
  height:7px;
  margin-right: 1px;
}
.signalRateDivA div:nth-child(3){
  height:10px;
  margin-right: 1px;
}
.signalRateDivA div:nth-child(4){
  height:13px;
  margin-right: 1px;
}
.signalRateDivA div:nth-child(5){
  height:16px;
}

.signalRateDivB{
  display:inline-block;
  width:1px;
  height:5px;
  background: #2b2e20;
  border-top:2px solid var(--racoondation-txt-color);
  border-right:2px solid var(--racoondation-txt-color);
  border-bottom:2px solid var(--racoondation-txt-color);
  border-radius: 5px;
  text-align: center;
  vertical-align: top;
  margin-top: 5px;
  white-space: nowrap;
}
.signalRateDiv0{
  display:inline-block;
  width:6px;
  border:1px solid #2b2e20;
  background: #7a7a7a;
}
.signalRateDiv20{
  display:inline-block;
  width:6px;
  border:1px solid #2b2e20;
  background: #ff2d30;
}
.signalRateDiv40{
  display:inline-block;
  width:6px;
  border:1px solid #2b2e20;
  background: #ef6a29;
}
.signalRateDiv60{
  display:inline-block;
  width:6px;
  border:1px solid #2b2e20;
  background: #f7c936;
}
.signalRateDiv80{
  display:inline-block;
  width:6px;
  border:1px solid #2b2e20;
  background: #97db30;
}
.signalRateDiv100{
  display:inline-block;
  width:6px;
  border:1px solid #2b2e20;
  background: #6abc3e;
}

.phkcrud_content{
  display: block;
  margin:8px;
}
.phkcrud_decriptif{
  display:none;
  margin:6px 0 25px 0;
}
.phkcrud_bar{
    background-color: #e0e0e0;
    min-height: 35px;
    padding: 5px 5px 5px 5px;
}
.phkcrud_table{
  border-spacing : 0;
  margin:10px 0 10px 0;
  width:100%;
}
.phkcrud_table thead tr th{
  margin:0;
  background-color: #f3f3f3;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding:4px;
}
.phkcrud_table tbody tr td{
  margin:0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding:4px;
}
.phkcrud_table tbody tr:nth-child(even) {background: #f3f3f3}
.phkcrud_table tbody tr:nth-child(odd) {background: #FFF}
.phkcrud_list_btn{
  display: inline-block;
  margin:2px 12px 2px 0px;
}
.phkcrud_th_action{
  width:260px;
}
.phkcrub_list_pg_btn{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #e0e0e0;
  padding:4px;
  margin:3px 0 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_list_pg_btn:hover{
  background-color: #f1f1f0;
}
.phkcrub_list_pg_select_line{
  display: inline-block;
  margin:2px 4px 0 4px;
  vertical-align: top;
}
.phkcrub_list_pg_infos{
    display: inline-block;
    margin:2px 4px 0 15px;
    font-size: 13px;
    vertical-align: top;
}
.phkcrub_list_select_nb_line_per_page{
    display: inline-block;
    margin:0 4px 0 15px;
}
.phkcrub_list_opt_show_fields{
  display: inline-block;
  margin:0 4px 0 15px;
}

.logs_view_btn_p, .logs_view_btn_m, .logs_view_btn_p2, .logs_view_btn_helper{
  /*color: #444444;*/
  font-size: 13px;
  cursor: pointer;
  text-align: center;
}
.logs_view_btn_m{
  display: none;
}
.logs_view_zone{

  color: #444444;
  background: #FFFFFF;
  line-height: 1;
  font-size: 13px;
  padding: 6px 0 6px 0;
  background: #f3f3f3;
  margin-bottom: 2px;
  text-align: left;
}
.logs_view_btn_helper{
  float: left;
  width:25px;
  padding: 4px;
  font-size: 15px;
  margin: 0 4px 4px 4px;
  color: #444444;
  background: #FFFFFF;
  border:1px solid #e0e0e0;
  border-radius: 5px;
  cursor: pointer;
}
.logs_view_zone_helper{
  display:none;
  background: #fffed0;
  height:210px;
  overflow: auto;
}
.logs_view_zone_helper .txt_block{
  margin: 4px 4px 10px 4px;
  font-size: 15px;
  vertical-align: middle;
}
.logs_view_btn_p, .logs_view_btn_m{
  float: right;
  width:25px;
  padding: 4px;
  margin: 0 4px 4px 4px;
  color: #444444;
  background: #FFFFFF;
  border:1px solid #e0e0e0;
  border-radius: 5px;
  cursor: pointer;
}
.logs_view_btn_p2{
  width:150px;
  padding: 1px 4px 1px 4px;
  margin: 0 auto 1px auto;
  color: #444444;
  background: #FFFFFF;
  border:1px solid #e0e0e0;
  border-radius: 5px;
  cursor: pointer;
}

.phkcrud_options_btn_p, .phkcrud_options_btn_m{
  color: #444444;
  font-size: 11px;
  cursor: pointer;
}
.phkcrud_options_btn_m{
  display: none;
}
.phkcrud_options_menu{
  display: none;
  color: #444444;
  background: #FFFFFF;
  line-height: 1;
  font-size: 13px;
  border:1px solid #e0e0e0;
  padding: 6px 0 6px 0;
  background: #f3f3f3;
  margin-bottom: 8px;
}
.phkcrub_list_pg_filter{
  /*display:none;*/
  float:right;
}
.wrapper .inputSearch {
    position: relative;
}
.inputSearch { font-family: 'FontAwesome'; } /* This is for the placeholder */
.wrapper:before {
    font-family: 'FontAwesome';
    color:red;
    position: relative;
    left: -5px;
    content: "\f007";
}
.phkcrud_th_select_top{
  width:24px;
}
.phkcrub_list_pg_filter{
  margin: 1px 33px 0 0;
}
.phkcrud_list_pg_search{
    font-family: 'FontAwesome', sans-serif;
    width:200px;
}
.phkcrud_selector{
  padding-left: 6px;
  margin-bottom: 12px;
}
.phkcrud_list_pg_search_clear{
  cursor: pointer;
  margin: auto -23px;
  color:grey;
}

.phkcrud_list_btn_small{
  width:20px;
  height:16px;
  overflow: hidden;
  margin:0 1px 0 1px;
}

.phkcrud_detail_zone{

}
.phkcrud_detail_group{
  /*width:100%;*/
  min-height: 25px;
  margin: 0;
  padding: 5px 35px 2px 35px;
}

.phkcrud_detail_group:nth-child(2n+0)  {
    background-color: #FFFFFF;
}
.phkcrud_detail_group_btn{
  width:100%;
  margin: 25px 0 25px;
}
.phkcrud_detail_label{
  display:block;
  color: #444;
  font-size: 13px;
  width: 100%;
}
.phkcrud_detail_label_legend{
  display:inline-block;
  color: #888;
  font-size: 12px;
  width:40%;
}
.phkcrud_detail_label_mandatory{
  display:block;
  color: #aa423e;
  font-size: 12px;
}
.phkcrud_detail_group_message{
  display:block;
  color: #aa423e;
  font-size: 13px;
}
.phkcrud_detail_field{
  display:inline-block;
  font-size: 16px;
  background-color: var(--racoondation-txt-color-c);
  color: var(--racoondation-color-d);
  border: 1px solid var(--racoondation-color-d);
  padding: 15px;
  border-radius: 5px;
  margin: 2px 0 10px 0;
}
.mandatory_label{
  color:#aa423e;
}
.mandatory_label_message{

}
.phkcrud_detail_field input{
  width:98%;
  margin:0 16px 0 0;
}

.phkcrub_detail_btn{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #e0e0e0;
  color: #4e4e4e;
  padding:4px 8px 4px 4px;
  margin:3px 5px 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_detail_btn:hover{
  background-color: #f1f1f0;
}
.phkcrub_detail_btn_valid{
  display: inline-block;
  border: 1px solid #b6b6b3;
  background-color: #c3f6c6;
  color: #4e4e4e;
  padding:4px 8px 4px 4px;
  margin:3px 5px 0 0;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}
.phkcrub_detail_btn_valid:hover{
  background-color: #ebffec;
}
.phkcrub_detail_field_mandatory{
  border: 1px solid #aa423e;
  padding: 6px;
  border-radius: 4px;
}
.phkcrud_detail_save_zone{
  display:none;
  text-align: center;
}
.phkcrud_content_col_a{
  display: inline-block;
  width: 50%;
  height: 100%;
  vertical-align: top;
}
.phkcrud_content_col_b{
  display: inline-block;
  width: 49.4%;
  height: 100%;
  vertical-align: top;
}
.phkcrud_options_btn_p, .phkcrud_options_menu{
  /*display: none;*/

}
.phkcrud_refresh{
  float:right;
  color:green;
  cursor: pointer;
  margin: 8px 8px 0px 8px;
}
.flotChart1 {
    width: 100%;
    height: 300px;
    position: relative;
}
.flotGraph1 {
    width: 100%;
    height: 300px;
    position: relative;
}
.showSubChart_dataLabel{
  margin-top:-28px;
  font-weight: 600;
  white-space:nowrap;
}
.showSubChart_dataBLabel{
  margin-top: -33px;
  color: #999;
}
.showSubChart_dataBValue{
  margin-top:15px;
}
.circle-info-half{
  margin-top:-4px;
}
.circle-text-half{
  font-weight: 600;
  margin-top: -5px;
}
.panel-body {
    padding: 15px;
}
.phkcomponent-panel-body-bg {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 2px;
  border: 1px solid #b6b6b3;
  border-radius: 10px;
}
.phkcomponent-panel-body-bg .phkcomponent_panel_title {
  padding-top: 7px;
  height: 25px;
}
.phkcomponent-panel-body-bg label {
  font-size: 16px;
  font-weight: 600;
}
#spline-graph div.xAxis div.tickLabel {
  transform: translateY(15px) translateX(15px) rotate(45deg);
  -ms-transform: translateY(15px) translateX(15px) rotate(45deg);
  /* IE 9 */
  -moz-transform: translateY(15px) translateX(15px) rotate(45deg);
  /* Firefox */
  -webkit-transform: translateY(15px) translateX(15px) rotate(45deg);
  /* Safari and Chrome */
  -o-transform: translateY(15px) translateX(15px) rotate(45deg);
  /* Opera */
  /*rotation-point:50% 50%;*/
  /* CSS3 */
  /*rotation:270deg;*/
  /* CSS3 */
}
#spline-chart div.xAxis div.tickLabel {
  transform: translateY(15px) translateX(15px) rotate(45deg);
  -ms-transform: translateY(15px) translateX(15px) rotate(45deg);
  /* IE 9 */
  -moz-transform: translateY(15px) translateX(15px) rotate(45deg);
  /* Firefox */
  -webkit-transform: translateY(15px) translateX(15px) rotate(45deg);
  /* Safari and Chrome */
  -o-transform: translateY(15px) translateX(15px) rotate(45deg);
  /* Opera */
  /*rotation-point:50% 50%;*/
  /* CSS3 */
  /*rotation:270deg;*/
  /* CSS3 */
}
.phkcrud_list_pg_search {
    font-family: FontAwesome, 'Font Awesome 5 Free', sans-serif;
    width: 200px;
    border: 1px;
    border-radius: 10px;
    padding-left: 15px;
    margin-top: 2px;
}
.phkcrud_list_index_page_select_top, .phkcrud_list_index_page_select_bottom, .phkcrub_list_select_nb_line_per_pageB{
  color:#909090;
  border: 1px solid #b6b6b3;
  border-radius: 10px;
  padding-left: 15px;
  margin-top: 2px;
  height:
}
.fillingRateDiv{
  margin-left: 0;
}
.fillingRateDivLabel, .fillingRateDivLabelWhite{
  padding-top: 3px;
}
.signalRateDiv, .batteryRateDiv{
  text-align: left;
}

.tipsUlA {
  padding-bottom: 10px;
}
.tipsUlA li{
  /*list-style: decimal;*/
  padding-top: 10px;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
}
.tipsUlB li{
  list-style: square;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
}

/*PhkComponent*/
.phkComponent-date-range {
  text-align:center;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #b6b6b3;
  border-radius: 10px;
}
.phkComponent-date-range label {
  font-size: 16px;
  font-weight: 600;
}
.phkComponent-date-range .phkcrud_form_field{
  padding-top: 15px;
}
.subLnkListLnk{
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #4e4e4e;
  margin-top: 10px;
  cursor: pointer;
}
.subLnkListLnk :hover{
  color: #999;
}

.phkcrud_media_list_upload_area{

}
#phkcrud_media_list_upload_area, #phkcrud_media_upload_area {
    background-color: rgb(59, 62, 63);
    border-color: rgb(95, 101, 103);
}
#phkcrud_media_list_upload_area, #phkcrud_media_upload_area {
    background-color: #f9f9f9;
    border: #ccc 4px dashed;
    line-height: 150px;
    padding: 12px;
    font-size: 24px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
}

.cms-media-thumb{
  border: 1px solid #b8b6b6;
  padding: 4px;
  border-radius: 5px;
  width: 160px;
}
.cms-media-thumb-img{
  width: 150px;
  height: 150px;
}

.mediasTabContent{
  padding: 15px;
}

.mediasTabListLoader{
  display: none;
  width: 100%;
  height: 150px;
  text-align: center;
  padding-top: 25px;
}
.mediasTabListLoader img{
  width: 75px;
}
.mediasThumbImg{
  display: inline-block;
  border: 1px solid #b8b6b6;
  padding: 4px;
  border-radius: 5px;
  width: 160px;
  margin: 10px;
  cursor: pointer;
}
.mediasThumbImg img{
  width: 150px;
  height: 150px;
}
.mediasThumbImg.media-selected{
  border: 5px solid #3b7bb0;
  padding: 0;
}

.mediasTabL{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 305px);
  height:calc(100vh - 175px);
  border-right: 1px solid #b8b6b6;
}
.mediasTabR{
  display: inline-block;
  vertical-align: top;
  width: 300px;
  height:calc(100vh - 175px);
}
/* 3b7bb0 */