.color-line {
  /*background: #f7f9fa;*/
  height: 6px;
  /*background: rgb(224,15,56);*/
  background: -moz-linear-gradient(90deg, rgba(224,15,56,1) 0%, rgba(121,9,73,1) 50%, rgba(0,212,255,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(224,15,56,1) 0%, rgba(121,9,73,1) 50%, rgba(0,212,255,1) 100%);
  background: linear-gradient(90deg, rgba(224,15,56,1) 0%, rgba(121,9,73,1) 50%, rgba(0,212,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e00f38",endColorstr="#00d4ff",GradientType=1);
  background-size: 100% 6px;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.drop-trash {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 3px dashed #ccc;
  border-radius: 6px;
  min-height: 4em;
  color: #999;
  padding-top: 3px;
  text-align: center;
}
.drop-trash.over {
  border: 3px dashed red;
  color: #111;
}
.drop-trash span {
  max-width: 75%;
  font-size: 0.85em;
  line-height: 1em;
}

.slider-rangeHighlight.higlight-schedule {
    background: #99CC00;
}

input[type="time"]::-webkit-clear-button {
    display: none;
}

.fc-icon-fa {
  /* Added fallback options */
  font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.swal2-container {
  z-index: 4090;
}

.btn-lr-success {
  background-color: #E22B64;
  border-color: #E22B64;
  color: #FFFFFF ;
}
.btn-lr-success:hover,
.btn-lr-success:focus,
.btn-lr-success:active,
.btn-lr-success.active,
.open .dropdown-toggle.btn-lr-success {
  background-color: #F3BAB7;
  border-color: #F3BAB7;
  color: #FFFFFF ;
}
.btn-lr-success:active,
.btn-lr-success.active,
.open .dropdown-toggle.btn-lr-success {
  background-image: none;
}
.btn-lr-success.disabled,
.btn-lr-success.disabled:hover,
.btn-lr-success.disabled:focus,
.btn-lr-success.disabled:active,
.btn-lr-success.disabled.active,
.btn-lr-success[disabled],
.btn-lr-success[disabled]:hover,
.btn-lr-success[disabled]:focus,
.btn-lr-success[disabled]:active,
.btn-lr-success.active[disabled],
fieldset[disabled] .btn-lr-success,
fieldset[disabled] .btn-lr-success:hover,
fieldset[disabled] .btn-lr-success:focus,
fieldset[disabled] .btn-lr-success:active,
fieldset[disabled] .btn-lr-success.active {
  background-color: #56b22b;
  border-color: #56b22b;
}

/* Checkbox LutinRouge */
.checkbox-lr-primary input[type="checkbox"]:checked + label::before {
  background-color: #E22B64;
  border-color: #E22B64;
}
.checkbox-lr-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.modal-content {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

body.fullscreen-panel-mode {
  overflow-y: hidden
}

.hpanel.fullscreen {
  z-index: 2030;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  margin-bottom: 0
}

.hpanel.fullscreen .showhide {
  display: none
}

.hpanel.fullscreen .panel-body {
  min-height: calc(100% - 77px)
}

.modal {
  z-index: 2050;
}

.modal-backdrop.in {
  z-index: 2040;
}



/* This is needed to allow select2 to be displayed over the datatables editor modals  */
.select2-container:not(.select2-lr-report) {
  z-index: 2055;
}

/* This corrects is used to correct the issue with the report select2 showing above the calendar selector*/
.select2-container.select2-lr-report {
    z-index: 5;
}


/*Style for the role description text*/
.role-description {
  font-size: 11px;
  color: darkgrey;
  display: block;
}

div.DTE_Field_Type_checkbox div.controls label,
div.DTE_Field_Type_radio div.controls label {
  vertical-align: text-top;
}

.edit-icon {
  padding-left: 5px;
}