/* GESTION DES LABELS */
/*.label-object {position:relative;}
.label-select {position: absolute;}
*/
.label-object {font-size:18px}

.ring-label {margin:3px;opacity:0.3;display:inline-block;border:2px solid #FFF;border-radius:50px;width:54px;height:54px;padding:2px;}
.image.label {background-position:center;background-size: cover;overflow:hidden;display:inline-block;width:100% ;height:100%;border-radius:50%;}
.image.label-small {background-size: cover;overflow:hidden;background-position: center;display:inline-block;width:29px;height:29px;margin:4px 3px -4px 4px;border-radius:5px;}


.ring-label.selected {border-color: red;opacity:1;}
.label-select {margin:10px 0px 20px 0px;background-color:#FFF;padding:2px;border:1.5px solid #AAA;border-radius:6px;}
.label-info {color:#CCC;float:left;padding:8px 0px;}

.table-label {display:inline-block;}
.td-label-info {vertical-align:middle!important;padding:0px 4px!important;}
.td-label-image {vertical-align:middle!important;}

.selected .td-label-info {color:#CC0000;font-weight:bold;}

.label-display-info .table-label {display:block;}
.label-display-info .td-label-info {display:table-cell;}
.label-display-info .label-info {display:none;}

.line-through-red {text-decoration: line-through;color:red;background-color:#EEE;font-weight:bold;}

.glyphicon.red {color:red;}
.glyphicon.green {color:green;}
.glyphicon.grey {color:#AAA;}
.glyphicon.yellow {color:orange;}

.table-label2 {overflow-x:hidden}
/*.bimage .glyphicon {font-size: 35px;text-align:center;position:absolute;top:50%; transform: translate(0, -50%);;width:100%;}*/

.td-label-info2, .td-label-info2-glyph {vertical-align:middle!important;padding:5px 10px 5px 10px!important;overflow-x:hidden;white-space: nowrap;}
.td-label-image2 {vertical-align:middle!important;height:24px;padding:0px 2px 0px 10px!important;font-size:20px;}
.td-label-image2 i {margin-top:-2px;}
.line-select2 .td-label-info2 {padding:4px 10px 4px 10px!important;overflow-x:hidden;white-space: nowrap;  }


.icon-right svg {width:15px;height:15px;}

.line-select2 {padding:2px 0px;}

.line-select2.selected  {background-color:#DDD;}
.line-select2.selected  .td-label-info2 {font-weight:bold;color:#CC0000;}

.td-label-image svg {width:22px;height:22px;}

.tag-div {display: inline-block;margin:0px 3px;font-size: 14px;padding:8px 0px 0px 0px;}
.tag-div .td-label-image {padding:2px 2px 2px 4px!important}

.table-select td {padding:0px!important;}
.table-select .td-title {padding:4px 8px!important;} 

.td-label-image svg {fill:#888;}

/* .selected svg {fill:#CC0000;} */

.label-input {overflow:hidden;min-height:40.5px;position:relative;border:1.5px solid #AAA;border-radius:6px;background-color: #FFF}
.label-input .icon-right {border-left:1px solid #ced4da;position:absolute;top:0px;right:0px;bottom:0px;background-color:#e9ecef;padding:10px 8px 0px;font-size:12px;color:#AAA;}


.label-select, .form-control:focus,.label-object:focus .label-input {
  border-color: rgba(128, 189, 255, 1)!important;
  box-shadow: 0 0 0 2.2pt rgba(191, 222, 255, 1);
  outline: transparent 0px solid;
}  
.label-object:focus {
  outline: transparent 0px solid;
}
.label-input {
	-webkit-transition: box-shadow 0.2s ease-in;
	-moz-transition: box-shadow 0.2s ease-in;
	transition: box-shadow 0.2s ease-in;	
}	

.field-info {display:none;}

.fieldMenu {
	border-collapse: separate;
    border-spacing: 0 10px; 
    margin-top: -11px; /* correct offset on first border spacing if desired */
}

.fieldMenu td {border:1.5px solid #AAA;padding:8px 6px 9px!important;border-right:0px solid #888;}
.fieldMenu svg {width:18px;height:18px;fill:#888;}

.fieldMenu td:first-child {border-top-left-radius:6px;border-bottom-left-radius:6px;} 
.fieldMenu td:last-child {border-top-right-radius:6px;border-bottom-right-radius:6px;border-right:1.5px solid #888;} 

.fieldMenu .selected svg {fill:#FFF;}
.fieldMenu .selected {background-color: #CC0000;color: #FFF}


.search-box {
    padding:1px;
    text-align:left;
    margin-bottom:5px;
    width:100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #CCC;
    border-radius: 8px;
    background-color: #FFF;
}


.search-box.open {
  height:500px!important;
}

@media(hover: hover) and (pointer: fine) {

.line-select2:hover .td-label-info2 {color:#CC0000;}
.line-select2:hover i {opacity:0.5;}
.line-select2:hover {background-color:#DDD;cursor: pointer;}
.line-select2:hover svg {fill:#CC0000;}

.label-object:hover {cursor:pointer;}

.fieldMenu td:hover svg {fill:darkOrange}
.fieldMenu td:hover {background-color:#DDD;cursor:pointer;}


.ring-label:hover {border-color: #AAA;opacity:1;}
.search-box:hover {
  border-color:#888!important;
  cursor:pointer;
}

.search-box:hover .icon-s svg {
  fill:darkOrange;
}
.ring-label.selected:hover {opacity:0.3;border:color:#AAA;}
}

.digi-label {font-size: 16px}

.input-group-append .text {font-size: 16px;color: #AAA;}
.input-hour {width: 58px;display:inline-block;padding: 6px;}
.input-minute {width: 58px;display:inline-block;padding: 6px;}
.input-second {width: 58px;display:inline-block;padding: 6px;}

@media (max-width: 700px) {
.input-hour {width: 40px;}
.input-minute {width: 40px;}
.input-second {width: 40px;}
}  

.input-group-text.grey {background-color:#EEE;;border-right: 0px solid #000;}

/*.label-object .div-input {display:none;}*/

.input-image {
  display:inline-block;width:200px;height:200px;background-color:#EEE;
}

.input-image .btn {position: absolute;bottom: 5px;right: 5px;}

.input-search {
  position:relative;
  font-size:16px;
  color:#000;
  padding:7px 10px 7px 32px;
  height: 38px;
  background-color:#EEE;
  border-radius:8px;
  margin-bottom:10px;
  background-image: url(../std-img/search.svg);
  background-repeat: no-repeat;
  background-position: 8px 11px;
  background-size: 16px 16px;
  width: 100%;
  border-width: 0px;
}

.input-search::placeholder {
  color: #888!important;
}

.subfilter-list {
  font-size: 16px;
}

.feed-filter .feed-line {border-bottom:1px solid #CCC; }