@font-face {
  font-family: Poppins-Light;
  src: url(../fonts/Poppins-Light.ttf);
}
@font-face {
  font-family: Poppins-Regular;
  src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
  font-family: Poppins-Medium;
  src: url(../fonts/Poppins-Medium.ttf);
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url(../fonts/Poppins-SemiBold.ttf);
}
@font-face {
  font-family: Poppins-Bold;
  src: url(../fonts/Poppins-Bold.ttf);
}
body { font-family: 'Poppins-Regular'; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins-Medium'; }
a.btn-mg-primary-dark,
a.btn-mg-primary {
    text-decoration: none;
}
a.btn-mg-primary:hover {
    background: #093959;
    color: #fff !important;
}
table > thead > tr > th {
    color: #58595b;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}
table > tbody > tr > td {
    vertical-align: middle;
    white-space: nowrap;
}
.top-nav-logo .img-logo {
    object-fit: contain;
    height: 52px;
    width: 160px;
}
.profile-icon{top: -5px;}
.btn-x-circle { border-color: transparent !important; }
.form-control.error, .form-select.error{border-color: #f11303;}
.custom-sidemenu .sidebar-link-active .sidebar-link-icon{color:#fff;}
.custom-sidemenu .sidebar-link .sidebar-link-icon i{ font-size:22px;}
.custom-sidemenu .sidebar-link:hover .sidebar-link-active .sidebar-link-icon{color:#35265f !important;}
.custom-sidemenu .sidebar-link .sidebar-link-active{height:33px; background:#fff; border-radius:5px;}
.custom-sidemenu .sidebar-link .sidebar-link-active .sidebar-link-icon{color:#35265f !important;}
.custom-sidemenu .sidebar-link .sidebar-link-active .sidebar-link-icon i{ padding-top:3px;color: #fff;}
.custom-sidemenu .sidebar-link .sidebar-link{height: 55px; padding:0;}
.custom-sidemenu .sidebar-link p{left:55px;}
.custom-sidemenu .sidebar-link-icon{color:#fff;}
.custom-sidemenu .sidebar-link-active .sidebar-link-icon{margin-right:0; padding:5px; border-radius:10px;}
.custom-sidemenu .sidebar-link:before{width:0px;}
.custom-sidemenu .sidebar-link{padding:11px 12px; color:#fff;}
.custom-sidemenu .sidebar-link-icon{margin-right:0; padding:0 5px}
.custom-sidemenu.sidebar.sidebar--collapse .sidebar-dropdown-wrap:hover .sidebar-dropdown{background: #AFA5D9;}
.custom-sidemenu.sidebar.sidebar--collapse .sidebar-link{font-size:14px;}
.custom-sidemenu.sidebar.sidebar--collapse .sidebar-dropdown-wrap.sidebar-dropdown-wrap-open .sidebar-link .sidebar-link-icon{ background:#fff;height:45px; border-radius:5px; padding:8px 5px 0px 5px;}
.custom-sidemenu.sidebar.sidebar--collapse .sidebar-dropdown-wrap.sidebar-dropdown-wrap-open .sidebar-link .sidebar-link-icon i{color:#35265f !important;}
.custom-sidemenu .sidebar-link .sidebar-link-title{color:#fff;font-size: 14px;}
.custom-sidemenu .sidebar-submenu .sidebar-link a .sidebar-link-title{color:#fff;}
.custom-sidemenu .sidebar-dropdown .sidebar-dropdown-icon i{color:#fff;}
.custom-sidemenu .sidebar-submenu .sidebar-link{height:35px;}
.bg-dark-blue{background:#35265f;}
.user-symbol{width:35px; height:35px; padding:6px !important;}
.top-menu-right a.dropdown-item {font-weight: 300;font-size: 14px;color: #4b4b4b;}
.client-profile-img{ left:0px;top:12px;}
.client-profile-img img{
    background: linear-gradient(90deg,#de1f2f 0%,#35265f 100%);
    display: block;
    font-size: 15px!important;
    height: 100px;
    margin:0px;
    padding: 3px !important;
    width: 100px;
}
.cursor-move {cursor: move;}
.recipient-notification{top:0px !important;width: 25px;height: 25px;text-align: center; right:-5px !important; font-weight:600;}
.lh-20{line-height:20px;}
.text-dark-blue{color:#35265f;}
.bg-notification{
    background: #dedce5;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    padding: 2px;
    right: -10px;
    text-align: center;
    top: -2px;
    width: 20px;
}
.btn-swal-danger{padding-top: 5.5px !important;padding-bottom: 5.5px !important;}
.bg-dark-blue{ background:#35265f;}
.rounded-m{ border-radius:10px;}
.arrow-right-icon{bottom: -5px; position: relative;}
.bg-gray{background:#e8e7ed;}
#html_accessories .bg-gray, #html_services .bg-gray {background:#F5F9FB;}
.ps-2space {padding-left: 2rem!important;}
.hide-arrow .dropdown-toggle::after{ display:none;}
.dropdown-pos .dropdown-menu{right:0;left: auto;}
.rounded-m-left-right{ border-top-left-radius:10px;  border-top-right-radius:10px; overflow:hidden;}
.custom-tabs .tab-content{border-top:1px solid #861b41;}
.custom-tabs .nav-link {
    background: #e8e7ed;
    border-radius: 0;
    font-weight: 600;
    height: 48px;
    padding:5px !important;
}
.custom-tabs .nav-link.active {
    color: #fff !important;
}
.activity-list-content .hover-light:hover{ background:#f7f5f7; cursor:pointer;}
.custom-card-shadows{box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.1);}
.custom-topbar .navbar-brand{margin-right:5px;}

.bx-right-arrow-alt {
    top: 3px;
}
.dashboard-system .no-data {
    margin-bottom: 45px;
}
#form_new_system .system-udi {
    border-top-left-radius: 0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 0;
}
#form_new_system .system-account {
    border-top-left-radius: 7px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 7px;
}
#form_new_system .system-udi.active,
#form_new_system .system-account.active {
    color: #fff !important;
}
.draggable-panel-list .panel-text {
    position: relative;
    display: inline-block;
}
.draggable-panel-list .panel-text::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(45deg, #de1f2f, #35265f);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    -webkit-mask-composite: exclude;
    pointer-events: none;
}
.draggable-panel-list .panel-text.mh-solid-color::before {
    background: #0f3177;
}
.draggable-panel-list .panel-text i.bx-move,
.draggable-panel-list .panel-text i.bx-move, .help-text i.bx-move {
    background: -webkit-linear-gradient(#de1f2f, #35265f);
    cursor: pointer;
    font-size: 23px;
    position: relative;
    top: 3px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.draggable-panel-list .panel-text i.bx-move.mh-solid-icon,
.help-text i.bx-move.mh-solid-icon {
    -webkit-text-fill-color: #0f3177 !important;
}
.mh-chat-box {color: #325B7B;}
@media screen and (min-width: 768px) {
    .header-dropdown .dropdown-menu{left:-80px;}
    .min-hgt-60{min-height:60px;}
}
@media screen and (min-width: 576px) {
    .custom-sidemenu.sidebar.sidebar--collapse .sidebar-link p{color: #fff;}
    .custom-sidemenu.sidebar.sidebar--collapse .sidebar-submenu-wrap .sidebar-link p{top: 4px;}
}
@media screen and (max-width: 575px) {
    .main-wrapper .custom-sidemenu .sidebar-link:hover{background: #AFA5D9;}
}
#nav-bar.show #nav_accordion li ul.submenu li a span {padding-left: 20px;}
.header_img img{width: 40px}
.navbar-brand-box{border-bottom:1px solid #5f5490;}
.search-btn{margin-left: -45px !important; position: relative; z-index: 9;}
.rounded-8{border-radius:8px !important;}
.minus-top-5{top:-4px; min-width: 120px; display:inline-block;}
.fs-7{font-size: 0.8rem!important;}
a.custom-blue-btn{border:1px solid #093959;}
a.custom-blue-btn:hover{border:1px solid #093959; background:#093959; color:#fff;}
p{font-size: 15px;font-weight: normal;line-height: 24px;letter-spacing: 0.05px;}
.main-content{padding: 10px 25px;min-height: 725px;}
.login-top{clip-path: polygon(50% 0%, 100% 0, 100% 60%, 48% 100%, 0% 60%, 0 0);position: absolute; width: 100%; top:0; min-height:500px;}
.login-overlay{position:absolute; top:0; left:0; width:100%; height:100%;}
.client-logo img{filter: brightness(0) invert(1);}
.login-form label{font-weight:300;}
.eye-icon i{position: absolute;top: 41px;right: 12px;}
.eye-icon .form-control{padding-right:40px !important;}
.btn-success-custom{background:#6eae23}
.btn-success-custom:hover{border:1px solid #6eae23;background:#fff !important; color:#6eae23 !important;}
.bg-dark-blue{ background:#093959;}
.lh-20{ line-height:20px;}
.profile-dropdown-toggle:after {content: none;}
.header-dropdown a.dropdown-item{font-weight: 300; font-size: 14px; color:#4b4b4b;}
.custom-card {box-shadow: 0 10px 30px #181c210d;}
.txt-shadows-black{text-shadow: 1px 1px 1px #000;}
.profile-bg{ background:url(../images/profile-bg.png) bottom right no-repeat;}
.client-profile-img{ left:0px;top:12px;}
.status-img-min{min-height:55px;}
.history-list li{ list-style:none; position:relative; padding-left:34px;}
.history-img {position: absolute;left: 0;top: 5px;}
.ps-2space{padding-left: 2rem!important;}
.check-icons:before{content:"\ea46";font-family:boxicons; position:absolute; left:0px; top:2px; font-size:24px; color:#6c757d;}
.fixed-img-size{width: 140px; height: 140px; margin: 0 auto;}
.btn-tab-style{-webkit-box-shadow: 0px 0px 11px 0px rgba(207,207,207,1);-moz-box-shadow: 0px 0px 11px 0px rgba(207,207,207,1);box-shadow: 0px 0px 11px 0px rgba(207,207,207,1);}
.back-btn-arrow{ bottom: -2px;position: relative;}
.page-breadcrumb.breadcrumb > .breadcrumb-item + .breadcrumb-item:before{content:"\ea50";font-size:16px;color: #4b4b4b;font-family:boxicons;position: absolute;top:-1px;left: 0px;}
.page-breadcrumb.breadcrumb .breadcrumb-item{position:relative; display: flex; padding-left:15px;}
.page-breadcrumb.breadcrumb .breadcrumb-item:first-child{ padding-left:5px;}
.page-breadcrumb.breadcrumb a {margin-left: 5px; margin-right: 5px; font-size:14px !important;letter-spacing: 0.06em;  font-weight: 500;color: #4b4b4b; text-decoration:none; font-weight:300; }
.page-breadcrumb.breadcrumb .breadcrumb-item.active{display: flex;align-items: center;font-weight:300;color: #4e37b6; margin-left:0px;margin-right: 5px;font-size:14px !important; padding-left:20px;}
.custom-form .form-label {font-weight: 500; font-size: 16px; color:#050505;}
.text-lighty {color: #050505 !important;}
.fs-14{font-size:14px;}
.error{color: red;}
.calendar-view{min-height: 567px;}
.register-your {
    font-size: 18px;
}
.account-detail {
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgb(82 30 78 / 33%);
    cursor: pointer;
    padding: 15px;
}
.account-detail .account_table {
    width: 100%;
}
.account-detail .account_table tbody > tr > td {
    width: 50%;
}
.btn-tab-style {
    -webkit-box-shadow: 0px 0px 11px 0px rgb(207 207 207);
    -moz-box-shadow: 0px 0px 11px 0px rgba(207,207,207,1);
    box-shadow: 0px 0px 11px 0px rgb(207 207 207);
}
.divider-div {
    position: relative;
    top: -18px;
    width: 35px;
    height: 20px;
    margin: auto;
    background: #ffffff;
    font-weight: 500;
    color: #35285e;
}
.back-page, .new-request-system-target { cursor: pointer; }
.ajax-loader {
    background: url(/assets/images/page-loader.gif) 50% 50% no-repeat #ccccccad;
    background-size: 10%;
    display: none;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.ajax-loader .loader-message {
    bottom: 0;
    color: #0b0a0a;
    font-size: 20px;
    left: 0;
    margin: auto !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 60%;
}
#ava_switch:active, #ava_switch:hover, .form-check-input:focus {
    box-shaow : none !important;
}
#ava_switch, #stella_switch {
    padding: 10px 21px;
}
.ava-form-switch {
   padding-top: 13px !important;;
}
.stella_switch {
    margin-left: 31px !important;
}
.ava-form-switch .form-check-input:checked {
    background-color: #3d245e;
    border: 1px solid #3d245e;
    box-shadow: unset;
}
.form-check-input:not(:checked) {
    box-shadow: unset;
}
.avalabel {
    padding-left: 10px;
}
.form-control:focus, .form-select:focus {box-shadow: unset;}
.nav-item .nav_link .fa-angle-right, .nav-item .nav_link .fa-angle-down {font-size: 22px;position: absolute;right: 10px;}
.nav-item .submenu > li > a {
    padding: 5px 10px;
}
.activity-list-content .hover-light:hover{ background:#f7f5f7; cursor:pointer;}
.min-hgt-50{min-height: 50px;}
.min-hgt-img{min-height: 100px;}
.min-hgt-img img {
    width: 50px;
    height: 50px;
}
.date-datepicker .date-date-picker, .date-datepicker .input-group-addon .bxs-calendar {
    cursor: pointer;
}
.date-datepicker .input-group-addon {
    right: 0px;
    top: 5px;
}
.date-datepicker .input-group-addon .bxs-calendar {
    font-size: 30px;
}
.draggable-panel-list li.panel .row-count i {
    background-color: #ffffff;
    border: solid 1px #c5c5c7;
    display: inline-block;
    border-radius: 25px;
    color: #a7345f;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    height: 35px;
    line-height: 23px;
    padding: 5px;
    position: relative;
    text-align: center;
    top: 4px;
    width: 35px;
}
.draggable-panel-list li .panel-text {
    padding: 10px 15px 10px;
}
.draggable-panel-list li.panel-info .panel-text-no-record {
    border: 1px solid #efefef !important;
    border-radius: 10px;
    padding: 10px 15px 10px;
}
.caregiver-cancel {
    margin-top: -2px;
}
.draggable-panel-list li.panel .row-count.panel-text-no-count i {
    color: #ececec !important;
}
.bx-move.position-relative {
    font-size: 20px;
    top: 5px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-group label{font-weight:500;color: #58595b;}
.form-group label span{font-weight: 300;}
.form-group label.error{color: #ff0000;font-size: 14px;position: relative;top: -5px;}
.card-box-shadow{
    box-shadow: 0 1px 3px 0 rgb(82 30 78 / 33%);
    border-radius: 5px;
}
.btn.btn-cancel {
    margin-top: -2px;
    color: #fff !important;
}
.btn-dismiss-modal {
    position: absolute;
    right: 5px;
    top: 5px;
}
.txt-sys-title {
    color: #B67419 !important;
    width: 60%;
    margin: auto;
}
.profile-drpdown .dropdown-toggle:active,
.profile-drpdown .dropdown-toggle {
    border: 0;
    outline: 0;
}
.profile-drpdown.partner-drpdown .dropdown-toggle.show {
    border: 1px solid;
}
.profile-drpdown .dropdown-menu[data-bs-popper] {
    left: inherit;
    right: -4px !important;
    border: 0;
    padding: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 6px;
}
.profile-drpdown .dropdown-menu[data-bs-popper]::before {
    content: "";
    position: absolute;
    right: 29px;
    top: -14px;
    border-width: 7px;
    border-style: solid;
    transform: rotate(180deg);
}
.profile-drpdown .dropdown-menu[data-bs-popper] {
    top: 38px;
}
.profile-drpdown .account-detail-sec {
    border: 1px solid #bdbdbd;
}
.profile-drpdown .account-detail-sec.active,
.profile-drpdown .account-detail-sec:hover {
    border: 1px solid #059e80;
}
.profile-drpdown .heading {
    background-color: #059e80;
    border-radius: 5px 5px 0 0;
}
.profile-drpdown table.table tr td {
    padding: 4px 2px;
}
.profile-drpdown table.table tr td:first-child {
    position: relative;
    padding-right: 15px;
}
.profile-drpdown table.table tr td:first-child::after {
    content: ':';
    position: absolute;
    right: 6px;
}
.custom-box-shadow {
    box-shadow: 0px 0px 6px #00000029;
}
.swal-portal {
    padding-bottom: 20px !important;
}
.swal-portal .swal2-image {
    margin-top: 20px;
}
.swal-portal .swal2-html-container {
    font-size: 16px !important;
    margin-top: 2px;
}
.swal-portal .swal-btn-status {
    padding-top: 2px !important;
    padding-bottom: 3px !important;
}
.swal-portal .swal2-close {
    font-size: 30px;
    left: 5px;
    outline: none;
    position: relative;
    top: -5px;
}
.swal-portal .swal2-close:focus {
    box-shadow: none;
}
.account-accepted {
    cursor: pointer;
}
.account-detail-sec.active{background-color: #fafafa;}
.bg-account .account-detail-sec:hover {background-color: #fafafa;cursor: pointer;}
.steps-per-hour-chart {
    height: 300px;
    text-align: center;
}
.legal-info p {
    text-align: justify;
}
#lock_box_form .lockbox-location {height: 75px;}
/*offset canvas component css for info*/
.cursor-pointer {
    cursor: pointer;
}
.custom-offcanvas-end.show {
    right: 0;
}
.custom-offcanvas-end .c-info-close {
    width: 35px;
    height: 35px;
    background-size: 20px;
}
.custom-offcanvas-end .offcanvas-body h4 {
    font-size: 25px;
}
.custom-offcanvas-end {
    width: 390px;
    position: fixed;
    height: 100vh;
    top: 54px;
    right: -450px;
    background-color: #fff;
    box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 0 3px 30px rgb(82 30 78 / 10%), 0 3px 20px rgb(82 30 78 / 10%);
    transition: all 0.3s ease-in-out 0s;
}
.offcanvas-body .call-chain, .offcanvas-body .snowbird, .offcanvas-body .udi-info, .offcanvas-body .lockbox-location, .offcanvas-body .service-location-address, .offcanvas-body .refresh-device-details {
    display: none;
}
.nav-acc-num {
    display: inline-block;
    line-height: 16px;
}
.profile-picture-outline-custom {
    background: #DBE9A4;
}
.profile-circle .profile-picture-outline-custom {
    height: 108px;
    width: 108px;
}
.font-size-16 {
	font-size: 16px;
}
.font-size-18 {
	font-size: 18px;
}
.cursor-auto {
	cursor: auto !important;
}
@media screen and (min-width: 767px) {
    .swal2-popup {
        width: 29em !important;
        padding-bottom: 20px !important;
    }
}
@media screen and (max-width: 767px) {
    .brand-logo{width:100px;top: -5px; position: relative;}
    .nav-tabs.btn-tab-style {
        width: 100%;
    }
    #test_my_system_model .txt-sys-title {
        width: auto;
        margin: auto;
    }
    .nav-acc-num {
        font-size: 10px;
    }
}
@media screen and (max-width: 576px) {
    .profile-drpdown table.table tr td {
        font-size: 13px;
    }
    .steps-per-hour-chart {
        width: 1100px;
    }
}
@media screen and (max-width: 406px) {
	.top-nav-logo .img-logo {
	    width: 72px;
	}
	.mobile-fs-11 {
		font-size: 11px;
	}
}