.hide {
  display: none !important;
}
.un-hide {
  display: block !important;
}
.text-white {
  color: #fff;
}
.hover-white:hover {
  color: white !important;
}
.hover-white-icon:hover > i {
  color: white !important;
}
.hover-bg-white:hover {
  background-color: white !important;
}
.text-red, .text-red i {
  color: red !important;
}
.hover-red:hover {
  color: red !important;
}
.hover-red-icon:hover > i {
  color: red !important;
}
.hover-bg-red:hover {
  background-color: red !important;
}
.ideal-green-bg {
  background-color: #215604;
}
.bg-light-blue{
  background-color: #d6e3eb;
}
.datepicker {
  z-index: 10000 !important;
}
#custom-login-box {
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 10px;
  box-sizing: border-box;
  padding: 48px !important;
  margin-top: 48px !important;
}
#custom-login-box .m-login__container.wider {
  width: 630px;
}
@media (max-width: 768px) {
  #custom-login-box .m-login__container.wider {
    width: 100%;
    margin: 0 auto;
  }
}
#custom-login-box .m-login__container .m-login__logo {
  /*text-align: center;*/
  /*margin: 0 auto 2rem auto;*/
  margin: 0 auto 2rem auto;
}
#custom-login-box .m-login__container .m-login__head .m-login__desc {
  /*margin-top: 1.5rem;*/
  /*text-align: center;*/
  /*font-size: font-get-size(regular);*/
  margin-top: 0.5rem;
}
#custom-login-box .m-login__container .m-login__form {
  margin: 1rem auto;
}
#custom-login-box .form-control{
  padding: .65rem 1rem;
  border-radius: .25rem;
  border: 2px solid #ced4da;
}
#custom-login-box input.form-control:active, #custom-login-box input.form-control:focus {
  border: 2px solid rgb(76, 154, 255);
}
#custom-login-box .custom-select.is-invalid, #custom-login-box .form-control.is-invalid, #custom-login-box .was-validated .custom-select:invalid, #custom-login-box .was-validated .form-control:invalid {
  border-color: #f4516c;
}
#custom-login-box input {
  color: #000;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.table-bordered tr td, .table-bordered tr th {
  border-right: 1px solid #eaeaea;
}
.table-bordered tr td:last-child {
  border-right: none;
}
.hide-after:after {
  display: none !important;
}
.color-red {
  color: red !important;
}
.svg-icon-red g [fill] {
  fill: red !important;
}
.width-full {
  width: 100% !important;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #dddbdb;
}
fieldset legend {
  font-weight: 400;
}
.input-required {
  /*position: absolute;*/
  /*line-height: 1.4;*/
  /*margin-left: 0.2em;*/
}
.input-required i {
  font-size: 75% !important;
  /*vertical-align: middle;*/
}
.white-space-normal {
  white-space: normal;
}
/*For form-view*/
.formview table {
  width: 100%;
  border-collapse:separate;
  border-spacing:0 1px;
}
.formview ul{
  list-style-type: none;
}
.formview td {
  border: 1px solid #eee;
  border-right: none;
  padding: 5px 10px;
}
.formview td:last-child {
  border-right: 1px solid #eee;
}
.user {
  color: #838383;
  text-transform: uppercase;
}
td.lbl {
  width: 27%;
}
td.lbl2 {
  width:40%;
}
.num {
  padding-right: 8px;
}
.width-60{
  width: 60% !important;
}
.width-35{
  width: 35% !important;
}
.width-max-content {
  width: max-content !important;
}
.no-wrap {
  white-space: nowrap;
}
.btn-outline-red {
  color: #fd351c;
  border-color: #fd351c; }
.btn-outline-red:hover {
  color: #ffffff;
  background-color: #fd351c;
  border-color: #fd351c; }
.btn-outline-red:focus, .btn-outline-red.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 53, 28, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(253, 53, 28, 0.5); }
.btn-outline-red.disabled, .btn-outline-red:disabled {
  color: #fd351c;
  background-color: transparent; }
.btn-outline-red:not(:disabled):not(.disabled):active, .btn-outline-red:not(:disabled):not(.disabled).active,
.show > .btn-outline-red.dropdown-toggle {
  color: #fff;
  background-color: #fd351c;
  border-color: #fd351c; }
.btn-outline-red:not(:disabled):not(.disabled):active:focus, .btn-outline-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 53, 28, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(253, 53, 28, 0.5); }

/*Begin Appointments styles*/
.timeBtn {
  margin-right: 5px;
  margin-bottom: 10px;
}
.timeBtn.disabled, .timeBtn.disabled.active, .timeBtn.disabled.focus, .timeBtn.disabled:active, .timeBtn.disabled:focus, .timeBtn.disabled:hover, .timeBtn[disabled], .timeBtn.active[disabled], .timeBtn.focus[disabled], .timeBtn[disabled]:active, .timeBtn[disabled]:focus, .timeBtn[disabled]:hover, fieldset[disabled] .timeBtn, fieldset[disabled] .timeBtn.active, fieldset[disabled] .timeBtn.focus, fieldset[disabled] .timeBtn:active, fieldset[disabled] .timeBtn:focus, fieldset[disabled] .timeBtn:hover {
  background-color: #d88080 !important;
  border-color: #d88080 !important;
  cursor: not-allowed !important;
}
.timeBtn.active, .timeBtn.focus, .timeBtn:active, .timeBtn:focus, .timeBtn:hover {
  background-color: #00a65a !important;
  border-color: #00a65a !important;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  cursor: not-allowed !important;
}
/*END Appointment Styles*/

/*Begin upload styles*/
#vpb_upload_button
{
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 2px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  font-family:Verdana, Geneva, sans-serif;
  font-size:16px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 100px;
  padding:10px;
}
#vpb_upload_button:hover
{
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  box-shadow: 0 2px 3px #666666;
  -moz-box-shadow: 0 2px 3px #666666;
  -webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  cursor: pointer;
}
.vpb_remove_button
{
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  /*border: 2px solid #63a62f;*/
  box-shadow: 0 2px 3px #666666;
  -moz-box-shadow: 0 2px 3px #666666;
  -webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  font-family:Verdana, Geneva, sans-serif;
  font-size:10px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 60px;
  padding:5px;
  margin-top:2px;
}
.vpb_remove_button:hover
{
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  box-shadow: 0 2px 3px #666666;
  -moz-box-shadow: 0 2px 3px #666666;
  -webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  cursor: pointer;
}
.vpb_main_demo_wrapper
{
  width:970px;
  border:1px solid #CCC;
  background-color: #FFF;
  box-shadow: 0 2px 10px #DF536B;
  -moz-box-shadow: 0 2px 10px #DF536B;
  -webkit-box-shadow: 0 2px 10px #DF536B;
  -webkit-border-radius: 15px 15px;-moz-border-radius: 15px 15px;border-radius: 15px 15px;
  display:none;
}
.vpb_image_wrappers
{
  /*width:180px;
  margin:20px;*/
  padding:10px;
  /*float:left;*/
  border:1px solid #CCC;
  background-color: #FFF;
  box-shadow: 0 2px 10px #DF536B;
  -moz-box-shadow: 0 2px 10px #DF536B;
  -webkit-box-shadow: 0 2px 10px #DF536B;
  -webkit-border-radius: 15px 15px;-moz-border-radius: 15px 15px; border-radius: 15px 15px;
}
.vpb_image_design
{
  width:180px;
  height:150px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.vpb_image_names
{
  font-family:Verdana, Geneva, sans-serif; font-size:13px; color:black;margin-bottom:8px;
  text-shadow: 0 1px 0 #C30;
}
.vpb_error_info
{
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  padding:10px;
  background:#FFFFB7;
  border:1px solid #F1F1F1;
  -moz-box-shadow: 0 2px 20px #cbcbcb;
  -webkit-box-shadow: 0 2px 20px #cbcbcb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height:20px;
}
.ccc A:link {text-decoration: none}
.ccc A:visited {text-decoration: none}
.ccc A:active {text-decoration: none}
.ccc A:hover {text-decoration:underline;color: blue;}
.uploading_image
{
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  color:#000;
  padding:10px;
  border:1px solid #F1F1F1;
  -moz-box-shadow: 0 2px 20px #cbcbcb;
  -webkit-box-shadow: 0 2px 20px #cbcbcb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.img-del{
  position:absolute;
  top:0px;
  right:0px;
}
/*End Upload styles*/

#noscript-warning, #safari-warning {
  font-family: sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10100;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  color: #FFF;
  background-color: #AE0000;
  padding: 5px 0 5px 0;
}
#noscript-overlay, #safari-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*background:rgba(74, 66, 66, 0.68);*/
  background: rgba(4, 4, 4, 0.79);
  /*background: rgba(4, 4, 4, 0.85);*/
  z-index: 10099;
}

/*Metronic 6 */
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__heading i.kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link i.kt-menu__link-icon {
  color: #5d78ff !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading i.kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link i.kt-menu__link-icon {
  color: #5d78ff !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading i.kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link i.kt-menu__link-icon {
  color: #5d78ff !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open > .kt-menu__heading i.kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open > .kt-menu__link i.kt-menu__link-icon {
  color: #5d78ff !important;
}
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 4px;
}
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-link a {
  color: rgba(255, 255, 255, 0.85);
}
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-link:hover {
  background-color: rgba(15, 15, 15, 0.1) ;
}
.form-group .kt-radio-inline {
  margin-top: 0.5rem;
}
/*timed list: removing the time part*/
.kt-timeline-v3.no-time .kt-timeline-v3__item::before {
  left: unset;
}
.kt-timeline-v3.no-time .kt-timeline-v3__item .kt-timeline-v3__item-desc {
  padding-left: 1.5rem;
}
/*full calendar event font*/
.fc-unthemed .fc-event .fc-content, .fc-unthemed .fc-event-dot .fc-content {
  padding: 0.15rem 0.15rem 0.15rem 1.3rem;
}
.fc-unthemed .fc-event .fc-content::before, .fc-unthemed .fc-event-dot .fc-content::before {
  display: block;
  content: " ";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  top: 0.5rem;
  left: 0.5rem;
}
.fc-unthemed .fc-event .fc-title, .fc-unthemed .fc-event-dot .fc-title {
  font-size: 0.7rem;
  font-weight: 400;
}
/*End Metronic 6*/

.form_response {
  text-align: right;
}
.full-height-filter {
  height: calc(100vh - 290px) !important;
  overflow: auto;
}
tr.selected td {
  background-color: #c9def5 !important;
}
.font-size-3em {
  font-size: 3em;
  line-height: 1em;
}
.valign-middle {
  vertical-align: middle !important;
}
@media (min-width: 1025px) {
  .submenu-btn-vertical {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
  }

  .submenu-btn-vertical > .kt-menu__link-icon {
    width: unset !important;
    margin-bottom: 3px;
  }
}
input.disabled{cursor: not-allowed; background-color: #d3d3d3 !important;}
.h-40px {
    height: 40px !important;
}
.h-60px {
    height: 60px !important;
}
.transform-90 {
    transform: rotate(90deg);
    transform-origin: right top;
}
.fw-bolder {
    font-weight: 600 !important;
}
/*.px-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}*/
.mt-20 {
    margin-top: 5rem !important;
}
.gap-2 {
    gap: .5rem !important;
}
.end-0 {
    right: 0 !important;
}
.top-50 {
    top: 50% !important;
}
.position-fixed {
    position: fixed !important;
}
.btn.btn-color-gray-700 {
    color: #5e6278;
}
.btn.btn-flex {
    display: inline-flex;
    align-items: center;
}
.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.bg-body {
    --bg-color: 255, 255, 255;
    background-color: #fff;
}
.bg-body {
    --bs-bg-opacity: 1;
    /*background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;*/
}
.h-35px {
    height: 35px !important;
}
.fw-bolder {
    font-weight: 600 !important;
}
.w-100px {
    width: 100px!important
}
@media (min-width: 1400px) {
    .w-xxl-100px {
        width: 100px !important;
    }
}
.w-150px {
    width: 150px!important
}
@media (min-width: 1400px) {
    .w-xxl-150px {
        width: 150px !important;
    }
}

/*Begin: For ATJLF*/
.kt-header {
    background-color: #C09149;
    border-bottom: 1px solid #eff0f6;
}
.kt-aside {
    background-color: #1C2B53;
}
.kt-aside-menu {
    background-color: #1C2B53;
}
.kt-aside__brand {
    /*background-color: #16203c;*/
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
    background-color: #16203c;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link {
    background-color: #16203c;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
    color: #ffffff;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c4c3c3;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c4c3c3;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #c4c3c3;
}
/*End: For ATJLF*/