.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #222 !important;
}
body, .body {
  color: #222!important;
  background: #edf2f9!important;
}
.hasDatepicker {z-index:9999 !important}
.modal-dialog {
  max-width: 600px!important;
}
.modal-body {
  padding-top: 0!important;
}
.login-content {
  background: #edf2f9!important;
}
.main-content {
  background: #edf2f9!important;
  padding: 0px 25px 0px 20px;
}
.page-content {
  background: #fff!important;
  padding: 35px 25px 25px!important;
  margin: 0px 0px 50px!important;
  border: 1px solid #d8e2ef!important;
  border-radius: 10px!important;
}
.card {
  border: 1px solid #d8e2ef!important;
}
.btn {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;
}
.bg-primary {
  background-color: #a0d6fb !important;
}
.text-primary {
  color: #0b96f3!important;
}
.text-primary:hover {
  color: #0978c2!important;
}
.btn-primary {
  color: #fff;
  background-color: #0b96f3!important;
  border-color: #0b96f3!important;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0978c2!important;
  border-color: #0978c2!important;
}
.btn-outline-primary {
  color: #0b96f3!important;
  border-color: #0b96f3!important;
}
.btn-outline-primary:hover {
 color:#fff!important;
 background-color:#0b96f3!important;
 border-color:#0b96f3!important;
}
.btn-link {
 color:#0b96f3!important;
 background-color:#fff!important;
 border-color:none!important;
 box-shadow: none!important;
}
.header-item, .header-item:hover {
  color: #555b6d!important;
}
.card-title {
  margin-bottom: 0px!important;
}
.form-check-input:checked {
  background-color: #0b96f3!important;
  border-color: #0b96f3!important;
}
.vertical-menu {
  background: #edf2f9!important;
  top: 70px!important;
}
.metismenu li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #2b3642;
  padding: 5px 0px;
}
.navbar-brand-box {
  background: #242d37!important;
  border-right: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}
#page-topbar {
  background-color: #edf2f9!important;
  border-bottom: none!important;
  position: sticky;
  top: 0;
  padding: 0px;
}
#page-topbar.active {
  -webkit-box-shadow: 0 .5rem .5rem -0.5rem rgba(0,0,0,.2) !important;
  box-shadow: 0 .5rem .5rem -0.5rem rgba(0,0,0,.2) !important;
}
.header-item, .header-item:hover {
  background-color: #edf2f9!important;
  color: #555b6d !important;
}
.app-search .form-control {
  width: 600px;
  margin-left: 20px;
  border: 1px solid #d8e2ef!important;
  background-color: #fff!important;
  border-radius: 10px!important;
}
.app-search .btn {
  position: absolute;
  right: 5px!important;
  top: 5px!important;
  height: 30px!important;
  padding: 0 10px;
  border-radius: 8px!important;
  font-size: 10px!important;
}
.vertical-menu {
  background: #242d37!important;
  border-right: none!important;
}
.pace {
  display: none!important;
}
#sidebar-menu ul li a,
#sidebar-menu ul li a i {
 color:#b3cbdd!important;
}
#sidebar-menu ul li a:hover,
#sidebar-menu ul li a:hover i {
 color:#0978c2!important;
}
#sidebar-menu ul li a svg {
 color:#b3cbdd!important;
}
#sidebar-menu ul li a:hover svg {
 color:#0978c2!important;
}
#sidebar-menu .mm-active>a,
#sidebar-menu .mm-active>a i,
#sidebar-menu .mm-active>a svg {
 color:#0978c2!important;
}
#sidebar-menu .mm-active>a svg {
 fill:rgba(11,150,243,1)!important
}
#sidebar-menu .mm-active .active,
#sidebar-menu .mm-active .active i,
#sidebar-menu .mm-active .active svg {
 color:#0978c2!important;
}
#sidebar-menu .mm-active .active svg {
 fill:rgba(11,150,243,1)!important
}
#sidebar-menu .mm-active>i {
 color:#0978c2!important;
}
.menu-title {
  font-size: 14px;
  color: #b3cbdd!important;
}
p.card-title-desc {
  color: #222!important;
}
.table {
  color: #222!important;
}
.form-label, .form-check-label {
  color: #222!important;
}
.card-header {
  background-color: #edf2f9!important;
}
.success{
    background:#F3FAEF;
    color:#325E1C;
    border: 1px solid #77B259;
    padding:20px;
    margin-bottom: 15px;
    border-radius:10px;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  display: none!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: none!important;
  background: none!important;
  font-weight: normal!important;
  color: #222!important;
}
.ui-widget-content {
  border: 1px solid #d8e2ef!important;
  background: #ffffff!important;
  color: #222222!important;
  box-shadow: rgba(149,157,165,.2) 0 8px 24px !important;
}
.ui-widget-header {
  border: 1px solid #d8e2ef!important;
  background: #edf2f9!important;
  color: #222222!important;
  font-weight: bold!important;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: block!important;
  padding: .5em!important;
  text-align: center!important;
  text-decoration: none!important;
}
.ui-datepicker .ui-state-default.ui-state-highlight{
    border-radius:50%!important;
    border-color: #fff!important;
    background-color: #edf2f9 !important;
    color: #222 !important;
}
.ui-state-default.ui-state-hover {
    border-radius:50%!important;
    border-color: #edf2f9!important;
    background-color: #edf2f9 !important;
}
.ui-datepicker .ui-state-active {
    border-radius:50%!important;
    border-color: #0b96f3!important;
    background-color: #0b96f3 !important;
    color: #fff !important;
} 
.ui-datepicker-prev span {
    display: none !important;
}
.ui-datepicker-next {
    text-align: center!important;
}
.ui-datepicker-next span {
    display: none !important;
}
.ui-datepicker-prev {
    background-color: transparent !important;
    background-image: url('https://sales.muddleit.com/images/Dark blue Arrow Left @3x.png') !important;
    background-repeat: no-repeat;
    background-size: 8px 12px!important;
    height: 18px !important;
    width: 14px !important;
    margin: 11px 10px!important;
    display: inline-block!important;
    left: 0 !important;
    top: 0 !important;
}
.ui-datepicker-prev:hover {
    background-color: transparent !important;
    border:none !important;
    background-image: url('https://sales.muddleit.com/images/Dark blue Arrow Left @3x.png') !important;
    background-repeat: no-repeat!important;
    background-size: 8px 12px!important;
    height: 18px !important;
    width: 14px !important;
    margin: 8px 7px!important;
    display: inline-block!important;
    left: 0 !important;
    top: 0 !important;
}
.ui-datepicker-next {
    cursor: pointer!important;
}
.ui-datepicker-prev {
    cursor: pointer!important;
}
.ui-datepicker-next {
    background-color: transparent !important;
    background-image: url('https://sales.muddleit.com/images/Dark Blue Arrow Right @3x.png') !important;
    background-repeat: no-repeat!important;
    background-size: 8px 12px!important;
    height: 18px !important;
    width: 14px !important;
    margin: 11px 4px!important;
    display: inline-block!important;
    right: 0 !important;
    top: 0 !important;
}
.ui-datepicker-next:hover {
    background-color: transparent !important;
    border:none !important;
    background-image: url('https://sales.muddleit.com/images/Dark Blue Arrow Right @3x.png') !important;
    background-repeat: no-repeat!important;
    background-size: 8px 12px!important;
    height: 18px !important;
    width: 14px !important;
    margin: 8px 7px!important;
    display: inline-block!important;
    right: 0 !important;
    top: 0 !important;
}
.ui-datepicker-month {
    border-radius: 4px;
    background-color: #fff;
    width: 70px !important;
    height: 28px;
    color: #222;
    font-size: 14px !important;
    font-weight: 500;
    text-align: left;
    border: 1px solid #edf2f9 !important;
    margin-right: 17px !important;
}
.ui-datepicker-year {
    border-radius: 4px;
    background-color: #fff;
    width: 70px !important;
    height: 28px;
    border: 1px solid #edf2f9 !important;
    color: #222;
    font-size: 14px !important;
    font-weight: 500;
    text-align: left;
}
.ui-datepicker-month option,
.ui-datepicker-year option {
    color: #222 !important;
    background-color: #fff !important;
    font-family: Open Sans !important;
    font-size: 14px !important;
    font-weight: 500;
}
.ui-datepicker-month option[selected],
.ui-datepicker-year option[selected] {
    background-color: #edf2f9 !important;
}
.side-footer {
  width:100%!important;
  bottom: 0;
  padding: 20px calc(20px / 2);
  position: absolute;
  color: #74788d;
  height: 60px;
  border-top: none!important;
}
footer, .footer {
  bottom: 0;
  padding: 20px calc(20px / 2);
  position: absolute;
  right: 25px;
  color: #74788d;
  left: 270px;
  height: 60px;
  border-top: 1px solid #d8e2ef !important;
}
a {
  color: #0b96f3;
}
a:hover {
  color: #0978c2;
}
.gif-loaderimg{background:url(../images/ajax_loader.gif);}
.gif-loaderimg{background:url(../images/ajax_loader.gif);height:100vh;background-repeat:no-repeat;text-align:center;background-position:center;position:fixed;top:0;width:100%;background-size:4%;opacity:.3;display:none;z-index:9999999;background-color:#000;}