.skin-yellow-light-gray .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-light-gray .page-header {
  color: #282675;
}
.skin-yellow-light-gray .sort-icon {
  color: #f5952d;
}
.skin-yellow-light-gray .toast {
  background-color: #FEF8EE;
  border-radius: 7px;
  border: 1px #f5952d solid;
}
.skin-yellow-light-gray .toast-header {
  background: #FBD595;
}
.skin-yellow-light-gray .nav-tabs {
  border-bottom: 1px solid #FEF3E2;
}
.skin-yellow-light-gray .nav-tabs .nav-link.active,
.skin-yellow-light-gray .nav-tabs .nav-item.show .nav-link,
.skin-yellow-light-gray .split-title {
  color: #282675;
}

.skin-yellow-light-gray .nav-tabs .nav-link.active {
  border-top: 1px solid;
  background: #FEF8EE;
  font-weight: bold;
}

.skin-yellow-light-gray .nav-tabs .nav-link {
  background: #FDE8C5;
  border: 1px #FBD595 solid;
  font-weight: normal;
}

.skin-yellow-light-gray .modal-header .close {
  color: #282675;
  opacity: inherit;
}

.skin-yellow-light-gray .modal-header:hover .close,
.skin-yellow-light-gray .modal-header:active .close {
  color: #f5952d;
}
.skin-yellow-light-gray .tooltip-inner {
  background: #FDE8C5;
  background-color: #FDE8C5;
  border: 1px #282675 solid;
  color: #000;
  font-size: 11px;
}

.skin-yellow-light-gray .bs-tooltip-bottom .arrow::before,
.skin-yellow-light-gray .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #282675;
}

.skin-yellow-light-gray .card,
.skin-yellow-light-gray .fieldset {
  background-color: #fff;
}

.skin-yellow-light-gray .card .card-header {
  background-color: #DCDEED;

}
.skin-yellow-light-gray .bottom-footer {
  height: 3px;
  background-image: linear-gradient(
    to left, rgba(255,0,0,0) 1%, #282675 80%, rgba(255,0,0,0)
  );
  background-color: #fff;
}

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

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

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

.skin-yellow-light-gray .btn-three-dots,
.skin-yellow-light-gray .btn-three-dots:before,
.skin-yellow-light-gray .btn-three-dots:after {
  background-color: #f5952d;
} 

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

.skin-yellow-light-gray .btn-delete {
  background-color:#e6717c;
  border-color:#e6717c;
  color: #000;
}
.skin-yellow-light-gray .btn-delete:hover,
.skin-yellow-light-gray .btn-delete:active,
.skin-yellow-light-gray .btn-delete.hover {
  background-color:#df4957;
  color: #fff;
}

.skin-yellow-light-gray .btn-action {
  background-color:#f5952d;
  border-color:#f5952d;
  color: #fff;
}

.skin-yellow-light-gray .btn-action:hover,
.skin-yellow-light-gray .btn-action:active,
.skin-yellow-light-gray .btn-action.hover {
  background-color:#f7aa56;
  border-color:#f7aa56;
}
.skin-yellow-light-gray .btn-cancel {
  background-color:#282675;
  border-color:#282675;
  color: #fff;
}
.skin-yellow-light-gray .btn-cancel:hover,
.skin-yellow-light-gray .btn-cancel:active,
.skin-yellow-light-gray .btn-cancel.hover {
  background-color:#68679e;
  border-color:#68679e;
  color: #fff;
}
.skin-yellow-light-gray .btn i {
  color:#282675;
}
.skin-yellow-light-gray .btn-icon {
  background-color: #FEF8EE;
  border-color:#f5952d;
}

.skin-yellow-light-gray .btn-icon:hover,
.skin-yellow-light-gray a.btn-icon:hover,
.skin-yellow-light-gray .btn-icon:active,
.skin-yellow-light-gray .btn-icon.hover,
.skin-yellow-light-gray a.btn-icon.hover {
  background-color:#f5952d;
  color: #fff;
}

.skin-yellow-light-gray .btn-icon-no-bg-02 {
  /* color:#f5952d;
   background-color: #DCDEED;
   background-color: #FEF8EE; */
   border-color:#f5952d;
   border-radius: 7px;
}

.skin-yellow-light-gray .btn-icon-no-bg-02:hover,
.skin-yellow-light-gray .btn-icon-no-bg-02:active,
.skin-yellow-light-gray .btn-icon-no-bg-02.hover {
  /* background-color:#f5952d; */
  color: #fff;
}
.skin-yellow-light-gray .btn-action i.fa,
.skin-yellow-light-gray .btn-action i.fas,
.skin-yellow-light-gray .btn-action i.far,
.skin-yellow-light-gray .btn-success i.fa,
.skin-yellow-light-gray .btn-success i.fas,
.skin-yellow-light-gray .btn-success i.far,
.skin-yellow-light-gray .btn-primary i.fa,
.skin-yellow-light-gray .btn-primary i.fas,
.skin-yellow-light-gray .btn-primary i.far,
.skin-yellow-light-gray .btn-cancel i.fa,
.skin-yellow-light-gray .btn-cancel i.fas,
.skin-yellow-light-gray .btn-cancel i.far,
.skin-yellow-light-gray .btn-info i.fa,
.skin-yellow-light-gray .btn-info i.fas,
.skin-yellow-light-gray .btn-info i.far,
.skin-yellow-light-gray .btn-secondary i.fa,
.skin-yellow-light-gray .btn-secondary i.fas,
.skin-yellow-light-gray .btn-secondary i.far {
  color:#fff;
}
.skin-yellow-light-gray .btn-top-left-icon {
  background-color: transparent;
}

.skin-yellow-light-gray .list-group-item,
.skin-yellow-light-gray .table th,
.skin-yellow-light-gray .table td {
    border:1px #eaeaea solid;
}

.skin-yellow-light-gray .table>thead,
.skin-yellow-light-gray .table>tfoot {
  background: #FBD595;
  background: linear-gradient(to right, #FBD595 30%, #f7aa56 95%, #f5952d);
  color: inherit;
}
.skin-yellow-light-gray .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-light-gray .table>tbody>tr>th {
  background: #FBD595;
}

.skin-yellow-light-gray .table > thead > tr > th {
  border-bottom: 1px solid #f4f4f4;
}

.skin-yellow-light-gray .table>tbody>tr {
  background-color: #f9f9f9;
}

.skin-yellow-light-gray .table tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.skin-yellow-light-gray .table>tbody>tr:hover {
  background-color: #e3e4f0;
}

.skin-yellow-light-gray .table-footer>thead>tr {
  background-color: #DCDEED;
}

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

.skin-yellow-light-gray .modal-footer, 
.skin-yellow-light-gray .modal-header {
  background-color: #FDE8C5;
}
.skin-yellow-light-gray .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-light-gray .list-group>.list-group-item {
  background: #FEF8EE;
}
.skin-yellow-light-gray .list-group>.list-group-item:nth-child(2n+1) {
  background: #FDE8C5;
}
.skin-yellow-light-gray .list-group>.list-group-item:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.skin-yellow-light-gray .list-group>.list-group-item:hover:nth-child(2n+1) {
  background-color: #FBD595;
}
.skin-yellow-light-gray .patient-search-bar {
  background: #DCDEED;
}

.skin-yellow-light-gray a.nav-link {
  color: #000;
}
.skin-yellow-light-gray a.nav-link.active {
  color: #282675;
}

.skin-yellow-light-gray .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #f5952d;
  box-shadow: 0 0 0 0.1rem #FEF3E2;
}
.skin-yellow-light-gray .ui-widget-content a {
  color: inherit;
  font-weight: normal;
}
.skin-yellow-light-gray .ui-widget-content {
  background:#fcdfc0;
  border-color: #f5952d;
}
.skin-yellow-light-gray .div-area {
  background-color: #FEF8EE;
  border: 1px #f5952d solid;
}

.skin-yellow-light-gray .card, .skin-yellow-light-gray .fieldset, .skin-yellow-light-gray .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;
}


/** CUSTOM SCROLL-BAR STARTs ****/

/* Track */
.skin-yellow-light-gray ::-webkit-scrollbar-track {
  background: #f1f1f1; 
  box-shadow: inset 0 0 5px #68679e; 
}

/* Handle */
.skin-yellow-light-gray ::-webkit-scrollbar-thumb {
  background: #68679e; 
}

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

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

.skin-yellow-light-gray .card .content,
.skin-yellow-light-gray .fieldset.content {
  background: #edeff1;
}

.skin-yellow-light-gray .card .odd-content,
.skin-yellow-light-gray .fieldset.odd-content {
  background: #ecf0f5;
}

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

.skin-yellow-light-gray .row-header-odd-content,
.skin-yellow-light-gray .row-footer-odd-content {
  background: #e0cfb4;
}

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

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

.skin-yellow-light-gray .table {
  /* color: #212529;*/
  color: #000;
}

.skin-yellow-light-gray .current-patient-queue {
  background-color: #FBD595!important;
}

.skin-yellow-light-gray input:focus {
  background-color:#DCDEED;
}
.skin-yellow-light-gray .navbar-nav .nav-item > a.nav-link {
  color: #282675;
}