/*:root:before {
  content: url(../img/user-solid-green.svg)
           url(../img/user-solid-blue.svg)
           url(../img/user-solid-red.svg);
           visibility: hidden;
position: absolute;
left: -999em;
}*/
.seat[type="checkbox"] {
  display:none;
}
.seat + label{
  margin-bottom: 5px;
}
.seat[type="checkbox"] + label::before {
  width: 30px;
  height: 30px;
font-size: 30px;
text-align: center;
content:"\f007";
color:green;
  /*background-image: url("../img/user-solid-green.svg");*/
  background-repeat: no-repeat;
  background-position:center;
  display: block;

  float: left;
  margin-right: 2px;
  margin-left:2px;
}
.seat[type="checkbox"]:checked+label::before {
  /*background-image: url("../img/user-solid-blue.svg");*/
  color:blue;
}

.empty[type="checkbox"] + label::before {
content:"\f0c8";
color: #dbdbdb;

}
.seat_next[type="checkbox"]:checked+label::before{
content:"\f007";
color:green;
}

.empty_next[type="checkbox"]:checked+label::before{
content:"\f0c8";
color: #dbdbdb;
}

.table[type="checkbox"] + label::before {
  content:"\f0c8";
  color: #8c4922;

}
.table_next[type="checkbox"]:checked+label::before{
content:"\f0c8";
color: #8c4922;
}

.stage[type="checkbox"] + label::before {
  content:"\f0c8";
  color: #666666;

}
.stage_next[type="checkbox"]:checked+label::before{
content:"\f0c8";
color: #666666;
}

.blocked[type="checkbox"] + label::before {
  content:"\f057";
  color: red;

}
.blocked_next[type="checkbox"]:checked+label::before{
content:"\f057";
color: red;
}
.error{
  width:100%;
 font-size: 1rem;
}
.more_btn_plus{
  width: 30px;
  height: 30px;
  padding: 2px;
  margin: 2px;
}
.btn_tool{
    margin: 2px;
}
.name_textbox_createstruct.form-control.form-control-user{
  max-width:500px;
  min-width:300px;
  width:50%;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  padding-right:5px;
}
#affix-tools {
  position: -webkit-sticky;
position: sticky;
top: -1px;
 display: block;
}
#wrapper #content-wrapper{
  overflow-x: hidden;

}
.container_seats{
  overflow: scroll;
width:100%;
display: block;
}
.row_seats{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#create_structure_form{
  margin: 0 auto;
  width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
.create_date_form_card{
  width:80%;
  margin:auto;
  margin-top:50px;
}
.res_form_card{

  width:95%;
  margin:auto;
  margin-top:50px;
  margin-bottom:50px;
}
.cont_res{
  margin:10px;
}
.card-seat.cont_res{
  transform: scale(0.9);
   transform-origin: 0% 0% 0px;
}
.seat-res-table::before {
  -ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None;
width: 30px;
height: 30px;
font-size: 30px;
text-align: center;
content:"\f0c8";
  color: #8c4922;
/*background-image: url("../img/user-solid-green.svg");*/
background-repeat: no-repeat;
background-position:center;
display: block;
float:left;
margin-right: 2px;
margin-left:2px;
}

.seat-res-empty, .seat-res-stage, .seat-res-table, .seat-res-blocked{
  margin-bottom: 5px;
}
.seat-res-blocked::before{
  -ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None;
width: 30px;
height: 30px;
font-size: 30px;
text-align: center;
content:"\f007";
color: red;
float:left;
/*background-image: url("../img/user-solid-green.svg");*/
background-repeat: no-repeat;
background-position:center;
display: block;

margin-right: 2px;
margin-left:2px;
}
.seat-res-empty::before{
  -ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None;
width: 30px;
height: 30px;
font-size: 30px;
text-align: center;
content:"\f0c8";
color: #FFFFFF;
float:left;
/*background-image: url("../img/user-solid-green.svg");*/
background-repeat: no-repeat;
background-position:center;
display: block;

margin-right: 2px;
margin-left:2px;
}
.seat-res-stage::before{
  -ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None;
width: 30px;
height: 30px;
font-size: 30px;
text-align: center;
content:"\f0c8";
color: #666666;
float:left;
/*background-image: url("../img/user-solid-green.svg");*/
background-repeat: no-repeat;
background-position:center;
display: block;

margin-right: 2px;
margin-left:2px;
}
#structure-container{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width:100%;
  margin:auto;
}
.container_seats_res{


  overflow: scroll;
width:100%;
display: block;
}