div.mainmenu.maintenance {
    background-image: url(../../maintenance/img/maintenance.png);
    background-size: 19px;
}
.aucunequipes {
    padding: 16px;
    text-align: center;
    font-size: 20px;
    opacity: 0.2;
    border: 1px dashed black;
}

.search_icons_container {
    font-size: 22px;
}

.card_equipent .tabactive {
    border: 1px solid rgb(206, 212, 218);
    border-top: 2px solid #1E90FF;
    border-bottom: none;
    background-color: #f3f6f9;
}
/*span.vmenu {
    color: #b8c6e5;
}*/


.groub_equipe {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 8px 8px;
    width: 100%;
}

.groub_equipe .element {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 30%;
    margin: 4px 8px;
    position: relative;
    display: inline-block;
    border-color: #ced4da;
    min-width: 150px;
    margin: 0 0 -1px;
    padding: 8px 8px;
    border: 1px solid #dee2e6;
    background-color: white;
    margin: 4px 8px;
}

.groub_equipe.div_nom {
    cursor: pointer;
    color: #212529;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
    padding-right: 32px;
}

.groub_equipe .div_nom a{
    color: #aaa;
    text-decoration: none;
    background-color: transparent;
}

.groub_equipe .div_info{
    -webkit-box-flex: 1;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding-right: 0px;
    padding-left: 0px;
    flex: 1 0 auto;
    flex-flow: column nowrap;
}

.groub_equipe .type{
    max-width: 75%;
    flex: 0 0 75%;
}

.groub_equipe .nb{
    max-width: 25%;
    flex: 0 0 25%;
    float: right;
    cursor: text;
}


/* css kanban */


#kanban .jqx-kanban-column{
    /*width: 20% !important;*/
  }

#kanban{
    width: 100% !important;
  }
.mantenancekanban #add{
    float: right;
}
.mantenancekanban #grid{
    background-color:rgba(0, 0, 0, 0.15);
}
#kanban .jqx-kanban-column-container .jqx-widget-content .jqx-widget .jqx-sortable .jqx-disableselect{
    background-color: gainsboro !important;
}
.mantenancekanban .icon_list{
    cursor: pointer;
    /*text-decoration: none;*/
    display: inline-block;
}
.mantenancekanban .icon_list:hover{
    text-decoration: none !important;
    /*padding: 0 1px;*/

}
.mantenancekanban .icon_list:hover img{
    background-color: rgba(0, 0, 0, 0.15);
}

.mantenancekanban .statusbycolors{
      float:left;
      width: 70%;
      text-align: center;
      display: block;
      line-height: 4;
}
.mantenancekanban .statusbycolors .statusname {
      line-height: 15px;
      padding: 0 15px;
  }
.mantenancekanban .statusbycolors .colorstatus {
      height: 12px;
      width: 41px;
      display: inline-block;
      border: 0.1px dashed #a9a9a9;
      margin-right: 3px;
}
.mantenancekanban .div_h{
    width: 100%;
}
.mantenancekanban .statusbycolors .counteleme {
    /*margin-right: 2px;*/
    font-weight: bold;
}
  
.mantenancekanban .statusbycolors .statusname {
    line-height: 15px;
    padding: 0 15px;
}
.mantenancekanban .refuse{
    color:#e01212f2;
    font-size: 11px;
}
#kanban .jqx-kanban-item-text b:hover{
    cursor: pointer;
}    

.mantenancekanban #grid{
    background-color: rgba(0, 0, 0, 0.15);
}
.mantenancekanban #icon_search{
    float: left;
    padding-top: 10px;
}
 
.mantenancekanban div.clear{
    clear: both;
}
   
#kanban .jqx-kanban-item-keyword.jqx-fill-state-normal.jqx-rc-all {
    background: none;
}


/* css index */



.maintenanceindex .etape{
    height: 15px;
    width: 16px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 3px;
    white-space: pre;
}
.maintenanceindex #icon_search{
    float: left;
    padding-top: 10px;
}
.maintenanceindex .statusbycolors{
    float:left;
    width: 70%;
    text-align: center;
    display: block;
    line-height: 4;
}
.maintenanceindex .statusbycolors .statusname {
    line-height: 15px;
    padding: 0 15px;
}
.maintenanceindex .statusbycolors .colorstatus {
    height: 12px;
    width: 41px;
    display: inline-block;
    border: 0.1px dashed #a9a9a9;
    margin-right: 3px;
}
.div_h{
    width: 100%;
}
.maintenanceindex .statusbycolors .counteleme {
    /*margin-right: 2px;*/
    font-weight: bold;
}

.maintenanceindex .statusbycolors .statusname {
    line-height: 15px;
    padding: 0 15px;
}
.maintenanceindex .refuse{
    color:#e01212f2;
    font-size: 11px;
}
.maintenanceindex .color_etat{
    border:0.1px dashed #a9a9a9;
    padding:0 15px;
}
.maintenanceindex .etat{
    white-space: nowrap;
}
td.catg{
    padding-left: 100px;
}
.maintenanceindex .srch_etap span.select2{
    width: 100% !important ;
}
.maintenanceindex .icon_list{
    cursor: pointer;
    /*text-decoration: none;*/
    display: inline-block;
}
.maintenanceindex .icon_list:hover{
    text-decoration: none !important;
    /*padding: 0 1px;*/

}

.maintenanceindex .icon_list:hover img{
    background-color: rgba(0, 0, 0, 0.15);
}
.maintenanceindex #list{
    background-color: rgba(0, 0, 0, 0.15);
}
.maintenanceindex a.icon_action {
    padding-left: 8px;
}


/* css calendrie  */

.calendriermaintenance td.cal_today:hover,.calendriermaintenance .cal_other_month:hover,.calendriermaintenance .cal_current_month:hover {
    background-color: #eff3fb;
}
.calendriermaintenance div.maintenancediv {
    border: 1px solid #000;
    margin-bottom: 7px;
}
.calendriermaintenance .planedmainte {
    border: 1px dashed #000;
    max-width: calc(100% - 15px);
    width: calc(100% - 15px);
    margin-bottom: 7px;
}
.calendriermaintenance .planedmainte a {
    white-space: normal;
    font-size: 12px;
}
.calendriermaintenance a.maintenancetable  {
    white-space: normal;
    font-size: 12px;
}
.calendriermaintenance .contentoftdoverflowed {
    max-height: 270px;
    overflow: auto;
}


.calendriermaintenance .by_ a{
    font-size: 14px;
    padding: 10px;
}
.calendriermaintenance .by_ a:hover{
    background-color: #ebebeb;
    text-decoration: none; 
}
.calendriermaintenance div#search_user{
    float: left;
}
.calendriermaintenance div#icon_search {
    float: left;
}


/* css card  */

.editmaint .categorie:hover, .addmaint .categorie:hover {
    cursor: pointer;
}


.editmaint .type_maintenance:hover, .addmaint .type_maintenance:hover{
    cursor: pointer;
}



/* css card_equipement */


.card_equipent table.nc_table_ tr td:first-child {
    width: 20%;
}
.card_equipent th{
    white-space: nowrap !important;
}

.card_equipent .table_ td{
    border: 1px solid rgb(169, 169, 169); 
    padding:5px;
}
.card_equipent .cl_parent_maintenance {
    width: 100%;
    margin-top: 20px;
}

/*.d_left, .d_right {
    width: 49%;
    float: left
}
.d_right {
    margin-left: 12px;
}*/
@media only screen and (min-width: 1000px){
    .card_equipent .d_left, .d_right {
        width: 49%;
        float: left
    }
    .card_equipent .d_right {
        margin-left: 1%;
    }
}
.card_equipent .nom{
    font-size: 20px;
    border-bottom: 2px solid #ccc;
}
.card_equipent td.td_nom{
    border-bottom: 2px solid #ccc;
}
.card_equipent .hide_tr{
    display: none;
}

.card_equipent .types {
  /*display: block;*/
  position: relative;
  padding-left: 28px;
  margin-left: 13px;
  margin-bottom: 12px;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.card_equipent .types input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.card_equipent .radio {
  position: absolute;
  top: -4px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */


/* When the radio button is checked, add a blue background */
.card_equipent .types input:checked ~ .radio {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.card_equipent .radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.card_equipent .types input:checked ~ .radio:after {
  display: block;
}
.card_equipent .cl_parent_maintenance .select2{
    width:70% !important;
}

/* Style the indicator (dot/circle) */
.card_equipent .types .radio:after {
    top: 8px;
    left: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}
.card_equipent .tab {
    cursor: pointer;
    padding: 10px 10px 7px;
}
.card_equipent div.tabs{
    padding-top: 40px;
    padding-left:0px !important;
}
.card_equipent .description{
    text-align: center;
}
.card_equipent .description textarea{
    width: 98%;
    border-bottom: 1px solid rgb(206, 212, 218) !important;
}

.card_equipent .tab_info_article {
    width: 100%;
}


.card_equipent .d_left .select2{
    width: 70% !important;
}

.card_equipent #menus th{
    width: 30% !important;
}
.card_equipent .width_th{
    width: 30%;

}

.card_equipent #tab_maintenance th{
    /*width: 20% !important;*/
    border-bottom: 1px solid #ddd;
}
.card_equipent #tab_maintenance, #tab_info_article, #tab_description{
    border: 1px solid rgb(206, 212, 218) !important;
    margin-left: 1px;
    background: #fff;
}
.card_equipent #tab_info_article{
    border: 1px solid rgb(206, 212, 218) !important;
}
.card_equipent #tab_info_article .select2{
    width: 70% !important;
}
.card_equipent #tab_info_article th {
    width: 18% !important;
    border-bottom: 1px solid #ddd;
}
.card_equipent .lieu{
    width: 100%;
}
.card_equipent .cl_parent_maintenance th {
    width: 30% !important;
    border-bottom: 1px solid #ddd;
}
.card_equipent select#technicien {
    width: 70%;
}
.card_equipent #new_appart{
    width: 27%;
    float: right;
}


.card_equipent #tab_maintenance .sujet_maintenance input{
    width: 99%;
}
.card_equipent #tab_maintenance .remove a{
    cursor: pointer;
}
.card_equipent #tab_maintenance td.prochain_maintenance{
    padding-left: 15px;
}
.card_equipent #tab_maintenance .sujet_th{
    width: 33%;
}
.card_equipent #tab_maintenance #add_maintenance{
    float: right; margin-top: 10px !important;text-transform: capitalize;
}
.card_equipent #tab_maintenance {
    padding: 0px 12px 15px;
}


/* css card_equip */

.card_equipe table.nc_table_ tr td:first-child {
    width: 20%;
}
.card_equipe .modele_cv:hover{
    cursor: pointer;
}
.card_equipe .valider{
    background-color:green;
    color:white !important;
    padding:5px;
    border-radius:3px;
    font-size:16px;
}
.card_equipe .valider:hover{
    cursor: pointer;
    color:white;
    text-decoration: none;
    padding: 8px;
}

.card_equipe #deconstruction{
    background-color:#b30000;
    color:white;
    padding:5px;
    border-radius:3px;
    font-size:16px;
}
.card_equipe #deconstruction:hover{
    cursor: pointer;
    text-decoration: none;
    padding: 8px;
}
.card_equipe .table_ td{
    border: 1px solid rgb(169, 169, 169); 
    padding:5px;"
}

.card_equipe #importer{
    background-color: rgb(60,70,100);
    color: white;
}
.card_equipe .members{
    list-style: none;
    display: contents !important;
}
.card_equipe .select_members .select2{
    width: 100% !important;
}

/* css list_equip */

.index_equip a.icon_action, .index_equipent a.icon_action {
    padding-left: 8px;
}

/* css card_catequip */


.card_catequip table.nc_table_ tr td:first-child {
    width: 20%;
}
.card_catequip .modele_cv:hover{
    cursor: pointer;
}
.card_catequip .valider{
    background-color:green;
    color:white !important;
    padding:5px;
    border-radius:3px;
    font-size:16px;
}
.card_catequip .valider:hover{
    cursor: pointer;
    color:white;
    text-decoration: none;
    padding: 8px;
}

.card_catequip #deconstruction{
    background-color:#b30000;
    color:white;
    padding:5px;
    border-radius:3px;
    font-size:16px;
}
.card_catequip #deconstruction:hover{
    cursor: pointer;
    text-decoration: none;
    padding: 8px;
}
.card_catequip .table_ td{
    border: 1px solid rgb(169, 169, 169); 
    padding:5px;"
}

.card_catequip #importer{
    background-color: rgb(60,70,100);
    color: white;
}

.index_catg a.icon_action {
    padding-left: 8px;
}

.index_catg .color{
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}

.card_catg .table_ td{
    border: 1px solid rgb(169, 169, 169); 
    padding:5px;
}
.card_catg .select2{
    width: 20% !important;
 }
.card_catg #importer{
    background-color: rgb(60,70,100);
    color: white;
}
.card_catg .color{
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}


/*  card_maintenance*/

.card_maintenance table.nc_table_ tr td:first-child {
    width: 20%;
}
.card_maintenance th{
    white-space: nowrap !important;
}


.card_maintenance .valider{
    background-color:green;
    color:white !important;
    padding:5px;
    border-radius:3px;
    font-size:16px;
}
.card_maintenance .valider:hover{
    cursor: pointer;
    color:white;
    text-decoration: none;
    padding: 8px;
}

.table_ td{
    border: 1px solid rgb(169, 169, 169); 
    padding:5px;"
}

#importer{
    background-color: rgb(60,70,100);
    color: white;
}
.card_maintenance .members{
    /*list-style: none;*/
    /*display: contents !important;*/
}
.card_maintenance .select_members .select2{
    width:75% !important;
}
.card_maintenance .datetimepicker {
    width: 100%;
}
.card_maintenance .rating {
  height: 22px;
  margin: 0 auto;
  float: left;
 
}
div.clear{
    clear: both;
}
.card_maintenance .rating label {
  float: right;
  position: relative;
  height: 22px;
  cursor: pointer;
}
.card_maintenance .rating label:not(:first-of-type) {
  padding-right: 2px;
}
.card_maintenance .rating label:before {
  content: "\2605";
  font-size: 30px;
  color: #CCCCCC;
  line-height: 1;
}
.card_maintenance .rating input {
  display: none;
}
.card_maintenance .rating input:checked ~ label:before {
  color: #F9DF4A;
}
.card_maintenance .rating_edit .rating input:checked ~ label:before, .rating_edit .rating:not(:checked) > label:hover:before, .rating_edit .rating:not(:checked) > label:hover ~ label:before {
  color: #F9DF4A;
}
.card_maintenance .sujet{
    font-size: 20px;
    border-bottom: 2px solid #ccc;
}
.card_maintenance .cl_parent_maintenance {
    width: 100%;
    margin-top: 20px;
}

/*.d_left, .d_right {
    width: 49%;
    float: left
}*/
/*.d_right {
    margin-left: 12px;
}*/
@media only screen and (min-width: 1000px){
    .card_maintenance .d_left, .d_right {
        width: 49%;
        float: left
    }
    .card_maintenance  .d_right {
        /*margin-left: 1%;*/
    }
}
.card_maintenance .categorie {
  /*display: block;*/
  position: relative;
  padding-left: 28px;
  margin-left: 13px;
  margin-bottom: 12px;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.card_maintenance .categorie input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.card_maintenance .radio {
  position: absolute;
  top: -4px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */


/* When the radio button is checked, add a blue background */
.card_maintenance .categorie input:checked ~ .radio {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.card_maintenance .radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.card_maintenance .categorie input:checked ~ .radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.card_maintenance .categorie .radio:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.card_maintenance .cl_parent_maintenance .select2{
  width: 75% !important;
}
.card_maintenance .cl_parent_maintenance th{
  width: 30%;
}

.card_maintenance  .annuler, .card_maintenance  .bloquer, .card_maintenance  .debloquer, .card_maintenance  .rouvrir{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    margin: 0em 0.2em !important;
    padding: 0.3em 0.6em;
    font-family: roboto,arial,tahoma,verdana,helvetica;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border-radius: 5px !important;
    background: #00A09D;
}

.card_maintenance .bloquer, .card_maintenance .debloquer{
    background: #fd5858 !important;
}

.card_maintenance .bloquer:hover, .card_maintenance .annuler:hover, .card_maintenance  .debloquer:hover , .card_maintenance  .rouvrir:hover {
    text-decoration: underline;
    color: #fff !important;
}
.card_maintenance .cl_show{
    display: initial;
}

.card_maintenance .cl_hide{
    display: none;
}

.cl_parent_maintenance .d_right table, .d_left table{
    border-top: 5px solid #e0e0e0 !important;
}
.cl_parent_maintenance .d_right {
    border : 0px !important;
}

.card_maintenance .alletapesrecru{
    float: right;
}

.maintenancediv .userimg.paddingright, .maintenancediv span a{
    padding-right: 0px !important;
}

.calendriermaintenance .tagtd{
    display: inline-block !important;
}

.calendriermaintenance .maintenancediv{
    border-radius: 4px;
}