/* styles.css */

/* Font Color for Most Text in Portal*/

a {
  color: #1f1e2e;
}


/* Font Color for Navigation Tabs and no change on Hover*/

.nav-tabs {
  background-color: #FFFFFF;
  /* Additional styling properties for the tabs */

}

a {
  color: #1f1e2e;
}

a:hover {
  color: #1f1e2e;
}

/*Change Check Boxes to Green */

input[type="checkbox"]:checked {
  background: #140044;
  border: none;
}

input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: lightgray;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 12px;
  width: 12px;
}

input[type="checkbox"]:after {
  content: ' ';
  position: relative;
  left: 35%;
  top: 20%;
  width: 15%;
  height: 40%;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(50deg);
  display: none;
}

input[type="checkbox"]:checked:after {
  display: block;
}


/* Change Radio Buttons to Green */

input[type="radio"]:checked {
  background: #140044;
  border: none;
}

input[type="radio"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: lightgray;
  border: 1px solid #ddd;
  border-radius: 1px;
  height: 18px;
  width: 18px;
}

input[type="radio"]:after {
  content: ' ';
  position: relative;
  left: 35%;
  top: 20%;
  width: 15%;
  height: 40%;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(50deg);
  display: none;
}

input[type="radio"]:checked:after {
  display: block;
}


/*Change the Call History Date Range Label Color */
.label-info[href], .badge-info[href] {
    background-color: #00b4d8;
}

/* Change the Answering Rules Active Color*/

}


.label-info,  {
    background-color: #723cc2;
}



/*Change the Slider Color and works great for all sliders, but breaks the calender for Call History!!

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #272478 !important;
    background-repeat: no-repeat !important;
    color: #272478 !important;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #272478 !important;
    border-bottom-color: #272478 !important;
}

*/

/* Make the Edit Pencil Light Purple so you can see the damn thing and the other buttons on the left as well */

.edit {
    background-position: -80px 0;
}

}
.edit, .mask, .delete, .manage, .download-audio.disabled, .listen.disabled, .details, .details, .download-audio, .listen, .download-report, .agents, .round-button, .add, .reports, .download-report, .play, .audio {
    display: inline-block;
    margin-left: 3px;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    outline: none;
    vertical-align: middle;
    background-color: #ac9fd6;
    border: none;
}

.edit, .mask, .delete, .manage, .download-audio.disabled, .listen.disabled, .details, .details, .download-audio, .listen, .download-report, .agents, .round-button, .add, .reports, .download-report, .play, .audio:hover {
    /* Define the styles for the hover state */
    /* For example, change the background color */
    background-color: #ac9fd6;
    /* Add any additional styles for the hover state */
}



/* Change the Selections ex Apply Save Button Color */

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary,
.btn-primary:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #00b4d8;
  *background-color: #04c;
  background-image: none; /* Remove the gradient background image */
  background-repeat: repeat-x;
  border-color: #04c #04c #00b4d8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

.ui-widget-header {
  font-weight:bold;
  border-color: #00b4d8 #00b4d8 #00b4d8;




}