@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{font-family:Inter,sans-serif;overflow-x:hidden!important;font-size:.9375rem;color:#212529;background-color:#fff}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--bs-font-sans-serif);line-height:1.5!important;font-weight:600!important}::-moz-selection{background:rgba(57,108,240,.9);color:#fff}::selection{background:rgba(57,108,240,.9);color:#fff}a{text-decoration:none!important}p{line-height:1.6}#topnav{position:fixed;left:0;right:0;top:0;z-index:1030;background-color:transparent;border:0;-webkit-transition:all .5s ease;transition:all .5s ease}#topnav .logo{float:right;color:#212529!important;outline:0}#topnav .logo .l-dark,#topnav .logo .logo-dark-mode{display:none}#topnav .logo .l-light,#topnav .logo .logo-light-mode{display:inline-block}#topnav .has-submenu.active a{color:#fff}#topnav .has-submenu.active .submenu li.active>a{color:#396cf0!important}#topnav .has-submenu.active.active .menu-arrow{border-color:#396cf0}#topnav .has-submenu{position:relative}#topnav .has-submenu .submenu .submenu-arrow{border:solid #212529;border-radius:.5px;border-width:0 0 2px 2px;display:inline-block;padding:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:20px;top:14px}#topnav .has-submenu .submenu .has-submenu.active .submenu-arrow,#topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow{border-color:#396cf0}#topnav .navbar-toggle{border:0;position:relative;width:60px;padding:0;margin:0;cursor:pointer}#topnav .navbar-toggle .lines{width:25px;display:block;position:relative;margin:30px 10px 26px;height:18px}#topnav .navbar-toggle span{height:2px;width:100%;background-color:#212529;display:block;margin-bottom:5px;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}#topnav .navbar-toggle span:last-child{margin-bottom:0}#topnav .dropdowns{float:left;line-height:68px;padding:2.5px 0}#topnav .dropdowns>li{line-height:initial}#topnav .dropdowns .login-btn-primary{display:none}#topnav .dropdowns .login-btn-light{display:inline-block}#topnav .navbar-toggle.open span{position:absolute}#topnav .navbar-toggle.open span:first-child{top:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#topnav .navbar-toggle.open span:nth-child(2){visibility:hidden}#topnav .navbar-toggle.open span:last-child{width:100%;top:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#topnav .navbar-toggle.open span:hover{background-color:#396cf0}#topnav .navbar-toggle .navigation-menu>li>a:hover,#topnav .navbar-toggle:focus,#topnav .navbar-toggle:hover{background-color:transparent}#topnav .navigation-menu{list-style:none;margin:0;padding:0}#topnav .navigation-menu>li{float:right;display:block;position:relative;margin:0 10px}#topnav .navigation-menu>li.active>a,#topnav .navigation-menu>li:hover>a{color:#396cf0!important}#topnav .navigation-menu>li>a{display:block;color:#212529;font-size:13px;background-color:transparent!important;font-weight:600;letter-spacing:1px;line-height:24px;text-transform:uppercase;-webkit-transition:all .5s;transition:all .5s;font-family:var(--bs-font-sans-serif);padding-right:15px;padding-left:15px}#topnav .navigation-menu>li>a:active,#topnav .navigation-menu>li>a:hover{color:#396cf0}#topnav .navigation-menu .has-submenu .menu-arrow{border:solid #212529;border-radius:.5px;border-width:0 0 2px 2px;display:inline-block;padding:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;-webkit-transition:all .5s;transition:all .5s;left:-1px;top:32px}#topnav .navigation-menu .has-submenu:hover .menu-arrow{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}#topnav .menu-extras{float:left}#topnav.scroll{background-color:#fff;border:none;-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15)}#topnav.scroll .navigation-menu>li>a{color:#212529}#topnav.scroll .navigation-menu>li>.menu-arrow{border-color:#212529}#topnav.scroll .navigation-menu>li.active>a,#topnav.scroll .navigation-menu>li:hover>a{color:#396cf0}#topnav.scroll .navigation-menu>li.active>.menu-arrow,#topnav.scroll .navigation-menu>li:hover>.menu-arrow{border-color:#396cf0}#topnav.defaultscroll.dark-menubar .logo{line-height:70px}#topnav.defaultscroll.scroll .logo{line-height:62px}#topnav.defaultscroll.scroll.dark-menubar .logo{line-height:62px}#topnav.nav-sticky{background:#fff;-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15)}#topnav.nav-sticky .navigation-menu.nav-light>li>a{color:#212529}#topnav.nav-sticky .navigation-menu.nav-light>li.active>a{color:#396cf0!important}#topnav.nav-sticky .navigation-menu.nav-light>li.active>.menu-arrow,#topnav.nav-sticky .navigation-menu.nav-light>li:hover>.menu-arrow{border-color:#396cf0!important}#topnav.nav-sticky .navigation-menu.nav-light>li.active>a,#topnav.nav-sticky .navigation-menu.nav-light>li:hover>a{color:#396cf0!important}#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow{border-color:#212529}#topnav.nav-sticky .dropdowns .login-btn-primary{display:inline-block}#topnav.nav-sticky .dropdowns .login-btn-light{display:none}#topnav.nav-sticky .logo .l-dark{display:inline-block}#topnav.nav-sticky .logo .l-light{display:none}.logo{font-weight:600;font-size:24px;padding:0 0 6px;letter-spacing:1px;line-height:68px}.search-bar{padding-top:14.5px;padding-bottom:14.5px}.search-bar .menu-search form{position:relative}.search-bar .menu-search input[type=text],.search-bar .searchform input[type=text]{-webkit-box-shadow:none;box-shadow:none;padding:12px 15px;height:40px;font-size:14px;display:block;width:100%;outline:0!important;padding-left:45px;opacity:.7}.search-bar .menu-search input[type=submit],.search-bar .searchform input[type=submit]{position:absolute;top:5px;left:10px;opacity:0;width:40px;height:40px}.search-bar .menu-search .searchform:after{content:"\f0349";position:absolute;font-family:"Material Design Icons";left:16px;top:12px;font-size:20px;line-height:20px;pointer-events:none}@media (min-width:992px){#topnav .navigation-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#topnav .navigation-menu>.has-submenu>.submenu>.has-submenu>.submenu::before{top:15px;margin-right:-20px;-webkit-box-shadow:-1px 1px 0 0 rgba(33,37,41,.15);box-shadow:-1px 1px 0 0 rgba(33,37,41,.15);border-color:transparent transparent #fff #fff}#topnav .navigation-menu>.has-submenu:hover .menu-arrow{top:35px!important}#topnav .navigation-menu>.has-submenu.active .menu-arrow{top:32px}#topnav .navigation-menu>li .submenu{position:absolute;top:100%;right:15px;z-index:1000;padding:15px 0;list-style:none;min-width:180px;visibility:hidden;opacity:0;margin-top:10px;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15)}#topnav .navigation-menu>li .submenu li{position:relative}#topnav .navigation-menu>li .submenu li a{display:block;padding:10px 20px;clear:both;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:#212529!important;-webkit-transition:all .3s;transition:all .3s}#topnav .navigation-menu>li .submenu li a:hover{color:#396cf0!important}#topnav .navigation-menu>li .submenu li ul{list-style:none;padding-right:0;margin:0}#topnav .navigation-menu>li .submenu.megamenu{white-space:nowrap;width:auto}#topnav .navigation-menu>li .submenu.megamenu>li{overflow:hidden;min-width:180px;display:inline-block;vertical-align:top}#topnav .navigation-menu>li .submenu.megamenu>li .submenu{right:100%;top:0;margin-right:10px;margin-top:-1px}#topnav .navigation-menu>li .submenu>li .submenu{right:101%;top:0;margin-right:10px;margin-top:-1px}#topnav .navigation-menu>li>a{padding-top:25px;padding-bottom:25px;min-height:62px}#topnav .navigation-menu>li:hover>.menu-arrow{border-color:#396cf0}#topnav .navigation-menu>li.active>a,#topnav .navigation-menu>li:hover>a{color:#396cf0!important}#topnav .navigation-menu>li.last-elements .submenu{right:auto;left:0}#topnav .navigation-menu>li.last-elements .submenu:before{right:auto;left:10px}#topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu{right:auto;left:106%;margin-right:0;margin-left:10px}#topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:-3px}#topnav .navigation-menu.nav-light>li>a{color:rgba(255,255,255,.5)}#topnav .navigation-menu.nav-light>li.active>a{color:#fff!important}#topnav .navigation-menu.nav-light>li:hover>.menu-arrow{border-color:#fff!important}#topnav .navigation-menu.nav-light>li:hover>a{color:#fff!important}#topnav .navigation-menu.nav-light .has-submenu .menu-arrow{border-color:rgba(255,255,255,.5)}#topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow{border-color:#fff!important}#topnav .navigation-menu.nav-right{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}#topnav .navigation-menu.nav-left{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}#topnav .navigation-menu.nav-left>li.last-elements .submenu{right:auto;left:0}#topnav .navigation-menu.nav-left>li.last-elements .submenu:before{left:-5px}#topnav .logo{margin-left:30px}#topnav .dropdowns{padding-right:15px;margin-right:15px}#topnav .navbar-toggle{display:none}#topnav #navigation{display:block!important}#topnav.scroll{top:0}#topnav.scroll .navigation-menu>li>a{padding-top:20px;padding-bottom:20px}#topnav.scroll-active .navigation-menu>li>a{padding-top:25px;padding-bottom:25px}#topnav .search-bar .menu-search input[type=text],#topnav .search-bar .searchform input[type=text]{width:250px!important}}@media (max-width:991px){#topnav{background-color:#fff;-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15);min-height:74px}#topnav .logo{padding:3px 0!important}#topnav .logo .l-dark{display:inline-block!important}#topnav .logo .l-light{display:none!important}#topnav .container{width:auto}#topnav #navigation{max-height:400px}#topnav .navigation-menu{float:none}#topnav .navigation-menu>li{float:none}#topnav .navigation-menu>li .submenu{display:none;list-style:none;padding-right:20px;margin:0}#topnav .navigation-menu>li .submenu li a{display:block;position:relative;padding:7px 15px;text-transform:uppercase;font-size:11px;letter-spacing:.04em;font-weight:600;color:#212529!important;-webkit-transition:all .3s;transition:all .3s}#topnav .navigation-menu>li .submenu.open{display:block}#topnav .navigation-menu>li .submenu .submenu{display:none;list-style:none}#topnav .navigation-menu>li .submenu .submenu.open{display:block}#topnav .navigation-menu>li .submenu.megamenu>li>ul{list-style:none;padding-right:0}#topnav .navigation-menu>li .submenu.megamenu>li>ul>li>span{display:block;position:relative;padding:10px 15px;text-transform:uppercase;font-size:12px;letter-spacing:2px;color:#8492a6}#topnav .navigation-menu>li>a{color:#212529;padding:10px 20px}#topnav .navigation-menu>li>a:after{position:absolute;left:15px}#topnav .navigation-menu>li .submenu li a:hover,#topnav .navigation-menu>li.has-submenu.open>a,#topnav .navigation-menu>li>a:hover{color:#396cf0}#topnav .menu-extras .menu-item{border-color:#8492a6}#topnav .navbar-header{float:right}#topnav .dropdowns .login-btn-primary{display:inline-block!important}#topnav .dropdowns .login-btn-light{display:none}#topnav .has-submenu .submenu .submenu-arrow{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;left:20px;top:12px}#topnav .has-submenu.active a{color:#396cf0}#navigation{position:absolute;top:74px;right:0;width:100%;display:none;height:auto;padding-bottom:0;overflow:auto;border-top:1px solid #f2f4f6;border-bottom:1px solid #f2f4f6;background-color:#fff}#navigation.open{display:block;overflow-y:auto}}@media (max-width:768px){#topnav .navigation-menu .has-submenu .menu-arrow{left:16px;top:16px}}@media (min-width:768px){#topnav .navigation-menu>li.has-submenu:hover>.submenu{visibility:visible;opacity:1;margin-top:0}#topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu{visibility:visible;opacity:1;margin-right:0;margin-left:0}.navbar-toggle{display:block}}@media (max-width:425px){#topnav .navbar-toggle .lines{margin-left:0!important}}@media (max-width:375px){#topnav .dropdowns{margin:0 10px 0 0}}.sidebar-nav{padding:15px 0}.sidebar-nav>.navbar-item{padding:6.5px 15px}.sidebar-nav>.navbar-item .navbar-link{color:#212529!important;font-size:15px;font-weight:500}.sidebar-nav>.navbar-item .navbar-link .navbar-icon{font-size:18px;margin-left:6px}.sidebar-nav>.navbar-item.active .navbar-link,.sidebar-nav>.navbar-item:hover .navbar-link{color:#396cf0!important}.navbar-white-bg{background-color:#fff!important}.page-wrapper{height:100vh}.page-wrapper .sidebar-wrapper{-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15);background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;width:300px;height:100%;max-height:100%;position:fixed;top:0;right:-300px;z-index:999}@media (min-width:1025px){.page-wrapper .sidebar-wrapper{z-index:1000}}@media (max-width:1024px){.page-wrapper .sidebar-wrapper{right:0}}@media (max-width:425px){.page-wrapper .sidebar-wrapper{width:260px}}.page-wrapper .sidebar-wrapper ul{list-style-type:none;padding:0;margin:0}.page-wrapper .sidebar-wrapper a{text-decoration:none}.page-wrapper .sidebar-wrapper .sidebar-content{max-height:calc(100% - 30px);height:calc(100% - 30px);overflow-y:auto;position:relative}.page-wrapper .sidebar-wrapper .sidebar-content.desktop{overflow-y:hidden}.page-wrapper .sidebar-wrapper .sidebar-brand{padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:71px}.page-wrapper .sidebar-wrapper .sidebar-brand>a{text-transform:uppercase;font-weight:700;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:all .3s ease;transition:all .3s ease}.page-wrapper .sidebar-wrapper .sidebar-brand>a:focus{outline:0}.page-wrapper .sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:24px;-webkit-transition:all .3s ease;transition:all .3s ease}.page-wrapper .sidebar-wrapper .sidebar-header{padding:20px;overflow:hidden}.page-wrapper .sidebar-wrapper .sidebar-menu{padding:16px 0}.page-wrapper .sidebar-wrapper .sidebar-menu .header-menu span{font-weight:700;font-size:14px;padding:15px 20px 5px 20px;display:inline-block}.page-wrapper .sidebar-wrapper .sidebar-menu li a{display:inline-block;width:100%;text-decoration:none;position:relative;padding:8px 20px 8px 24px;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1024px){.page-wrapper .sidebar-wrapper .sidebar-menu li a{padding:8px 24px 8px 24px}}@media screen and (max-width:425px){.page-wrapper .sidebar-wrapper .sidebar-menu li a{padding:8px 12px 8px 24px}}.page-wrapper .sidebar-wrapper .sidebar-menu li a:hover>i::before{display:inline-block}.page-wrapper .sidebar-wrapper .sidebar-menu li a:focus{outline:0}.page-wrapper .sidebar-wrapper .sidebar-menu li a i{width:36px;height:36px;background-color:#f8f9fa;display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;text-align:center;border-radius:5px;-webkit-transition:all .3s ease;transition:all .3s ease}.page-wrapper .sidebar-wrapper .sidebar-menu li.active i,.page-wrapper .sidebar-wrapper .sidebar-menu li:hover i{background-color:#f5f6f8}.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after{content:"\f0142"!important;color:#212529;font-family:"Material Design Icons";font-size:14px;position:absolute;left:15px;top:17px;-webkit-transition:all .3s ease;transition:all .3s ease}.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);left:17px}.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after,.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown:hover>a:after{color:#396cf0}.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu{display:none}.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li{padding-right:25px;font-size:14px}.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before{content:"\f035f"!important;color:#212529;font-family:"Material Design Icons";margin-left:4px;font-size:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a .badge,.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a .label{float:left;margin-top:0}.page-wrapper .sidebar-wrapper .sidebar-menu ul li a span.badge,.page-wrapper .sidebar-wrapper .sidebar-menu ul li a span.label{float:left;margin-top:8px;margin-right:5px}.page-wrapper .sidebar-wrapper.sidebar-dark{background-color:#161c2d}.page-wrapper .sidebar-wrapper.sidebar-colored{background-color:#396cf0}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand .sidebar-colored,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand .sidebar-colored{display:inline-block}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand .logo-dark-mode,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand .logo-dark-mode{display:none!important}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand .logo-light-mode,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand .logo-light-mode{display:none!important}.page-wrapper .sidebar-wrapper.sidebar-colored .btn.btn-icon,.page-wrapper .sidebar-wrapper.sidebar-dark .btn.btn-icon{background-color:rgba(248,249,250,.03)!important;color:rgba(248,249,250,.5)!important;border:none!important;-webkit-box-shadow:none;box-shadow:none}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu{border-top-color:rgba(255,255,255,.03)}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand>a,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header .user-info .user-role,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header .user-info .user-status,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li a,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand>a,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header .user-info .user-role,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header .user-info .user-status,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li a{color:rgba(255,255,255,.5)}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand>a:hover,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header .user-info,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown.active>a,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li.active>a,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li.active>a:before,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:active>a,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:active>a:before,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:hover>a,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:hover>a:before,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand>a:hover,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header .user-info,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown.active>a,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li.active>a,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li.active>a:before,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:active>a,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:active>a:before,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:hover>a,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:hover>a:before{color:#fff!important}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li a i,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li a i{background-color:rgba(248,249,250,.03)}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li.active i,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:hover i,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li.active i,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:hover i{background-color:rgba(248,249,250,.05)}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown>a:after,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown>a:after{color:rgba(255,255,255,.1)}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown.active>a:after,.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown:hover>a:after,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown.active>a:after,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown:hover>a:after{color:#fff}.page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before,.page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before{color:rgba(255,255,255,.5)}.page-wrapper .sidebar-wrapper .sidebar-header,.page-wrapper .sidebar-wrapper .sidebar-menu{border-top:1px solid #e9ecef}.page-wrapper .sidebar-wrapper .sidebar-brand>a,.page-wrapper .sidebar-wrapper .sidebar-header .user-info .user-role,.page-wrapper .sidebar-wrapper .sidebar-header .user-info .user-status,.page-wrapper .sidebar-wrapper .sidebar-menu li a{color:#161c2d;font-weight:500}.page-wrapper .sidebar-wrapper .sidebar-brand>a:hover,.page-wrapper .sidebar-wrapper .sidebar-header .user-info,.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.page-wrapper .sidebar-wrapper .sidebar-menu li.active>a,.page-wrapper .sidebar-wrapper .sidebar-menu li.active>a:before,.page-wrapper .sidebar-wrapper .sidebar-menu li:active>a,.page-wrapper .sidebar-wrapper .sidebar-menu li:active>a:before,.page-wrapper .sidebar-wrapper .sidebar-menu li:hover>a,.page-wrapper .sidebar-wrapper .sidebar-menu li:hover>a:before{color:#396cf0!important}.page-wrapper .sidebar-wrapper .sidebar-brand .sidebar-colored{display:none}.page-wrapper .sidebar-wrapper .sidebar-brand .logo-dark-mode{display:none}.page-wrapper .sidebar-wrapper .sidebar-brand .logo-light-mode{display:inline-block}.page-wrapper .page-content{display:inline-block;width:100%;padding-right:0;overflow-x:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.page-wrapper .page-content .top-header{position:fixed;left:0;top:0;z-index:999;max-height:70px;right:0;-webkit-transition:all .3s;transition:all .3s}.page-wrapper .page-content .top-header .header-bar{background:#fff;height:71px;-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15);position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px}@media (max-width:425px){.page-wrapper .page-content .top-header .header-bar{padding:24px 12px}}.page-wrapper .page-content .top-header .header-bar .logo-icon{display:none}@media (max-width:1024px){.page-wrapper .page-content .top-header .header-bar .logo-icon{display:block}}.page-wrapper .page-content .top-header .header-bar .logo-icon .small{display:none}@media (max-width:767px){.page-wrapper .page-content .top-header .header-bar .logo-icon .small{display:block}}.page-wrapper .page-content .top-header .header-bar .logo-icon .big{display:none}.page-wrapper .page-content .top-header .header-bar .logo-icon .big .logo-dark-mode{display:none}.page-wrapper .page-content .top-header .header-bar .logo-icon .big .logo-light-mode{display:inline-block}@media (min-width:768px) and (max-width:1024px){.page-wrapper .page-content .top-header .header-bar .logo-icon .big{display:block}}.page-wrapper .page-content .top-header .header-bar .search-bar{padding-top:14.5px;padding-bottom:14.5px}.page-wrapper .page-content .top-header .header-bar .search-bar .menu-search form{position:relative}.page-wrapper .page-content .top-header .header-bar .search-bar .menu-search input[type=text],.page-wrapper .page-content .top-header .header-bar .search-bar .searchform input[type=text]{-webkit-box-shadow:none;box-shadow:none;padding:10px 12px;height:40px;font-size:14px;display:block;width:250px;outline:0!important;padding-left:45px;opacity:.7}.page-wrapper .page-content .top-header .header-bar .search-bar .menu-search input[type=submit],.page-wrapper .page-content .top-header .header-bar .search-bar .searchform input[type=submit]{position:absolute;top:5px;left:10px;opacity:0;width:40px;height:40px}.page-wrapper .page-content .top-header .header-bar .search-bar .menu-search .searchform:after{content:"\f0349";position:absolute;font-family:"Material Design Icons";left:14px;top:10px;font-size:20px;line-height:20px;pointer-events:none}.page-wrapper .page-content .layout-specing{padding:94px 14px 24px!important;min-height:calc(100vh - 66px)!important;position:relative}@media (max-width:425px){.page-wrapper .page-content .layout-specing{padding:94px 0 24px!important}}@media screen and (min-width:1025px){.page-wrapper.toggled .page-content{padding-right:300px}}.page-wrapper.toggled .top-header{right:301px}@media (max-width:1024px){.page-wrapper.toggled .top-header{right:0}}.page-wrapper.toggled .sidebar-wrapper{right:0}@media (max-width:1024px){.page-wrapper.toggled .sidebar-wrapper{right:-300px}}.sidebar-footer{position:absolute;width:100%;bottom:0;right:0;left:0;padding:9px 20px 9px 24px!important;-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15);height:58px}@media (max-width:425px){.sidebar-footer{padding:9px 12px!important}}[dir=rtl] .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}footer{background:#202942;padding:60px 0 24px;position:relative;color:#adb5bd}footer .text-foot{color:#adb5bd}footer .footer-head{font-size:18px!important;letter-spacing:1px;font-weight:500;color:#fff}footer .footer-list{margin-bottom:0}footer .footer-list li{margin-bottom:10px}footer .footer-list li a{-webkit-transition:all .5s ease;transition:all .5s ease}footer .footer-list li a:hover{color:#e6e8ea}footer .footer-list li:last-child{margin-bottom:0}footer .footer-bar,footer.footer-bar{border-top:1px solid #2a3657}.bg-footer-color{background-color:#fff!important}.avatar.avatar-ex-sm{height:30px;width:30px}.avatar.avatar-ex-small{height:36px;width:36px}.avatar.avatar-md-sm{height:45px;width:45px}.avatar.avatar-small{height:65px;width:65px}.avatar.avatar-md-md{height:80px;width:80px}.avatar.avatar-medium{height:110px;width:110px}.avatar.avatar-large{height:140px;width:140px}.avatar.avatar-ex-large{height:180px;width:180px}.avatar.avatar-client{max-height:25px}.accordion .accordion-item{overflow:hidden;background:0 0}.accordion .accordion-item .accordion-button{font-weight:600;text-align:right;-webkit-box-shadow:none;box-shadow:none;padding:1rem 1.25rem 1rem 2.5rem}.accordion .accordion-item .accordion-button:focus{-webkit-box-shadow:none;box-shadow:none}.accordion .accordion-item .accordion-button:before{content:"\f0143";display:block;font-family:"Material Design Icons";font-size:16px;color:#396cf0;position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .5s ease;transition:all .5s ease}.accordion .accordion-item .accordion-button.collapsed{background-color:#fff;color:#212529!important;-webkit-transition:all .5s;transition:all .5s}.accordion .accordion-item .accordion-button.collapsed:before{top:15px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);color:#212529!important}.accordion .accordion-item .accordion-button:after{display:none}#preloader{position:fixed;top:0;right:0;left:0;bottom:0;background-image:linear-gradient(-45deg,#fff,#fff);z-index:9999999}#preloader #status{position:absolute;right:0;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#preloader #status .spinner{width:40px;height:40px;position:relative;margin:100px auto}#preloader #status .spinner .double-bounce1,#preloader #status .spinner .double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#396cf0;opacity:.6;position:absolute;top:0;right:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}#preloader #status .spinner .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.form-check-label,.form-label{font-weight:500}.form-control{border:1px solid #e9ecef;font-size:14px;line-height:26px;border-radius:6px;color:#212529!important;text-align:right}.form-control:focus{border-color:#396cf0;-webkit-box-shadow:none;box-shadow:none}.form-control[readonly]{background-color:#fff}.form-control:disabled{background-color:#dee2e6}.form-control::-webkit-input-placeholder{color:#3c4858}.form-control::-moz-placeholder{color:#3c4858}.form-control:-ms-input-placeholder{color:#3c4858}.form-control::-ms-input-placeholder{color:#3c4858}.form-control::placeholder{color:#3c4858}.form-check-input{border:1px solid #e9ecef;background-color:#fff}.form-check-input:focus{border-color:#396cf0;-webkit-box-shadow:none;box-shadow:none}.form-check-input.form-check-input:checked{background-color:#396cf0;border-color:#396cf0}.subcribe-form .btn{padding:10px 20px}.subcribe-form input{padding:12px 20px;width:100%;color:#212529!important;border:none;outline:0!important;padding-left:160px;padding-right:30px;background-color:rgba(255,255,255,.8);height:50px}.subcribe-form input::-webkit-input-placeholder{color:#3c4858}.subcribe-form input::-moz-placeholder{color:#3c4858}.subcribe-form input:-ms-input-placeholder{color:#3c4858}.subcribe-form input::-ms-input-placeholder{color:#3c4858}.subcribe-form input::placeholder{color:#3c4858}.subcribe-form button{position:absolute;top:2px;left:3px;outline:0!important}.subcribe-form form{position:relative;max-width:600px;margin:0 auto}.blog .title{-webkit-transition:all .5s ease;transition:all .5s ease;font-weight:500!important}.blog .title:hover{color:#396cf0!important}.blog .tag{background:#396cf0!important}.blog .link{color:#396cf0!important}.blog .post-meta .comments:hover,.blog .post-meta .like:hover{color:#396cf0!important}.sidebar .widget .widget-search form{position:relative}.sidebar .widget .searchform input[type=text],.sidebar .widget .widget-search input[type=text]{-webkit-box-shadow:none;box-shadow:none;padding:12px 15px;height:45px;font-size:14px;display:block;width:100%;outline:0!important;padding-left:45px}.sidebar .widget .searchform input[type=submit],.sidebar .widget .widget-search input[type=submit]{position:absolute;top:5px;left:10px;opacity:0;width:40px;height:40px}.sidebar .widget .widget-search .searchform:after{content:"\f0349";position:absolute;font-family:"Material Design Icons";left:16px;top:15px;font-size:20px;line-height:20px;pointer-events:none}.sidebar .widget .post-recent{padding-bottom:15px}.sidebar .widget .post-recent:last-child{padding-bottom:0}.sidebar .widget .post-recent .post-recent-thumb{width:25%}.sidebar .widget .post-recent .post-recent-content{width:75%;padding-right:10px}.sidebar .widget .post-recent .post-recent-content a{display:block;color:#212529;font-size:15px;-webkit-transition:all .5s ease;transition:all .5s ease}.sidebar .widget .post-recent .post-recent-content a:hover{color:#396cf0}.sidebar .widget .post-recent .post-recent-content span{font-size:13px}.sidebar .widget .tagcloud>a{background:#f8f9fa;color:#212529;display:inline-block;font-size:9px;letter-spacing:1px;margin:5px 0 5px 10px;padding:8px 12px 7px;text-transform:uppercase;-webkit-transition:all .5s ease;transition:all .5s ease;font-weight:600}.sidebar .widget .tagcloud>a:hover{background:#396cf0;color:#fff}.pharpachy-categories .category-title{position:absolute;top:20px;right:20px;z-index:1}.chat .chat-list.active,.chat .chat-list:focus,.chat .chat-list:hover{background:#f8f9fa!important;-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15)}.chat .chat-list .on-off,.chat .chat-type .on-off{position:absolute;right:-1px;top:-1px;font-size:12px!important}.chat.chat-person .on-off{font-size:10px}.chat.chat-person .chat-msg{margin-right:8px}.chat.chat-person .chat-msg .msg{border:1px solid #e9ecef}.chat.chat-person .chat-msg .msg-time{font-size:12px!important}.chat.chat-person .chat-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:left}.chat.chat-person .chat-right .chat-user-image{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.chat.chat-person .chat-right .chat-user-image .on-off{left:-1px}.chat.chat-person .chat-right .chat-msg{margin-left:8px;margin-right:0}.chat.chat-person .chat-right .chat-msg .msg{display:inline-block}.chat.chat-person .chat-right .chat-msg .msg-time{display:block}.map{line-height:0}.map iframe{width:100%;height:400px}.error{margin:8px 0;display:none;color:#f0735a}#ajaxsuccess{font-size:16px;width:100%;display:none;clear:both;margin:8px 0}#success_page,.error_message{padding:10px;margin-bottom:20px;text-align:center;border-radius:5px}.error_message{background-color:rgba(240,115,90,.1)!important;border:2px solid rgba(240,115,90,.1)!important;color:#f0735a!important;font-size:14px}.contact-loader{display:none}#success_page{background-color:rgba(83,199,151,.1)!important;border:2px solid rgba(83,199,151,.1)!important;color:#53c797!important}#success_page p{margin-bottom:0!important}.play-btn{height:78px;width:78px;font-size:30px;line-height:76px;border-radius:50%;display:inline-block;color:#fff}.play-icon{position:absolute;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);left:0;right:0;text-align:center}.play-icon i{height:75px;-webkit-text-stroke:2px #396cf0;-webkit-text-fill-color:transparent;width:75px;font-size:25px;line-height:75px;display:inline-block;background-color:#fff}.play-icon i:hover{-webkit-text-stroke:2px #396cf0;-webkit-text-fill-color:#396cf0}.cta-review{position:relative;top:220px}.features.feature-primary .title:hover{color:#396cf0!important}.features.feature-primary .icon{color:#396cf0!important;background-color:rgba(57,108,240,.05)!important}.features.feature-primary .link{color:#396cf0!important}.features.feature-bg-primary:hover{background-color:#396cf0!important}.features.feature-secondary .title:hover{color:#6c757d!important}.features.feature-secondary .icon{color:#6c757d!important;background-color:rgba(108,117,125,.05)!important}.features.feature-secondary .link{color:#6c757d!important}.features.feature-bg-secondary:hover{background-color:#6c757d!important}.features.feature-success .title:hover{color:#53c797!important}.features.feature-success .icon{color:#53c797!important;background-color:rgba(83,199,151,.05)!important}.features.feature-success .link{color:#53c797!important}.features.feature-bg-success:hover{background-color:#53c797!important}.features.feature-info .title:hover{color:#64c2f1!important}.features.feature-info .icon{color:#64c2f1!important;background-color:rgba(100,194,241,.05)!important}.features.feature-info .link{color:#64c2f1!important}.features.feature-bg-info:hover{background-color:#64c2f1!important}.features.feature-warning .title:hover{color:#f1b561!important}.features.feature-warning .icon{color:#f1b561!important;background-color:rgba(241,181,97,.05)!important}.features.feature-warning .link{color:#f1b561!important}.features.feature-bg-warning:hover{background-color:#f1b561!important}.features.feature-danger .title:hover{color:#f0735a!important}.features.feature-danger .icon{color:#f0735a!important;background-color:rgba(240,115,90,.05)!important}.features.feature-danger .link{color:#f0735a!important}.features.feature-bg-danger:hover{background-color:#f0735a!important}.features.feature-light .title:hover{color:#f8f9fa!important}.features.feature-light .icon{color:#f8f9fa!important;background-color:rgba(248,249,250,.05)!important}.features.feature-light .link{color:#f8f9fa!important}.features.feature-bg-light:hover{background-color:#f8f9fa!important}.features.feature-dark .title:hover{color:#212529!important}.features.feature-dark .icon{color:#212529!important;background-color:rgba(33,37,41,.05)!important}.features.feature-dark .link{color:#212529!important}.features.feature-bg-dark:hover{background-color:#212529!important}.features.feature-footer .title:hover{color:#202942!important}.features.feature-footer .icon{color:#202942!important;background-color:rgba(32,41,66,.05)!important}.features.feature-footer .link{color:#202942!important}.features.feature-bg-footer:hover{background-color:#202942!important}.features.feature-muted .title:hover{color:#8492a6!important}.features.feature-muted .icon{color:#8492a6!important;background-color:rgba(132,146,166,.05)!important}.features.feature-muted .link{color:#8492a6!important}.features.feature-bg-muted:hover{background-color:#8492a6!important}.features{-webkit-transition:all .5s ease;transition:all .5s ease}.features .icon{height:65px;width:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.features .title{font-weight:500}.features .big-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:20px;opacity:.05;font-size:120px}.features .big-icon,.features .icons,.features .para,.features .titles{-webkit-transition:all .5s ease;transition:all .5s ease}.features:hover .big-icon,.features:hover .icons,.features:hover .titles{color:#fff!important}.features:hover .para{color:rgba(255,255,255,.5)!important}.bg-home{height:100vh;background-size:cover;-ms-flex-item-align:center;align-self:center;position:relative;background-position:center center}.bg-half-260{padding:260px 0;background-size:cover;-ms-flex-item-align:center;align-self:center;position:relative;background-position:center center}.bg-half-170{padding:170px 0;background-size:cover;-ms-flex-item-align:center;align-self:center;position:relative;background-position:center center}.bg-half-150{padding:150px 0;background-size:cover;-ms-flex-item-align:center;align-self:center;position:relative;background-position:center center}.bg-profile{padding:80px 0;background-size:cover;-ms-flex-item-align:center;align-self:center;position:relative;background-position:center center}.bg-dashboard{padding:100px 0 30px;background-size:cover;-ms-flex-item-align:center;align-self:center;position:relative;background-position:center center}.bg-hero{padding:100px 0;background-size:cover;-ms-flex-item-align:center;align-self:center;position:relative;background-position:center center}.dr-profile-img{position:absolute;bottom:0}@media (max-width:425px){.dr-profile-img{position:relative;padding:24px}}.home-slider .carousel-control-next,.home-slider .carousel-control-prev{width:30px;height:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:30px;border:1px solid #ced4da}.home-slider .carousel-control-next-icon,.home-slider .carousel-control-prev-icon{width:30%}.home-slider .carousel-control-next{left:8px}.home-slider .carousel-control-prev{right:8px}.carousel-indicators [data-bs-target]{width:7px;height:7px;border-radius:30px;background:rgba(57,108,240,.5)!important;-webkit-transition:all .5s ease;transition:all .5s ease;border:2px solid rgba(255,255,255,.5);margin:0 4px;padding:0}.carousel-indicators .active{background:#396cf0!important;border-color:#396cf0}@media (max-width:767px){.bg-half-170,.bg-half-260,.bg-home,.main-slider .slides .bg-slider{padding:150px 0;height:auto}}.team{-webkit-transition:all .5s;transition:all .5s}.team .team-img .team-social{position:absolute;bottom:10px;right:10px;opacity:0;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translateX(50px);transform:translateX(50px)}.team .title{font-weight:500}.team .content,.team .content .speciality,.team .content .title{-webkit-transition:all .5s;transition:all .5s}.team .team-person img{-webkit-transition:all .5s;transition:all .5s}.team .team-person .team-like{position:absolute;top:10px;left:10px}.team .team-person:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.team:hover .team-img .team-social{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.team:hover .content{background:#396cf0!important}.team:hover .content .title{color:#fff!important}.team:hover .content .speciality{color:rgba(255,255,255,.5)!important}.section{padding:100px 0;position:relative}@media (max-width:768px){.section{padding:60px 0}}.bg-overlay{background-color:rgba(60,72,88,.7);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.heading-title{line-height:26px}.heading-title .heading{font-size:42px!important;letter-spacing:1px}.heading-title .title{font-size:32px!important;letter-spacing:1px}.heading-title .para-desc{font-size:17px}.section-title{position:relative}.section-title .title{letter-spacing:.5px;font-size:24px!important}.section-title .sub-title{letter-spacing:.5px;font-size:28px!important}.para-desc{max-width:600px}.mt-100{margin-top:100px}.bg-white-50{background:rgba(255,255,255,.5)!important}.shape{position:absolute;pointer-events:none;left:0;bottom:-2px;right:0}.shape>svg{-webkit-transform:scale(2);transform:scale(2);width:100%;height:auto;-webkit-transform-origin:top center;transform-origin:top center}.shape.integration-hero{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:250px;background:#fff}@media (max-width:768px){.shape.integration-hero{height:140px}}@media (max-width:425px){.shape.integration-hero{height:60px}}@media (max-width:425px){.shape{bottom:-4px}}.features-absolute{position:relative;margin:-200px 0 0;z-index:2;-webkit-transition:all .5s ease;transition:all .5s ease}@media (max-width:768px){.features-absolute{margin:-140px 0 0}}.features-absolute.career-form{margin:-145px 0 0}@media (max-width:768px){.features-absolute.career-form{margin:-105px 0 0}}.feature-posts-placeholder{position:absolute;bottom:0;right:0;left:0;height:66.6%}@media (max-width:425px){.feature-posts-placeholder{height:80%}}@media (max-width:768px){.heading-title .heading{font-size:36px!important}.heading-title .para-desc{font-size:18px}.section-title .title{font-size:24px!important}.mt-60{margin-top:60px}}.fea{stroke-width:1.8}.fea.icon-sm{height:16px;width:16px}.fea.icon-ex-md{height:20px;width:20px}.fea.icon-m-md{height:28px;width:28px}.fea.icon-md{height:35px;width:35px}.fea.icon-lg{height:42px;width:42px}.fea.icon-ex-lg{height:52px;width:52px}[class*=" uil-"]:before,[class^=uil-]:before{margin:0}.uim-svg{vertical-align:0!important}.rounded{border-radius:5px!important}.rounded-top{border-top-right-radius:5px!important;border-top-left-radius:5px!important}.rounded-left{border-top-right-radius:5px!important;border-bottom-right-radius:5px!important}.rounded-bottom{border-bottom-right-radius:5px!important;border-bottom-left-radius:5px!important}.rounded-right{border-top-left-radius:5px!important;border-bottom-left-radius:5px!important}.rounded-md{border-radius:10px!important}.rounded-lg{border-radius:30px!important}.border{border:1px solid #e9ecef!important}.border-top{border-top:1px solid #e9ecef!important}.border-bottom{border-bottom:1px solid #e9ecef!important}.border-left{border-right:1px solid #e9ecef!important}.border-right{border-left:1px solid #e9ecef!important}.back-to-top{position:fixed;z-index:99;bottom:30px;left:30px;display:none;-webkit-transition:all .5s ease;transition:all .5s ease;height:36px;width:36px;line-height:33px;color:#fff!important}.back-to-top:hover{background:#215aee!important}.social-icon li a{color:#212529;border:1px solid #212529;display:inline-block;height:32px;width:32px;line-height:30px;text-align:center;-webkit-transition:all .4s ease;transition:all .4s ease;overflow:hidden;position:relative}.social-icon li a .fea-social{stroke-width:2}.social-icon li a:hover{background-color:#396cf0;border-color:#396cf0!important;color:#fff!important}.social-icon li a:hover .fea-social{fill:#396cf0}.social-icon.footer-social li a{color:#adb5bd;border-color:#283453}.social-icon.social li a{color:#adb5bd;border-color:#adb5bd}.back-to-home{position:fixed;bottom:10px;left:10px;z-index:1}.sticky-bar{position:sticky;top:80px}.text-color-white{color:#fff!important}.d-flex .flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.margin-nagative.mt-n5{margin-top:-48px}.preview-box img{max-width:100%;height:auto;border-radius:6px}.shop-list .shop-image .qty-icons,.shop-list .shop-image .shop-icons{position:absolute;opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease}.shop-list .shop-image .shop-icons{top:15px;right:15px;z-index:2}.shop-list .shop-image .qty-icons{bottom:15px;text-align:center;left:0;right:0;z-index:2;-webkit-transform:translateY(100px);transform:translateY(100px)}.shop-list .shop-image:hover .qty-icons,.shop-list .shop-image:hover .shop-icons{opacity:1}.shop-list .shop-image:hover .qty-icons{-webkit-transform:translateY(0);transform:translateY(0)}.shop-list .content .product-name{-webkit-transition:all .5s ease;transition:all .5s ease}.shop-list .content .product-name:hover{color:#396cf0!important}.shop-list .label{position:absolute;top:15px;left:15px;z-index:2}.shop-list .qty-btn{pointer-events:none;width:65px;padding-right:16px}@media (max-width:1024px){.shop-list .qty-btn{padding-right:0}}.switcher-btn{position:fixed;top:200px;height:41px;width:40px;padding:3px;border-radius:30px 0 0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.style-switcher .t-dark,.style-switcher .t-rtl-light{display:inline-block}.style-switcher .t-light,.style-switcher .t-ltr-dark,.style-switcher .t-ltr-light,.style-switcher .t-rtl-dark{display:none}@media only screen and (max-width:375px){.switcher-btn{display:none!important}}[dir=rtl] .style-switcher .t-rtl-light{display:none}[dir=rtl] .style-switcher .t-ltr-light{display:inline-block}#external-events .fc-event,.fc-event-title-container{cursor:pointer;margin:4px 2px}#external-events .fc-event .fc-event-main{padding:5px}.fc .fc-non-business{background-color:transparent}.fc .fc-daygrid-day-number{padding:5px;font-weight:600;color:#396cf0}.fc .fc-col-header-cell-cushion{padding:8px 4px!important;color:#396cf0}.fc .fc-scrollgrid-liquid{border-radius:5px!important}.fc-theme-standard .fc-scrollgrid,.fc-theme-standard td,.fc-theme-standard th{border-color:#e9ecef!important}.fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title{font-size:18px!important}.fc-direction-ltr .fc-daygrid-event.fc-event-start{margin:auto 8px 4px}.fc-event-main{background-color:#396cf0}.fc-daygrid-dot-event{background:#f8f9fa;border:1px solid #e9ecef}.fc-daygrid-dot-event:hover{background-color:#e9ecef}.fc .fc-button{padding:4px 8px;font-size:13px!important;background-color:#396cf0!important;border:1px solid #396cf0!important;color:#fff!important;text-transform:capitalize!important}.fc .fc-button:disabled,.fc .fc-button:disabled.active,.fc .fc-button:disabled.focus,.fc .fc-button:disabled:active,.fc .fc-button:disabled:focus,.fc .fc-button:disabled:hover{background-color:rgba(57,108,240,.1)!important;border:1px solid rgba(57,108,240,.1)!important;color:#396cf0!important}.fc .fc-button.active,.fc .fc-button.focus,.fc .fc-button:active,.fc .fc-button:focus,.fc .fc-button:hover{background-color:#215aee!important;border-color:#215aee!important}.fc .fc-button:focus{-webkit-box-shadow:none!important;box-shadow:none!important}.fc .fc-icon{font-size:16px!important}.fc-daygrid-event-dot,.fc-h-event{border-color:#396cf0;background-color:#396cf0}#calendar{max-width:1240px}.simplebar-track.simplebar-vertical{width:8px!important}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{width:4px!important;background:#adb5bd!important}.tns-nav{text-align:center;margin-top:10px}.tns-nav button{width:10px;height:10px;border-radius:5px;background:rgba(57,108,240,.5)!important;-webkit-transition:all .5s ease;transition:all .5s ease;border:2px solid rgba(255,255,255,.5);margin:0 4px;padding:0}.tns-nav button.tns-nav-active{background:#396cf0!important;border-color:#396cf0}.tiny-timeline{position:relative;width:100%;margin:0 auto}.tiny-timeline:before{content:"";position:absolute;width:100%;top:17px;right:0;height:2px;background:#396cf0}.tiny-timeline .item-box{margin:70px 15px}.tiny-timeline .item-box:after,.tiny-timeline .item-box:before{content:"";position:absolute;right:50%;background:#396cf0}.tiny-timeline .item-box:before{width:2px;height:46px;top:-46px;-webkit-transform:translateX(50%);transform:translateX(50%)}.tiny-timeline .item-box:after{width:13px;height:13px;top:-59px;border-radius:3px;-webkit-transform:translateX(50%) rotate(-45deg);transform:translateX(50%) rotate(-45deg)}.qs-datepicker-container{background-color:#fff;border-color:#e9ecef;color:#3c4858;-webkit-box-shadow:0 0 3px rgba(60,72,88,.15);box-shadow:0 0 3px rgba(60,72,88,.15)}.qs-datepicker-container .qs-controls{background-color:#e9ecef;color:#3c4858}.qs-datepicker-container .qs-controls .qs-month-year{font-weight:600;font-size:15px}.qs-datepicker-container .qs-controls .qs-month-year:hover{border-bottom:1px solid #e9ecef}.qs-datepicker-container .qs-squares .qs-square{font-size:15px;height:34px;width:34px}.qs-datepicker-container .qs-squares .qs-square.qs-current,.qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:#396cf0;color:#fff;border-radius:30px;font-weight:500;text-decoration:none;border-radius:30px}.qs-datepicker-container .qs-squares .qs-day{font-weight:500;color:#8492a6}.apexcharts-tooltip{background:#161c2d!important;color:#fff;border-color:#161c2d!important}.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-grid,.apexcharts-gridline,.apexcharts-gridline line,.apexcharts-gridlines-horizontal,.apexcharts-gridlines-vertical,.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-radar-series line,.apexcharts-radar-series path,.apexcharts-radar-series polygon,.apexcharts-xaxis line,.apexcharts-xaxis-tick{pointer-events:none;stroke:#e9ecef}.apexcharts-tooltip-title{background:#161c2d!important;color:#fff;border-color:#161c2d!important}.apexcharts-data-labels,.apexcharts-datalabels text,.apexcharts-xaxis text,.apexcharts-yaxis text{fill:#212529!important}.apexcharts-legend-text{color:#212529!important;font-family:var(--bs-font-sans-serif)!important}
/*# sourceMappingURL=style-rtl.min.css.map */
.card .card-body {
    
    text-align: right;
    direction: rtl;
}
.form-control {
   
    text-align: right;
}
.speak1 {
    float: left;
    display: inline-block;
}

.speak2 {
    float: right;
    display: inline-block;
}
.field-icon {
    position: absolute;
    top: 40px;
    right: 19px;
    left: unset;
    font-size: 1.8em;
    width: 18px;
}
span.floty-eye-pass {
    
   left: 22px;
   right:unset;
    
}
.log-form .form-control {
    padding-right:33px;
    padding-left: 0.75rem;
}
.float-adjust {
    margin-right: 24px !important;
    margin-top: 70px !important;
    margin-left: auto !important;
}
.ms-3 {
    margin-left: 1rem !important;
}
.ps-3 {
    padding-left: 1rem !important;
}
/*excess*/
.speak1 {
    display: inline-block;
}

.speak2 {
    display: inline-block;
}

.white-icon {
    color: white;
    font-size: 24px; /* Adjust the size as needed */
}

.patient-info {
    font-size: .7em;
    height: 90%;
}

.speak-box {
    height: 69%;
    margin-top: .7rem;
    overflow-y: scroll;
    scrollbar-width: none;
}

.send-btn {
    border: none;
    padding: 10px 20px;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #305ccc;
}

.conv {
    background-color: #fff;
    padding: 10px;
    font-size: .7em;
    border-radius: 10px 10px 0px 10px;
    word-wrap: break-word;
}

    .conv:not(:first-child) {
        margin-top: 1rem;
    }

.speak1-name, .speak2-name {
    margin-left: 1rem;
}

.sidebar-brand a img {
    height: auto;
    width: 126px;
}
/*doctor call*/

/*call*/
.video-call-container2 {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    height: 40%;
    border-radius: 15px;
    overflow: hidden;
    background-color: rgba(57,108,240,.05);
}

#subscriber {
    width: 100%;
    height: 520px !important;
}

#publisher {
    border-radius: 17px;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    object-fit: cover;
}
/* Video Streams */
.video-streams2 {
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative;
    height: 100%;
    background-color: white !important;
    box-shadow: 0 0 3px rgba(60, 72, 88, .15) !important;
}

.video-stream2 {
    position: relative;
    flex: 1;
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: #eef1fa;
}

    .video-stream2 video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.video-stream.main2 {
    flex: 2;
}

/* User Info */
.user-info {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgb(238 241 250);
    padding: 5px 10px;
    border-radius: 5px;
}

.controls2 .btn-secondary {
    background-color: transparent !important;
    color: #396cf0 !important;
}

.username2 {
    font-size: 14px;
    color: #fff;
}
/* Participants */

.participants3 {
    position: absolute;
    top: 46%;
    right: 21px;
    border: 1px solid #f0735a;
    border-radius: 20px;
    height: 23%;
    width: 27%;
}

    .participants3 .video-stream {
        flex: 1;
        max-width: calc(100% - 10px);
        height: calc(100% - 10px);
    }

.controls2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 15px;
    gap: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.175);
}

.control-btn2 {
    background: #fff;
    border: none;
    padding: 10px 17px;
    color: #396cf0;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .control-btn2 span {
        font-size: 18px;
    }

    .control-btn2:hover {
        background: #396cf0;
        color: #fff;
    }

    .control-btn2.end {
        background: #DA0620;
        color: #fff;
    }

        .control-btn2.end span {
            width: 18px;
        }


        .control-btn2.end:hover {
            background: #396cf0;
            color: #fff;
        }

#call-duration2 {
    font-size: 14px;
    color: #bbb;
    flex: 1;
    text-align: left;
}
/*admin*/
/* General Reset */

.table-dark {
    --bs-table-hover-bg: hsl(219 44% 21% / 1) !important;
}

@media only screen and (max-width: 420px) {
    .wrap-mobile {
        flex-flow: row wrap;
    }

    .name {
        font-size: 1rem !important;
    }

    .widget-style-23 i {
        font-size: .8rem !important;
        font-weight: 600;
    }

    .purple h4 {
        font-size: 1rem !important;
    }

    .card2 h5 {
        font-size: .7rem !important;
    }

    .control-btn2 span {
        font-size: 15px;
    }

    .control-btn2 {
        padding: 10px 9px;
    }

    .participants3 {
        top: 29%;
        border-radius: 7px;
    }
}

/*call*/

.ban-bg {
    background-color: rgba(57,108,240,.05) !important!important;
}
/*tabs*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffff !important;
    background-color: #3f6bde !important;
    border: none;
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border-radius: 100px;
}

.design .nav-link {
}

.nav-link i {
    margin-left: 10px;
}

.nav-tabs {
    border-radius: 100px;
    background-color: #fff;
    border: none !important;
}

.design .nav-tabs .nav-link:hover {
    isolation: isolate;
    border: none !important;
}



textarea {
    color: #fff !important;
}

.design .form-control {
    background-color: rgba(57,108,240,.05) !important!important;
    border-color: rgba(57,108,240,.05) !important!important;
    color: #fff !important;
}

    .design .form-control:focus {
        color: #fff !important;
        background-color: rgba(57,108,240,.05) !important!important;
        border-color: rgba(57,108,240,.05) !important!important;
    }

textarea {
    resize: none !important;
}

.spaces-fields .form-group:not(:first-child), .spaces-fields .btn {
   margin-right:5px;
    margin-left: 5px;
}

.margin-main {
    margin-top: 5rem;
}

--bs-secondary-color: rgb(255 255 255 / 75%) !important;
.text-muted {
    --bs-text-opacity: 1;
    color: rgb(255 255 255 / 75%) !important;
}

.OT_mirrored.OT_root.OT_publisher.OT_loading.OT_fit-mode-cover {
    width: calc(100% - 10px) !important;
    height: 100% !important;
}


/*upcoming call*/
.field-icon {
    top: 27px;
}

.field-icon {
    position: absolute;
    top: 36px;
    left: 15px;
    right: unset;
    font-size: 1.8em;
    width: 18px;
}
/* styles.css */
/* styles.css */

.call-container p {
    margin-bottom: 0 !important;
}

.call-container {
    margin: auto;
    width: 50%;
    text-align: center;
    background: #ffffff;
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.call-header {
    font-size: 1.2em;
    color: #555;
}

.caller-info {
    margin: 0px 0px 20px 0px;
}

.caller-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #ddd;
}

.caller-info h2 {
    margin: 10px 0 5px;
    font-size: 1.5em;
    color: #333;
}

.caller-info p {
    color: #777;
    font-size: 1em;
}

.call-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.call-action {
    font-size: 1em;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

    .call-action i {
        font-size: 0.7em;
    }

    .call-action:hover {
        transform: scale(1.05);
    }

.decline {
    background-color: #da0620;
    color: white;
    font-size: 0.7em;
}

    .decline:hover {
        background-color: #e04343;
    }

.answer {
    background-color: #256cd0;
    color: white;
    font-size: 0.7em;
}

    .answer:hover {
        background-color: #2a79e7;
    }

/*upcoming call*/







.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3f6bde !important;
    --bs-btn-border-color: #3f6bde !important;
}

.user-photo {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.rare {
    background-color: #ADE5E6;
    padding: 10px 69px 10px 10px;
    border-radius: 20px;
    margin: 5px;
    position: relative;
}

.high-light {
    font-size: 1.5em;
    color: #1A2942;
}

h6 {
    font-size: .9rem;
}
/*t*/
/* styles.css */
.value-box {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #3BC0C3;
    padding: 7px;
}

.card-block {
    text-align: center;
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 50px;
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    margin-top: 74px;
}

.profile {
    position: absolute;
    top: -84px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 100px;
    height: 100px;
}


.profile-pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 5px solid #fff;
}

.header {
    text-align: center;
    padding: 20px;
    background-color: #3f6bde;
    border-radius: 20px;
    color: #f9f6f6;
    position: absolute;
    width: 80%;
    top: -16%;
    left: 10%;
    padding: 47px 15px 15px 15px;
}

.location {
    font-size: 0.9rem;
    color: #888;
    margin: 0;
}

.name {
    font-size: 1.4rem;
    margin: 5px 0;
    font-weight: bold;
}

.role {
    font-size: 0.9rem;
    margin: 0;
}

.details {
    padding: 38px 15px 15px 15px;
    display: flex;
    justify-content: space-around;
}

.section-title {
    margin-bottom: 10px;
    font-size: 1rem;
}

.enrollments {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.avatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 5px;
    border: 2px solid #fff;
}

.more-enrollments {
    width: 30px;
    height: 30px;
    background-color: #e5c0ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
}

.info-block {
    text-align: center;
}



    .info-block p {
        margin: 10px 0;
        display: flex;
        align-items: center;
        font-size: 0.9rem;
    }

    .info-block span {
        font-weight: bold;
        margin-left: 5px;
    }

.blue2 {
    background-color: #3BC0C3;
}

.purple {
    background-color: #53c797 !important;
    color: #fff;
    border-radius: 20px;
    background-image: url('imgs/Group\ \(1\).svg');
    background-size: 324px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    margin-top: 10px;
}



    .purple h4 {
        font-size: 1.2rem;
        padding: 10px 10px 0px 20px;
    }

.card2 h5 {
    font-size: 1rem;
}

.card2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    border: none !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;
}

.card-body2 {
    padding: .25rem 1.25rem;
}

.media2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.media-body2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.card2, .card-box2 {
    margin-bottom: 10px;
}

.widget-style-23 i {
    font-size: 1rem;
    font-weight: 600;
}


/*final readings*/
.reading-box {
    background-color: #fff;
    padding: 18px 16px;
    border-radius: 15px;
    margin: 5px;
    flex: 1;
}

.reading-value {
    margin-right: .5rem;
    margin-top: .2rem;
    font-size: 1.1em;
}

.unit {
    font-size: 1em;
}

.pressure {
    color: #FF8137;
}

.sugar {
    color: #DA0620;
}

.blue {
    color: #246cd0;
    font-size: 1.2em;
}

.pressure-square {
    border: 1px solid #FF8137;
}

.sugar-img {
    background-color: #DA0620 !important;
}

.pressure-img {
    background-color: #FF8137 !important;
}

.sugar-square {
    border: 1px solid #DA0620;
}

.reading-box h4 {
    font-size: 1em;
    margin-bottom: 0 !important;
}

h3 {
    font-size: 0.8em;
}

.attention {
    font-size: 0.7em;
}

.reading-box p {
    margin-bottom: 0 !important;
}

.blue-icon {
    background-color: #fff !important;
    padding: 4px 8px;
    border-radius: 10px;
}

    .blue-icon img {
        width: 24px;
    }

.margin-imp {
    margin-top: 1.5rem;
}

.content-img {
    margin-right: 10px;
}

.if-empty:empty {
    height: 100vh;
}

.readings-container {
    height: 68vh;
    scrollbar-width: none;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .readings-container::-webkit-scrollbar {
        display: none; /* For Chrome, Safari, and Edge: Hide scrollbar */
    }
/*select*/


.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: 1px solid #e9ecef !important;
    font-size: 14px;
    line-height: 26px;
    border-radius: 6px !important;
    color: #f8f9fa !important;
    
    display: block;
    width: 100%;
    padding: .375rem .75rem .375rem 2.25rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #f8f9fa;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left .75rem center;
    background-size: 16px 12px;
    border-radius: .375rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 0 !important;
        width: 0 !important;
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #2a3c51 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
}





.select2-dropdown {
    background-color: #fff !important;
}


.select2-results__options::-webkit-scrollbar-track {
    background: #eee;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: #007bff;
    border-radius: 5px;
}

.select2-results__options::-webkit-scrollbar {
    width: 3px;
}

.select2-container .select2-selection--single {
    height: auto !important;
}
/**select*/
@media only screen and (max-width: 768px) {
    .readings-container {
        height: 81vh;
    }
}

@media only screen and (max-width: 420px) {
    .design .nav-item {
        flex: 1 0 auto;
    }

    .nav-tabs {
        overflow-x: scroll;
        flex-wrap: nowrap;
        scrollbar-width: none;
        max-width: 100%;
        width: 320px;
    }

    .card-block {
        margin-top: 92px;
    }

    .purple {
        margin-top: 0.4rem;
    }

    .reading-value {
        margin-left: 0;
        margin-top: .3rem;
    }

    h3.mt-1 {
        margin-top: .9rem !important;
    }

    .content-img {
        margin-left: 10px;
        width: 20px;
    }

    .reading-box {
        border-radius: 15px;
        margin-top: .5rem;
    }

    .blue-icon {
        background-color: #0056b3;
        padding: 4px 5px;
        border-radius: 10px;
    }
}
/*final readings*/
/*doctor call*/

/*chat*/
.speak1 {
    display: inline-block;
}

.speak2 {
    display: inline-block;
}

.white-icon {
    color: white;
    font-size: 24px; /* Adjust the size as needed */
}

.patient-info {
    font-size: .7em;
    height: 90%;
}

.patient-info {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    color: white;
    padding: 20px;
    border-radius: 10px;
    z-index: 2;
    width: 100%;
}

.patient-info {
    color: white;
    padding: 0px 20px 20px 20px;
    border-left: 1px solid #333;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

    /* Hidden State */
    .patient-info.hidden {
        transform: translateX(100%); /* Slide out to the right */
        opacity: 0; /* Invisible when hidden */
    }

.send {
    background-color: #141f33;
    border-radius: 8px;
    color: #fff;
}

.toggle-btn {
    background-color: #fff;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.speak-box {
    height: 69%;
    margin-top: .7rem;
    overflow-y: scroll;
    scrollbar-width: none;
}

.send-btn {
    border: none;
    padding: 10px 20px;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #305ccc;
}

.conv p {
    margin-bottom: 0 !important;
}

.conv {
    background-color: #fff;
    padding: 10px;
    font-size: .7em;
    border-radius: 10px 10px 0px 10px;
    word-wrap: break-word;
    display: block;
}

    .conv p {
        line-break: anywhere;
        margin-bottom: 0 !important;
    }

    .conv:not(:first-child) {
        margin-top: 1rem;
    }

.speak1-name, .speak2-name {
    margin-left: 1rem;
}

.media-body.info {
}

    .media-body.info h5 {
    }

.media {
    display: flex;
}

.avatar-md {
    width: 50px;
    margin-left: 10px;
}

.card-i a {
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1); /* Inverts the color to white */
    cursor: pointer;
}

.card.app {
    background-color: #141f33;
    border: .1px solid #3f6bde;
}

.chat-left * {
    text-align: right;
    direction: rtl;
    margin-left: auto;
}

.chat-left {
    text-align: right;
    direction: rtl;
    margin-left: auto;
}

.vital-space .space {
    margin-right: 10px;
}



.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: #e1dede !important;
}



.pagination {
    --bs-pagination-disabled-bg: rgba(57,108,240,.05) !important!important;
    --bs-pagination-active-bg: #3f6bde !important;
}

.pagination {
    --bs-pagination-color: white !important;
    --bs-pagination-bg: #fff !important;
    --bs-pagination-border-color: #495057 !important;
    --bs-pagination-hover-color: #ffffff !important;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: rgba(57,108,240,.05) !important!important;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff !important;
    --bs-pagination-active-bg: #0d6efd !important;
    --bs-pagination-active-border-color: #0d6efd !important;
}






.design table .form-control {
    color: #000 !important
}

    .design table .form-control:focus {
        color: #000 !important
    }


table td, table th {
    vertical-align: top !important; /* Align content to the top */
    padding: 10px; /* Optional: adds spacing inside cells */
}

h2 {
    font-size: 1.1rem;
}



.btn-soft-light-shade {
    background-color: #007bff42 !important;
    border: 1px solid rgba(57, 108, 240, .1) !important;
    color: hsl(211.06deg 100% 50%) !important;
    -webkit-box-shadow: 0 3px 5px 0 rgba(57, 108, 240, .3) !important;
    box-shadow: 0 3px 5px 0 #009cd4ad !important;
}

.bg-soft-unique2 {
    background-color: #009cd440 !important;
    border: 1px solid rgba(57, 108, 240, .1) !important;
    color: hsl(196 100% 72% / 1) !important;
}

.bg-soft-unique {
    background-color: rgb(129 227 255 / 22%) !important;
    border: 1px solid rgb(129 227 255 / 22%) !important;
    color: #70d9ff !important;
}

.w-15 {
    width: 9%;
}

.btn-soft-light-shade.active, .btn-soft-light-shade.focus, .btn-soft-light-shade:active, .btn-soft-light-shade:focus, .btn-soft-light-shade:hover {
    background-color: #396cf0 !important;
    border-color: #396cf0 !important;
    color: #fff !important;
}

.btn-soft-success.active, .btn-soft-success.focus, .btn-soft-success:active, .btn-soft-success:focus, .btn-soft-success:hover {
    background-color: #53c797 !important;
    border-color: #53c797 !important;
    color: #fff !important;
}

.btn-soft-danger.active, .btn-soft-danger.focus, .btn-soft-danger:active, .btn-soft-danger:focus, .btn-soft-danger:hover {
    background-color: #f0735a !important;
    border-color: #f0735a !important;
    color: #fff !important;
}





.btn-close {
    border: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M18.3 5.71a1 1 0 0 0-1.42 0L12 10.59 7.12 5.7a1 1 0 0 0-1.41 1.42L10.59 12l-4.88 4.88a1 1 0 0 0 1.41 1.41L12 13.41l4.88 4.88a1 1 0 0 0 1.41-1.41L13.41 12l4.88-4.88a1 1 0 0 0 .01-1.41z"/></svg>') !important;
}

.bootstrap-timepicker-widget table td a {
    color: #03ddd5 !important;
}

    .bootstrap-timepicker-widget table td a:hover {
        background-color: #223852 !important;
        border-color: #03ddd55e !important;
    }

.bootstrap-timepicker-widget table td input {
    width: 25px;
    margin: 0;
    text-align: center;
    background-color: transparent;
   
    border: 1px solid #396cf0;
    font-size: 14px;
    line-height: 26px;
    border-radius: 6px;
   
}

.bootstrap-timepicker-widget.dropdown-menu {
    position: absolute;
    top: 50% !important;
}



.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid hsl(212 32% 12% / 1) !important;
    background-color: #fff;
}

.form-control[readonly] {
    background-color: #fff !important;
    /* color: black !important; */
}

.widget-body {
    background: #f8f9fa !important;
    border-radius: 10px;
}
.widget-panel.widget-templates.white-bg {
    border: 1px solid #396cf0;
    border-radius: 8px;
    margin-bottom: 12px;
    height: 230px;
    background-color: white;
}

hr {
    color: #496485;
}

.note-editor.note-airframe, .note-editor.note-frame {
    border-radius: 8px;
}

    .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
        margin: 10px;
        border: 1px solid #396cf0;
        font-size: 14px;
        line-height: 26px;
        border-radius: 6px;
        /* color: #f8f9fa !important; */
    }

.table td .btn {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    line-height: 1.5;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

.bootstrap-tagsinput {
    background-color: transparent !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block !important;
    padding: .375rem .75rem !important;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    border: 1px solid #2a3c51 !important;
    font-size: 14px;
    line-height: 26px !important;
    border-radius: 6px;
    color: #f8f9fa !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #2a3c51 !important;
    color: white;
    /* padding: .375rem .75rem !important; */
    background-color: #fff !important;
    text-align: right;
    direction: rtl;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding: .375rem .75rem !important;
    padding-left: .75rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e9ecef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.select2-container {
    display: block !important;
}

.toast.toast-success {
    background-color: #009cd4 !important;
    border: 1px solid rgba(57, 108, 240, .1) !important;
    color: #fff !important;
    -webkit-box-shadow: 0 3px 5px 0 rgba(57, 108, 240, .3) !important;
    box-shadow: 0 3px 5px 0 #009cd4ad !important;
}
.toast.toast-error {
    background-color: #f0735a !important;
    border-color: #f0735a !important;
    color: #fff !important;
}
.card {
    background-color: #fff !important;
    border: 0;
}

.vital h2 {
    color: white;
}

.control-btn2:hover, .control-btn2:active, .control-btn2:focus, .control-btn2:focus-visible, .control-btn2.mic-on {
    background: #3BC0C3;
}

.image-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    justify-content: center;
    align-items: center;
}
    /* Style for the close button */
    .image-overlay .close-btn {
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 30px;
        color: white;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 1001;
    }

        .image-overlay .close-btn:hover {
            color: red;
        }
    /* Style for the enlarged image */
    .image-overlay .enlarged {
        max-width: 90%;
        max-height: 90%;
        box-shadow: 0 0 15px white;
    }

.blue-square {
    border: 1px solid #246CD0;
}

.blue-icon {
    background-color: #246CD0 !important;
    padding: 4px 8px;
    border-radius: 10px;
}

.blue-square {
    border: 1px solid #246CD0;
}

.sugar-img {
    background-color: #DA0620 !important;
}

.pressure-img {
    background-color: #1E2C3F !important;
}

.mic-on {
    background: #3BC0C3;
}

.table-dark {
    --bs-table-color: #212529 !important;
    --bs-table-bg: #ffffff !important;
    --bs-table-border-color: #efefef !important;
    --bs-table-active-bg: #39;
    --bs-table-active-color: #ffffff !important;
    --bs-table-hover-color: #ffffff !important;
    lor: #fff;
    color: var(--bs-table-color);
    border-color: #cbcbcb !important;
}

tbody, td, tfoot, th, thead, tr {
    border-color: #ccc !important;
    border-style: solid;
    border-width: 0;
}

.table-dark thead th {
    background-color: hsl(223 71% 80% / 1) !important;
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: #3f6bde66 !important;
}

.badge-notfound {
    background-color: grey;
    color: #fff;
}

.bg-soft-success {
    background-color: rgba(83, 199, 151, .1) !important;
    border: 1px solid rgba(83, 199, 151, .1) !important;
    color: #53c797 !important;
}

.btn-soft-danger.active, .btn-soft-danger.focus, .btn-soft-danger:active, .btn-soft-danger:focus, .btn-soft-danger:hover {
    background-color: #f0735a !important;
    border-color: #f0735a !important;
    color: #fff !important;
}

.btn-soft-success.active, .btn-soft-success.focus, .btn-soft-success:active, .btn-soft-success:focus, .btn-soft-success:hover {
    background-color: #53c797 !important;
    border-color: #53c797 !important;
    color: #fff !important;
}
.table {
    --bs-table-hover-bg: rgb(57 108 240 / 19%) !important;
}
.btn-soft-danger {
    background-color: rgba(240, 115, 90, .1) !important;
    border: 1px solid rgba(240, 115, 90, .1) !important;
    color: #f0735a !important;
    -webkit-box-shadow: 0 3px 5px 0 rgba(240, 115, 90, .3);
    box-shadow: 0 3px 5px 0 rgba(240, 115, 90, .3);
}

.bg-soft-danger {
    background-color: rgba(240, 115, 90, .1) !important;
    border: 1px solid rgba(240, 115, 90, .1) !important;
    color: #d72704 !important;
}
.check-groups {
    padding: 5px;
    border-bottom: 1px solid #396cf047 !important;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: #ffffff !important;
}

.btn-soft-success {
    background-color: hsl(155 51% 47% / 1) !important;
    border-color: hsl(155 51% 47% / 1) !important;
    color: #fff !important;
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
    -webkit-transform: none;
    transform: none;
}

.offcanvas.offcanvas-end, .offcanvas.offcanvas-start {
    width: 350px;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible;
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.shadow {
    -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, .15) !important;
    box-shadow: 0 0 3px rgba(173, 181, 189, .15) !important;
}

.border-0 {
    border: 0 !important;
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: -webkit-transform .3sease-in-out;
    transition: -webkit-transform .3sease-in-out;
    transition: transform .3sease-in-out;
    transition: transform .3sease-in-out, -webkit-transform .3sease-in-out;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.ms-2 {
    margin-left: .5rem !important;
}

@media (min-width: 768px) {
    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-right: 8px !important;
    margin-left: 0px !important;
    cursor: pointer;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 8px;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline: none;
    border: none;
}

@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
}

.progress-value {
    padding-left: 250px;
    padding-right: 0;
}

.progress-box .progress .progress-value {
    position: absolute;
    top: -32px;
    right: -15px;
    font-size: 13px;
}

.progress-box .progress {
    height: 8px;
    overflow: visible;
    background: #2a3c51;
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.703125rem;
    --bs-progress-bg: #2a3c51;
    --bs-progress-border-radius: 0.375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #ffffff;
    --bs-progress-bar-bg: #396cf0;
    --bs-progress-bar-transition: width 0.6sease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
}

.progress-box .progress .progress-bar {
    border-radius: 6px;
    -webkit-animation: animate-positive 3s;
    animation: animate-positive 3s;
    overflow: visible !important;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    -webkit-transition: var(--bs-progress-bar-transition);
    transition: var(--bs-progress-bar-transition);
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef !important;
    border-radius: .25rem;
}

.form-group {
    margin-bottom: 0 !important;
}

.btn {
    padding: 8px 20px;
    outline: 0;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: .5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 5px;
}

    .btn.btn-icon {
        height: 36px;
        width: 36px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
    }

.btn-soft-primary {
    background-color: rgba(57, 108, 240, .1) !important;
    border: 1px solid rgba(57, 108, 240, .1) !important;
    color: #396cf0 !important;
    -webkit-box-shadow: 0 3px 5px 0 rgba(57, 108, 240, .3);
    box-shadow: 0 3px 5px 0 rgba(57, 108, 240, .3);
}

.btn.btn-pills {
    border-radius: 30px;
}

.dropdown-toggle::after {
    display: none;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.bg-danger {
    background-color: #f0735a !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: #f0735a !important;
}

.translate-middle {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}



.top-0 {
    top: 0 !important;
}

.badge {
    color: white;
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #ffffff;
    --bs-badge-border-radius: 0.375rem;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (min-width: 768px) {
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%;
        min-height: unset;
        padding-right: 0;
        padding-left: 0;
    }
}

.headerbtn {
    margin-bottom: 1rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .25rem;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(102 142 243 / 12%);
}

.table tr:hover {
    background-color: rgb(102 142 243 / 12%) !important;
}

tbody, td, tfoot, th, thead, tr {
    border-color: #396cf038 !important;
    border-style: solid;
    border-width: 0;
}

.btn-primary {
    color: #fff;
    background-color: #396cf0;
    border-color: #396cf0;
}

.label-0 {
    padding: .7rem;
}

.select2-container .select2-search--inline .select2-search__field {
    text-align: left;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.ms-2 {
    margin-left: .5rem !important;
    margin-right: .5rem;
}

.avatar {
    
    border-radius: 50%;
    margin-right: 0;
    border: none;
}

.offcanvas .offcanvas-header .dark-version {
    display: none;
}

.offcanvas .offcanvas-header .light-version {
    width: 115px;
    height: auto;
}

.uil.me-2 {
    margin-right: .5rem !important;
}

.ion.me-2 {
    margin-right: .5rem !important;
}

.card .card-body {
    padding: 1.5rem;
}

.h5, h5 {
    font-size: 1.125rem;
}

@media (min-width: 1200px) {
    .fs-4 {
        font-size: 1.5rem !important;
    }
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}

.offcanvas-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.showbox {
    position: absolute;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #396cf0 !important;
    margin-top: 4px;
}

.bootstrap-tagsinput .tag {
    margin-right: 4px;
    color: white;
    background-color: #396cf059 !important;
    padding: 0.2em 1.6em;
    border-radius: 0.25rem;
    display: inline-flex;
    align-items: center;
}

.form-check-input:checked {
    background-color: #396cf0;
    border-color: #396cf0;
}



.form-check-input:checked {
    background-color: #396cf0;
    border-color: #396cf0;
}

.form-check-input[type=checkbox] {
    border-radius: .25em;
}

.form-check-input {
    border: 1px solid #2a3c51;
    background-color: #1c2836;
}

    .form-check-input.form-check-input:checked {
        background-color: #396cf0;
        border-color: #396cf0;
    }

    .form-check-input:checked[type=checkbox] {
        background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMycgZD0nbTYgMTAgMyAzIDYtNicvPjwvc3ZnPg==);
    }

    .form-check-input:checked {
        background-color: #396cf0;
        border-color: #396cf0;
    }

    .form-check-input[type=checkbox] {
        border-radius: .25em;
    }

.form-check .form-check-input {
    float: right;
    margin-left: -1.5em;
}

.form-check-input {
    border: 1px solid #e9ecef;
    background-color: #fff;
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    print-color-adjust: exact;
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem .75rem .375rem 2.25rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nbTIgNSA2IDYgNi02Jy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: left .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    -webkit-transition: border-color .15sease-in-out, -webkit-box-shadow .15sease-in-out;
    transition: border-color .15sease-in-out, -webkit-box-shadow .15sease-in-out;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out, -webkit-box-shadow .15sease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.w-69 {
    width: 69% !important;
}

.mx-3-light {
    margin-right: .9rem !important;
    margin-left: .9rem !important;
}

.nav-tabs .nav-link {
    background-color: white;
}

.p-5.bg-primary.bg-gradient {
    background-image: url(../images/doctors/profile-bg.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 5rem;
}

.design .nav-tabs .nav-link:hover {
    cursor: pointer;
}

.info-block .text-body-secondary {
    color: #8492a6 !important;
}

.text-body-secondary span {
    color: #ededed;
}

.ms-3 {
    margin-left: 1rem !important;
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #ffffff;
    --bs-nav-pills-link-active-bg: #396cf0;
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-pills .nav-link.active {
    color: #fff !important;
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-pills .nav-link {
    color: #212529 !important;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}

.rounded-0 {
    border-radius: 0 !important;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    -webkit-transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out;
    transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
    border-radius: 0.375rem !important;
    box-shadow: none !important;
}

.nav-justified .nav-item {
    box-shadow: none !important;
}

.nav.nav-pills.nav-justified.flex-column.flex-sm-row.rounded.shadow.overflow-hidden.bg-light {
    background-color: #f8f9fa !important;
    box-shadow: none !important;
}

.avatar.avatar-medium {
    height: 110px;
    width: 110px;
}

.shadow-md {
    -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, .2) !important;
    box-shadow: 0 5px 13px rgba(60, 72, 88, .2) !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.margin-nagative.mt-n5 {
    margin-top: -48px;
}

.ps-3 {
    padding-left: 1rem !important;
}

.position-relative {
    position: relative !important;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: #ffffff !important;
    border-radius: 10px;
}

.orange {
    background-color: #FD7E14 !important;
    border-color: #FD7E14 !important;
}

.green {
    background-color: #28A745 !important;
    border-color: #28A745 !important;
}

.card.app .media-body.info .text-muted {
    color: #6c757d !important;
    font-size: .9em;
}
/*excess*/
.float-adjust {
    margin-right: auto !important;
    margin-top: 70px !important;
    margin-left: 8px !important;
}
body {
    
    direction: rtl;
    text-align: right;
}
.offcanvas.offcanvas-end {
    top: 0;
    left: 0;
    right:auto;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.badge {
    display: inline-block !important;
    letter-spacing: .5px !important;
    padding: 4px 8px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.bg-danger {
    background-color: #f0735a !important;
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.translate-middle {
    -webkit-transform: translate(50%, -50%) !important;
    transform: translate(50%, -50%) !important;
}

.start-100 {
    right: 100% !important;
}

.top-0 {
    top: 0 !important;
}

.position-absolute {
    position: absolute !important;
}
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "IBM Plex Sans Arabic", serif !important;
    font-style: normal;
    font-weight: 200 !important;
}

label {
    font-weight: 300 !important;
}

th {
    font-weight: 200 !important;
}

.badge {
    font-weight: 200;
}

body {
    font-family: "IBM Plex Sans Arabic", serif !important;
    font-style: normal;
}
.start-100.translate-middle.badge {
  
/*    padding: 0.35em 1.65em !important;*/
    z-index: 1000;
}

.badge {
    font-weight: 200;
}
.badge {
    display: inline-block;
    letter-spacing: .5px;
    padding: 4px 8px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-radius:50rem;
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #ffffff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}
.start-100 {
    right: 100% !important;
}

.top-0 {
    top: 0 !important;
}

.position-absolute {
    position: absolute !important;
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #ffffff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    text-align: right;
    padding-right: 10px !important;
}
.modal-backdrop {
    position: relative !important;
}
.tooltip-inner {
    color: #f1f1f1 !important;
    background-color: #53c797 !important;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #4db78d !important;
}
#LatestAppointments_Div ul li {
    padding-bottom: 20px !important
}

.page-wrapper .sidebar-wrapper .sidebar-menu li.active > a,
.page-wrapper .sidebar-wrapper .sidebar-menu li:hover > a,
.breadcrumb .breadcrumb-item.active, h5, .modal-title {
    color: #FF8137 !important;
}

.btn-soft-primary.active, .btn-soft-primary.focus, .btn-soft-primary:active, .btn-soft-primary:focus, .btn-soft-primary:hover,
.pagination .page-item.active .page-link {
    background-color: #FF8137 !important;
    border-color: #FF8137 !important;
}

.headerbtn {
    display: flex;
    justify-content: center;
    margin-top: 50px !important
}

    .headerbtn button {
        margin-right: 15px !important
    }

.nav-tabs .nav-link.active {
    background-color: #FF8137 !important
}

.tabs-section .nav-link {
    padding: 15px 8px !important
}

    .tabs-section .nav-link i {
        margin-right: 5px !important;
    }

.tabs-section .nav-tabs {
    padding: 10px !important
}

.table > thead {
    background-color: #FF8137 !important
}

.table > :not(caption) > * > * {
    padding: 20px 5px !important;
    background-color: transparent !important;
    color: #000;
}

    .table > :not(caption) > * > *:hover {
        background-color: transparent !important
    }

.table thead tr {
    background-color: #FF8137 !important
}



@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 80% !important;
    }
}

.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a, .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after, .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown:hover > a:after, .page-wrapper .sidebar-wrapper .sidebar-menu li.active > a, .page-wrapper .sidebar-wrapper .sidebar-menu li.active > a:before, .page-wrapper .sidebar-wrapper .sidebar-menu li:hover > a, .page-wrapper .sidebar-wrapper .sidebar-menu li:hover > a:before {
    color: #FF8137 !important
}

.purple, .header, .nav-pills .nav-link.active {
    background-color: #FF8137 !important
}

.table {
    margin-top: 40px
}

.cr-primary a {
    color: #fff !important
}

.modal {
    background-color: rgba(0, 0, 0, 0.6);
}
div#label-table-btm {
    color: white !important;
}
.alert-warning {
    margin-top: 30px !important
}

.pd-setting-ed {
    opacity: 1.2 !important
}

.slide-panel .details {
    padding: 38px 0px 15px 0px;
    justify-content: space-between;
}

.design table .select2 {
    min-width: 150px
}
/* شكل مميز للزر */
.control-btn.refresh {
    background-color: #3BC0C3;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    transition: background-color 0.3s, transform 0.2s;
}

    .control-btn.refresh:hover {
        background-color: #33a6a8;
        transform: scale(1.05);
    }

    /* شكل الزر لما يكون في حالة تحديث */
    .control-btn.refresh.refreshing {
        background-color: #2e9fa1;
        animation: spinIcon 1s linear infinite;
    }

/* حركة دوران الأيقونة */
@keyframes spinIcon {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.control-btn.refresh.refreshing i {
    display: inline-block;
    animation: spinIcon 1s linear infinite;
}

.device-select {
    position: absolute;
    top: 100%; /* يظهر أسفل الزر */
    left: 0;
    z-index: 1000;
    min-width: 230px;
    max-width: 100%;
    display: none;
    margin-top: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.custom-select-list {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    background-color: #141f33;
    border: 1px solid #2a3550;
    border-radius: 6px;
    overflow: hidden;
    max-width: 530px;
    z-index: 1000;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    padding: 10px;
    margin-top: 5px;
}

.custom-option {
    padding: 8px 12px;
    cursor: pointer;
    color: #fff;
}

    .custom-option:hover {
        background-color: #1b2b45;
    }