
.skin-yellow .header-wrapper {
  border-top: 2px #282675 solid;
  background-color: #fff;
  background-image: linear-gradient(
    to left, rgba(255,0,0,0) 1%, #f5952d 80%, rgba(255,0,0,0)
  );
}

.skin-yellow .sort-icon {
  color: #f5952d;
}
.skin-yellow .page-header {
  color: #282675;
}

.skin-yellow .nav-tabs {
  border-bottom: 1px solid #FEF3E2;
}
.skin-yellow .nav-tabs .nav-link.active,
.skin-yellow .nav-tabs .nav-item.show .nav-link {
  color: #282675;
}

.skin-yellow .card {
  border-top: 2px #f5952d solid;
}
.skin-yellow .bottom-footer {
  height: 3px;
  background-image: linear-gradient(
    to left, rgba(255,0,0,0) 1%, #f5952d 80%, rgba(255,0,0,0)
  );
  background-color: #fff;
}

.skin-yellow a {
  color: #282675;
}

.skin-yellow .dropdown-item:hover, .dropdown-item:focus {
  color: #27225E;
}

.skin-yellow .navbar-collapse.collapse.show,
.skin-yellow .dropdown-menu {
  background-color: #FCD99E;
}

.skin-yellow .btn-three-dots {
  color:#f39c12;
  border-color:#FBD595;
  background-color: #fff;
} 

.skin-yellow .btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.skin-yellow .btn-info:hover,
.skin-yellow .btn-info:active,
.skin-yellow .btn-info.hover {
  background-color:#298b9c;
  border-color:#298b9c;
  color: #fff;
}

.skin-yellow .btn-delete {
  background-color:#e6717c;
  border-color:#e6717c;
  color: #000;
}
.skin-yellow .btn-delete:hover,
.skin-yellow .btn-delete:active,
.skin-yellow .btn-delete.hover {
  background-color:#df4957;
  color: #fff;
}
.skin-yellow .btn-action {
  background-color:#f5952d;
  border-color:#f5952d;
  color: #fff;
}
.skin-yellow .btn-action:hover,
.skin-yellow .btn-action:active,
.skin-yellow .btn-action.hover {
  border-color:#f7aa56;
  background-color:#f7aa56;
}
.skin-yellow .btn-action i.fa,
.skin-yellow .btn-action i.fas,
.skin-yellow .btn-action i.far,
.skin-yellow .btn-success i.fa,
.skin-yellow .btn-success i.fas,
.skin-yellow .btn-success i.far,
.skin-yellow .btn-primary i.fa,
.skin-yellow .btn-primary i.fas,
.skin-yellow .btn-primary i.far,
.skin-yellow .btn-cancel i.fa,
.skin-yellow .btn-cancel i.fas,
.skin-yellow .btn-cancel i.far,
.skin-yellow .btn-info i.fa,
.skin-yellow .btn-info i.fas,
.skin-yellow .btn-info i.far,
.skin-yellow .btn-secondary i.fa,
.skin-yellow .btn-secondary i.fas,
.skin-yellow .btn-secondary i.far {
  color:#fff;
}
.skin-yellow .table {
  background: #FEF8EE;
}
.skin-yellow .card-header,
.skin-yellow .list-group-item,
.skin-yellow .table th,
.skin-yellow .table td {
    border:1px #fff solid;
}

.skin-yellow .table>thead,
.skin-yellow .table>tfoot {
  background:#f5952d;
  background: linear-gradient(to right, #FBD595 30%, #f7aa56 95%, #f5952d);
  color: inherit;
}
.skin-yellow .table>thead.top-border {
  border-top: 2px #282675 solid;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px;
}
.skin-yellow .table>tbody>tr>th {
  background:#f5952d;
}
.skin-yellow .table > thead > tr > th {
  border-bottom: 1px solid #f4f4f4;
}

.skin-yellow .table>tbody>tr:hover {
  background-color: #e3e4f0;
}

.skin-yellow .page-item.active .page-link {
  background-color: #282675;
  border-color: #282675;
}

.skin-yellow .modal-footer, 
.skin-yellow .modal-header {
  background-color: #FDE8C5;
}
.skin-yellow .modal-content {
  border: 1px #FBD595 solid;
  border-top: 2px #282675 solid;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);
  transition: 0.3s;
  border-radius: 5px;
}

.skin-yellow .list-group>.list-group-item {
  background: #FEF8EE;
}
.skin-yellow .list-group>.list-group-item:nth-child(2n+1) {
  background: #FDE8C5;
}
.skin-yellow .patient-search-bar {
  background: #FEF3E2;
}

.skin-yellow .nav-link.active {
  background: #FDE8C5;
}

.skin-yellow .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #f5952d;
  box-shadow: 0 0 0 0.1rem #FEF3E2;
}
.skin-yellow .ui-widget-content a {
  color: inherit;
  font-weight: normal;
}
.skin-yellow .ui-widget-content {
  background:#fcdfc0;
  border-color: #f5952d;
}
.skin-yellow .row-header-odd-content,
.skin-yellow .row-footer-odd-content {
  background: #e0cfb4;
}

.skin-yellow .row-data-odd-content {
  background: #f2f2f2;
}

.skin-yellow .table>tbody>tr:hover> td.row-data-odd-content {
  background: #DCDEED;
}

.skin-yellow .card, .skin-yellow .fieldset, .skin-yellow .fieldset_nopadding {
  border-top: 2px #282675 solid;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px;
}
.skin-yellow .btn-cancel {
  background-color:#282675;
  border-color:#282675;
  color: #fff;
}
.skin-yellow .btn-cancel:hover,
.skin-yellow .btn-cancel:active,
.skin-yellow .btn-cancel.hover {
  background-color:#68679e;
  border-color:#68679e;
  color: #fff;
}
.skin-yellow .btn i {
  color:#282675;
}
.skin-yellow .btn-icon:hover,
.skin-yellow a.btn-icon:hover,
.skin-yellow .btn-icon:active,
.skin-yellow .btn-icon.hover,
.skin-yellow a.btn-icon.hover {
  background-color:#282675;
  border-color:#282675;
  color: #fff;
}
/** CUSTOM SCROLL-BAR STARTs ****/

/* Track */
.skin-yellow ::-webkit-scrollbar-track {
  background: #f1f1f1; 
  box-shadow: inset 0 0 5px #FCDBA4; 
}
 
/* Handle */
.skin-yellow ::-webkit-scrollbar-thumb {
  background: #FCDBA4; 
}

/* Handle on hover */
.skin-yellow ::-webkit-scrollbar-thumb:hover {
  background: #f5952d; 
}
/** CUSTOM SCROLL-BAR ENDs ****/

.skin-yellow .card-header {
  border-bottom: 1px solid #FEF3E2;
}

.skin-yellow .card .content {
  background: #FEF8EE;
}

.skin-yellow .table {
  color: #212529;
}
.skin-yellow .card {
  background-color: #fff;
}

.skin-yellow .odd-bg {
  background: #ecf0f5;
}