#blah {
    max-height: 110px;
    height: auto;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
.panel-info > .panel-heading {
    color: #3a87ad;
    background-color: #6534991c;
    border-color: #bce8f1;
}
.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-body {
    padding: 15px;
}
.panel-default {
    border-color: #dddddd!important;
}
.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .w-loader {
        margin: 0 auto;
        width: 75%;
  }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-loader {
        margin: 0 auto;
        width: 50%;
  }
 }
@media (max-width: 767px) {
    .w-loader {
        margin: 0 auto;
        width: 75%;
  }
 }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .w-loader {
        margin: 0 auto;
        width: 45%;
  }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .w-loader {
        margin: 0 auto;
        width: 35%;
  }
}

.main-content-wrap.sidenav-open.d-flex.flex-column {
    padding: 0 1.75rem 0;
}
.user-profile .user-info {
    margin-top: 40px;
}
div#filter-toggle .form-group.ml-3 {
    width: 145px;
}

.ul-widget-card__info span p:first-child {
    font-size: 15px;
}

.ul-widget-card__info span p:last-child {
    font-size: 14px;
}
div.ul-widget-card__info span p.text-mute {
    color: #52495a !important;
}

div.ul-widget-card__info span p {
    color: #bbb !important;
}
table.table.table-borderless {
    background: #eeeeee;
}
table.table.table-borderless thead tr th {
    background: #f8f9fa;
}

.layout-sidebar-large .main-header .search-bar-btn {
    float: right;
    width: 50px;
}

.layout-sidebar-large .main-header .search-bar {
    float: left;
    border-radius: 0px;
}

.layout-sidebar-large .main-header .search-bar-btn button {
    width: 40px;
    background: #2aaae3;
    border: 1px solid #2aaae3;
    height: 40px;
    color: white;
    cursor: pointer;
}

.layout-sidebar-large .main-header .search-bar-btn button i::before {
    color: #ffffff;
}

.layout-sidebar-large .main-header .search-bar-btn button:hover {
    background: #2aaae3ba;border-color: #2aaae3ba;
}.card {
    border-radius: 0px;
}
/*custom css for remove button*/
label.upload-img-btn {
  min-width: 81px;
  position: relative;
  float: left;
  margin: 5px;
}

label.upload-img-btn:hover a {
  display: block;
}

label.upload-img-btn a {
  position: absolute;
}

label.upload-img-btn a.delete {
    top: -15px;
    left: 90%;
    font-size: 20px;
    color: red;
}
label.upload-img-btn a.delete i {
    font-weight: bold;
}
.btn-open{
    font-weight: 600;
    color: #2aaae3;
    background-color: #fff;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.btn-fwd{
    font-size: 18px;
    color: #2aaae3;
}
.files-add{
    cursor: pointer;
    color: #663399;
    border: 1px solid #663399;
    border-radius: 5px;
    padding: 1px 6px;
    font-size: 20px;
}
.btn-pr-blue{
    background: #2aaae3;
    border-color: #2aaae3;
}
.btn-primary:hover {
    background: #2aaae3;
    box-shadow: 0 8px 25px -8px #2aaae3;
    border-color: #2aaae3;
}
.pointer-event-none{
    pointer-events: none;
}

.background-open{
    color: #2aaae3;
    background-color: #fff;
}
.background-upcoming{
    color: #fff;
    background-color: #2aaae3;
}
.background-overdue{
    color: #47404f;
    background-color: #ffc107;
}
.background-completed{
    color: #fff;
    background-color: #47404f;
}
.background-success{
    color: white;
    background-color: #4caf50;
}
.background-cancelled{
    color: #47404f;
    background-color: #bbb;
}
.background-pending{
    color: #fff;
    background-color: #9932CC;
}
.switch .slider {
    position: absolute;
    cursor: pointer;
    width: 42px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 34px;
    background-color: #f44336;
    transition: 0.4s;
}