/*Write your custom css in this file.*/

td.option a.btn-info {
  background: #38a4f8;
  border: 1px solid #38a4f8;
  color: #FFF;
}
td.option a.btn-info:hover {
  background: #31d2f2;
  border: 1px solid #31d2f2;
}

.bg-green {
  background-color: #198754;
  color: #fff;
}
.bg-dark-green {
  background-color: #187e7e;
  color: #fff;
}

.bg-evaluation_ {
  background-color: #EEF1F9 !important; 
  color: #4e5e6a;
}
.bg-evaluation_1 {
  background-color: #f5325c !important;
  color: #fff;
}
.bg-evaluation_2 {
  background-color: #FFB822 !important;
  color: #fff;
}
.bg-evaluation_3 {
  background-color: #3f51b5 !important;
  color: #fff;
}
.bg-evaluation_4 {
  background-color: #22B9FF  !important;
  color: #fff;
}
.bg-evaluation_5 {
  background-color: #198754 !important;
  color: #fff;
}
.edit-image-file .view-saved-file {
  cursor: pointer;
  min-width: 28px;
  background: #fff;
  color: #a1a3a5;
  border-radius: 50%;
  display: none;
  position: absolute;
  bottom: 3px;
  left: -3px;
  vertical-align: central;
  text-align: center;
  margin: 0 5px;
  padding: 2px 0 2.5px 0;
  border: 1px solid #e2e7f1;
  font-size: 14px;
}
.edit-image-file .view-saved-file:hover {
  background: #0ABB87;
  color: #fff;
  border: 1px solid #0ABB87;
}
.edit-image-file:hover .view-saved-file {
  display: block;
}

input[type="radio"].rating {
    -webkit-appearance: none;
    width: 60px;
    height: 60px;
    border: none;
    cursor: pointer;
    transition: border .2s ease;
    filter: grayscale(100%);
    opacity: 0.5;
    margin: 0 5px;
    transition: all .2s ease;
    background-size: cover !important;
}

input[type="radio"].rating:hover, input[type="radio"].rating:checked {
    filter:	grayscale(0);
    opacity: 1;
}

input[type="radio"].rating:focus {
    outline: 0;
}

input[type="radio"].rate-1 {
    background: url('../images/1.svg') center;
}

input[type="radio"].rate-2 {
    background: url('../images/2.svg') center;
}

input[type="radio"].rate-3 {
    background: url('../images/3.svg') center;
}

input[type="radio"].rate-4 {
    background: url('../images/4.svg') center;
}

input[type="radio"].rate-5 {
    background: url('../images/5.svg') center;
}


p.rate_selected {
    margin-top: 10px;
    display: none;
}

span.selected {
    font-weight: bold;
}


select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
    opacity:0.6;
    cursor:no-drop;
}

.app-popover .app-popover-arrow {
  left: calc(50% - 6px);
}

.app-popover {
  transform: translateX(calc(-50% + 14px));
}
/*
.widget-details h1 {
  margin-bottom: 20px;
}

.dashboard .widget-details {
  position: relative;
}
.dashbaoard .white-link {
  display: flex !important;
  height: 100% !important;
}
*/