/* overrides */

.custom-switch{
  width: 3rem;
  padding-left:0;
}

.custom-switch .custom-control-label::before {
  left: 0;
  width: 3rem;
  border-radius: 1rem;
}
.custom-switch .custom-control-label {
  content:"Disabled";
}
.custom-switch .custom-control-label::before {
  top: 0;
  height:1.5rem;
}
.custom-switch .custom-control-label::after {
  background-color: #fff;
  top: .25rem;
  left: 4px;
  width: 1rem;
  height: 1rem;
}
.custom-switch .custom-control-label{cursor:pointer !important}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
  -webkit-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
}
.custom-switch .custom-control-label::before {
  color: #c00;
  background-color: #dc3545;
  border-color: #dc3545;
}
.custom-control-input:disabled~.custom-control-label::before {
    border-color: #aaa;
    cursor:default;
}
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.custom-file{
  overflow: hidden;
}

.custom-file-label.form-control-sm{
  height: calc(1.5em + .5rem + 2px);
  line-height:1.25;
}
  .custom-file-label.form-control-sm::after{
    height: calc(1.5em + .5rem);
    line-height:1.25;
  }

/* end overrides */

::placeholder{color: #ccc !important;opacity: 1;}
:-ms-input-placeholder{color: #ccc !important;}
::-ms-input-placeholder{color: #ccc !important;}
.custom-file-label{color: #ccc !important;}

.form-suggestbox{
  position:relative;
}
  .field-suggest{
    margin-bottom:10px;
  }
    .suggestbox-half .field-values .field-option{
      float:left;
    }
    .suggestbox-half .field-values .field-option:nth-child(odd){
      margin:0 5px 2px 0;
      width:calc(50% - 5px);
    }
    .suggestbox-half .field-values .field-option:nth-child(even){
      margin:0 0 2px 5px;
      width:calc(50% - 5px);
    }
    
  .field-suggest-close{
    position:absolute;
    right:0;
    padding:0 1rem;
    height: calc(1.5em + .25rem + 2px);
    line-height: calc(1.5em + .25rem + 2px);
    cursor:pointer;
    display:none;
  }

  .field-results{
    position:absolute;
    z-index:10;
    padding:0;
    margin:1px 0 0 0;
    width:100%;
    overflow:hidden;
  }
  
  .field-results li{
    padding-top:.375rem;
    padding-bottom:.375rem;
  }
  .field-results li:hover{
    background:#eee;
    cursor:pointer;
  }
  .field-values{
    padding:10px 0 0;
  }

    .field-values .alert,
    .field-values .alert .close{
      padding: .25rem 1.25rem;
      margin-bottom:10px;
    }
  
    .field-values .field-option{
      display:inline-block;
      margin:0 0 5px 0;
      width:100%;
    }
  
/* TEXTAREA */

textarea.form-control{
  min-height:100px !important;
}
.email-template textarea.form-control{
  min-height:300px !important;
}

/* CHECKBOX */

.form-checkbox {
  clear:both;
  min-height:20px;
  width:20px;
  padding:0;
}

.form-checkbox label{
  position:relative;
  margin:0;
  padding:0;
  clear:both;
}

.form-checkbox label span{
  padding-left:30px;
}

.form-checkbox input {
  position: absolute;
  z-index:10;
  opacity: 0;
  cursor: pointer;
  height:20px;
  width:20px;
}

.form-checkbox label:before{
  position:absolute;
  z-index:8;
  top:0;
  font-size:20px;
  opacity:1;
  content: " ";
  height:20px;
  width:20px;
  border-radius:50%;
  margin:0;
  padding:0;
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
}
.form-checkbox label:after{
  position:absolute;
  left:3px;
  top:1px;
  z-index:9;
  content: " ";
  color:#000;
  font-size:14px;
  opacity:1;
  margin:0;
  padding:0;
}
.form-checkbox input:checked+label:after{
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  animation-name: fadeIn;
  animation-duration: 1s;
}

.group-roster{
  height:400px!important;
  padding-left:2.5rem;
}

.roster-count{
  position:absolute;
  left:1rem;
  top:.5rem;
  line-height: 1.5;
  text-align:right;
  color:#bbb;
  user-select: none;
}

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