// Place all the styles related to the induties/assign_in_duties controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.custom-card-head{
    height: 40px;
    background-color: grey;
    color :#fff;
    opacity: 0.8;
    padding:5px;
    font-weight:400;
    align-items: center;
}
.form-group .form-control {
    width: 100%;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
}
.radio-room{
  margin-right:2rem;
}
.radio-table{
  margin-left:1rem;
}
.bmd-form-group {
    position: relative;
    padding-top: 0 !important;
}
.btn_create_induty{
  display: inline;
  padding: 1.5rem;
  margin: 0;
}
.create_induty_card{
  min-height:500px;
}

#save_induties_by_name{
  -webkit-appearance: none;
}

.checkboxLabel:before{
  content: '\e40c';
  font-family: "Material Icons";
  font-size: 25px;
  vertical-align: middle;
  margin-right: 5px;
  color: #2196F3;
}

#save_induties_by_name:checked ~ .checkboxLabel:before{
  content: '\e86c';
}
.checkboxLabel {
    font-size: 18px !important;
}
.add_more{
  content: '\e40c';
  font-family: "Material Icons";
  font-size: 25px;
  vertical-align: middle;
  margin-right: 5px;
  color: #2196F3;
}
.success-msg {
  color: #270;
  background-color: #DFF2BF;
  margin: 10px 0;
  padding: 10px;
  border-radius: 3px 3px 3px 3px;
  display: none;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.show_all_commissioner_card{
  min-height: 830px;
  max-height: 830px;
  overflow: scroll;
}
.sweet-alert p {
    font-size: 14px !important;
    font-weight:bold;
}
.sweet-alert {
  top :0;
  margin-top: 20px !important;
}
.add_to_charges{
  width:100%;
  padding:1rem;
}