.skin-yellow-white .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-white .page-header {
  color: #282675;
}

.skin-yellow-white .sort-icon {
  color: #f5952d;
}
.skin-yellow-white .toast {
  background-color: #FEF8EE;
  border-radius: 7px;
  border: 1px #f5952d solid;
}
.skin-yellow-white .toast-header {
  background: #FBD595;
}
.skin-yellow-white .nav-tabs {
  border-bottom: 1px solid #FEF3E2;
}
.skin-yellow-white .nav-tabs .nav-link.active,
.skin-yellow-white .nav-tabs .nav-item.show .nav-link,
.skin-yellow-white .split-title {
  color: #282675;
}

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

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

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

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

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

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

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

}
.skin-yellow-white .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-white a {
  color: #282675;
}

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

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

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

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

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

.skin-yellow-white .btn-action:hover,
.skin-yellow-white .btn-action:hover i.fas,
.skin-yellow-white .btn-action:hover i.fa,
.skin-yellow-white .btn-action:active,
.skin-yellow-white .btn-action:active i.fas,
.skin-yellow-white .btn-action:active i.fa,
.skin-yellow-white .btn-action.hover,
.skin-yellow-white .btn-action.hover i.fas,
.skin-yellow-white .btn-action.hover i.fa {
  border-color:#f7aa56;
  background-color:#f7aa56;
}
.skin-yellow-white .btn-cancel {
  background-color:#282675;
  border-color:#282675;
  color: #fff;
}
.skin-yellow-white .btn-cancel:hover,
.skin-yellow-white .btn-cancel:active,
.skin-yellow-white .btn-cancel.hover {
  background-color:#68679e;
  border-color:#68679e;
  color: #fff;
}
.skin-yellow-white .btn i {
  color:#282675;
}
.skin-yellow-white .btn:hover i,
.skin-yellow-white .btn:active i,
.skin-yellow-white .btn.hover i {
  color:#f5952d;
  border-color:#282675;
}
.skin-yellow-white .btn-icon {
  background-color: #FEF8EE;
  border-color:#f5952d;
  border-radius: 7px;
}

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

.skin-yellow-white .btn-icon:hover,
.skin-yellow-white a.btn-icon:hover,
.skin-yellow-white .btn-icon:active,
.skin-yellow-white .btn-icon.hover,
.skin-yellow-white a.btn-icon.hover {
  background-color:#282675;
  border-color:#282675;
  color: #fff;
}
.skin-yellow-white .btn-icon-no-bg {
  color: #282675;
}
.skin-yellow-white .btn-icon-no-bg:hover,
.skin-yellow-white .btn-icon-no-bg:active {
  color: #f5952d;
}
.skin-yellow-white .btn-icon-no-bg-02 {
   border-color:#f5952d;
   border-radius: 7px;
}

.skin-yellow-white .btn-icon-no-bg-02:hover,
.skin-yellow-white .btn-icon-no-bg-02:active,
.skin-yellow-white .btn-icon-no-bg-02.hover {
  color: #fff;
}

.skin-yellow-white .btn-top-left-icon {
  background-color: transparent;
}

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

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

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

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

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

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

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

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

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

.skin-yellow-white .ui-menu-item:hover, 
.skin-yellow-white .ui-menu-item:hover a,
.skin-yellow-white .ui-menu-item:focus,
.skin-yellow-white .ui-menu-item:focus a,
.skin-yellow-white a.ui-menu-item.active {
  background-color: #fff;
  text-decoration: none;
  border: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
.skin-yellow-white .ui-widget-content {
  background:#fcdfc0;
  border-color: #f5952d;
}
.skin-yellow-white .div-area {
  background-color: #FEF8EE;
  border: 1px #f5952d solid;
}

.skin-yellow-white .card, .skin-yellow-white .fieldset, .skin-yellow-white .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-white .btn-action i.fa,
.skin-yellow-white .btn-action i.fas,
.skin-yellow-white .btn-action i.far,
.skin-yellow-white .btn-success i.fa,
.skin-yellow-white .btn-success i.fas,
.skin-yellow-white .btn-success i.far,
.skin-yellow-white .btn-primary i.fa,
.skin-yellow-white .btn-primary i.fas,
.skin-yellow-white .btn-primary i.far,
.skin-yellow-white .btn-cancel i.fa,
.skin-yellow-white .btn-cancel i.fas,
.skin-yellow-white .btn-cancel i.far,
.skin-yellow-white .btn-info i.fa,
.skin-yellow-white .btn-info i.fas,
.skin-yellow-white .btn-info i.far,
.skin-yellow-white .btn-secondary i.fa,
.skin-yellow-white .btn-secondary i.fas,
.skin-yellow-white .btn-secondary i.far {
  color:#fff;
}
/** CUSTOM SCROLL-BAR STARTs ****/

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

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

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

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

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

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

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

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

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

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

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

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

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