diff --git a/public/assets/css/app.min.css b/public/assets/css/app.min.css index 4267175..2d9f600 100644 --- a/public/assets/css/app.min.css +++ b/public/assets/css/app.min.css @@ -1,8 +1,7623 @@ -@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");.left-sidenav{min-width:270px;max-width:270px;background-color:#fff;min-height:calc(100vh - 70px);-webkit-box-shadow:0px 0px 3px rgba(31,30,47,0.05);box-shadow:0px 0px 3px rgba(31,30,47,0.05);-webkit-transition:.3s;transition:.3s;padding:24px;margin-top:70px}.page-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:70px}.page-wrapper .page-content{width:100%;position:relative;min-height:100vh;padding:0 15px 60px 15px}.left-sidenav-menu{padding-left:0;margin-bottom:0}.left-sidenav-menu li{list-style:none;display:block;width:100%;margin-top:6px}.left-sidenav-menu li>a{display:block;padding:12px 24px;color:#5a5c61;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.left-sidenav-menu li>a:hover{color:#7367f0}.left-sidenav-menu li>a:hover i{color:#7367f0}.left-sidenav-menu li>a i{width:25px;display:inline-block;font-size:16px;opacity:0.9;color:#a6aed4;margin-right:5px}.left-sidenav-menu li>a i.ti-control-record{font-size:8px;vertical-align:middle;margin-right:0}.left-sidenav-menu li>a span i{color:#303e67}.left-sidenav-menu li ul{padding:0 0 0 25px}.left-sidenav-menu li ul li>a{padding:10px 22px;color:#5a5c61;font-size:13.5px;border-left:none}.left-sidenav-menu li ul li>a:hover{color:#7367f0}.left-sidenav-menu li ul li>a:hover i{color:#1761fd}.left-sidenav-menu li.mm-active .menu-arrow i:before{content:"\F140"}.left-sidenav-menu li.mm-active .mm-active a .menu-arrow.left-has-menu i:before{content:"\F140"}.left-sidenav-menu li.mm-active .menu-arrow.left-has-menu i:before{content:"\F142"}.left-sidenav-menu li.mm-active li a menu-arrow.left-has-menu i:before{content:"\F142"}.left-sidenav-menu li.mm-active .mm-active>a{color:#7367f0;background:#fff;-webkit-box-shadow:3px 0 20px 0 #f1f5fa;box-shadow:3px 0 20px 0 #f1f5fa}.left-sidenav-menu li.mm-active .mm-active>a.active{color:#7367f0;background-color:transparent}.left-sidenav-menu li.mm-active .mm-active>a i{color:#1761fd}.left-sidenav-menu li.mm-active .mm-active .menu-arrow.left-has-menu i:before{content:"\F140"}.left-sidenav-menu li.mm-active .mm-active .mm-show li a.active{color:#1761fd}.left-sidenav-menu li.mm-active>a{color:#fff;background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));-webkit-box-shadow:3px 3px 20px 0 rgba(23,97,253,0.4);box-shadow:3px 3px 20px 0 rgba(23,97,253,0.4);border-radius:4px}.left-sidenav-menu li.mm-active>a i{color:#fff}.left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active{background-color:transparent;color:#1761fd}.left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active i{color:#7367f0}.left-sidenav-menu .menu-arrow{float:right;margin-top:-1px}.left-sidenav-menu .menu-arrow i{width:15px}@media (max-width: 1024px){body{display:block !important}.left-sidenav{position:absolute;overflow-y:auto;z-index:10;bottom:0;top:0;margin-top:0}.page-content{min-height:100vh;padding:0 0 50px 0}}.enlarge-menu .left-sidenav{display:none}.enlarge-menu .topbar .topbar-left{background-color:#fff}.topbar{left:0;position:fixed;right:0;top:0;z-index:999;max-height:70px}.topbar .topbar-left{background-color:#fff;float:left;text-align:center;height:70px;position:relative;width:270px;z-index:1}.topbar .topbar-left .logo{line-height:70px}.topbar .topbar-left .logo .logo-sm{height:44px}.topbar .topbar-left .logo .logo-lg{height:14px;margin-left:2px;display:inline-block}.topbar .topbar-left .logo .logo-lg.logo-light{display:none}.navbar-custom{background:#fff;margin-left:270px;min-height:70px;position:relative}.navbar-custom .nav-link{padding:0 0.75rem;color:#7081b9;line-height:70px;max-height:70px}.navbar-custom .nav-link .nav-icon{font-size:18px}.navbar-custom .dropdown-toggle:after{content:initial}.navbar-custom .topbar-nav li{float:left}.navbar-custom .topbar-nav li.show .nav-link{background-color:#fff;color:#303e67}.button-menu-mobile{border:none;color:#7081b9 !important;width:60px;background-color:transparent;cursor:pointer}.nav-user .nav-user-name{vertical-align:middle}.nav-user img{height:36px;width:36px}.notification-list{max-height:220px;margin-left:0}.notification-list .noti-icon{font-size:22px;vertical-align:middle;color:#7081b9}.notification-list .noti-icon-badge{display:inline-block;position:absolute;top:14px;right:8px;border:2px solid rgba(255,255,255,0.6);border-radius:50%;padding:2px 4px 2px;font-size:9px}.app-search .form-control,.app-search .form-control:focus{border:1px solid #e9ecef;font-size:13px;height:34px;color:#696c71;padding-left:20px;padding-right:40px;background:#fff;-webkit-box-shadow:none;box-shadow:none;border-radius:40px;width:300px}.app-search{position:relative;padding-top:18px;margin-left:20px}.app-search input.form-control::-webkit-input-placeholder{color:#98a9d9}.app-search input.form-control:-moz-placeholder{color:#98a9d9}.app-search input.form-control::-moz-placeholder{color:#98a9d9}.app-search input.form-control:-ms-input-placeholder{color:#98a9d9}.app-search a{position:absolute;top:18px;right:0;display:block;height:34px;line-height:34px;width:34px;text-align:center;background:#e9ecef;border:1px solid #e9ecef;border-radius:50%;color:#8997bd}@media (max-width: 1024px){.topbar .topbar-left{width:70px}.topbar .topbar-left .logo-lg{display:none !important}.topbar .navbar-custom{margin-left:70px}.topbar .app-search .form-control,.topbar .app-search .form-control:focus{width:230px}}@media (max-width: 768px) and (max-width: 1023.98px){.app-search{display:none}}@media (max-width: 767px){.app-search,.hidden-sm{display:none}}@media (max-width: 375px){.page-title-box .breadcrumb{display:none}}.footer{border-top:1px solid #e8ebf3;bottom:0;padding:20px;position:absolute;right:0;left:0;color:#7081b9}[data-layout="horizontal"]{display:inherit}[data-layout="horizontal"] .page-wrapper{margin:0 auto;width:1380px;margin-top:calc(70px + 60px)}[data-layout="horizontal"] .navbar-custom{margin-left:160px}[data-layout="horizontal"] .topbar{background-color:#fff}[data-layout="horizontal"] .topbar .topbar-left{width:160px}.divider{display:block;text-align:center;overflow:hidden;margin:1rem 0}.divider .divider-text{position:relative;display:inline-block;font-size:12px;padding:2px 6px;color:#1c2d41;border:1px dashed #eceff5;border-radius:30px;font-family:"Roboto",sans-serif}.divider .divider-text:after{left:100%}.divider .divider-text:before{right:100%}.divider .divider-text:after,.divider .divider-text:before{content:'';position:absolute;top:50%;width:9999px;border-top:1px dashed #eceff5}.topbar .topbar-inner{width:1380px;margin:0 auto;padding:0 12px}.navbar-custom-menu{background-color:#292e40;min-height:60px}.navbar-custom-menu .container-fluid{width:1380px}.navbar-custom-menu .has-submenu.active a{color:#fff}.navbar-custom-menu .has-submenu.active a i{color:#307df3}.navbar-custom-menu .has-submenu.active .submenu li.active>a{color:#2f6bf9;padding-left:35px}.navbar-custom-menu .has-submenu.active .submenu li.active>a i{display:none}.navbar-custom-menu .has-submenu.active .submenu li.active>a::before{content:"\6d";font-family:"dripicons-v2";position:absolute;left:14px;top:8px;font-size:14px}.navbar-toggle{border:0;position:relative;padding:0;margin:0;cursor:pointer}.navbar-toggle:hover{background-color:transparent}.navbar-toggle:hover span{background-color:#0dc8de}.navbar-toggle .lines{width:25px;display:block;position:relative;padding-top:28px;margin:0 10px;height:70px;-webkit-transition:all .5s ease;transition:all .5s ease}.navbar-toggle span{height:2px;width:100%;background-color:#0dc8de;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}.navbar-toggle.open span{position:absolute}.navbar-toggle.open span:first-child{top:34px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#0dc8de}.navbar-toggle.open span:nth-child(2){visibility:hidden}.navbar-toggle.open span:last-child{width:100%;top:34px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.navigation-menu{list-style:none;margin:0;padding:0;display:inline-block}.navigation-menu>li{display:inline-block;position:relative}.navigation-menu>li:first-child a{padding-left:0px}.navigation-menu>li a{display:block;font-size:14px;-webkit-transition:all .1s ease;transition:all .1s ease;line-height:18px;padding-left:25px;padding-right:25px}.navigation-menu>li a:hover{color:#f8f8fc;background-color:transparent}.navigation-menu>li a:focus{color:#f8f8fc;background-color:transparent}.navigation-menu>li a:active{color:#f8f8fc}.navigation-menu>li a i{display:inline-block;font-size:16px;margin-right:8px;-webkit-transition:all .1s ease;transition:all .1s ease;vertical-align:middle;color:#7081b9}@media (max-width: 1024px){body[data-layout="horizontal"]{display:-webkit-box;display:-ms-flexbox;display:flex}body[data-layout="horizontal"] .page-wrapper{width:100%}.topbar .topbar-inner{width:100%}.navbar-custom-menu .container-fluid{padding:0 20px;width:100%}.navigation-menu>li a{padding:0 16px}.page-content{min-height:100vh}}@media (min-width: 992px){.topbar .navigation-menu>li>a{padding-top:20px;padding-bottom:20px;color:#b8c1d4}.topbar .navigation-menu>li>a span{vertical-align:middle}.topbar .navigation-menu>li.last-elements .submenu{left:auto;right:0}.topbar .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu{left:auto;right:100%;margin-left:0;margin-right:10px}.topbar .navigation-menu>li:hover a{color:#e8e6ff}.topbar .navigation-menu>li .submenu{position:absolute;top:100%;left:0;z-index:1000;padding:10px 0;list-style:none;min-width:200px;text-align:left;visibility:hidden;opacity:0;margin-top:20px;-webkit-transition:all .1s ease;transition:all .1s ease;background-color:#fdfeff;border:1px solid #d8dee6;border-radius:4px;-webkit-box-shadow:0 17px 34px 0 rgba(0,0,0,0.05),0 8px 14px 0 rgba(0,0,0,0.02);box-shadow:0 17px 34px 0 rgba(0,0,0,0.05),0 8px 14px 0 rgba(0,0,0,0.02)}.topbar .navigation-menu>li .submenu.megamenu{white-space:nowrap;width:auto}.topbar .navigation-menu>li .submenu.megamenu>li{overflow:hidden;width:200px;display:inline-block;vertical-align:top}.topbar .navigation-menu>li .submenu>li.has-submenu>a:after{content:"\56";font-family:"dripicons-v2";position:absolute;right:20px;top:11px;font-size:13px}.topbar .navigation-menu>li .submenu>li .submenu{left:100%;top:0;margin-top:10px}.topbar .navigation-menu>li .submenu li{position:relative}.topbar .navigation-menu>li .submenu li ul{list-style:none;padding-left:0;margin:0}.topbar .navigation-menu>li .submenu li a{display:block;padding:8px 12px;clear:both;white-space:nowrap;font-size:13px;color:#5a5c61;margin-bottom:0;-webkit-transition:all .1s ease;transition:all .1s ease}.topbar .navigation-menu>li .submenu li a:hover{color:#7367f0;background-color:#fdfeff}.topbar .navigation-menu>li .submenu li a i{font-size:24px;margin:0;vertical-align:middle;color:#7081b9}.topbar .navigation-menu>li .submenu li span{display:block;padding:8px 25px;clear:both;line-height:1.42857143;white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:500;color:#1c2d41}.topbar .navbar-toggle{display:none}.topbar #navigation{display:block}}@media (max-width: 991px){body[data-layout="horizontal"] .page-wrapper{width:100%;margin-top:70px}.topbar .navigation-menu{float:none;max-height:400px;text-align:left;width:100%}.topbar .navigation-menu>li{display:block}.topbar .navigation-menu>li>a{color:#7081b9;padding:15px;font-size:13px}.topbar .navigation-menu>li>a:after{position:absolute;right:15px}.topbar .navigation-menu>li>a:hover{color:#1761fd}.topbar .navigation-menu>li .submenu{display:none;list-style:none;padding-left:20px;margin:0}.topbar .navigation-menu>li .submenu li a{display:block;position:relative;padding:7px 20px;font-size:13px;color:#7081b9}.topbar .navigation-menu>li .submenu li a:hover{color:#1761fd}.topbar .navigation-menu>li .submenu li.has-submenu>a:after{content:"\54";font-family:"dripicons-v2";position:absolute;right:30px}.topbar .navigation-menu>li .submenu.open{display:block}.topbar .navigation-menu>li .submenu .submenu{display:none;list-style:none}.topbar .navigation-menu>li .submenu .submenu.open{display:block}.topbar .navigation-menu>li .submenu.megamenu>li>ul{list-style:none;padding-left:0}.topbar .navigation-menu>li .submenu.megamenu>li>ul>li>span{display:block;position:relative;padding:15px;text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#1c2d41}.topbar .navigation-menu>li.has-submenu.open>a{color:#1761fd}.topbar .navbar-header{float:left}.topbar .container-fluid{width:100%;padding:0}#navigation{position:absolute;top:70px;left:0;right:0;display:none;height:auto;max-height:500px;padding-bottom:0;overflow:auto;background-color:#fff;z-index:1000}#navigation.open{display:block;overflow-y:auto}.navbar-custom-menu{min-height:0}}@media (min-width: 768px){.topbar .navigation-menu>li.has-submenu:hover>.submenu{visibility:visible;opacity:1;margin-top:0}.topbar .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu{visibility:visible;opacity:1;margin-top:-1px;margin-right:0}.navbar-toggle{display:block}}@media (max-width: 768px){.topbar .topbar-left{margin-right:0}.topbar .topbar-left .logo .logo-sm{height:32px}.page-content{width:100%;margin-top:0;min-height:100vh;padding:0 0 60px 0}.page-title-box{margin-top:5px}.navbar-custom-menu .has-submenu.active a{color:#1761fd}}@media (max-width: 767px){.page-title-box .breadcrumb,.page-title-box .state-information{display:none}}@media (max-width: 620px){.logo-large{display:none}.logo-small{display:inline-block !important}.topbar .has-submenu.active a{color:#1761fd}}body.dark-topbar .topbar .topbar-left{background-color:#292e40}body.dark-topbar .topbar .topbar-left .logo .logo-lg{display:none}body.dark-topbar .topbar .topbar-left .logo .logo-lg.logo-light{display:inline-block;height:14px;margin-left:2px}body.dark-topbar .navbar-custom{background:#292e40}body.dark-topbar .navbar-custom .nav-link{color:#b9c4ce}body.dark-topbar .navbar-custom .topbar-nav li.show .nav-link{background-color:#2f3549;color:#303e67}body.dark-topbar .button-menu-mobile{color:#c2cbe2 !important}body.dark-topbar .notification-list .noti-icon{color:#c2cbe2}body.dark-topbar .notification-list .noti-icon-badge{border:2px solid rgba(255,255,255,0.6)}body.dark-topbar .app-search .form-control,body.dark-topbar .app-search .form-control:focus{border:1px solid #343a50;color:#c2cbe2;background:#292e40}body.dark-topbar .app-search input.form-control::-webkit-input-placeholder{color:#98a9d9}body.dark-topbar .app-search input.form-control:-moz-placeholder{color:#98a9d9}body.dark-topbar .app-search input.form-control::-moz-placeholder{color:#98a9d9}body.dark-topbar .app-search input.form-control:-ms-input-placeholder{color:#98a9d9}body.dark-topbar .app-search a{background:#343a50;border:1px solid #343a50;color:#8997bd}body.dark-sidenav .topbar .topbar-left{background-color:#292e40}body.dark-sidenav .topbar .topbar-left .logo .logo-lg{display:none}body.dark-sidenav .topbar .topbar-left .logo .logo-lg.logo-light{display:inline-block;height:14px;margin-left:2px}body.dark-sidenav .left-sidenav{background-color:#292e40}body.dark-sidenav .left-sidenav-menu li>a{color:#a9baca}body.dark-sidenav .left-sidenav-menu li>a:hover{color:#e6e6e6}body.dark-sidenav .left-sidenav-menu li>a:hover i{color:#0f4fff}body.dark-sidenav .left-sidenav-menu li>a:hover span i{color:#e6e6e6}body.dark-sidenav .left-sidenav-menu li>a i{color:#2d53bd}body.dark-sidenav .left-sidenav-menu li ul li>a{color:#a9baca}body.dark-sidenav .left-sidenav-menu li ul li>a:hover{color:#e6e6e6}body.dark-sidenav .left-sidenav-menu li ul li>a:hover i{color:#1761fd}body.dark-sidenav .left-sidenav-menu li.mm-active .mm-active>a{color:#5787ec;background:#292e40;-webkit-box-shadow:3px 0 20px 0 rgba(0,0,0,0.15);box-shadow:3px 0 20px 0 rgba(0,0,0,0.15)}body.dark-sidenav .left-sidenav-menu li.mm-active .mm-active>a.active{color:#5787ec;background-color:transparent}body.dark-sidenav .left-sidenav-menu li.mm-active .mm-active>a i{color:#1761fd}body.dark-sidenav .left-sidenav-menu li.mm-active .mm-active .mm-show li a.active{color:#1761fd}body.dark-sidenav .left-sidenav-menu li.mm-active>a{color:#fff;background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6))}body.dark-sidenav .left-sidenav-menu li.mm-active>a i{color:#fff}body.dark-sidenav .left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active{background-color:transparent;color:#5787ec}body.dark-sidenav .left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active i{color:#5787ec}body.dark-sidenav .left-sidenav-menu .menu-arrow i{width:15px;color:#a9baca}.page-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.page-content-tab{width:100%;position:relative;min-height:calc(100vh - 70px);padding:0 10px 60px 10px}.navbar-custom .responsive-logo{display:none}.leftbar-tab-menu{min-width:270px}.leftbar-tab-menu .main-icon-menu{width:70px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0;background-color:#0f4069;height:100%;z-index:500;position:fixed;top:0}.leftbar-tab-menu .main-icon-menu .logo-crovex .logo-sm{height:34px}.leftbar-tab-menu .main-icon-menu .menu-icon.icon-dual{color:#99b3ec;fill:rgba(153,179,236,0.12)}.leftbar-tab-menu .main-icon-menu .pro-crovex-end{-ms-flex-negative:0;flex-shrink:0;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-align:center;-ms-flex-align:center;align-items:center}.leftbar-tab-menu .main-icon-menu .nav{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 0;margin-top:70px}.leftbar-tab-menu .main-icon-menu .nav-link{position:relative;padding:0;color:#fff;width:40px;height:40px;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}.leftbar-tab-menu .main-icon-menu .nav-link:hover,.leftbar-tab-menu .main-icon-menu .nav-link:focus{color:#fff}.leftbar-tab-menu .main-icon-menu .nav-link:active,.leftbar-tab-menu .main-icon-menu .nav-link.active{color:#1761fd}.leftbar-tab-menu .main-icon-menu .nav-link:active .menu-icon.icon-dual,.leftbar-tab-menu .main-icon-menu .nav-link.active .menu-icon.icon-dual{color:#fff;fill:rgba(255,255,255,0.12)}.leftbar-tab-menu .main-icon-menu .nav-link+.nav-link{margin-top:30px}.leftbar-tab-menu .main-icon-menu .nav-link i{font-size:15px}.leftbar-tab-menu .main-icon-menu .nav-link i.drip-icon{line-height:1}.leftbar-tab-menu .main-icon-menu .nav-link i.drip-icon ::before{width:auto}.leftbar-tab-menu .main-icon-menu .nav-link.active:before{content:'';position:absolute;left:45px;top:10px;border-right:10px solid rgba(255,255,255,0.2);border-top:10px solid transparent;border-bottom:10px solid transparent}@media (min-width: 992px){.leftbar-tab-menu .main-icon-menu{display:-webkit-box;display:-ms-flexbox;display:flex}}.main-menu-inner{width:200px;height:100%;background-color:#fff;border-right:1px solid #eceff5;position:fixed;top:0;left:70px;z-index:600}.main-menu-inner .topbar-left{background-color:#fff;padding-left:20px}.main-menu-inner .topbar-left .logo{line-height:70px}.main-menu-inner .topbar-left .logo .logo-sm{height:24px}.main-menu-inner .topbar-left .logo .logo-lg{height:14px;margin-left:2px;display:inline-block}.main-menu-inner .topbar-left .logo .logo-light{display:none}.main-menu-inner .menu-body{padding:20px;height:calc(100vh - 68px) !important}.main-menu-inner .menu-body .nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-menu-inner .menu-body .nav-item{position:relative;display:block}.main-menu-inner .menu-body .nav-item+.nav-item{margin-top:-1px !important}.main-menu-inner .menu-body .nav-item .nav-link.active i,.main-menu-inner .menu-body .nav-item .nav-link.active{color:#0f4069}.main-menu-inner .menu-body .nav-item ul li{display:block;margin:14px 0}.main-menu-inner .menu-body .nav-item ul li>a{color:#5a5c61;font-size:13px;font-weight:500}.main-menu-inner .menu-body .nav-item ul li>a.active{color:#1761fd}.main-menu-inner .menu-body .nav-item ul li>a:hover,.main-menu-inner .menu-body .nav-item ul li>a:focus{color:#3f7dfd}.main-menu-inner .menu-body .nav-item ul li a:before{content:"";position:absolute;left:24px;margin-top:7px;width:4px;height:4px;border:1px solid #8997bd;border-radius:50%;background:rgba(48,62,103,0.2)}.main-menu-inner .menu-body .nav-item ul li a.active:before{content:"";border:none;background:#1761fd}.main-menu-inner .menu-body .nav-item.mm-active .menu-arrow i:before{content:"\F140"}.main-menu-inner .menu-body .nav-link{position:relative;color:#5a5c61;font-size:13px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:44px;border-radius:3px}.main-menu-inner .menu-body .nav-link i{color:#5a5c61;font-size:15px;font-weight:400;line-height:0;margin-right:10px}.main-menu-inner .menu-body .nav-link i.drip-icon{line-height:.9}.main-menu-inner .menu-body .nav-link i.drip-icon::before{width:auto}.main-menu-inner .menu-body .nav-link:hover,.main-menu-inner .menu-body .nav-link:focus,.main-menu-inner .menu-body .nav-link:hover i,.main-menu-inner .menu-body .nav-link:focus i{color:#3f7dfd}.main-menu-inner .menu-body .nav-link:active,.main-menu-inner .menu-body .nav-link.active{color:#0f4069}.main-menu-inner .menu-body .nav-link .menu-arrow i{width:15px;float:right}@media (min-width: 992px){.main-menu-inner.active{display:block}}.main-icon-menu-pane{margin-bottom:20px;display:none}.main-icon-menu-pane.active{display:block}.menu-title{font-size:14px;font-weight:600;color:#466f92;margin-bottom:10px;line-height:1;text-transform:uppercase}.menu-sub-text{display:block;font-size:13px;color:#a4abc5;margin-bottom:12px}.enlarge-menu .leftbar-tab-menu{min-width:70px}.enlarge-menu .leftbar-tab-menu .main-menu-inner{display:none}.enlarge-menu .topbar .navbar-custom{margin-left:70px}.enlarge-menu .topbar .topbar-left{margin-left:0;width:270px}.enlarge-menu.enlarge-menu-all .leftbar-tab-menu{display:none}.enlarge-menu.enlarge-menu-all .topbar .topbar-left{margin-left:0;width:270px}.enlarge-menu.enlarge-menu-all .topbar .navbar-custom{margin-left:0}@media (min-width: 1200px){.main-menu-inner{border-right:0;z-index:500}}@media (max-width: 1024px){.leftbar-tab-menu{position:fixed;top:70px;overflow-y:auto;z-index:5;bottom:0}.navbar-custom{margin-left:70px}.navbar-custom .responsive-logo{display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;padding-left:10px}.page-content-tab{min-height:100vh}.enlarge-menu .topbar .topbar-left{margin-left:0;width:70px}.enlarge-menu-all .topbar .navbar-custom{margin-left:0}}@media (min-width: 992px){.main-icon-menu{display:-webkit-box;display:-ms-flexbox;display:flex}.main-menu-inner .menu-body .nav-link.with-sub::after{margin-left:4px;font-size:12px}.main-menu-inner.active{display:block}.main-menu-inner.active{display:block}}@media (max-width: 991.98px){.main-icon-menu-active .main-icon-menu{display:-webkit-box;display:-ms-flexbox;display:flex}.main-icon-menu-active .main-menu-inner{display:block}}@media (min-width: 680px){.page-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}}html{position:relative;min-height:100%}body{margin:0;overflow-x:hidden !important;font-size:.845rem;background-color:#edf0f5;color:#303e67;min-height:100vh;letter-spacing:0.1px;line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#303e67;margin:10px 0}h1{line-height:43px}h2{line-height:35px}h3{line-height:30px}h4{line-height:22px}a{font-family:"Poppins",sans-serif;color:#303e67}a:hover,a:active,a:focus{outline:0;text-decoration:none}p{line-height:1.6;font-family:"Roboto",sans-serif;font-size:.845rem;font-weight:400}*{outline:none !important}.font-weight-semibold{font-weight:600}.nav.nav-pills{background-color:#f8f8fc}/*! +@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700'); +@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700'); +.left-sidenav { + min-width: 270px; + max-width: 270px; + background-color: #fff; + min-height: calc(100vh - 70px); + -webkit-box-shadow: 0px 0px 3px rgba(31, 30, 47, 0.05); + box-shadow: 0px 0px 3px rgba(31, 30, 47, 0.05); + -webkit-transition: 0.3s; + transition: 0.3s; + padding: 24px; + margin-top: 70px; +} +.page-wrapper { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 70px; +} +.page-wrapper .page-content { + width: 100%; + position: relative; + min-height: 100vh; + padding: 0 15px 60px 15px; +} +.left-sidenav-menu { + padding-left: 0; + margin-bottom: 0; +} +.left-sidenav-menu li { + list-style: none; + display: block; + width: 100%; + margin-top: 6px; +} +.left-sidenav-menu li > a { + display: block; + padding: 12px 24px; + color: #5a5c61; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.left-sidenav-menu li > a:hover { + color: #7367f0; +} +.left-sidenav-menu li > a:hover i { + color: #7367f0; +} +.left-sidenav-menu li > a i { + width: 25px; + display: inline-block; + font-size: 16px; + opacity: 0.9; + color: #a6aed4; + margin-right: 5px; +} +.left-sidenav-menu li > a i.ti-control-record { + font-size: 8px; + vertical-align: middle; + margin-right: 0; +} +.left-sidenav-menu li > a span i { + color: #303e67; +} +.left-sidenav-menu li ul { + padding: 0 0 0 25px; +} +.left-sidenav-menu li ul li > a { + padding: 10px 22px; + color: #5a5c61; + font-size: 13.5px; + border-left: none; +} +.left-sidenav-menu li ul li > a:hover { + color: #7367f0; +} +.left-sidenav-menu li ul li > a:hover i { + color: #1761fd; +} +.left-sidenav-menu li.mm-active .menu-arrow i:before { + content: '\F140'; +} +.left-sidenav-menu + li.mm-active + .mm-active + a + .menu-arrow.left-has-menu + i:before { + content: '\F140'; +} +.left-sidenav-menu li.mm-active .menu-arrow.left-has-menu i:before { + content: '\F142'; +} +.left-sidenav-menu li.mm-active li a menu-arrow.left-has-menu i:before { + content: '\F142'; +} +.left-sidenav-menu li.mm-active .mm-active > a { + color: #7367f0; + background: #fff; + -webkit-box-shadow: 3px 0 20px 0 #f1f5fa; + box-shadow: 3px 0 20px 0 #f1f5fa; +} +.left-sidenav-menu li.mm-active .mm-active > a.active { + color: #7367f0; + background-color: transparent; +} +.left-sidenav-menu li.mm-active .mm-active > a i { + color: #1761fd; +} +.left-sidenav-menu li.mm-active .mm-active .menu-arrow.left-has-menu i:before { + content: '\F140'; +} +.left-sidenav-menu li.mm-active .mm-active .mm-show li a.active { + color: #1761fd; +} +.left-sidenav-menu li.mm-active > a { + color: #fff; + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + -webkit-box-shadow: 3px 3px 20px 0 rgba(23, 97, 253, 0.4); + box-shadow: 3px 3px 20px 0 rgba(23, 97, 253, 0.4); + border-radius: 4px; +} +.left-sidenav-menu li.mm-active > a i { + color: #fff; +} +.left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active { + background-color: transparent; + color: #1761fd; +} +.left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active i { + color: #7367f0; +} +.left-sidenav-menu .menu-arrow { + float: right; + margin-top: -1px; +} +.left-sidenav-menu .menu-arrow i { + width: 15px; +} +@media (max-width: 1024px) { + body { + display: block !important; + } + .left-sidenav { + position: absolute; + overflow-y: auto; + z-index: 10; + bottom: 0; + top: 0; + margin-top: 0; + } + .page-content { + min-height: 100vh; + padding: 0 0 50px 0; + } +} +.enlarge-menu .left-sidenav { + display: none; +} +.enlarge-menu .topbar .topbar-left { + background-color: #fff; +} +.topbar { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 999; + max-height: 70px; +} +.topbar .topbar-left { + background-color: #fff; + float: left; + text-align: center; + height: 70px; + position: relative; + width: 270px; + z-index: 1; +} +.topbar .topbar-left .logo { + line-height: 70px; +} +.topbar .topbar-left .logo .logo-sm { + height: 44px; +} +.topbar .topbar-left .logo .logo-lg { + height: 14px; + margin-left: 2px; + display: inline-block; +} +.topbar .topbar-left .logo .logo-lg.logo-light { + display: none; +} +.navbar-custom { + background: #fff; + margin-left: 270px; + min-height: 70px; + position: relative; +} +.navbar-custom .nav-link { + padding: 0 0.75rem; + color: #7081b9; + line-height: 70px; + max-height: 70px; +} +.navbar-custom .nav-link .nav-icon { + font-size: 18px; +} +.navbar-custom .dropdown-toggle:after { + content: initial; +} +.navbar-custom .topbar-nav li { + float: left; +} +.navbar-custom .topbar-nav li.show .nav-link { + background-color: #fff; + color: #303e67; +} +.button-menu-mobile { + border: none; + color: #7081b9 !important; + width: 60px; + background-color: transparent; + cursor: pointer; +} +.nav-user .nav-user-name { + vertical-align: middle; +} +.nav-user img { + height: 36px; + width: 36px; +} +.notification-list { + max-height: 220px; + margin-left: 0; +} +.notification-list .noti-icon { + font-size: 22px; + vertical-align: middle; + color: #7081b9; +} +.notification-list .noti-icon-badge { + display: inline-block; + position: absolute; + top: 14px; + right: 8px; + border: 2px solid rgba(255, 255, 255, 0.6); + border-radius: 50%; + padding: 2px 4px 2px; + font-size: 9px; +} +.app-search .form-control, +.app-search .form-control:focus { + border: 1px solid #e9ecef; + font-size: 13px; + height: 34px; + color: #696c71; + padding-left: 20px; + padding-right: 40px; + background: #fff; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 40px; + width: 300px; +} +.app-search { + position: relative; + padding-top: 18px; + margin-left: 20px; +} +.app-search input.form-control::-webkit-input-placeholder { + color: #98a9d9; +} +.app-search input.form-control:-moz-placeholder { + color: #98a9d9; +} +.app-search input.form-control::-moz-placeholder { + color: #98a9d9; +} +.app-search input.form-control:-ms-input-placeholder { + color: #98a9d9; +} +.app-search a { + position: absolute; + top: 18px; + right: 0; + display: block; + height: 34px; + line-height: 34px; + width: 34px; + text-align: center; + background: #e9ecef; + border: 1px solid #e9ecef; + border-radius: 50%; + color: #8997bd; +} +@media (max-width: 1024px) { + .topbar .topbar-left { + width: 70px; + } + .topbar .topbar-left .logo-lg { + display: none !important; + } + .topbar .navbar-custom { + margin-left: 70px; + } + .topbar .app-search .form-control, + .topbar .app-search .form-control:focus { + width: 230px; + } +} +@media (max-width: 768px) and (max-width: 1023.98px) { + .app-search { + display: none; + } +} +@media (max-width: 767px) { + .app-search, + .hidden-sm { + display: none; + } +} +@media (max-width: 375px) { + .page-title-box .breadcrumb { + display: none; + } +} +.footer { + border-top: 1px solid #e8ebf3; + bottom: 0; + padding: 20px; + position: absolute; + right: 0; + left: 0; + color: #7081b9; +} +[data-layout='horizontal'] { + display: inherit; +} +[data-layout='horizontal'] .page-wrapper { + margin: 0 auto; + width: 1380px; + margin-top: calc(70px + 60px); +} +[data-layout='horizontal'] .navbar-custom { + margin-left: 160px; +} +[data-layout='horizontal'] .topbar { + background-color: #fff; +} +[data-layout='horizontal'] .topbar .topbar-left { + width: 160px; +} +.divider { + display: block; + text-align: center; + overflow: hidden; + margin: 1rem 0; +} +.divider .divider-text { + position: relative; + display: inline-block; + font-size: 12px; + padding: 2px 6px; + color: #1c2d41; + border: 1px dashed #eceff5; + border-radius: 30px; + font-family: 'Roboto', sans-serif; +} +.divider .divider-text:after { + left: 100%; +} +.divider .divider-text:before { + right: 100%; +} +.divider .divider-text:after, +.divider .divider-text:before { + content: ''; + position: absolute; + top: 50%; + width: 9999px; + border-top: 1px dashed #eceff5; +} +.topbar .topbar-inner { + width: 1380px; + margin: 0 auto; + padding: 0 12px; +} +.navbar-custom-menu { + background-color: #292e40; + min-height: 60px; +} +.navbar-custom-menu .container-fluid { + width: 1380px; +} +.navbar-custom-menu .has-submenu.active a { + color: #fff; +} +.navbar-custom-menu .has-submenu.active a i { + color: #307df3; +} +.navbar-custom-menu .has-submenu.active .submenu li.active > a { + color: #2f6bf9; + padding-left: 35px; +} +.navbar-custom-menu .has-submenu.active .submenu li.active > a i { + display: none; +} +.navbar-custom-menu .has-submenu.active .submenu li.active > a::before { + content: '\6d'; + font-family: 'dripicons-v2'; + position: absolute; + left: 14px; + top: 8px; + font-size: 14px; +} +.navbar-toggle { + border: 0; + position: relative; + padding: 0; + margin: 0; + cursor: pointer; +} +.navbar-toggle:hover { + background-color: transparent; +} +.navbar-toggle:hover span { + background-color: #0dc8de; +} +.navbar-toggle .lines { + width: 25px; + display: block; + position: relative; + padding-top: 28px; + margin: 0 10px; + height: 70px; + -webkit-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.navbar-toggle span { + height: 2px; + width: 100%; + background-color: #0dc8de; + display: block; + margin-bottom: 5px; + -webkit-transition: -webkit-transform 0.5s ease; + transition: -webkit-transform 0.5s ease; + transition: transform 0.5s ease; + transition: + transform 0.5s ease, + -webkit-transform 0.5s ease; +} +.navbar-toggle.open span { + position: absolute; +} +.navbar-toggle.open span:first-child { + top: 34px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + background-color: #0dc8de; +} +.navbar-toggle.open span:nth-child(2) { + visibility: hidden; +} +.navbar-toggle.open span:last-child { + width: 100%; + top: 34px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.navigation-menu { + list-style: none; + margin: 0; + padding: 0; + display: inline-block; +} +.navigation-menu > li { + display: inline-block; + position: relative; +} +.navigation-menu > li:first-child a { + padding-left: 0px; +} +.navigation-menu > li a { + display: block; + font-size: 14px; + -webkit-transition: all 0.1s ease; + transition: all 0.1s ease; + line-height: 18px; + padding-left: 25px; + padding-right: 25px; +} +.navigation-menu > li a:hover { + color: #f8f8fc; + background-color: transparent; +} +.navigation-menu > li a:focus { + color: #f8f8fc; + background-color: transparent; +} +.navigation-menu > li a:active { + color: #f8f8fc; +} +.navigation-menu > li a i { + display: inline-block; + font-size: 16px; + margin-right: 8px; + -webkit-transition: all 0.1s ease; + transition: all 0.1s ease; + vertical-align: middle; + color: #7081b9; +} +@media (max-width: 1024px) { + body[data-layout='horizontal'] { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + body[data-layout='horizontal'] .page-wrapper { + width: 100%; + } + .topbar .topbar-inner { + width: 100%; + } + .navbar-custom-menu .container-fluid { + padding: 0 20px; + width: 100%; + } + .navigation-menu > li a { + padding: 0 16px; + } + .page-content { + min-height: 100vh; + } +} +@media (min-width: 992px) { + .topbar .navigation-menu > li > a { + padding-top: 20px; + padding-bottom: 20px; + color: #b8c1d4; + } + .topbar .navigation-menu > li > a span { + vertical-align: middle; + } + .topbar .navigation-menu > li.last-elements .submenu { + left: auto; + right: 0; + } + .topbar + .navigation-menu + > li.last-elements + .submenu + > li.has-submenu + .submenu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: 10px; + } + .topbar .navigation-menu > li:hover a { + color: #e8e6ff; + } + .topbar .navigation-menu > li .submenu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + padding: 10px 0; + list-style: none; + min-width: 200px; + text-align: left; + visibility: hidden; + opacity: 0; + margin-top: 20px; + -webkit-transition: all 0.1s ease; + transition: all 0.1s ease; + background-color: #fdfeff; + border: 1px solid #d8dee6; + border-radius: 4px; + -webkit-box-shadow: + 0 17px 34px 0 rgba(0, 0, 0, 0.05), + 0 8px 14px 0 rgba(0, 0, 0, 0.02); + box-shadow: + 0 17px 34px 0 rgba(0, 0, 0, 0.05), + 0 8px 14px 0 rgba(0, 0, 0, 0.02); + } + .topbar .navigation-menu > li .submenu.megamenu { + white-space: nowrap; + width: auto; + } + .topbar .navigation-menu > li .submenu.megamenu > li { + overflow: hidden; + width: 200px; + display: inline-block; + vertical-align: top; + } + .topbar .navigation-menu > li .submenu > li.has-submenu > a:after { + content: '\56'; + font-family: 'dripicons-v2'; + position: absolute; + right: 20px; + top: 11px; + font-size: 13px; + } + .topbar .navigation-menu > li .submenu > li .submenu { + left: 100%; + top: 0; + margin-top: 10px; + } + .topbar .navigation-menu > li .submenu li { + position: relative; + } + .topbar .navigation-menu > li .submenu li ul { + list-style: none; + padding-left: 0; + margin: 0; + } + .topbar .navigation-menu > li .submenu li a { + display: block; + padding: 8px 12px; + clear: both; + white-space: nowrap; + font-size: 13px; + color: #5a5c61; + margin-bottom: 0; + -webkit-transition: all 0.1s ease; + transition: all 0.1s ease; + } + .topbar .navigation-menu > li .submenu li a:hover { + color: #7367f0; + background-color: #fdfeff; + } + .topbar .navigation-menu > li .submenu li a i { + font-size: 24px; + margin: 0; + vertical-align: middle; + color: #7081b9; + } + .topbar .navigation-menu > li .submenu li span { + display: block; + padding: 8px 25px; + clear: both; + line-height: 1.42857143; + white-space: nowrap; + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + font-weight: 500; + color: #1c2d41; + } + .topbar .navbar-toggle { + display: none; + } + .topbar #navigation { + display: block; + } +} +@media (max-width: 991px) { + body[data-layout='horizontal'] .page-wrapper { + width: 100%; + margin-top: 70px; + } + .topbar .navigation-menu { + float: none; + max-height: 400px; + text-align: left; + width: 100%; + } + .topbar .navigation-menu > li { + display: block; + } + .topbar .navigation-menu > li > a { + color: #7081b9; + padding: 15px; + font-size: 13px; + } + .topbar .navigation-menu > li > a:after { + position: absolute; + right: 15px; + } + .topbar .navigation-menu > li > a:hover { + color: #1761fd; + } + .topbar .navigation-menu > li .submenu { + display: none; + list-style: none; + padding-left: 20px; + margin: 0; + } + .topbar .navigation-menu > li .submenu li a { + display: block; + position: relative; + padding: 7px 20px; + font-size: 13px; + color: #7081b9; + } + .topbar .navigation-menu > li .submenu li a:hover { + color: #1761fd; + } + .topbar .navigation-menu > li .submenu li.has-submenu > a:after { + content: '\54'; + font-family: 'dripicons-v2'; + position: absolute; + right: 30px; + } + .topbar .navigation-menu > li .submenu.open { + display: block; + } + .topbar .navigation-menu > li .submenu .submenu { + display: none; + list-style: none; + } + .topbar .navigation-menu > li .submenu .submenu.open { + display: block; + } + .topbar .navigation-menu > li .submenu.megamenu > li > ul { + list-style: none; + padding-left: 0; + } + .topbar .navigation-menu > li .submenu.megamenu > li > ul > li > span { + display: block; + position: relative; + padding: 15px; + text-transform: uppercase; + font-size: 11px; + letter-spacing: 2px; + color: #1c2d41; + } + .topbar .navigation-menu > li.has-submenu.open > a { + color: #1761fd; + } + .topbar .navbar-header { + float: left; + } + .topbar .container-fluid { + width: 100%; + padding: 0; + } + #navigation { + position: absolute; + top: 70px; + left: 0; + right: 0; + display: none; + height: auto; + max-height: 500px; + padding-bottom: 0; + overflow: auto; + background-color: #fff; + z-index: 1000; + } + #navigation.open { + display: block; + overflow-y: auto; + } + .navbar-custom-menu { + min-height: 0; + } +} +@media (min-width: 768px) { + .topbar .navigation-menu > li.has-submenu:hover > .submenu { + visibility: visible; + opacity: 1; + margin-top: 0; + } + .topbar + .navigation-menu + > li.has-submenu:hover + > .submenu + > li.has-submenu:hover + > .submenu { + visibility: visible; + opacity: 1; + margin-top: -1px; + margin-right: 0; + } + .navbar-toggle { + display: block; + } +} +@media (max-width: 768px) { + .topbar .topbar-left { + margin-right: 0; + } + .topbar .topbar-left .logo .logo-sm { + height: 32px; + } + .page-content { + width: 100%; + margin-top: 0; + min-height: 100vh; + padding: 0 0 60px 0; + } + .page-title-box { + margin-top: 5px; + } + .navbar-custom-menu .has-submenu.active a { + color: #1761fd; + } +} +@media (max-width: 767px) { + .page-title-box .breadcrumb, + .page-title-box .state-information { + display: none; + } +} +@media (max-width: 620px) { + .logo-large { + display: none; + } + .logo-small { + display: inline-block !important; + } + .topbar .has-submenu.active a { + color: #1761fd; + } +} +body.dark-topbar .topbar .topbar-left { + background-color: #292e40; +} +body.dark-topbar .topbar .topbar-left .logo .logo-lg { + display: none; +} +body.dark-topbar .topbar .topbar-left .logo .logo-lg.logo-light { + display: inline-block; + height: 14px; + margin-left: 2px; +} +body.dark-topbar .navbar-custom { + background: #292e40; +} +body.dark-topbar .navbar-custom .nav-link { + color: #b9c4ce; +} +body.dark-topbar .navbar-custom .topbar-nav li.show .nav-link { + background-color: #2f3549; + color: #303e67; +} +body.dark-topbar .button-menu-mobile { + color: #c2cbe2 !important; +} +body.dark-topbar .notification-list .noti-icon { + color: #c2cbe2; +} +body.dark-topbar .notification-list .noti-icon-badge { + border: 2px solid rgba(255, 255, 255, 0.6); +} +body.dark-topbar .app-search .form-control, +body.dark-topbar .app-search .form-control:focus { + border: 1px solid #343a50; + color: #c2cbe2; + background: #292e40; +} +body.dark-topbar .app-search input.form-control::-webkit-input-placeholder { + color: #98a9d9; +} +body.dark-topbar .app-search input.form-control:-moz-placeholder { + color: #98a9d9; +} +body.dark-topbar .app-search input.form-control::-moz-placeholder { + color: #98a9d9; +} +body.dark-topbar .app-search input.form-control:-ms-input-placeholder { + color: #98a9d9; +} +body.dark-topbar .app-search a { + background: #343a50; + border: 1px solid #343a50; + color: #8997bd; +} +body.dark-sidenav .topbar .topbar-left { + background-color: #292e40; +} +body.dark-sidenav .topbar .topbar-left .logo .logo-lg { + display: none; +} +body.dark-sidenav .topbar .topbar-left .logo .logo-lg.logo-light { + display: inline-block; + height: 14px; + margin-left: 2px; +} +body.dark-sidenav .left-sidenav { + background-color: #292e40; +} +body.dark-sidenav .left-sidenav-menu li > a { + color: #a9baca; +} +body.dark-sidenav .left-sidenav-menu li > a:hover { + color: #e6e6e6; +} +body.dark-sidenav .left-sidenav-menu li > a:hover i { + color: #0f4fff; +} +body.dark-sidenav .left-sidenav-menu li > a:hover span i { + color: #e6e6e6; +} +body.dark-sidenav .left-sidenav-menu li > a i { + color: #2d53bd; +} +body.dark-sidenav .left-sidenav-menu li ul li > a { + color: #a9baca; +} +body.dark-sidenav .left-sidenav-menu li ul li > a:hover { + color: #e6e6e6; +} +body.dark-sidenav .left-sidenav-menu li ul li > a:hover i { + color: #1761fd; +} +body.dark-sidenav .left-sidenav-menu li.mm-active .mm-active > a { + color: #5787ec; + background: #292e40; + -webkit-box-shadow: 3px 0 20px 0 rgba(0, 0, 0, 0.15); + box-shadow: 3px 0 20px 0 rgba(0, 0, 0, 0.15); +} +body.dark-sidenav .left-sidenav-menu li.mm-active .mm-active > a.active { + color: #5787ec; + background-color: transparent; +} +body.dark-sidenav .left-sidenav-menu li.mm-active .mm-active > a i { + color: #1761fd; +} +body.dark-sidenav + .left-sidenav-menu + li.mm-active + .mm-active + .mm-show + li + a.active { + color: #1761fd; +} +body.dark-sidenav .left-sidenav-menu li.mm-active > a { + color: #fff; + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); +} +body.dark-sidenav .left-sidenav-menu li.mm-active > a i { + color: #fff; +} +body.dark-sidenav + .left-sidenav-menu + li.mm-active + .nav-item.active + a.nav-link.active { + background-color: transparent; + color: #5787ec; +} +body.dark-sidenav + .left-sidenav-menu + li.mm-active + .nav-item.active + a.nav-link.active + i { + color: #5787ec; +} +body.dark-sidenav .left-sidenav-menu .menu-arrow i { + width: 15px; + color: #a9baca; +} +.page-wrapper { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.page-content-tab { + width: 100%; + position: relative; + min-height: calc(100vh - 70px); + padding: 0 10px 60px 10px; +} +.navbar-custom .responsive-logo { + display: none; +} +.leftbar-tab-menu { + min-width: 270px; +} +.leftbar-tab-menu .main-icon-menu { + width: 70px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 20px 0; + background-color: #0f4069; + height: 100%; + z-index: 500; + position: fixed; + top: 0; +} +.leftbar-tab-menu .main-icon-menu .logo-crovex .logo-sm { + height: 34px; +} +.leftbar-tab-menu .main-icon-menu .menu-icon.icon-dual { + color: #99b3ec; + fill: rgba(153, 179, 236, 0.12); +} +.leftbar-tab-menu .main-icon-menu .pro-crovex-end { + -ms-flex-negative: 0; + flex-shrink: 0; + 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-align: center; + -ms-flex-align: center; + align-items: center; +} +.leftbar-tab-menu .main-icon-menu .nav { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 5px 0; + margin-top: 70px; +} +.leftbar-tab-menu .main-icon-menu .nav-link { + position: relative; + padding: 0; + color: #fff; + width: 40px; + height: 40px; + 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; +} +.leftbar-tab-menu .main-icon-menu .nav-link:hover, +.leftbar-tab-menu .main-icon-menu .nav-link:focus { + color: #fff; +} +.leftbar-tab-menu .main-icon-menu .nav-link:active, +.leftbar-tab-menu .main-icon-menu .nav-link.active { + color: #1761fd; +} +.leftbar-tab-menu .main-icon-menu .nav-link:active .menu-icon.icon-dual, +.leftbar-tab-menu .main-icon-menu .nav-link.active .menu-icon.icon-dual { + color: #fff; + fill: rgba(255, 255, 255, 0.12); +} +.leftbar-tab-menu .main-icon-menu .nav-link + .nav-link { + margin-top: 30px; +} +.leftbar-tab-menu .main-icon-menu .nav-link i { + font-size: 15px; +} +.leftbar-tab-menu .main-icon-menu .nav-link i.drip-icon { + line-height: 1; +} +.leftbar-tab-menu .main-icon-menu .nav-link i.drip-icon ::before { + width: auto; +} +.leftbar-tab-menu .main-icon-menu .nav-link.active:before { + content: ''; + position: absolute; + left: 45px; + top: 10px; + border-right: 10px solid rgba(255, 255, 255, 0.2); + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; +} +@media (min-width: 992px) { + .leftbar-tab-menu .main-icon-menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.main-menu-inner { + width: 200px; + height: 100%; + background-color: #fff; + border-right: 1px solid #eceff5; + position: fixed; + top: 0; + left: 70px; + z-index: 600; +} +.main-menu-inner .topbar-left { + background-color: #fff; + padding-left: 20px; +} +.main-menu-inner .topbar-left .logo { + line-height: 70px; +} +.main-menu-inner .topbar-left .logo .logo-sm { + height: 24px; +} +.main-menu-inner .topbar-left .logo .logo-lg { + height: 14px; + margin-left: 2px; + display: inline-block; +} +.main-menu-inner .topbar-left .logo .logo-light { + display: none; +} +.main-menu-inner .menu-body { + padding: 20px; + height: calc(100vh - 68px) !important; +} +.main-menu-inner .menu-body .nav { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.main-menu-inner .menu-body .nav-item { + position: relative; + display: block; +} +.main-menu-inner .menu-body .nav-item + .nav-item { + margin-top: -1px !important; +} +.main-menu-inner .menu-body .nav-item .nav-link.active i, +.main-menu-inner .menu-body .nav-item .nav-link.active { + color: #0f4069; +} +.main-menu-inner .menu-body .nav-item ul li { + display: block; + margin: 14px 0; +} +.main-menu-inner .menu-body .nav-item ul li > a { + color: #5a5c61; + font-size: 13px; + font-weight: 500; +} +.main-menu-inner .menu-body .nav-item ul li > a.active { + color: #1761fd; +} +.main-menu-inner .menu-body .nav-item ul li > a:hover, +.main-menu-inner .menu-body .nav-item ul li > a:focus { + color: #3f7dfd; +} +.main-menu-inner .menu-body .nav-item ul li a:before { + content: ''; + position: absolute; + left: 24px; + margin-top: 7px; + width: 4px; + height: 4px; + border: 1px solid #8997bd; + border-radius: 50%; + background: rgba(48, 62, 103, 0.2); +} +.main-menu-inner .menu-body .nav-item ul li a.active:before { + content: ''; + border: none; + background: #1761fd; +} +.main-menu-inner .menu-body .nav-item.mm-active .menu-arrow i:before { + content: '\F140'; +} +.main-menu-inner .menu-body .nav-link { + position: relative; + color: #5a5c61; + font-size: 13px; + font-weight: 500; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 44px; + border-radius: 3px; +} +.main-menu-inner .menu-body .nav-link i { + color: #5a5c61; + font-size: 15px; + font-weight: 400; + line-height: 0; + margin-right: 10px; +} +.main-menu-inner .menu-body .nav-link i.drip-icon { + line-height: 0.9; +} +.main-menu-inner .menu-body .nav-link i.drip-icon::before { + width: auto; +} +.main-menu-inner .menu-body .nav-link:hover, +.main-menu-inner .menu-body .nav-link:focus, +.main-menu-inner .menu-body .nav-link:hover i, +.main-menu-inner .menu-body .nav-link:focus i { + color: #3f7dfd; +} +.main-menu-inner .menu-body .nav-link:active, +.main-menu-inner .menu-body .nav-link.active { + color: #0f4069; +} +.main-menu-inner .menu-body .nav-link .menu-arrow i { + width: 15px; + float: right; +} +@media (min-width: 992px) { + .main-menu-inner.active { + display: block; + } +} +.main-icon-menu-pane { + margin-bottom: 20px; + display: none; +} +.main-icon-menu-pane.active { + display: block; +} +.menu-title { + font-size: 14px; + font-weight: 600; + color: #466f92; + margin-bottom: 10px; + line-height: 1; + text-transform: uppercase; +} +.menu-sub-text { + display: block; + font-size: 13px; + color: #a4abc5; + margin-bottom: 12px; +} +.enlarge-menu .leftbar-tab-menu { + min-width: 70px; +} +.enlarge-menu .leftbar-tab-menu .main-menu-inner { + display: none; +} +.enlarge-menu .topbar .navbar-custom { + margin-left: 70px; +} +.enlarge-menu .topbar .topbar-left { + margin-left: 0; + width: 270px; +} +.enlarge-menu.enlarge-menu-all .leftbar-tab-menu { + display: none; +} +.enlarge-menu.enlarge-menu-all .topbar .topbar-left { + margin-left: 0; + width: 270px; +} +.enlarge-menu.enlarge-menu-all .topbar .navbar-custom { + margin-left: 0; +} +@media (min-width: 1200px) { + .main-menu-inner { + border-right: 0; + z-index: 500; + } +} +@media (max-width: 1024px) { + .leftbar-tab-menu { + position: fixed; + top: 70px; + overflow-y: auto; + z-index: 5; + bottom: 0; + } + .navbar-custom { + margin-left: 70px; + } + .navbar-custom .responsive-logo { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 70px; + padding-left: 10px; + } + .page-content-tab { + min-height: 100vh; + } + .enlarge-menu .topbar .topbar-left { + margin-left: 0; + width: 70px; + } + .enlarge-menu-all .topbar .navbar-custom { + margin-left: 0; + } +} +@media (min-width: 992px) { + .main-icon-menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .main-menu-inner .menu-body .nav-link.with-sub::after { + margin-left: 4px; + font-size: 12px; + } + .main-menu-inner.active { + display: block; + } + .main-menu-inner.active { + display: block; + } +} +@media (max-width: 991.98px) { + .main-icon-menu-active .main-icon-menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .main-icon-menu-active .main-menu-inner { + display: block; + } +} +@media (min-width: 680px) { + .page-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +html { + position: relative; + min-height: 100%; +} +body { + margin: 0; + overflow-x: hidden !important; + font-size: 0.845rem; + background-color: #edf0f5; + color: #303e67; + min-height: 100vh; + letter-spacing: 0.1px; + line-height: 1.5; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; +} +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + color: #303e67; + margin: 10px 0; +} +h1 { + line-height: 43px; +} +h2 { + line-height: 35px; +} +h3 { + line-height: 30px; +} +h4 { + line-height: 22px; +} +a { + font-family: 'Poppins', sans-serif; + color: #303e67; +} +a:hover, +a:active, +a:focus { + outline: 0; + text-decoration: none; +} +p { + line-height: 1.6; + font-family: 'Roboto', sans-serif; + font-size: 0.845rem; + font-weight: 400; +} +* { + outline: none !important; +} +.font-weight-semibold { + font-weight: 600; +} +.nav.nav-pills { + background-color: #f8f8fc; +} /*! * Waves v0.7.6 * http://fian.my.id/Waves * * Copyright 2014-2018 Alfiana E. Sibuea and other contributors * Released under the MIT license - * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,0.2);background:radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transition-property:-webkit-transform, opacity;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0) translate(0, 0);transform:scale(0) translate(0, 0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,0.4);background:radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%)}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,0.2)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,0.4)}.waves-notransition{-webkit-transition:none !important;transition:none !important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:none;color:inherit;background-color:rgba(0,0,0,0);font-size:1em;line-height:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:0.85em 1.1em;border-radius:0.2em}.waves-button-input{margin:0;padding:0.85em 1.1em}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0px 1px 1.5px 1px rgba(0,0,0,0.12);box-shadow:0px 1px 1.5px 1px rgba(0,0,0,0.12);-webkit-transition:all 300ms;transition:all 300ms}.waves-float:active{-webkit-box-shadow:0px 8px 20px 1px rgba(0,0,0,0.3);box-shadow:0px 8px 20px 1px rgba(0,0,0,0.3)}.waves-block{display:block}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.4)}.waves-effect.waves-primary .waves-ripple{background-color:rgba(23,97,253,0.4)}.waves-effect.waves-success .waves-ripple{background-color:rgba(30,202,123,0.4)}.waves-effect.waves-info .waves-ripple{background-color:rgba(155,167,202,0.4)}.waves-effect.waves-warning .waves-ripple{background-color:rgba(255,184,34,0.4)}.waves-effect.waves-danger .waves-ripple{background-color:rgba(241,75,75,0.4)}.card{-webkit-box-shadow:0px 2px 4px rgba(31,30,47,0.1);box-shadow:0px 2px 4px rgba(31,30,47,0.1);margin-bottom:24px;background-color:#fff}.card .card-header{background-color:#f1f5fa}.badge-success,.badge-orange{color:#fff}.btn-round{border-radius:30px}.btn-circle{width:36px;height:36px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%}.btn-square{border-radius:0}.btn-skew{-webkit-transform:skew(-15deg);transform:skew(-15deg)}.btn-skew span{display:inline-block;-webkit-transform:skew(15deg);transform:skew(15deg)}.accordion .btn:focus{-webkit-box-shadow:none;box-shadow:none}.btn.btn-outline-dashed{outline:1px dashed #fff !important;outline-offset:-5px;-moz-outline-radius:25px}.button-list,.button-items{margin-bottom:-8px}.button-list .btn,.button-items .btn{margin:0 5px 8px 0}.btn{-webkit-transition:.3s ease-out;transition:.3s ease-out;-webkit-box-shadow:0 7px 14px 0 rgba(234,240,249,0.5);box-shadow:0 7px 14px 0 rgba(234,240,249,0.5)}.btn:hover{-webkit-box-shadow:0 1px 2px 0 rgba(234,240,249,0.5);box-shadow:0 1px 2px 0 rgba(234,240,249,0.5)}.btn-primary{-webkit-box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);box-shadow:0 7px 14px 0 rgba(23,97,253,0.5)}.btn-primary:hover{-webkit-box-shadow:none;box-shadow:none}.btn-secondary{-webkit-box-shadow:0 7px 14px 0 rgba(13,200,222,0.5);box-shadow:0 7px 14px 0 rgba(13,200,222,0.5)}.btn-secondary:hover{-webkit-box-shadow:none;box-shadow:none}.btn-success{-webkit-box-shadow:0 7px 14px 0 rgba(30,202,123,0.5);box-shadow:0 7px 14px 0 rgba(30,202,123,0.5)}.btn-success:hover{-webkit-box-shadow:none;box-shadow:none}.btn-warning{-webkit-box-shadow:0 7px 14px 0 rgba(255,184,34,0.5);box-shadow:0 7px 14px 0 rgba(255,184,34,0.5)}.btn-warning:hover{-webkit-box-shadow:none;box-shadow:none}.btn-info{-webkit-box-shadow:0 7px 14px 0 rgba(155,167,202,0.5);box-shadow:0 7px 14px 0 rgba(155,167,202,0.5)}.btn-info:hover{-webkit-box-shadow:none;box-shadow:none}.btn-danger{-webkit-box-shadow:0 7px 14px 0 rgba(241,75,75,0.5);box-shadow:0 7px 14px 0 rgba(241,75,75,0.5)}.btn-danger:hover{-webkit-box-shadow:none;box-shadow:none}.btn-pink{-webkit-box-shadow:0 7px 14px 0 rgba(253,60,151,0.5);box-shadow:0 7px 14px 0 rgba(253,60,151,0.5)}.btn-pink:hover{-webkit-box-shadow:none;box-shadow:none}.btn-purple{-webkit-box-shadow:0 7px 14px 0 rgba(109,129,245,0.5);box-shadow:0 7px 14px 0 rgba(109,129,245,0.5)}.btn-purple:hover{-webkit-box-shadow:none;box-shadow:none}.btn-blue{-webkit-box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);box-shadow:0 7px 14px 0 rgba(23,97,253,0.5)}.btn-blue:hover{-webkit-box-shadow:none;box-shadow:none}.btn-dark{color:#f8f8fc;-webkit-box-shadow:0 7px 14px 0 rgba(28,45,65,0.5);box-shadow:0 7px 14px 0 rgba(28,45,65,0.5)}.btn-dark:hover{-webkit-box-shadow:none;box-shadow:none;color:#f8f8fc}.btn-gray{-webkit-box-shadow:0 7px 14px 0 rgba(155,167,202,0.5);box-shadow:0 7px 14px 0 rgba(155,167,202,0.5)}.btn-gray:hover{-webkit-box-shadow:none;box-shadow:none}.btn-light{-webkit-box-shadow:0 7px 14px 0 rgba(182,194,228,0.6);box-shadow:0 7px 14px 0 rgba(182,194,228,0.6)}.btn-light:hover{-webkit-box-shadow:none;box-shadow:none}.btn-outline-light{color:#7081b9;background-image:none;background-color:transparent;border-color:#eaf0f9}.btn-outline-dark{color:#1c2d41}.btn-outline-dark:hover{-webkit-box-shadow:none;box-shadow:none;color:#f8f8fc}.btn-soft-primary{background-color:rgba(23,97,253,0.1);color:#1761fd}.btn-soft-primary:hover{background-color:#1761fd;color:#fff}.btn-soft-primary:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(23,97,253,0.2);box-shadow:0 0 0 0.1rem rgba(23,97,253,0.2);background-color:rgba(23,97,253,0.8);color:#fff}.btn-soft-secondary{background-color:rgba(13,200,222,0.15);color:#0dc8de}.btn-soft-secondary:hover{background-color:#0dc8de;color:#fff}.btn-soft-secondary:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(13,200,222,0.2);box-shadow:0 0 0 0.1rem rgba(13,200,222,0.2);background-color:rgba(13,200,222,0.8);color:#fff}.btn-soft-success{background-color:rgba(30,202,123,0.1);color:#1eca7b}.btn-soft-success:hover{background-color:#1eca7b;color:#fff}.btn-soft-success:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(30,202,123,0.2);box-shadow:0 0 0 0.1rem rgba(30,202,123,0.2);background-color:rgba(30,202,123,0.8);color:#fff}.btn-soft-warning{background-color:rgba(255,184,34,0.18);color:#ffb822}.btn-soft-warning:hover{background-color:#ffb822;color:#fff}.btn-soft-warning:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(255,184,34,0.2);box-shadow:0 0 0 0.1rem rgba(255,184,34,0.2);background-color:rgba(255,184,34,0.8);color:#fff}.btn-soft-danger{background-color:rgba(241,75,75,0.1);color:#f14b4b}.btn-soft-danger:hover{background-color:#f14b4b;color:#fff}.btn-soft-danger:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(241,75,75,0.2);box-shadow:0 0 0 0.1rem rgba(241,75,75,0.2);background-color:rgba(241,75,75,0.8);color:#fff}.btn-soft-info{background-color:rgba(155,167,202,0.1);color:#9ba7ca}.btn-soft-info:hover{background-color:#9ba7ca;color:#fff}.btn-soft-info:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(155,167,202,0.2);box-shadow:0 0 0 0.1rem rgba(155,167,202,0.2);background-color:rgba(155,167,202,0.8);color:#fff}.btn-soft-dark{background-color:rgba(28,45,65,0.1);color:#1c2d41}.btn-soft-dark:hover{background-color:#1c2d41;color:#f8f8fc}.btn-soft-dark:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(28,45,65,0.2);box-shadow:0 0 0 0.1rem rgba(28,45,65,0.2);background-color:rgba(28,45,65,0.8);color:#f8f8fc}.btn-soft-pink{background-color:rgba(253,60,151,0.1);color:#fd3c97}.btn-soft-pink:hover{background-color:#fd3c97;color:#fff}.btn-soft-pink:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(253,60,151,0.2);box-shadow:0 0 0 0.1rem rgba(253,60,151,0.2);background-color:rgba(253,60,151,0.8);color:#fff}.btn-soft-purple{background-color:rgba(109,129,245,0.1);color:#6d81f5}.btn-soft-purple:hover{background-color:#6d81f5;color:#fff}.btn-soft-purple:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(109,129,245,0.2);box-shadow:0 0 0 0.1rem rgba(109,129,245,0.2);background-color:rgba(109,129,245,0.8);color:#fff}.btn-soft-blue{background-color:rgba(23,97,253,0.1);color:#1761fd}.btn-soft-blue:hover{background-color:#1761fd;color:#fff}.btn-soft-blue:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(23,97,253,0.2);box-shadow:0 0 0 0.1rem rgba(23,97,253,0.2);background-color:rgba(23,97,253,0.8);color:#fff}.btn-gradient-primary{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);border:none}.btn-gradient-primary:hover,.btn-gradient-primary:focus,.btn-gradient-primary:active,.btn-gradient-primary.active,.btn-gradient-primary.focus,.btn-gradient-primary:active,.btn-gradient-primary:focus,.btn-gradient-primary:hover,.open>.dropdown-toggle.btn-gradient-primary,.btn-gradient-primary.active,.btn-gradient-primary:active,.show>.btn-gradient-primary.dropdown-toggle{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff}.btn-gradient-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-primary.dropdown-toggle:focus,.btn-gradient-primary.focus,.btn-gradient-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(23,97,253,0.3);box-shadow:0 0 0 2px rgba(23,97,253,0.3)}.btn-gradient-success{background:linear-gradient(14deg, #1eca7b 0%, rgba(30,202,123,0.7));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(30,202,123,0.5);box-shadow:0 7px 14px 0 rgba(30,202,123,0.5);border:none}.btn-gradient-success:hover,.btn-gradient-success:focus,.btn-gradient-success:active,.btn-gradient-success.active,.btn-gradient-success.focus,.btn-gradient-success:active,.btn-gradient-success:focus,.btn-gradient-success:hover,.open>.dropdown-toggle.btn-gradient-success,.btn-gradient-success.active,.btn-gradient-success:active,.show>.btn-gradient-success.dropdown-toggle{background:linear-gradient(14deg, #1eca7b 0%, rgba(30,202,123,0.7));color:#fff}.btn-gradient-success:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-success.dropdown-toggle:focus,.btn-gradient-success.focus,.btn-gradient-success:focus{-webkit-box-shadow:0 0 0 2px rgba(30,202,123,0.3);box-shadow:0 0 0 2px rgba(30,202,123,0.3)}.btn-gradient-secondary{background:linear-gradient(14deg, #0dc8de 0%, rgba(13,200,222,0.7));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(13,200,222,0.5);box-shadow:0 7px 14px 0 rgba(13,200,222,0.5);border:none}.btn-gradient-secondary:hover,.btn-gradient-secondary:focus,.btn-gradient-secondary:active,.btn-gradient-secondary.active,.btn-gradient-secondary.focus,.btn-gradient-secondary:active,.btn-gradient-secondary:focus,.btn-gradient-secondary:hover,.open>.dropdown-toggle.btn-gradient-secondary,.btn-gradient-secondary.active,.btn-gradient-secondary:active,.show>.btn-gradient-secondary.dropdown-toggle{background:linear-gradient(14deg, #0dc8de 0%, rgba(13,200,222,0.7));color:#fff}.btn-gradient-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-secondary.dropdown-toggle:focus,.btn-gradient-secondary.focus,.btn-gradient-secondary:focus{-webkit-box-shadow:0 0 0 2px rgba(13,200,222,0.3);box-shadow:0 0 0 2px rgba(13,200,222,0.3)}.btn-gradient-danger{background:linear-gradient(14deg, #f14b4b 0%, rgba(241,75,75,0.7));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(241,75,75,0.5);box-shadow:0 7px 14px 0 rgba(241,75,75,0.5);border:none}.btn-gradient-danger:hover,.btn-gradient-danger:focus,.btn-gradient-danger:active,.btn-gradient-danger.active,.btn-gradient-danger.focus,.btn-gradient-danger:active,.btn-gradient-danger:focus,.btn-gradient-danger:hover,.open>.dropdown-toggle.btn-gradient-danger,.btn-gradient-danger.active,.btn-gradient-danger:active,.show>.btn-gradient-danger.dropdown-toggle{background:linear-gradient(14deg, #f14b4b 0%, rgba(241,75,75,0.7));color:#fff}.btn-gradient-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-danger.dropdown-toggle:focus,.btn-gradient-danger.focus,.btn-gradient-danger:focus{-webkit-box-shadow:0 0 0 2px rgba(241,75,75,0.3);box-shadow:0 0 0 2px rgba(241,75,75,0.3)}.btn-gradient-warning{background:linear-gradient(14deg, #ffb822 0%, rgba(255,184,34,0.7));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(255,184,34,0.5);box-shadow:0 7px 14px 0 rgba(255,184,34,0.5);border:none}.btn-gradient-warning:hover,.btn-gradient-warning:focus,.btn-gradient-warning:active,.btn-gradient-warning.active,.btn-gradient-warning.focus,.btn-gradient-warning:active,.btn-gradient-warning:focus,.btn-gradient-warning:hover,.open>.dropdown-toggle.btn-gradient-warning,.btn-gradient-warning.active,.btn-gradient-warning:active,.show>.btn-gradient-warning.dropdown-toggle{background:linear-gradient(14deg, #ffb822 0%, rgba(255,184,34,0.7));color:#fff}.btn-gradient-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-warning.dropdown-toggle:focus,.btn-gradient-warning.focus,.btn-gradient-warning:focus{-webkit-box-shadow:0 0 0 2px rgba(255,184,34,0.3);box-shadow:0 0 0 2px rgba(255,184,34,0.3)}.btn-gradient-info{background:linear-gradient(14deg, #9ba7ca 0%, rgba(155,167,202,0.7));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(155,167,202,0.5);box-shadow:0 7px 14px 0 rgba(155,167,202,0.5);border:none}.btn-gradient-info:hover,.btn-gradient-info:focus,.btn-gradient-info:active,.btn-gradient-info.active,.btn-gradient-info.focus,.btn-gradient-info:active,.btn-gradient-info:focus,.btn-gradient-info:hover,.open>.dropdown-toggle.btn-gradient-info,.btn-gradient-info.active,.btn-gradient-info:active,.show>.btn-gradient-info.dropdown-toggle{background:linear-gradient(14deg, #9ba7ca 0%, rgba(155,167,202,0.7));color:#fff}.btn-gradient-info:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-info.dropdown-toggle:focus,.btn-gradient-info.focus,.btn-gradient-info:focus{-webkit-box-shadow:0 0 0 2px rgba(155,167,202,0.3);box-shadow:0 0 0 2px rgba(155,167,202,0.3)}.btn-gradient-dark{background:linear-gradient(14deg, #1c2d41 0%, rgba(28,45,65,0.7));color:#f8f8fc;-webkit-box-shadow:0 7px 14px 0 rgba(28,45,65,0.5);box-shadow:0 7px 14px 0 rgba(28,45,65,0.5);border:none}.btn-gradient-dark:hover,.btn-gradient-dark:focus,.btn-gradient-dark:active,.btn-gradient-dark.active,.btn-gradient-dark.focus,.btn-gradient-dark:active,.btn-gradient-dark:focus,.btn-gradient-dark:hover,.open>.dropdown-toggle.btn-gradient-dark,.btn-gradient-dark.active,.btn-gradient-dark:active,.show>.btn-gradient-dark.dropdown-toggle{background:linear-gradient(14deg, #1c2d41 0%, rgba(28,45,65,0.7));color:#f8f8fc}.btn-gradient-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-dark.dropdown-toggle:focus,.btn-gradient-dark.focus,.btn-gradient-dark:focus{-webkit-box-shadow:0 0 0 2px rgba(28,45,65,0.3);box-shadow:0 0 0 2px rgba(28,45,65,0.3)}.btn-gradient-pink{background:linear-gradient(14deg, #fd3c97 0%, rgba(253,60,151,0.7));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(253,60,151,0.5);box-shadow:0 7px 14px 0 rgba(253,60,151,0.5);border:none}.btn-gradient-pink:hover,.btn-gradient-pink:focus,.btn-gradient-pink:active,.btn-gradient-pink.active,.btn-gradient-pink.focus,.btn-gradient-pink:active,.btn-gradient-pink:focus,.btn-gradient-pink:hover,.open>.dropdown-toggle.btn-gradient-pink,.btn-gradient-pink.active,.btn-gradient-pink:active,.show>.btn-gradient-pink.dropdown-toggle{background:linear-gradient(14deg, #fd3c97 0%, rgba(253,60,151,0.7));color:#fff}.btn-gradient-pink:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-pink.dropdown-toggle:focus,.btn-gradient-pink.focus,.btn-gradient-pink:focus{-webkit-box-shadow:0 0 0 2px rgba(253,60,151,0.3);box-shadow:0 0 0 2px rgba(253,60,151,0.3)}.btn-gradient-purple{background:linear-gradient(14deg, #6d81f5 0%, rgba(109,129,245,0.7));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(109,129,245,0.5);box-shadow:0 7px 14px 0 rgba(109,129,245,0.5);border:none}.btn-gradient-purple:hover,.btn-gradient-purple:focus,.btn-gradient-purple:active,.btn-gradient-purple.active,.btn-gradient-purple.focus,.btn-gradient-purple:active,.btn-gradient-purple:focus,.btn-gradient-purple:hover,.open>.dropdown-toggle.btn-gradient-purple,.btn-gradient-purple.active,.btn-gradient-purple:active,.show>.btn-gradient-purple.dropdown-toggle{background:linear-gradient(14deg, #6d81f5 0%, rgba(109,129,245,0.7));color:#fff}.btn-gradient-purple:not(:disabled):not(.disabled):active:focus,.show>.btn-gradient-purple.dropdown-toggle:focus,.btn-gradient-purple.focus,.btn-gradient-purple:focus{-webkit-box-shadow:0 0 0 2px rgba(109,129,245,0.3);box-shadow:0 0 0 2px rgba(109,129,245,0.3)}.dropdown-menu{-webkit-box-shadow:0 3px 12px #d6e4f1;box-shadow:0 3px 12px #d6e4f1;margin:0}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background-color:#f1f5fa;color:#1c2d41}.dropdown-lg{width:320px}.ui-widget-content{padding:4px 0;font-size:.845rem;-webkit-box-shadow:0 3px 12px rgba(234,240,249,0.4);box-shadow:0 3px 12px rgba(234,240,249,0.4);border-color:rgba(0,0,0,0.05);background-color:#fff;margin:0}.ui-widget-content .ui-menu-item{padding:6px 24px;color:#303e67}.ui-widget-content .ui-menu-item:hover,.ui-widget-content .ui-menu-item:focus,.ui-widget-content .ui-menu-item.active,.ui-widget-content .ui-menu-item:active{color:#435177;text-decoration:none;background-color:#f8f8fc}.ui-widget.ui-widget-content{border:1px solid rgba(241,245,250,0.4);z-index:1111;position:fixed}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:none;color:#435177;text-decoration:none;background-color:transparent}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:0}.table th{color:#303e67;font-weight:500;vertical-align:middle}.table td{font-weight:400;vertical-align:middle}.table.border-dashed th{font-weight:500;border-top:1px dashed #eaf0f7}.table.border-dashed td{border-top:1px dashed #eaf0f7}.table.border-dashed thead th{border-bottom:2px dashed #eaf0f7}.table.table-bordered thead{background-color:#f1f5fa}.table .thead-light th{color:#303e67}.table.table-dark{color:#f8f8fc}.table.table-dark th{color:#f8f8fc}.table td{vertical-align:middle}.table td.highlight{font-weight:bold;color:#9ba7ca}.table td.details-control{background:url("../images/open.png") no-repeat center center;cursor:pointer}.table tr.shown td.details-control{background:url("../images/close.png") no-repeat center center}.table-rep-plugin .btn-toolbar{display:block}.table-rep-plugin .btn-default{border:none;background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff;margin-right:5px;-webkit-box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);-webkit-transition:.3s ease-out;transition:.3s ease-out}.table-rep-plugin .btn-default:hover,.table-rep-plugin .btn-default:focus{color:#fff;-webkit-box-shadow:0 0 0 2px rgba(23,97,253,0.3);box-shadow:0 0 0 2px rgba(23,97,253,0.3)}.table-rep-plugin .btn-default.btn-primary:active,.table-rep-plugin .btn-default.btn-primary:hover,.table-rep-plugin .btn-default.btn-primary:focus{border:none !important;background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff;-webkit-box-shadow:0 0 0 2px rgba(23,97,253,0.3);box-shadow:0 0 0 2px rgba(23,97,253,0.3)}.table-rep-plugin tbody th{font-size:14px;font-weight:normal}.table-rep-plugin table.focus-on tbody tr.focused th,.table-rep-plugin table.focus-on tbody tr.focused td{background-color:#1761fd;color:#fff}.fixed-solution .sticky-table-header{top:70px !important;background-color:#f8f8fc;border-top:1px solid #e8ebf3;border-bottom:1px solid #e8ebf3}.table-responsive[data-pattern="priority-columns"]{border:1px solid #e8ebf3}.progress{-webkit-box-shadow:0 6px 5px 0 rgba(173,181,189,0.4);box-shadow:0 6px 5px 0 rgba(173,181,189,0.4);background-color:#f1f5fa}.progress-vertical{min-height:250px;height:250px;width:10px;position:relative;display:inline-block;margin-bottom:0;margin-right:20px;-webkit-box-shadow:none;box-shadow:none}.progress-vertical .progress-bar{width:100%}.progress-vertical-bottom{min-height:250px;height:250px;position:relative;width:10px;display:inline-block;margin-bottom:0;margin-right:20px;-webkit-box-shadow:none;box-shadow:none}.progress-vertical-bottom .progress-bar{width:100%;position:absolute;bottom:0}.progress-vertical.progress-sm,.progress-vertical-bottom.progress-sm{width:5px !important}.progress-vertical.progress-sm .progress-bar,.progress-vertical-bottom.progress-sm .progress-bar{font-size:8px;line-height:5px}.progress-vertical.progress-md,.progress-vertical-bottom.progress-md{width:15px !important}.progress-vertical.progress-md .progress-bar,.progress-vertical-bottom.progress-md .progress-bar{font-size:10.8px;line-height:14.4px}.progress-vertical.progress-lg,.progress-vertical-bottom.progress-lg{width:20px !important}.progress-vertical.progress-lg .progress-bar,.progress-vertical-bottom.progress-lg .progress-bar{font-size:12px;line-height:20px}.progress-icon-spin{font-size:36px}.b-round{border-radius:40px}.alert{position:relative;border:0}.alert.icon-custom-alert{display:-webkit-box;display:-ms-flexbox;display:flex}.alert .alert-icon{font-size:24px;margin-right:8px}.alert .alert-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.alert .alert-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.alert .alert-link{font-weight:600}.alert.alert-outline-success{border:1px solid #1eca7b;background-color:transparent;color:#1eca7b}.alert.alert-outline-danger{border:1px solid #f14b4b;background-color:transparent;color:#f14b4b}.alert.alert-outline-primary{border:1px solid #1761fd;background-color:transparent;color:#1761fd}.alert.alert-outline-warning{border:1px solid #ffb822;background-color:transparent;color:#ffb822}.alert.alert-outline-info{border:1px solid #9ba7ca;background-color:transparent;color:#9ba7ca}.alert.alert-outline-pink{border:1px solid #fd3c97;background-color:transparent;color:#fd3c97}.alert.alert-outline-purple{border:1px solid #6d81f5;background-color:transparent;color:#6d81f5}.alert.alert-outline-blue{border:1px solid #1761fd;background-color:transparent;color:#1761fd}.alert.alert-outline-secondary{border:1px solid #0dc8de;background-color:transparent;color:#0dc8de}.alert.alert-outline-dark{border:1px solid #1c2d41;background-color:transparent;color:#1c2d41}.alert.alert-primary-shadow{-webkit-box-shadow:0 0 24px 0 rgba(23,97,253,0.06),0 1px 0 0 rgba(23,97,253,0.02);box-shadow:0 0 24px 0 rgba(23,97,253,0.06),0 1px 0 0 rgba(23,97,253,0.02)}.alert.alert-success-shadow{-webkit-box-shadow:0 0 24px 0 rgba(30,202,123,0.06),0 1px 0 0 rgba(30,202,123,0.02);box-shadow:0 0 24px 0 rgba(30,202,123,0.06),0 1px 0 0 rgba(30,202,123,0.02)}.alert.alert-info-shadow{-webkit-box-shadow:0 0 24px 0 rgba(155,167,202,0.06),0 1px 0 0 rgba(155,167,202,0.02);box-shadow:0 0 24px 0 rgba(155,167,202,0.06),0 1px 0 0 rgba(155,167,202,0.02)}.alert.alert-warning-shadow{-webkit-box-shadow:0 0 24px 0 rgba(255,184,34,0.06),0 1px 0 0 rgba(255,184,34,0.02);box-shadow:0 0 24px 0 rgba(255,184,34,0.06),0 1px 0 0 rgba(255,184,34,0.02)}.alert.alert-danger-shadow{-webkit-box-shadow:0 0 24px 0 rgba(241,75,75,0.06),0 1px 0 0 rgba(241,75,75,0.02);box-shadow:0 0 24px 0 rgba(241,75,75,0.06),0 1px 0 0 rgba(241,75,75,0.02)}.alert.alert-dark-shadow{-webkit-box-shadow:0 0 24px 0 rgba(28,45,65,0.06),0 1px 0 0 rgba(28,45,65,0.02);box-shadow:0 0 24px 0 rgba(28,45,65,0.06),0 1px 0 0 rgba(28,45,65,0.02)}.alert.alert-pink-shadow{-webkit-box-shadow:0 0 24px 0 rgba(253,60,151,0.06),0 1px 0 0 rgba(253,60,151,0.02);box-shadow:0 0 24px 0 rgba(253,60,151,0.06),0 1px 0 0 rgba(253,60,151,0.02)}.alert.alert-purple-shadow{-webkit-box-shadow:0 0 24px 0 rgba(109,129,245,0.06),0 1px 0 0 rgba(109,129,245,0.02);box-shadow:0 0 24px 0 rgba(109,129,245,0.06),0 1px 0 0 rgba(109,129,245,0.02)}.alert.alert-blue-shadow{-webkit-box-shadow:0 0 24px 0 rgba(23,97,253,0.06),0 1px 0 0 rgba(23,97,253,0.02);box-shadow:0 0 24px 0 rgba(23,97,253,0.06),0 1px 0 0 rgba(23,97,253,0.02)}label{font-weight:400;color:#656d9a;font-size:13px}.custom-control-label{padding-top:2px}.form-control:focus{-webkit-box-shadow:none;box-shadow:none}.input-group-text{font-size:.845rem;background-color:#f1f5fa;border:1px solid #e8ebf3}.custom-file-input,.custom-file-label{height:calc(2.3rem + 1px);line-height:26px}.custom-file-label::after{height:calc(1.5em + 15px);line-height:24px}.form-group{margin-bottom:20px}.custom-select:focus{border-color:rgba(23,97,253,0.5);-webkit-box-shadow:none;box-shadow:none}.custom-control-input:checked ~ .custom-control-indicator{background-color:#1761fd}.custom-control-input:focus ~ .custom-control-indicator{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 3px #1761fd;box-shadow:0 0 0 1px #fff,0 0 0 3px #1761fd}.has-success .form-control{border-color:#1eca7b;-webkit-box-shadow:none;box-shadow:none}.has-warning .form-control{border-color:#ffb822;-webkit-box-shadow:none;box-shadow:none}.has-error .form-control{border-color:#f14b4b;-webkit-box-shadow:none;box-shadow:none}.input-group-addon{border-radius:2px;border:1px solid #f1f5fa}.col-form-label{text-align:right}.form-control.is-valid:focus,.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#1eca7b;-webkit-box-shadow:none;box-shadow:none}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#f14b4b;-webkit-box-shadow:none;box-shadow:none}.custom-select{font-size:13px;height:38px}.custom-file-input.is-invalid:focus ~ .custom-file-label,.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#f14b4b;-webkit-box-shadow:none;box-shadow:none}.custom-file-input:focus ~ .custom-file-label{border-color:rgba(23,97,253,0.5);-webkit-box-shadow:none;box-shadow:none}dt{font-weight:600}.demo-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:850px;height:450px;padding:20px 15px 15px 15px;margin:15px auto 30px auto;border:1px solid #ddd;background:#fff;background:linear-gradient(#f6f6f6 0, #fff 50px);background:-webkit-linear-gradient(#f6f6f6 0, #fff 50px);box-shadow:0 3px 10px rgba(0,0,0,0.15);-o-box-shadow:0 3px 10px rgba(0,0,0,0.1);-ms-box-shadow:0 3px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 3px 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.1);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-placeholder{width:100%;height:100%;font-size:14px}.dropify-wrapper{background-color:#fff;border:2px dashed #e8ebf3}.dropify-wrapper .dropify-message p{color:#8997bd}.dropify-wrapper .dropify-message span.file-icon{color:#1761fd}.dropify-wrapper:hover{background-size:30px 30px;background-image:linear-gradient(-45deg, #f1f5fa 25%, transparent 25%, transparent 50%, #f1f5fa 50%, #f1f5fa 75%, transparent 75%, transparent)}.dropify-wrapper .dropify-preview{background-color:#fff}.modal-demo{background-color:#fff;width:600px;border-radius:4px;display:none;position:relative}.modal-demo .close{position:absolute;top:15px;right:25px;color:#f1f5fa}.modal-content{background-color:#f8f8fc}.modal-content .modal-header,.modal-content .modal-footer{border-color:#eaf0f9;background-color:#eaf0f9}.modal-content .modal-header .modal-title,.modal-content .modal-footer .modal-title{color:#1c2d41;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;font-weight:600;margin-top:0}.modal-content .modal-header .close,.modal-content .modal-footer .close{color:#435177}.modal-content .modal-body p,.modal-content h4{color:#7081b9}.modal-content .modal-title.custom-title{color:#fff}#custom-modal .close{color:#435177}.custom-modal-title{padding:15px 25px 15px 25px;line-height:22px;font-size:18px;background-color:#f1f5fa;color:#435177;text-align:left;margin:0px}.custom-modal-text{padding:20px;color:#8997bd}.custombox-modal-flash .close,.custombox-modal-rotatedown .close{top:20px;z-index:9999}#session-timeout-dialog .modal-header{display:inline-block}.custom-switch.switch-primary .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#1761fd;background-color:#1761fd}.custom-switch.switch-primary .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(23,97,253,0.25);box-shadow:0 0 0 0.11px rgba(23,97,253,0.25)}.custom-switch.switch-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-secondary .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#0dc8de;background-color:#0dc8de}.custom-switch.switch-secondary .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(13,200,222,0.25);box-shadow:0 0 0 0.11px rgba(13,200,222,0.25)}.custom-switch.switch-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-success .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#1eca7b;background-color:#1eca7b}.custom-switch.switch-success .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(30,202,123,0.25);box-shadow:0 0 0 0.11px rgba(30,202,123,0.25)}.custom-switch.switch-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-warning .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#ffb822;background-color:#ffb822}.custom-switch.switch-warning .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(255,184,34,0.25);box-shadow:0 0 0 0.11px rgba(255,184,34,0.25)}.custom-switch.switch-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-info .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#9ba7ca;background-color:#9ba7ca}.custom-switch.switch-info .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(155,167,202,0.25);box-shadow:0 0 0 0.11px rgba(155,167,202,0.25)}.custom-switch.switch-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-danger .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#f14b4b;background-color:#f14b4b}.custom-switch.switch-danger .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(241,75,75,0.25);box-shadow:0 0 0 0.11px rgba(241,75,75,0.25)}.custom-switch.switch-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-dark .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#1c2d41;background-color:#1c2d41}.custom-switch.switch-dark .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(28,45,65,0.25);box-shadow:0 0 0 0.11px rgba(28,45,65,0.25)}.custom-switch.switch-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-purple .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#6d81f5;background-color:#6d81f5}.custom-switch.switch-purple .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(109,129,245,0.25);box-shadow:0 0 0 0.11px rgba(109,129,245,0.25)}.custom-switch.switch-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-pink .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#fd3c97;background-color:#fd3c97}.custom-switch.switch-pink .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(253,60,151,0.25);box-shadow:0 0 0 0.11px rgba(253,60,151,0.25)}.custom-switch.switch-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.custom-switch.switch-blue .custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#1761fd;background-color:#1761fd}.custom-switch.switch-blue .custom-control-input:focus ~ .custom-control-label::before{-webkit-box-shadow:0 0 0 0.11px rgba(23,97,253,0.25);box-shadow:0 0 0 0.11px rgba(23,97,253,0.25)}.custom-switch.switch-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:rgba(137,151,189,0.7)}.datepicker{border:1px solid #f1f5fa;padding:8px}.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover,.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#1761fd !important;background-image:none;-webkit-box-shadow:none;box-shadow:none;color:#fff}.daterangepicker .drp-buttons .btn{font-weight:normal}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:rgba(23,97,253,0.1);border-color:transparent;color:#1761fd}.daterangepicker td.active,.daterangepicker .table-condensed>thead>tr>th,.table-condensed>tbody>tr>td{padding:5px}.bootstrap-touchspin .input-group-btn-vertical .btn{padding:9px 12px}.bootstrap-touchspin .input-group-btn-vertical i{top:4px;left:8px}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#f1f5fa}.badge:empty{padding:0}.select2-container--default .select2-selection--single{border:1px solid #e8ebf3;height:38px;background-color:#fff}.select2-container--default .select2-selection--single:focus{outline:none}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#303e67;line-height:38px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px;right:8px}.select2-container--default .select2-selection--multiple{background-color:#fff}.select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top:7px;background-color:#9ba7ca;border:1px solid #e8ebf3;color:#fff}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff}.select2-container--default .select2-search--dropdown .select2-search__field{background-color:#fff;border:1px solid #e8ebf3;color:#303e67}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #e8ebf3;outline:0}.select2-container .select2-selection--multiple{min-height:38px;border:1px solid #e8ebf3}.select2-container .select2-search--inline .select2-search__field{margin-top:8px;color:#303e67}.select2-dropdown{background-color:#fff;border:1px solid #eceff5}.dtp-btn-cancel{margin-right:5px}.addon-color-picker .btn{padding:8px;line-height:0;border-color:#bfbfbf}.asColorPicker-clear{display:none;position:absolute;top:8px;right:45px;text-decoration:none}.asColorPicker-trigger{position:absolute;top:0;right:0;height:38px;width:38px;border:0}.asColorPicker-dropdown{max-width:260px}.asColorPicker-wrap{position:relative;display:inline-block;width:100%;padding-right:35px}.input-title{font-weight:400;font-size:15px;color:#1c2d41}.dtp>.dtp-content>.dtp-date-view>header.dtp-header{background:#1c2d41}.dtp table.dtp-picker-days tr>td>a.selected{background:rgba(23,97,253,0.1);color:#1761fd}.dtp div.dtp-date,.dtp div.dtp-time{background:#21344c;color:#1761fd}.dtp div.dtp-actual-year,.dtp div.dtp-actual-month{color:#f8f8fc;font-size:14px;padding:8px 0}.dtp>.dtp-content{max-height:555px}.dtp table.dtp-picker-days tr>th{color:#335276}.dtp table.dtp-picker-days tr>td>a,.dtp .dtp-picker-time>a{color:#7c9ec7;font-size:12px}.dtp div.dtp-actual-num{font-size:64px}.dtp .p10>a{color:#1c2d41;text-decoration:none}.error{color:#f14b4b}.parsley-error{border-color:#f14b4b}.parsley-errors-list{display:none;margin:0;padding:0}.parsley-errors-list.filled{display:block}.parsley-errors-list>li{font-size:12px;list-style:none;color:#f14b4b;margin-top:5px}.form-wizard-wrapper label{font-size:13px;text-align:right}.wizard>.content>.body input{border:1px solid #e8ebf3}.wizard>.content>.body input:focus{border-color:rgba(23,97,253,0.5)}.wizard.vertical>.steps{width:auto}.wizard>.steps>ul>li{width:auto;margin-bottom:10px}.wizard>.steps a,.wizard>.steps a:active,.wizard>.steps a:hover{margin:3px;padding:0;border-radius:50px}.wizard>.steps .current a,.wizard>.steps .current a:active,.wizard>.steps .current a:hover{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff;padding:2px 20px 2px 2px;-webkit-box-shadow:0px 3px 10px 0 rgba(23,97,253,0.4);box-shadow:0px 3px 10px 0 rgba(23,97,253,0.4)}.wizard>.steps .disabled a,.wizard>.steps .disabled a:active,.wizard>.steps .disabled a:hover,.wizard>.steps .done a,.wizard>.steps .done a:active,.wizard>.steps .done a:hover{background-color:rgba(23,97,253,0.1);color:#b6c2e4;padding:0 20px 0 0;-webkit-box-shadow:0px 0px 0px 2.25px rgba(23,97,253,0.5);box-shadow:0px 0px 0px 2.25px rgba(23,97,253,0.5)}.wizard>.steps .current a .number,.wizard>.steps .current a:active .number,.wizard>.steps .current a:hover .number{border:2px solid #fff}.wizard>.steps .disabled a .number,.wizard>.steps .disabled a:active .number,.wizard>.steps .disabled a:hover .number,.wizard>.steps .done a .number,.wizard>.steps .done a:active .number,.wizard>.steps .done a:hover .number{border-color:#1761fd}.wizard>.content{background-color:transparent;margin:0 5px;border-radius:0;min-height:150px}#form-horizontal fieldset{margin-top:20px}.wizard>.content>.body{width:100%;height:100%;padding:15px 0 0;position:static}.wizard>.steps .number{font-size:16px;padding:5px;border-radius:50%;border:2px solid #fff;width:38px;display:inline-block;font-weight:600;text-align:center;margin-right:10px;background-color:rgba(23,97,253,0.15)}.wizard>.actions,.wizard.vertical>.actions{margin-top:20px}.wizard>.actions .disabled a,.wizard>.actions .disabled a:active,.wizard>.actions .disabled a:hover{opacity:.65;background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff;cursor:not-allowed}.wizard>.actions a,.wizard>.actions a:active,.wizard>.actions a:hover{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));border-radius:4px;padding:8px 15px}@media (max-width: 768px){.wizard>.steps>ul>li{width:50%}.form-wizard-wrapper label{text-align:left}}@media (max-width: 520px){.wizard>.steps>ul>li{width:100%}}.mce-panel{border:1px solid #f1f5fa !important;background-color:#fff !important;color:#303e67 !important}.mce-label{text-shadow:none !important;color:#8997bd !important}.mce-tinymce{-webkit-box-shadow:none !important;box-shadow:none !important}.mce-btn{background:transparent !important}.mce-flow-layout,.mce-top-part::before{-webkit-box-shadow:none !important;box-shadow:none !important;background-color:#f1f5fa !important}.mce-caret{border-top:4px solid #303e67 !important;opacity:.7 !important}.mce-menubar .mce-caret{border-top-color:#303e67 !important;opacity:.7 !important}.mce-menubar .mce-menubtn button span,.mce-btn .mce-txt,.mce-ico{color:#303e67 !important}.mce-btn.mce-disabled button,.mce-btn.mce-disabled:hover button{opacity:.7 !important}.mce-menu-item.mce-disabled,.mce-menu-item.mce-disabled:hover,.mce-menu-item:hover,.mce-menu-item:focus{background:#f8f8fc !important}[data-simplebar]{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto !important;height:auto !important;z-index:0}.simplebar-offset{direction:inherit !important;-webkit-box-sizing:inherit !important;box-sizing:inherit !important;resize:none !important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:auto;max-width:100%;max-height:100%}.simplebar-content:before,.simplebar-content:after{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{-webkit-box-sizing:inherit !important;box-sizing:inherit !important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.simplebar-height-auto-observer{-webkit-box-sizing:inherit;box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;right:2px;width:5px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#b6c2e4;border-radius:8px;left:0;right:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:0.5;-webkit-transition:opacity 0s linear;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.custom-scroll{height:100%}.gmaps,.gmaps-panaroma{height:300px;background:#f1f5fa;border-radius:3px}.gmaps-overlay{display:block;text-align:center;color:#fff;font-size:16px;line-height:40px;background:#1761fd;border-radius:4px;padding:10px 20px}.gmaps-overlay_arrow{left:50%;margin-left:-16px;width:0;height:0;position:absolute}.gmaps-overlay_arrow.above{bottom:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #1761fd}.gmaps-overlay_arrow.below{top:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #1761fd}.jvectormap-zoomin,.jvectormap-zoomout,.jvectormap-goback{position:absolute;left:auto;right:0;display:inline-block;border-radius:50%;background:#f8f8fc;padding:5px;color:#435177;cursor:pointer;line-height:20px;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box}.drop-shadow-map{-webkit-filter:drop-shadow(0px 8px 4px rgba(206,212,218,0.7));filter:drop-shadow(0px 8px 4px rgba(206,212,218,0.7))}.chart-demo{height:370px;margin:20px auto}.jqstooltip{-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#fff !important;padding:5px 10px !important;border-radius:3px;border-color:#fff !important;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,0.05),0 6px 20px 0 rgba(0,0,0,0.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,0.05),0 6px 20px 0 rgba(0,0,0,0.02)}.jqsfield{font-size:12px !important;line-height:18px !important;color:#1c2d41 !important}.chart{position:relative;display:inline-block;width:110px;height:110px;margin-top:20px;margin-bottom:20px;text-align:center}.chart canvas{position:absolute;top:0;left:0}.chart.chart-widget-pie{margin-top:5px;margin-bottom:5px}.percent{display:inline-block;line-height:110px;z-index:2}.percent:after{content:'%';margin-left:0.1em;font-size:.8em}.morris-chart text{font-family:"Roboto",sans-serif !important;color:#8997bd}.morris-hover.morris-default-style{border-radius:5px;padding:10px 12px;background:#f1f5fa;border:none;font-family:"Roboto",sans-serif;-webkit-box-shadow:0 5px 25px 5px rgba(28,45,65,0.14);box-shadow:0 5px 25px 5px rgba(28,45,65,0.14)}.morris-hover.morris-default-style .morris-hover-point{line-height:28px}.morris-hover.morris-default-style .morris-hover-row-label{background-color:#1761fd;color:#fff;padding:4px 20px;border-radius:5px 5px 0 0;margin:-10px -12px 10px}#flotTip{padding:8px 12px;background-color:#fff;z-index:100;color:#1c2d41;-webkit-box-shadow:0 5px 25px 5px rgba(28,45,65,0.14);box-shadow:0 5px 25px 5px rgba(28,45,65,0.14);border-radius:1px}.flot-chart .flot-y-axis .flot-tick-label,.flot-chart .flot-x-axis .flot-tick-label{-webkit-transform:translateY(2px);transform:translateY(2px);text-transform:uppercase;font-size:12px;font-weight:400;font-family:"Roboto",sans-serif;letter-spacing:.5px;fill:#8997bd}.ct-golden-section:before{float:none}.ct-chart{height:300px}.ct-grid{stroke:rgba(28,45,65,0.09);stroke-width:2px;stroke-dasharray:3px}.ct-chart .ct-label{fill:#a4abc5;color:#a4abc5;font-size:14px;line-height:1}.ct-chart.simple-pie-chart-chartist .ct-label{color:#fff;fill:#fff;font-size:16px}.ct-chart .ct-series.ct-series-a .ct-slice-donut,.ct-chart .ct-series.ct-series-b .ct-bar{stroke:#eaf0f9}.ct-chart .ct-series.ct-series-b .ct-line,.ct-chart .ct-series.ct-series-b .ct-point{stroke:#b6c2e4}.ct-chart .ct-series.ct-series-c .ct-slice-donut{stroke:#0dc8de}.ct-chart .ct-series.ct-series-a .ct-line,.ct-chart .ct-series.ct-series-a .ct-point,.ct-chart .ct-series.ct-series-b .ct-slice-donut,.ct-chart .ct-series.ct-series-a .ct-bar{stroke:#1761fd}.ct-chart .ct-series.ct-series-c .ct-point,.ct-chart .ct-series.ct-series-c .ct-line{stroke:#ffb822}.ct-chart .ct-series.ct-series-c .ct-bar{stroke:#f8f8fc}.ct-chart .ct-series.ct-series-e .ct-slice-donut,.ct-chart .ct-series.ct-series-d .ct-bar,.ct-chart .ct-series.ct-series-d .ct-line,.ct-chart .ct-series.ct-series-d .ct-point{stroke:#1eca7b}.ct-chart .ct-series.ct-series-d .ct-slice-donut{stroke:#ffb822}.ct-chart .ct-series.ct-series-e .ct-bar,.ct-chart .ct-series.ct-series-e .ct-line,.ct-chart .ct-series.ct-series-e .ct-point{stroke:#fd3c97}.ct-chart .ct-series.ct-series-f .ct-bar,.ct-chart .ct-series.ct-series-f .ct-line,.ct-chart .ct-series.ct-series-f .ct-point{stroke:#6d81f5}.ct-chart .ct-series.ct-series-g .ct-bar,.ct-chart .ct-series.ct-series-g .ct-line,.ct-chart .ct-series.ct-series-g .ct-point{stroke:#ed1c1c}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#1761fd}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#0dc8de}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#eaf0f9}.chartist-tooltip{position:absolute;display:inline-block;opacity:0;min-width:10px;padding:2px 10px;border-radius:3px;-moz-border-radius:3px;background-clip:padding-box;background:#1c2d41;color:#fff;text-align:center;pointer-events:none;z-index:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.chartist-tooltip.tooltip-show{opacity:1}#donut-chart #donut-chart-container .legend{position:relative;margin-right:-50px;top:-50px}.apexcharts-gridlines-horizontal,.apexcharts-gridlines-vertical,.apexcharts-grid,.apexcharts-gridline,.apexcharts-xaxis-tick,.apexcharts-xaxis line,.apexcharts-gridline line{pointer-events:none;stroke:#f1f5f9}.apexcharts-radar-series line,.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-radar-series path,.apexcharts-radar-series polygon{pointer-events:none;stroke:#eaedf3}.apexcharts-legend-text{color:#8997bd !important;font-family:"Roboto",sans-serif !important}.apexcharts-pie-label{fill:#fff !important}.apexcharts-datalabels text,.apexcharts-data-labels,.apexcharts-xaxis text,.apexcharts-yaxis text{font-family:"Roboto",sans-serif !important;fill:#8997bd}.apexcharts-yaxis-annotation-label{color:#8997bd !important}.apexcharts-point-annotations text,.apexcharts-xaxis-annotations text,.apexcharts-yaxis-annotations text{fill:#fff}.britechart,.tick text{font-family:"Roboto",sans-serif;font-size:.75rem}.extended-x-line,.extended-y-line,.horizontal-grid-line,.vertical-grid-line{stroke:#eaf0f9}.bar-chart .percentage-label,.donut-text,.legend-entry-name,.legend-entry-value,.tick text{fill:#8997bd}.apex-charts{min-height:10px !important}.apexcharts-tooltip-title{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6)) !important;color:#fff;border-color:#f8f8fc !important}.dash-apex-chart .apexcharts-toolbar{display:none !important}.apexcharts-tooltip{background:#f8f8fc !important;border-color:#f8f8fc !important;white-space:normal !important}.apexcharts-xaxistooltip{background-color:#edf0f5 !important;border-color:#edf0f5 !important;color:#303e67 !important}.apexcharts-xaxistooltip-top:before,.apexcharts-xaxistooltip-top:after{border-top-color:#edf0f5 !important}.apexcharts-xaxistooltip-bottom:before,.apexcharts-xaxistooltip-bottom:after{border-bottom-color:#edf0f5 !important}.apexcharts-xaxistooltip:before,.apexcharts-xaxistooltip:after{border-color:#edf0f5}.apexcharts-title-text,.apexcharts-datalabel-label{color:#8997bd}.apexcharts-datalabel-value{color:#f8f8fc}.apexcharts-legend-marker{margin-right:5px;vertical-align:middle}.superpose{color:#f1f5fa;height:350px;width:100%}.superpose .superclock{position:relative;width:300px;margin:auto}.superpose .superclock .superclock1{position:absolute;left:10px;top:10px}.superpose .superclock .superclock2{position:absolute;left:60px;top:60px}.superpose .superclock .superclock3{position:absolute;left:110px;top:110px}.drop-shadow{-webkit-filter:drop-shadow(0px 8px 4px #f8f8fc);filter:drop-shadow(0px 8px 4px #f8f8fc)}.calendar{float:left;margin-bottom:0}.none-border .modal-footer{border-top:none}.fc-toolbar h2{font-size:16px;line-height:40px;text-transform:uppercase}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active,.fc-toolbar button:focus,.fc-toolbar button:hover,.fc-toolbar .ui-state-hover{z-index:0}.fc-day{background:#fff}.fc-widget-header{background-color:#f1f5fa;color:#303e67}.fc-widget-content{border:1px solid #b6c2e4}.fc th.fc-widget-header{font-size:13px;line-height:10px;padding:15px 0;text-transform:uppercase;font-weight:600}.fc button{height:auto;padding:6px 16px}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#f1f5fa}.fc-button{background:transparent;border:1px solid #f1f5fa;color:#7081b9;font-family:inherit;text-transform:capitalize}.fc-state-active,.fc-state-down{-webkit-box-shadow:none;box-shadow:none;background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));border-color:none;color:#fff;text-shadow:none}.fc-text-arrow{font-family:arial;font-size:16px}.fc-state-hover{background:#8997bd}.fc-state-highlight{background:#eaf0f9}.fc-cell-overlay{background:#eaf0f9}.fc-unthemed td.fc-today{background:rgba(23,97,253,0.08) !important}.fc .fc-row .fc-content-skeleton td{background:transparent !important}.fc-day-top .fc-mon .fc-today{background:rgba(23,97,253,0.1) !important}.fc-event{border-radius:2px;border:none;cursor:move;font-size:13px;margin:5px;padding:7px 5px;text-align:center;background-color:rgba(23,97,253,0.18);color:#1761fd}.external-event{color:#fff;cursor:move;margin:10px 0;padding:6px 10px}.fc-basic-view td.fc-week-number span{padding-right:5px}.fc-basic-view td.fc-day-number{padding-right:5px}tr:first-child>td>.fc-day-grid-event{border-left:5px solid}.fc-button{text-shadow:none;-webkit-box-shadow:none;box-shadow:none}.fc-button:hover,.fc-state-default:hover{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff;border-color:#fff}.fc-day.fc-widget-content.fc-other-month.fc-past,.fc-day.fc-widget-content.fc-other-month.fc-future{background-image:linear-gradient(-45deg, #f1f5fa 25%, transparent 25%, transparent 50%, #fff 50%, #eaf0f9 75%, transparent 75%, transparent);background-size:10px 10px}.fc-button-primary:disabled,.fc-button-primary:not(:disabled):active,.fc-button-primary:not(:disabled).fc-button-active{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff;border-color:#fff;opacity:1}.fc-button-primary:not(:disabled):active:focus,.fc-button-primary:not(:disabled).fc-button-active:focus,.fc-button-primary:focus{-webkit-box-shadow:none;box-shadow:none}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header,.fc-unthemed .fc-list-heading td{background:#f1f5fa}@media (max-width: 767.98px){.fc-toolbar{display:block}}.irs-from,.irs-to,.irs-single{background:#1761fd}.irs-from:after,.irs-to:after,.irs-single:after{border-top-color:#1761fd}.irs--round .irs-bar,.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child,.irs--flat .irs-handle>i:first-child,.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single,.irs--flat .irs-bar{background-color:#1761fd}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{border-top-color:#1761fd}.irs--sharp .irs-bar,.irs--sharp .irs-handle{background-color:#1eca7b}.irs--sharp .irs-handle>i:first-child{border-top-color:#1eca7b}.irs--sharp .irs-line{background-color:#eaf0f9}.irs--square .irs-handle{border-color:#1761fd}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single,.irs--square .irs-bar{background-color:#1761fd}.irs--flat .irs-min,.irs--flat .irs-max,.irs--round .irs-min,.irs--round .irs-max,.irs--square .irs-min,.irs--square .irs-max,.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:12px;line-height:1.333;text-shadow:none;padding:1px 5px;color:#303e67;background-color:#f1f5fa;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single,.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:11px;line-height:1.333;text-shadow:none;padding:2px 5px;background-color:#1761fd;color:#fff;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before,.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{content:"";border:3px solid transparent;border-top-color:#1761fd}.irs--round .irs-line,.irs--square .irs-line,.irs--flat .irs-line,.irs--modern .irs-line{background:-webkit-gradient(linear, left top, left bottom, from(#eaf0f9), to(#f1f5fa));background:linear-gradient(to bottom, #eaf0f9 0%, #f1f5fa 100%);border:1px solid #eceff5}.irs--sharp .irs-grid-pol,.irs--flat .irs-grid-pol,.irs--square .irs-grid-pol,.irs--modern .irs-grid-pol{background-color:#b6c2e4}.irs--square .irs-handle,.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#fff}.irs--modern .irs-bar{background:#1761fd;background:linear-gradient(135deg, rgba(23,97,253,0.5) 0%, #1761fd 36%, #0251f8 61%, rgba(23,97,253,0.5) 100%)}.irs--round .irs-handle{border:4px solid #1761fd;background-color:transparent;-webkit-box-shadow:0 1px 3px rgba(23,97,253,0.3);box-shadow:0 1px 3px rgba(23,97,253,0.3)}.showcase__mark{display:block;position:absolute;top:35px;background:#f14b4b;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);padding:1px 3px;border-radius:3px;color:#fff;margin-left:-18px}.irs--modern .irs-handle>i:nth-child(1){width:8px;height:8px}.irs--modern .irs-handle>i:nth-child(1),.irs--modern .irs-handle>i:nth-child(2){background:#fff}.swal2-popup{background:#fff}.swal2-popup .swal2-title{font-size:24px;font-weight:500;color:#303e67}.swal2-popup .swal2-content{color:#7081b9}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#1761fd;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(23,97,253,0.4);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(23,97,253,0.4)}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#f14b4b;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel:focus{outline:0;-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(241,75,75,0.5);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(241,75,75,0.5)}.swal2-popup .swal2-styled.swal2-cancel{border:1px solid transparent}.swal2-actions .btn-success:not(:disabled):not(.disabled):active,.swal2-actions .btn-success,.swal2-actions .btn-success:active{background-color:#1761fd;border:1px solid #1761fd}.swal2-actions .btn-success:focus{-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(23,97,253,0.4);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(23,97,253,0.4)}.swal2-actions .btn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#f14b4b;border-color:#f14b4b}.swal2-actions .btn-danger:not(:disabled):not(.disabled):active:focus{-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(241,75,75,0.5);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(241,75,75,0.5)}.swal2-actions .btn-danger{background-color:#f14b4b;border:1px solid #f14b4b}.swal2-actions .btn-danger:active{background-color:#f14b4b;border:1px solid #f14b4b}.swal2-actions .btn-danger:hover{background-color:#f14b4b;border:1px solid #f14b4b}.swal2-actions .btn-danger:focus{background-color:#f14b4b;border:1px solid #f14b4b;-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(241,75,75,0.5);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(241,75,75,0.5)}.swal2-icon.swal2-question{border-color:#fd3c97;color:#fd3c97}.swal2-footer{border-top:1px solid #e8ebf3}.swal2-popup.swal2-toast{background-color:#fff;-webkit-box-shadow:0 0 0.625em #f8f8fc;box-shadow:0 0 0.625em #f8f8fc}.custom-dd{max-width:100%}.dd3-content,.dd-handle{height:40px;padding:8px 10px;border:1px solid #f1f5fa;background-color:#edf2f9;color:#303e67;border-radius:3px;font-weight:normal}.dd3-content:hover,.dd-handle:hover{background-color:#f9fafd;color:#1761fd}.dd-item>button{height:25px;margin:8px 0 0;font-size:18px}.dd-item>button:before{color:#303e67}.dd3-item{margin:5px 0}.dd3-item .dd3-handle{position:absolute;margin:0;left:0;top:0;cursor:pointer;width:30px;text-indent:100%;white-space:nowrap;overflow:hidden;border:1px solid #1761fd;background:#1761fd;border-top-right-radius:0;border-bottom-right-radius:0}.dd3-item .dd3-handle:hover{background:#3072fd}.dd3-item .dd3-handle:before{content:"\f0c9";font-family:"Font Awesome 5 Free" !important;font-weight:600;display:block;position:absolute;left:0;top:9px;width:100%;text-align:center;text-indent:0;color:#fff;font-size:14px}.dd3-content-p{padding:8px 10px 8px 40px}.dd-empty,.dd-placeholder{background:#edf0f5;border:1px dashed #e8ebf3}.avatar-md{height:36px;width:36px;line-height:36px;text-align:center;border-radius:50%;font-size:18px;display:inline-block}.media{font-family:"Roboto",sans-serif}.img-group{display:inline-block}.img-group .avatar-badge{position:absolute;right:1px;width:8px;height:8px;border-radius:8px;-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;z-index:2}.img-group .user-avatar+.user-avatar-group{margin-left:-12px}.img-group .user-avatar{position:relative;display:inline-block}.img-group .user-avatar:focus,.img-group .user-avatar:hover{z-index:2}.img-group .user-avatar .online{background:#1eca7b}.img-group .user-avatar .offline{background:#9ba7ca}.img-group .user-avatar img{-webkit-box-shadow:0 0 0 2px #f8f8fc;box-shadow:0 0 0 2px #f8f8fc}.avatar-box{position:relative;display:inline-block}.avatar-box .avatar-title{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;color:#f8f8fc;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.slimScrollDiv{height:auto !important}.icon-dual{color:#1761fd;fill:rgba(23,97,253,0.12)}.thumb-xxs{height:24px !important;width:24px !important;font-size:10px;font-weight:700}.thumb-xs{height:32px !important;width:32px !important;font-size:10px;font-weight:700}.thumb-sm{height:36px !important;width:36px !important;font-size:12px;font-weight:700}.thumb-md{height:48px;width:48px;font-size:14px;font-weight:700}.thumb-lg{height:60px;width:60px;font-size:20px;font-weight:700}.thumb-xl{height:78px;width:78px;font-size:28px;font-weight:700}.badge{line-height:10px}.title-text,.header-title{margin-bottom:8px;text-transform:capitalize;letter-spacing:0.02em;font-size:15px;font-weight:500;margin-top:0;color:#303e67;text-shadow:0 0 1px rgba(241,245,250,0.1);font-family:"Roboto",sans-serif}.page-title-box{padding:25px 0}.page-title-box .page-title{font-size:18px;margin:0;color:#303e67}.page-title-box .breadcrumb{font-size:13px;margin-bottom:0;padding:2px 0;background-color:transparent}.dash-info-carousel .carousel-item h2{font-weight:500;color:#303e67;font-size:16px}.dash-info-carousel .carousel-control-prev,.dash-info-carousel .carousel-control-next{width:30px;height:30px;background-color:#f8f8fc;border-radius:50%;opacity:1}.dash-info-carousel .carousel-control-prev:hover,.dash-info-carousel .carousel-control-next:hover{opacity:.9}.dash-info-carousel .carousel-control-prev{left:auto;right:38px;top:0}.dash-info-carousel .carousel-control-prev .carousel-control-prev-icon{background-image:none}.dash-info-carousel .carousel-control-prev:after{content:'\55';font-family:"dripicons-v2" !important;font-size:.875rem;color:#303e67;line-height:1.875rem;margin-right:0.48rem}.dash-info-carousel .carousel-control-next{left:auto;right:0;top:0}.dash-info-carousel .carousel-control-next .carousel-control-next-icon{background-image:none}.dash-info-carousel .carousel-control-next:after{content:'\56';font-family:"dripicons-v2" !important;font-size:.875rem;color:#303e67;line-height:1.875rem;margin-right:0.48rem}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#f1f5fa}.popover{border-color:#eaf0f9}.popover .popover-header{margin-top:0;background-color:#f1f5fa}.nav-pills .nav-item.show .nav-link,.nav-pills .nav-link.active{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff;-webkit-box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);box-shadow:0 7px 14px 0 rgba(23,97,253,0.5)}.eco-revene-history .nav .nav-item .nav-link.active{color:#1c2d41;background-color:#f1f5fa}.accordion>.card>.card-header{background-color:#fff}.custom-accordion{background-color:#1761fd !important}.custom-accordion a:first-child{color:#fff !important}.icon-demo-content{text-align:center}.icon-demo-content i{display:block;font-size:30px;margin:0 auto 5px;color:#7081b9}.icon-demo-content .col-sm-6{margin-bottom:40px}.icon-demo-content .col-sm-6:hover i{color:#1761fd}.icon-demo-content .col-sm-6:hover path:nth-of-type(1){fill:#1761fd}.icon-demo-content .col-sm-6:hover path:nth-of-type(2){fill:#a4abc5}.br-theme-bars-square .br-widget a{background-color:#fff}.br-theme-fontawesome-stars-o .br-widget a:after,.br-theme-css-stars .br-widget a:after,.br-theme-fontawesome-stars .br-widget a:after{color:#eaf0f9}code[class*="language-"],pre[class*="language-"]{text-shadow:none;color:#303e67}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#1eca7b;background:rgba(137,151,189,0.5)}.bg-black{background-color:#000 !important;color:#fff}.bg-card{background-color:#fff !important}.bg-soft-primary{background-color:rgba(23,97,253,0.08) !important;color:#1761fd !important}.bg-soft-secondary{background-color:rgba(13,200,222,0.08) !important;color:#0dc8de !important}.bg-soft-success{background-color:rgba(30,202,123,0.08) !important;color:#1eca7b !important}.bg-soft-warning{background-color:rgba(255,184,34,0.08) !important;color:#ffb822 !important}.bg-soft-info{background-color:rgba(155,167,202,0.08) !important;color:#9ba7ca !important}.bg-soft-danger{background-color:rgba(241,75,75,0.08) !important;color:#f14b4b !important}.bg-soft-pink{background-color:rgba(253,60,151,0.08) !important;color:#fd3c97 !important}.bg-soft-purple{background-color:rgba(109,129,245,0.08) !important;color:#6d81f5 !important}.bg-soft-blue{background-color:rgba(23,97,253,0.08) !important;color:#1761fd !important}.bg-soft-dark{background-color:rgba(28,45,65,0.08) !important;color:#1c2d41 !important}.bg-primary-gradient{background:linear-gradient(14deg, #4d79f6 36%, #39add0 100%)}.bg-secondary-gradient{background:linear-gradient(14deg, #42cef1 36%, #63ddfb 100%)}.bg-success-gradient{background:linear-gradient(14deg, #22d4b3 36%, #71e6d1 100%)}.bg-info-gradient{background:linear-gradient(14deg, #4b545d 36%, #67737b 100%)}.bg-warning-gradient{background:linear-gradient(14deg, #efc039 36%, #f1cb60 100%)}.bg-danger-gradient{background:linear-gradient(14deg, #fb7589 36%, #ff9595 100%)}.bg-pink-gradient{background:linear-gradient(14deg, #FE5D9E 36%, #8E73FE 100%)}.bg-purple-gradient{background:linear-gradient(14deg, #6d81f5 36%, #8498f3 100%)}.bg-blue-gradient{background:linear-gradient(14deg, #11368a 36%, #326eca 100%)}.bg-dark-gradient{background:linear-gradient(14deg, #12100e 36%, #2b4162 100%)}.bg-light-gradient{background:linear-gradient(14deg, #c3cbdc 36%, #edf1f4 100%)}.bg-custom-gradient{background:linear-gradient(14deg, #521c85 36%, #40f 100%)}.badge{-webkit-box-shadow:none;box-shadow:none;font-size:11px !important}.badge.badge-soft-primary{background-color:rgba(23,97,253,0.15) !important;color:#1761fd !important;-webkit-box-shadow:0px 0px 13px 0px rgba(23,97,253,0.05);box-shadow:0px 0px 13px 0px rgba(23,97,253,0.05)}.badge.badge-soft-secondary{background-color:rgba(13,200,222,0.15) !important;color:#0dc8de !important;-webkit-box-shadow:0px 0px 13px 0px rgba(13,200,222,0.05);box-shadow:0px 0px 13px 0px rgba(13,200,222,0.05)}.badge.badge-soft-success{background-color:rgba(30,202,123,0.15) !important;color:#1eca7b !important;-webkit-box-shadow:0px 0px 13px 0px rgba(30,202,123,0.05);box-shadow:0px 0px 13px 0px rgba(30,202,123,0.05)}.badge.badge-soft-warning{background-color:rgba(255,184,34,0.15) !important;color:#ffb822 !important;-webkit-box-shadow:0px 0px 13px 0px rgba(255,184,34,0.05);box-shadow:0px 0px 13px 0px rgba(255,184,34,0.05)}.badge.badge-soft-info{background-color:rgba(155,167,202,0.15) !important;color:#9ba7ca !important;-webkit-box-shadow:0px 0px 13px 0px rgba(155,167,202,0.05);box-shadow:0px 0px 13px 0px rgba(155,167,202,0.05)}.badge.badge-soft-danger{background-color:rgba(241,75,75,0.15) !important;color:#f14b4b !important;-webkit-box-shadow:0px 0px 13px 0px rgba(241,75,75,0.05);box-shadow:0px 0px 13px 0px rgba(241,75,75,0.05)}.badge.badge-soft-pink{background-color:rgba(253,60,151,0.15) !important;color:#fd3c97 !important;-webkit-box-shadow:0px 0px 13px 0px rgba(253,60,151,0.05);box-shadow:0px 0px 13px 0px rgba(253,60,151,0.05)}.badge.badge-soft-purple{background-color:rgba(109,129,245,0.15) !important;color:#6d81f5 !important;-webkit-box-shadow:0px 0px 13px 0px rgba(109,129,245,0.05);box-shadow:0px 0px 13px 0px rgba(109,129,245,0.05)}.badge.badge-soft-dark{background-color:rgba(28,45,65,0.15) !important;color:#1c2d41 !important;-webkit-box-shadow:0px 0px 13px 0px rgba(28,45,65,0.05);box-shadow:0px 0px 13px 0px rgba(28,45,65,0.05)}.shadow-primary{-webkit-box-shadow:0 6px 20px 0 rgba(23,97,253,0.5) !important;box-shadow:0 6px 20px 0 rgba(23,97,253,0.5) !important}.shadow-secondary{-webkit-box-shadow:0 6px 20px 0 rgba(13,200,222,0.5) !important;box-shadow:0 6px 20px 0 rgba(13,200,222,0.5) !important}.shadow-success{-webkit-box-shadow:0 6px 20px 0 rgba(30,202,123,0.5) !important;box-shadow:0 6px 20px 0 rgba(30,202,123,0.5) !important}.shadow-warning{-webkit-box-shadow:0 6px 20px 0 rgba(255,184,34,0.5) !important;box-shadow:0 6px 20px 0 rgba(255,184,34,0.5) !important}.shadow-info{-webkit-box-shadow:0 6px 20px 0 rgba(155,167,202,0.5) !important;box-shadow:0 6px 20px 0 rgba(155,167,202,0.5) !important}.shadow-danger{-webkit-box-shadow:0 6px 20px 0 rgba(241,75,75,0.5) !important;box-shadow:0 6px 20px 0 rgba(241,75,75,0.5) !important}.shadow-pink{-webkit-box-shadow:0 6px 20px 0 rgba(253,60,151,0.5) !important;box-shadow:0 6px 20px 0 rgba(253,60,151,0.5) !important}.shadow-purple{-webkit-box-shadow:0 6px 20px 0 rgba(109,129,245,0.5) !important;box-shadow:0 6px 20px 0 rgba(109,129,245,0.5) !important}.shadow-orange{-webkit-box-shadow:0 6px 20px 0 rgba(253,126,20,0.5) !important;box-shadow:0 6px 20px 0 rgba(253,126,20,0.5) !important}.shadow-dark{-webkit-box-shadow:0 6px 20px 0 rgba(28,45,65,0.5) !important;box-shadow:0 6px 20px 0 rgba(28,45,65,0.5) !important}.dash-chart{position:relative;height:350px}.browser_users table td i{vertical-align:middle}.impressions-data h2{font-size:28px}.rep-map{height:280px}.chart-report-card{background-color:#fafbfe}.chart-report-card .report-main-icon,.report-card .report-main-icon{font-size:28px;width:64px;height:64px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:50%}.chart-report-card h3,.report-card h3{color:#1c2d41;font-weight:600;font-size:28px}.url-list li i{font-size:24px;vertical-align:middle}.traffic-card{margin:20px 0}.traffic-card h3{font-size:28px;color:#303e67;margin:20px 0}.crm-dash-map{height:300px}.crm-dash-activity{min-height:425px}.dash-data-card .icon-info i,.crm-data-card .icon-info i{width:70px;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;font-size:26px;z-index:5;margin:0 auto}.dash-data-card h3,.crm-data-card h3{font-weight:600;font-size:30px}.welcome-img{position:absolute;right:0;top:0}.flot-chart{height:300px}.happiness-score{position:absolute;bottom:63%;left:0;right:0;text-align:center}.help-activity-height{height:400px !important}.timer-data .icon-info i{width:56px;height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;font-size:26px;z-index:5}.timer-data h3{font-weight:600;font-size:30px}.dashboard-map{height:270px}.renenue-chart{position:relative;height:350px}.card-eco .card-eco-title{border:2px solid #fff;border-radius:8px;padding:2px 8px;position:relative;top:-30px}.card-eco .card-eco-title.eco-title-success{background-color:#1eca7b;color:#fff;-webkit-box-shadow:0px 0px 0px 1px #1eca7b;box-shadow:0px 0px 0px 1px #1eca7b}.card-eco .card-eco-title.eco-title-danger{background-color:#f14b4b;color:#fff;-webkit-box-shadow:0px 0px 0px 1px #f14b4b;box-shadow:0px 0px 0px 1px #f14b4b}.card-eco .card-eco-title.eco-title-secondary{background-color:#0dc8de;color:#fff;-webkit-box-shadow:0px 0px 0px 1px #0dc8de;box-shadow:0px 0px 0px 1px #0dc8de}.card-eco .card-eco-title.eco-title-purple{background-color:#6d81f5;color:#fff;-webkit-box-shadow:0px 0px 0px 1px #6d81f5;box-shadow:0px 0px 0px 1px #6d81f5}.card-eco .card-eco-title.eco-title-warning{background-color:#ffb822;color:#fff;-webkit-box-shadow:0px 0px 0px 1px #ffb822;box-shadow:0px 0px 0px 1px #ffb822}.card-eco .bg-pattern{position:absolute;background-image:url("../images/1.png");background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0.3;z-index:0;width:140px;height:100%;top:0;right:0}.card-eco .card-eco-icon{font-size:40px;color:#8997bd}.card-eco .card-eco-icon.bg-icon-purple{background-color:#6d81f5;-webkit-box-shadow:0px 5px 5px 0.25px rgba(109,129,245,0.5);box-shadow:0px 5px 5px 0.25px rgba(109,129,245,0.5)}.card-eco .card-eco-icon.bg-icon-pink{background-color:#fd3c97;-webkit-box-shadow:0px 5px 5px 0.25px rgba(253,60,151,0.5);box-shadow:0px 5px 5px 0.25px rgba(253,60,151,0.5)}.card-eco .card-eco-icon.bg-icon-secondary{background-color:#0dc8de;-webkit-box-shadow:0px 5px 5px 0.25px rgba(13,200,222,0.5);box-shadow:0px 5px 5px 0.25px rgba(13,200,222,0.5)}.card-eco .card-eco-icon.bg-icon-warning{background-color:#ffb822;-webkit-box-shadow:0px 5px 5px 0.25px rgba(255,184,34,0.5);box-shadow:0px 5px 5px 0.25px rgba(255,184,34,0.5)}.card-eco h3{font-size:28px}.re-customers-detail h3{color:#303e67;font-weight:600;font-size:22px}.order-list table td img{width:40px}.e-co-product{background-color:#fafbfe}.e-co-product a{text-align:center !important;padding-top:30px}.e-co-product a img{height:230px}.e-co-product .ribbon-box{position:relative;margin-bottom:0;padding-top:30px}.e-co-product .ribbon-box .ribbon{position:absolute;color:#fff}.e-co-product .ribbon-box .ribbon-label{clear:none;padding:0 5px;height:66px;width:66px;line-height:66px;text-align:center;left:0;top:0;border-radius:52% 48% 23% 77% / 44% 68% 32% 56%;font-weight:500}.e-co-product .product-info{background-color:#fff}.e-co-product .product-info .product-title{font-size:15px;color:#7081b9;font-weight:500}.e-co-product .product-info .product-price{color:#303e67;font-weight:600;padding:5px 0;margin-bottom:0;font-size:24px}.e-co-product .product-info .product-price span{color:#8997bd;font-weight:400;font-size:13px}.e-co-product .product-info .product-review li{margin:0}.e-co-product .product-info .product-review li i{font-size:20px}.e-co-product .product-info .wishlist,.e-co-product .product-info .quickview{border-radius:50px;padding:4px 10px;opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.e-co-product:hover{-webkit-box-shadow:0px 0px 13px 0px rgba(241,245,250,0.1);box-shadow:0px 0px 13px 0px rgba(241,245,250,0.1)}.e-co-product:hover .wishlist,.e-co-product:hover .quickview{opacity:1}.offer-box{background-image:url("../images/products/offer.jpg");background-position:center center;background-size:cover;background-repeat:no-repeat}.offer-box .offer-content{padding:30px}.offer-box .offer-content h3{font-weight:600;font-size:30px;color:#303e67}.ribbon{position:absolute;top:0;padding:6px;left:-5px;color:#fff}.ribbon:before{position:absolute;top:31px;left:0;content:"";border:3px solid transparent}.ribbon.ribbon-pink{background-color:#fd3c97}.ribbon.ribbon-pink:before{border-top-color:#fd3c97;border-right-color:#fd3c97}.ribbon.ribbon-secondary{background-color:#0dc8de}.ribbon.ribbon-secondary:before{border-top-color:#0dc8de;border-right-color:#0dc8de}hr.thick{border:0;height:3px;max-width:150px;background-image:-webkit-gradient(linear, left top, right top, from(#1761fd), to(#6d81f5));background-image:linear-gradient(to right, #1761fd, #6d81f5);border-radius:30px}.single-pro-detail .custom-border{width:60px;height:2px;background-color:#1c2d41}.single-pro-detail .pro-title{color:#303e67;font-size:24px}.single-pro-detail .product-review li{margin:0}.single-pro-detail .product-review li i{font-size:16px}.single-pro-detail .pro-price{color:#303e67;font-size:22px;font-weight:600;margin-bottom:0}.single-pro-detail .pro-price span{font-size:14px;color:#8997bd}.single-pro-detail .quantity input{width:14%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:calc(24px + 12px + 5px)}.single-pro-detail .pro-features li{line-height:26px;color:#a4abc5}.single-pro-detail .pro-features li::before{content:"\f00c" !important;font-family:'Font Awesome 5 Free' !important;font-weight:600;font-size:12px;color:#1eca7b !important;display:inline-block;margin-right:8px}.single-pro-detail .form-check-inline{margin-right:5px}.pro-order-box{padding:20px;border:1px solid #f1f5fa;border-radius:3px;background-color:#fff;-webkit-box-shadow:0px 0px 13px 0px rgba(241,245,250,0.05);box-shadow:0px 0px 13px 0px rgba(241,245,250,0.05)}.pro-order-box i{font-size:42px}.review-box{background-color:#f8f8fc;padding:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.review-box h1{font-size:48px;color:#f14b4b}.review-box .product-review li{margin-right:0}.review-box .product-review li i{font-size:22px}.reviewer{padding-bottom:12px;margin-top:8px;border-bottom:2px dotted #f1f5fa}.reviewer .product-review li{margin-right:0}.total-payment .table thead tr th,.total-payment table thead tr th,.shopping-cart .table thead tr th,.shopping-cart table thead tr th{font-size:15px}.total-payment .table tbody td,.total-payment table tbody td,.shopping-cart .table tbody td,.shopping-cart table tbody td{padding:20px 10px;border-top:0;border-bottom:1px solid #f1f5fa}.total-payment .table tbody td .product-name,.total-payment table tbody td .product-name,.shopping-cart .table tbody td .product-name,.shopping-cart table tbody td .product-name{font-size:14px;color:#303e67;font-weight:500}.total-payment .table tbody tr:last-child td,.total-payment table tbody tr:last-child td,.shopping-cart .table tbody tr:last-child td,.shopping-cart table tbody tr:last-child td{border-bottom:0}.total-payment{border:1px solid #f1f5fa;background-color:#fff;border-radius:3px}.total-payment .payment-title{color:#303e67;font-weight:500}.cart-promo{padding:90px;background-image:url(../images/products/bg-cart.png);background-position:center center;background-size:cover}.jp-card .jp-card-front,.jp-card .jp-card-back{background:#1c2d41 !important}.balence-nav .nav{background-color:#fff}.balence-nav .nav .nav-link{padding:8px;color:#303e67;margin-bottom:10px;font-weight:500;margin-right:5px;width:70px;height:50px}.balence-nav .nav .nav-link.active{color:#1761fd;background:#fff;-webkit-box-shadow:0px 0px 13px 0px rgba(137,151,189,0.25);box-shadow:0px 0px 13px 0px rgba(137,151,189,0.25)}.billing-nav .nav.nav-pills{background-color:#fff}.billing-nav .nav .nav-link{padding:8px;color:#303e67;margin-bottom:10px;font-weight:500;margin-right:5px;width:105px;height:60px}.billing-nav .nav .nav-link.active{color:#1761fd;background:#fff;-webkit-box-shadow:0px 0px 13px 0px rgba(137,151,189,0.25);box-shadow:0px 0px 13px 0px rgba(137,151,189,0.25)}.lightpick{-webkit-box-shadow:none;box-shadow:none;font-family:"Roboto",sans-serif;background-color:#fff;border:1px solid #eceff5;z-index:99}.lightpick.lightpick--inlined{display:block}.lightpick .lightpick__month{width:100%;background-color:#fff}.lightpick .lightpick__day{color:#8997bd}.lightpick .lightpick__previous-action,.lightpick .lightpick__next-action,.lightpick .lightpick__close-action{background-color:#f1f5fa;padding-bottom:4px}.lightpick .lightpick__month-title-bar{margin-bottom:22px}.lightpick .lightpick__month-title-bar .lightpick__month-title>.lightpick__select-months{color:#303e67;font-weight:500}.lightpick .lightpick__day-of-the-week{color:#303e67;font-weight:500;font-size:13px}.lightpick .lightpick__day.is-start-date,.lightpick .lightpick__day.is-end-date,.lightpick .lightpick__day.is-start-date:hover,.lightpick .lightpick__day.is-end-date:hover,.lightpick .lightpick__day:not(.is-disabled):hover,.lightpick .lightpick__day.is-today{color:#1761fd;background-color:#f1f5fa;background-image:none;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;text-align:center;border-radius:50%;margin:0 auto}.lightpick .lightpick__day.is-today{border:3px solid #fff;-webkit-box-shadow:0px 0px 0px 1.25px #f1f5fa;box-shadow:0px 0px 0px 1.25px #f1f5fa;font-weight:600}.lightpick .lightpick__month-title>.lightpick__select{color:#303e67}.lightpick .lightpick__toolbar .lightpick__previous-action,.lightpick .lightpick__toolbar .lightpick__next-action{color:#303e67}.transaction-history li{border-bottom:1px solid #f1f5fa;padding:12px 0}.transaction-history li:last-of-type{border:none;padding-bottom:0}.transaction-history .transaction-icon{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:12px}.transaction-history .transaction-icon i{font-size:20px;width:36px;height:36px;display:inline-block;line-height:36px;text-align:center;background-color:rgba(23,97,253,0.15);color:#1761fd;border-radius:50%}.transaction-history .transaction-data h3{font-size:14px;color:#303e67}.activity-scroll{min-height:620px}.activity-height{height:400px !important}.activity .activity-info{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0;position:relative;min-height:70px}.activity .activity-info::before{content:'';position:absolute;bottom:0;top:48px;left:20px;border-left:2px dotted #eaf0f9}.activity .activity-info .icon-info-activity i{width:42px;height:42px;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;border-radius:50%;color:#a4abc5;-webkit-box-shadow:0px 0px 2px 0.25px;box-shadow:0px 0px 2px 0.25px;font-size:22px;border:2px solid #fff;margin-left:2px}.activity .activity-info .activity-info-text{margin-left:16px;width:100%}.main-timeline{overflow:hidden;position:relative}.main-timeline:before{content:"";width:3px;height:100%;background:#f1f5fa;position:absolute;top:0;left:50%}.main-timeline .timeline{padding-right:30px;position:relative}.main-timeline .timeline:before,.main-timeline .timeline:after{content:"";display:block;width:100%;clear:both}.main-timeline .timeline:first-child:before,.main-timeline .timeline:last-child:before{content:"";width:13px;height:13px;border-radius:50%;border:2px solid #f1f5fa;background:#fff;margin:0 auto;position:absolute;top:0;left:0;right:-3px}.main-timeline .timeline:last-child:before{top:auto;bottom:0}.main-timeline .timeline-icon{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #f1f5fa;-webkit-box-sizing:content-box;box-sizing:content-box;margin:auto;position:absolute;top:0;left:0;bottom:0;right:-4px}.main-timeline .timeline-icon:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#0dc8de;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}.main-timeline .year{display:inline-block;padding:8px 20px;margin:0;font-size:14px;color:#fff;background:#0dc8de;text-align:center;position:absolute;top:50%;right:35%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.main-timeline .year:before{content:"";border-right:18px solid #0dc8de;border-top:18px solid transparent;border-bottom:18px solid transparent;position:absolute;top:0;left:-18px}.main-timeline .timeline-content{width:46.5%;padding:20px;margin:0 20px 0 0;background:#f1f5fa;position:relative}.main-timeline .timeline-content:after{content:"";border-left:20px solid #f1f5fa;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;top:50%;right:-20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.main-timeline .title{float:left;font-size:14px;font-weight:500;color:#435177;margin:0 20px 20px 0}.main-timeline .post{display:inline-block;font-size:13px;color:#303e67}.main-timeline .description{font-size:14px;color:#303e67;line-height:24px;margin:0;clear:both}.main-timeline .timeline:nth-child(2n){padding:0 0 0 30px}.main-timeline .timeline:nth-child(2n) .year{right:auto;left:35%}.main-timeline .timeline:nth-child(2n) .year:before{border:18px solid transparent;border-right:none;border-left:18px solid #0dc8de;left:auto;right:-18px}.main-timeline .timeline:nth-child(2n) .timeline-content{float:right;margin:0 0 0 20px}.main-timeline .timeline:nth-child(2n) .timeline-content:after{border-left:none;border-right:20px solid #f1f5fa;right:auto;left:-20px}@media only screen and (max-width: 1200px){.main-timeline .year{right:30%}.main-timeline .timeline:nth-child(2n) .year{left:30%}}@media only screen and (max-width: 990px){.main-timeline .year{right:25%}.main-timeline .timeline:nth-child(2n) .year{left:25%}}@media only screen and (max-width: 767px){.main-timeline:before{left:10px}.main-timeline .timeline{padding:0 0 0 30px;margin-bottom:20px}.main-timeline .timeline:last-child{margin-bottom:0}.main-timeline .timeline:first-child:before,.main-timeline .timeline:last-child:before{display:none}.main-timeline .timeline-icon{margin:0;position:absolute;top:7px;left:0}.main-timeline .year,.main-timeline .timeline:nth-child(2n) .year{display:block;font-weight:bold;margin:0 0 32px 30px;z-index:1;position:relative;top:auto;left:auto;right:auto;-webkit-transform:none;transform:none}.main-timeline .timeline:nth-child(2n) .year:before{border-left:none;border-right:18px solid #0dc8de;right:auto;left:-18px}.main-timeline .timeline-content{padding:20px}.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{width:auto;float:none;margin:0 0 0 30px}.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{border:none;border-bottom:20px solid #f1f5fa;border-left:20px solid transparent;border-right:20px solid transparent;top:-20px;left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media only screen and (max-width: 480px){.main-timeline .title{float:none;margin:0}.main-timeline .year,.main-timeline .timeline:nth-child(2n) .year{margin-left:20px}.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{margin-left:10px}.main-timeline .post{margin:5px 0}}.email-leftbar{width:220px;float:left}.email-leftbar .mail-list a{display:block;color:#303e67;font-size:13px;line-height:24px;padding:5px}.email-leftbar .mail-list a:hover,.email-leftbar .mail-list a.active{color:#1761fd;font-weight:500}.email-leftbar .chat-user-box p.user-title{font-size:13px;color:#1c2d41;font-weight:500}.email-leftbar .chat-user-box p{font-size:12px}.email-rightbar{margin-left:240px}.message-list{display:block;padding-left:0}.message-list li{position:relative;display:block;height:50px;line-height:50px;-webkit-transition-duration:.3s;transition-duration:.3s}.message-list li a{color:#7081b9}.message-list li:hover{background:#f1f5fa;-webkit-transition-duration:.05s;transition-duration:.05s}.message-list li .col-mail{float:left;position:relative}.message-list li .col-mail-1{width:320px}.message-list li .col-mail-1 .star-toggle,.message-list li .col-mail-1 .checkbox-wrapper-mail,.message-list li .col-mail-1 .dot{display:block;float:left}.message-list li .col-mail-1 .dot{border:4px solid transparent;border-radius:100px;margin:22px 26px 0;height:0;width:0;line-height:0;font-size:0}.message-list li .col-mail-1 .checkbox-wrapper-mail{margin:15px 10px 0 20px}.message-list li .col-mail-1 .star-toggle{margin-top:18px;font-size:16px;margin-left:5px}.message-list li .col-mail-1 .title{position:absolute;top:0;left:110px;right:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:14px 0 0}.message-list li .col-mail-2{position:absolute;top:0;left:320px;right:0;bottom:0}.message-list li .col-mail-2 .subject,.message-list li .col-mail-2 .date{position:absolute;top:0}.message-list li .col-mail-2 .subject{left:0;right:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.message-list li .col-mail-2 .date{right:0;width:170px;padding-left:80px}.message-list li.active,.message-list li.active:hover{-webkit-box-shadow:inset 3px 0 0 #1761fd;box-shadow:inset 3px 0 0 #1761fd}.message-list li.unread{background-color:#f1f5fa}.message-list li.unread a{color:#14212f}.message-list .checkbox-wrapper-mail{cursor:pointer;height:20px;width:20px;position:relative;display:inline-block;-webkit-box-shadow:inset 0 0 0 1px #b6c2e4;box-shadow:inset 0 0 0 1px #b6c2e4;border-radius:1px}.message-list .checkbox-wrapper-mail input{opacity:0;cursor:pointer}.message-list .checkbox-wrapper-mail input:checked ~ label{opacity:1}.message-list .checkbox-wrapper-mail label{position:absolute;height:20px;width:20px;left:0;cursor:pointer;opacity:0;margin-bottom:0;-webkit-transition-duration:.05s;transition-duration:.05s;top:0}.message-list .checkbox-wrapper-mail label:before{content:"\F12C";font-family:"Material Design Icons";top:0;height:20px;color:#14212f;width:20px;position:absolute;margin-top:-16px;left:4px;font-size:13px}@media (max-width: 767px){.email-leftbar{float:none;width:100%}.email-rightbar{margin:0}}.note-editor.note-frame{border:1px solid #e8ebf3}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#303e67;background-color:#fff}.note-editor.note-frame .note-statusbar .note-resizebar{background-color:#edf0f5}.chat-box-left{float:left;width:340px;height:820px;background-color:#fff;border-radius:3px;padding:20px;margin-bottom:20px}.chat-box-left .nav-pills{background-color:#f8f8fc}.chat-box-left .nav-pills .nav-link{color:#303e67}.chat-box-left .nav-pills .nav-link.active{color:#fff;background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6))}.chat-box-left .chat-search{margin-top:20px}.chat-box-left .chat-list{height:664px !important}.chat-box-left .chat-list .media+.media{border:1px solid #f1f5fa;margin-bottom:5px;border-radius:5px}.chat-box-left .chat-list .media{padding:15px;position:relative}.chat-box-left .chat-list .media:hover,.chat-box-left .chat-list .media:focus{background-color:rgba(241,245,250,0.5)}.chat-box-left .chat-list .media.new-message{border:1px solid #eaf0f9;background-color:#f1f5fa;margin-bottom:5px;border-radius:5px}.chat-box-left .chat-list .media .media-left{position:relative;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.chat-box-left .chat-list .media .media-left .round-10{border:2px solid #f8f8fc;border-radius:50%;position:absolute;bottom:0;right:5px;display:inline-block;height:12px;width:12px}.chat-box-left .chat-list .media .media-body{margin-left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-box-left .chat-list .media .media-body h6{font-size:14px;color:#303e67;margin-bottom:5px}.chat-box-left .chat-list .media .media-body p{margin-bottom:0;color:#303e67;font-size:13px}.chat-box-left .chat-list .media .media-body>div:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:50px;text-align:right}.chat-box-left .chat-list .media .media-body>div:last-child span:nth-child(2){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;background-color:#1eca7b;color:#fff;border-radius:50%;font-size:10px;width:18px;height:18px;margin-top:8px}.chat-box-left .chat-list .media .media-body span{font-size:12px;color:#303e67;display:block}.chat-box-right{width:auto;background-color:#fff;display:block;border-radius:3px;position:relative;height:820px;margin-left:361px;margin-bottom:20px}.chat-box-right .chat-header{border-bottom:1px solid #f1f5fa;padding:20px;background-color:#fff}.chat-box-right .chat-header .media .media-body{margin-left:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.chat-box-right .chat-header .media .media-body h6{font-size:14px;color:#303e67;margin-bottom:5px}.chat-box-right .chat-header .media .media-body p{margin-bottom:0;color:#8997bd;font-size:13px}.chat-box-right .chat-header .chat-features{position:relative;top:-34px;float:right}.chat-box-right .chat-header .chat-features a{color:#b6c2e4;font-size:16px;margin-left:12px}.chat-box-right .chat-header .chat-features a:hover{color:#1761fd}.chat-box-right .chat-body{padding:20px;background-image:url("../images/pattern.png");background-repeat:repeat;background-attachment:fixed;height:650px;background-color:#edf0f5}.chat-box-right .chat-body .chat-detail{min-height:610px}.chat-box-right .chat-body .chat-detail .reverse{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-align:end;-ms-flex-align:end;align-items:flex-end}.chat-box-right .chat-body .chat-detail .media .media-img{z-index:5}.chat-box-right .chat-body .chat-detail .media .media-body{margin-left:14px}.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg{max-width:80%;margin-bottom:5px;margin-left:-61px}.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg:first-child p{padding-left:60px}.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg p{padding:14px;background-color:#f1f5fa;color:#303e67;display:inline-block;margin-bottom:0;border-radius:50px}.chat-box-right .chat-body .chat-detail .media .media-body.reverse{margin-right:0;margin-left:14px}.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg{max-width:80%;margin-bottom:5px;margin-right:-48px}.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg:first-child p{padding-right:60px}.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg p{padding:14px;background-color:#6d81f5;color:#fff;display:inline-block;margin-bottom:0;border-radius:50px}.chat-box-right .chat-footer{border-top:1px solid #f1f5fa;background-color:#fff;padding:20px;position:absolute;width:100%;left:0;bottom:0}.chat-box-right .chat-footer .media .media-body{margin-left:10px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.chat-box-right .chat-footer .media .media-body h6{font-size:14px;color:#303e67;margin-bottom:5px}.chat-box-right .chat-footer .media .media-body p{margin-bottom:0;color:#303e67;font-size:13px}.chat-box-right .chat-footer .chat-features{position:relative;top:8px;float:right}.chat-box-right .chat-footer .chat-features a{color:#b6c2e4;font-size:16px;margin-left:12px}.chat-box-right .chat-footer .chat-features a:hover{color:#1761fd}.chat-box-right .chat-footer input.form-control{border:none}.chat-box-right .chat-footer .chat-admin{position:absolute;top:-40px;border:2px solid #303e67;border-radius:50%}@media (min-width: 1024px) and (max-width: 1680px){.chat-box-left{width:310px;float:left}.chat-box-right{width:auto;margin-left:330px}}@media (min-width: 767px) and (max-width: 1023.98px){.chat-box-left{width:100%;float:none}.chat-box-right{width:100%;margin-left:0}}@media (max-width: 767px){.chat-box-left{float:none;width:100%}.chat-box-right{margin:0;width:100%}}@media (max-width: 660px){.chat-box-left{float:none;width:100%}.chat-box-right{margin:0;width:100%}}@media (max-width: 568px){.chat-box-left{float:none;width:100%}.chat-box-right{margin:0;width:100%}}.met-pro-bg{background-image:url("../images/pattern2.png");background-repeat:repeat}.met-profile .met-profile-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.met-profile .met-profile-main .met-profile-main-pic{position:relative;max-width:128px;max-height:128px;margin-right:24px}.met-profile .met-profile-main .met-profile-main-pic .fro-profile_main-pic-change{cursor:pointer;background-color:#1761fd;border-radius:50%;width:32px;height:32px;position:absolute;bottom:4px;right:4px;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;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:0px 0px 20px 0px rgba(248,248,252,0.05);box-shadow:0px 0px 20px 0px rgba(248,248,252,0.05)}.met-profile .met-profile-main .met-profile-main-pic .fro-profile_main-pic-change i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#fff;font-size:16px}.met-profile .met-profile-main .met-profile_user-detail .met-user-name{font-size:24px;font-weight:600;color:#fff;margin-bottom:6px}.met-profile .met-profile-main .met-profile_user-detail .met-user-name-post{color:#a4abc5;font-size:14px}.met-profile .personal-detail li{color:#fff}.education-activity{min-height:400px}.met-basic-detail h3{font-size:34px;font-weight:600;margin-bottom:18px}.met-basic-detail p{line-height:22px}.own-detail{padding:20px;width:145px;height:145px;text-align:center;border-radius:52% 48% 23% 77% / 44% 68% 32% 56%;-webkit-box-shadow:0px 0px 3px 1.25px #eaf0f9;box-shadow:0px 0px 3px 1.25px #eaf0f9}.own-detail h1{font-weight:600;color:#fff;margin-top:0}.own-detail h5{color:#f2f2f2}.own-detail.own-detail-project{position:absolute;top:110px;left:-60px}.own-detail.own-detail-happy{position:absolute;top:110px;left:60px}@media (max-width: 767px){.own-detail{display:none}#settings_detail .dropify-wrapper{width:100% !important}}#settings_detail .dropify-wrapper{width:16%;height:164px;margin-bottom:30px}.profile-nav .nav .nav-link{padding:10px;color:#303e67;margin-bottom:10px;font-weight:500}.profile-nav .nav .nav-link.active{background-color:rgba(23,97,253,0.05);color:#1761fd}.profile-card .profile-socials a i{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%}.profile-card .pro-title{font-size:18px;font-weight:600;color:#303e67;margin-bottom:5px}.profile-card .socials-data h3{color:#303e67;font-family:"Poppins",sans-serif;font-size:18px}.profile-card .action-btn{position:absolute;top:18px;right:18px}.skill-detail{color:#a4abc5;font-family:"Roboto",sans-serif;font-size:14px}.skills .skill-box{margin-bottom:30px}.skills .skill-box:last-of-type{margin-bottom:0}.skills .skill-box .skill-title{margin-bottom:10px;color:#303e67;text-transform:uppercase;font-size:13px;font-weight:600}.skills .skill-box .progress-line{background:#f8f8fc;height:7px;margin:0;position:relative;border:2px solid #fff;width:100%;border-radius:10px;-webkit-box-shadow:0px 0px 1px 0.25px #1761fd;box-shadow:0px 0px 1px 0.25px #1761fd}.skills .skill-box .progress-line>span{position:absolute;display:block;top:0;left:0;height:100%;width:0;background:#1761fd}.skills .skill-box .progress-line>span>.percent-tooltip{position:absolute;right:-15px;top:-30px;margin-bottom:10px;color:#303e67;text-transform:uppercase;font-size:13px}.profile-activity-height{height:440px !important}.invoice-head{border-bottom:4px double #b6c2e4}.invoice-head .logo-lg.logo-light{display:none}.invoice-head .contact-detail li{border-left:2px solid #b6c2e4}.invoice-head .contact-detail li i{font-size:24px;color:#9ba7ca;margin-bottom:5px}.project-dash-activity{min-height:535px}.project-budget-chart{height:273px}.weather-btn-icon i{width:24px;height:24px;line-height:24px;border-radius:50%;background-color:#1761fd;color:#fff;display:inline-block;margin:0 -4px 0 14px}.icon-info i{width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;font-size:26px;z-index:5}.dash-info-carousel .carousel-item h2{font-weight:500;color:#303e67;font-size:16px}.dash-info-carousel .carousel-control-prev,.dash-info-carousel .carousel-control-next{width:30px;height:30px;background-color:#f8f8fc;border-radius:50%;opacity:1}.dash-info-carousel .carousel-control-prev:hover,.dash-info-carousel .carousel-control-next:hover{opacity:.9}.dash-info-carousel .carousel-control-prev{left:auto;right:38px;top:0}.dash-info-carousel .carousel-control-prev .carousel-control-prev-icon{background-image:none}.dash-info-carousel .carousel-control-prev:after{content:'\55';font-family:"dripicons-v2" !important;font-size:.875rem;color:#303e67;line-height:1.875rem;margin-right:0.48rem}.dash-info-carousel .carousel-control-next{left:auto;right:0;top:0}.dash-info-carousel .carousel-control-next .carousel-control-next-icon{background-image:none}.dash-info-carousel .carousel-control-next:after{content:'\56';font-family:"dripicons-v2" !important;font-size:.875rem;color:#303e67;line-height:1.875rem;margin-right:0.48rem}.c-progress-steps{margin:0;list-style-type:none;font-family:"Poppins",sans-serif}.c-progress-steps li{position:relative;font-size:13px;color:#b6c2e4;padding:16px 0 0 36px}.c-progress-steps li a{color:inherit}.c-progress-steps li.done{color:#9ba7ca}.c-progress-steps li.done span{background-color:rgba(155,167,202,0.09)}.c-progress-steps li.done:before{color:#9ba7ca;content:"\f058";width:30px;height:30px;display:inline-block;text-align:center;border-radius:50%;border:2px solid #9ba7ca}.c-progress-steps li.current{color:#1761fd;font-weight:500}.c-progress-steps li.current:before{color:#1761fd;content:"\f192";width:30px;height:30px;display:inline-block;text-align:center;border-radius:50%;border:2px solid #1761fd}.c-progress-steps li:before{position:absolute;left:0;font-family:'Font Awesome 5 Free' !important;font-weight:600;font-size:18px;background-color:#fff;content:"\f111";width:30px;height:30px;display:inline-block;text-align:center;border-radius:50%;border:2px solid #eaf0f9}@media all and (max-width: 600px){.c-progress-steps li:before{top:calc(50% - 8px);font-size:16px}}@media all and (min-width: 600px){.c-progress-steps{display:table;list-style-type:none;margin:20px auto;padding:0;table-layout:fixed;width:100%}.c-progress-steps li{display:table-cell;text-align:center;padding:0;padding-bottom:34px;white-space:nowrap;position:relative;border-left-width:0;border-bottom-width:4px;border-bottom-style:solid;border-bottom-color:#eaf0f9}.c-progress-steps li.done{border-bottom-color:#9ba7ca}.c-progress-steps li.current{color:#fff;border-bottom-color:#1761fd}.c-progress-steps li.current span{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));-webkit-box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);box-shadow:0 7px 14px 0 rgba(23,97,253,0.5)}.c-progress-steps li.current:before{color:#1761fd;content:"\f192"}.c-progress-steps li:before{bottom:-15px;left:50%;margin-left:-16px}.c-progress-steps li span{background-color:rgba(155,167,202,0.1);border-radius:3px;padding:6px;-webkit-box-shadow:0px 0px 5px 0.25px #fff;box-shadow:0px 0px 5px 0.25px #fff}}.workload-chart{height:210px}.todo-list{height:200px !important}.todo-list .todo-box i{position:absolute;right:20px;z-index:10;font-size:16px;margin-top:6px;color:#b6c2e4}.todo-list .todo-box .todo-task{padding:4px 0}.todo-list .todo-box .todo-task label{display:inline-block;margin-bottom:.5rem}.todo-list .todo-box .todo-task .ckbox{font-weight:normal;position:relative;display:block;line-height:25px}.todo-list .todo-box .todo-task .ckbox span{padding-left:16px;color:#7286a2}.todo-list .todo-box .todo-task .ckbox span:before{content:'';width:20px;height:20px;background-color:transparent;border:2px solid #eaf0f9;top:2px;left:0;border-radius:5px;position:absolute}.todo-list .todo-box .todo-task .ckbox span:after{top:1px;left:0;width:20px;height:20px;content:"\F12C";font:normal normal normal 24px/1 "Material Design Icons";font-size:14px;text-align:center;color:#7081b9;background-color:transparent;line-height:20px;display:none;border-radius:5px;position:absolute}.todo-list .todo-box .todo-task .ckbox input[type='checkbox']{opacity:0;margin:0 5px 0 0}.todo-list .todo-box .todo-task .ckbox input[type='checkbox']:checked+span:after{display:block}.todo-list .todo-box .todo-task input:checked+span{text-decoration:line-through}.todo-list .form-control{color:#1c2d41;background:#eaf0f9;border:1px solid transparent}.todo-list .form-control:focus{border-color:transparent;background:#eaf0f9;-webkit-box-shadow:none;box-shadow:none}.client-card .client-name{color:#303e67}.calendar-event .event-name h3{font-size:14px;color:#303e67}.project-invoice .table tr td h5{color:#303e67}.team-card .user-img{height:80px}.team-card .online-circle{position:absolute;right:0;top:118px;left:44px}.team-card .team-leader{font-size:16px;color:#303e67}.language-skill li span{margin-bottom:5px;border-radius:5px;padding:4px 8px;background-color:#f1f5fa;color:#1c2d41;font-size:11px}.project-card{font-family:"Roboto",sans-serif}.project-card .project-title{font-size:20px;color:#303e67;font-weight:600}.task-box .task-priority-icon i{border:5px solid #edf0f5;border-radius:50%;position:absolute;top:-5px;left:-5px}.drop-shadow-bar{-webkit-filter:drop-shadow(6px 6px 8px rgba(182,194,228,0.65));filter:drop-shadow(6px 6px 8px rgba(182,194,228,0.65))}.files-nav .nav .nav-link{padding:10px;color:#303e67;margin-bottom:10px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex}.files-nav .nav .nav-link span{font-size:22px;vertical-align:middle}.files-nav .nav .nav-link.active{background-color:rgba(23,97,253,0.05);color:#fff}.files-nav .nav .nav-link.active h5{color:#fff}.file-box-content{margin-bottom:-16px}.file-box-content .file-box{border:1px solid #f1f5fa;border-radius:5px;padding:20px;width:160px;display:inline-block;margin-right:5px;margin-bottom:16px;background-color:#fff}.file-box-content .file-box .download-icon-link{color:#a4abc5}.file-box-content .file-box .download-icon-link .file-download-icon{font-size:13px;position:relative;top:-10px;left:110px}.file-box-content .file-box .download-icon-link:hover{color:#1761fd}.file-box-content .file-box i{font-size:36px}.file-category{width:100%}.file-category .file-category-block{text-align:center;margin-right:20px}.file-category .file-category-block .file-category-folder{border-bottom:2px solid transparent;padding:10px 20px !important;border-radius:18px}.file-category .file-category-block .file-category-folder.active{border-bottom:2px solid}.file-category .file-category-block .file-category-folder i{display:block;font-size:38px}.category-icon i{font-size:200px;color:#f8f8fc}.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{border-color:#fff}.radio .custom-control-label::after{position:absolute;top:7px}.checkbox label{display:inline-block;padding-left:8px;position:relative;font-weight:normal}.checkbox label::before{-o-transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;background-color:#fff;border-radius:3px;border:2px solid #a4abc5;content:"";display:inline-block;height:18px;left:0;top:0px;margin-left:-18px;position:absolute;transition:0.3s ease-in-out;width:18px;outline:none !important}.checkbox label::after{color:#f1f5fa;display:inline-block;font-size:11px;height:18px;left:0;margin-left:-18px;padding-left:3px;padding-top:2px;position:absolute;width:18px}.checkbox input[type="checkbox"]{cursor:pointer;opacity:0;z-index:1;outline:none !important}.checkbox input[type="checkbox"]:disabled+label{opacity:0.65}.checkbox input[type="checkbox"]:focus+label::before{outline-offset:-2px;outline:none}.checkbox input[type="checkbox"]:checked+label::after{content:"";position:absolute;top:2px;left:7px;display:table;width:5px;height:10px;border:2px solid #1c2d41;border-top-width:0;border-left-width:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.checkbox input[type="checkbox"]:disabled+label::before{background-color:#f1f5fa;cursor:not-allowed}.checkbox.checkbox-circle label::before{border-radius:50%}.checkbox.checkbox-inline{margin-top:0}.checkbox.checkbox-single input{height:18px;width:18px;position:absolute}.checkbox.checkbox-single label{height:18px;width:18px}.checkbox.checkbox-single label:before{margin-left:0}.checkbox.checkbox-single label:after{margin-left:0}.checkbox-primary input[type="checkbox"]:checked+label::before{background-color:#1761fd;border-color:#1761fd}.checkbox-primary input[type="checkbox"]:checked+label::after{border-color:#fff}.checkbox-danger input[type="checkbox"]:checked+label::before{background-color:#f14b4b;border-color:#f14b4b}.checkbox-danger input[type="checkbox"]:checked+label::after{border-color:#fff}.checkbox-info input[type="checkbox"]:checked+label::before{background-color:#9ba7ca;border-color:#9ba7ca}.checkbox-info input[type="checkbox"]:checked+label::after{border-color:#fff}.checkbox-warning input[type="checkbox"]:checked+label::before{background-color:#ffb822;border-color:#ffb822}.checkbox-warning input[type="checkbox"]:checked+label::after{border-color:#fff}.checkbox-success input[type="checkbox"]:checked+label::before{background-color:#1eca7b;border-color:#1eca7b}.checkbox-success input[type="checkbox"]:checked+label::after{border-color:#fff}.checkbox-purple input[type="checkbox"]:checked+label::before{background-color:#6d81f5;border-color:#6d81f5}.checkbox-purple input[type="checkbox"]:checked+label::after{border-color:#fff}.checkbox-pink input[type="checkbox"]:checked+label::before{background-color:#fd3c97;border-color:#fd3c97}.checkbox-pink input[type="checkbox"]:checked+label::after{border-color:#fff}.checkbox-dark input[type="checkbox"]:checked+label::before{background-color:#1c2d41;border-color:#1c2d41}.checkbox-dark input[type="checkbox"]:checked+label::after{border-color:#fff}.radio label{display:inline-block;padding-left:8px;position:relative;font-weight:normal}.radio label::before{-o-transition:border 0.5s ease-in-out;-webkit-transition:border 0.5s ease-in-out;background-color:#fff;border-radius:50%;border:2px solid #a4abc5;content:"";display:inline-block;height:18px;left:0;top:0px;margin-left:-18px;position:absolute;transition:border 0.5s ease-in-out;width:18px;outline:none !important}.radio label::after{-moz-transition:-moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);-o-transition:-o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-webkit-transform:scale(0, 0);-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);background-color:#1c2d41;border-radius:50%;content:" ";display:inline-block;height:10px;left:6px;margin-left:-20px;position:absolute;top:4px;transform:scale(0, 0);transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);width:10px}.radio input[type="radio"]{cursor:pointer;opacity:0;z-index:1;outline:none !important}.radio input[type="radio"]:disabled+label{opacity:0.65}.radio input[type="radio"]:focus+label::before{outline-offset:-2px;outline:5px auto -webkit-focus-ring-color;outline:thin dotted}.radio input[type="radio"]:checked+label::after{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.radio input[type="radio"]:disabled+label::before{cursor:not-allowed}.radio.radio-inline{margin-top:0}.radio.radio-single label{height:17px}.radio-primary input[type="radio"]+label::after{background-color:#1761fd}.radio-primary input[type="radio"]:checked+label::before{border-color:#1761fd}.radio-primary input[type="radio"]:checked+label::after{background-color:#1761fd}.radio-danger input[type="radio"]+label::after{background-color:#f14b4b}.radio-danger input[type="radio"]:checked+label::before{border-color:#f14b4b}.radio-danger input[type="radio"]:checked+label::after{background-color:#f14b4b}.radio-info input[type="radio"]+label::after{background-color:#9ba7ca}.radio-info input[type="radio"]:checked+label::before{border-color:#9ba7ca}.radio-info input[type="radio"]:checked+label::after{background-color:#9ba7ca}.radio-warning input[type="radio"]+label::after{background-color:#ffb822}.radio-warning input[type="radio"]:checked+label::before{border-color:#ffb822}.radio-warning input[type="radio"]:checked+label::after{background-color:#ffb822}.radio-success input[type="radio"]+label::after{background-color:#1eca7b}.radio-success input[type="radio"]:checked+label::before{border-color:#1eca7b}.radio-success input[type="radio"]:checked+label::after{background-color:#1eca7b}.radio-purple input[type="radio"]+label::after{background-color:#6d81f5}.radio-purple input[type="radio"]:checked+label::before{border-color:#6d81f5}.radio-purple input[type="radio"]:checked+label::after{background-color:#6d81f5}.radio-pink input[type="radio"]+label::after{background-color:#fd3c97}.radio-pink input[type="radio"]:checked+label::before{border-color:#fd3c97}.radio-pink input[type="radio"]:checked+label::after{background-color:#fd3c97}.radio2 label{display:inline-block;padding-left:8px;position:relative;font-weight:normal;margin-bottom:10px}.radio2 label::before{background-color:#fff;border-radius:50%;border:2px solid transparent;content:"";display:inline-block;height:16px;top:-1px;left:-2px;margin-left:-18px;position:absolute;width:16px;outline:none !important}.radio2 label::after{border-radius:50%;content:" ";display:inline-block;height:8px;left:4px;margin-left:-20px;position:absolute;top:3px;-webkit-transform:scale(0, 0);transform:scale(0, 0);width:8px}.radio2 input[type="radio"]{cursor:pointer;opacity:0;z-index:1;outline:none !important}.radio2 input[type="radio"]:disabled+label{opacity:0.65}.radio2 input[type="radio"]:focus+label::before{outline-offset:-2px;outline:5px auto -webkit-focus-ring-color;outline:thin dotted;border-color:#1761fd}.radio2 input[type="radio"]:checked+label::after{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.radio2 input[type="radio"]:checked+label::before{border-color:#1761fd}.radio2 input[type="radio"]:disabled+label::before{cursor:not-allowed}.radio2.radio-primary2 input[type="radio"]+label::before{background-color:#1761fd}.radio2.radio-primary2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-primary2 input[type="radio"]:checked+label::before{border-color:#1761fd}.radio2.radio-primary2 input[type="radio"]:checked+label::after{border-color:#1761fd}.radio2.radio-secondary2 input[type="radio"]+label::before{background-color:#0dc8de}.radio2.radio-secondary2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-secondary2 input[type="radio"]:checked+label::before{border-color:#0dc8de}.radio2.radio-secondary2 input[type="radio"]:checked+label::after{border-color:#0dc8de}.radio2.radio-success2 input[type="radio"]+label::before{background-color:#1eca7b}.radio2.radio-success2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-success2 input[type="radio"]:checked+label::before{border-color:#1eca7b}.radio2.radio-success2 input[type="radio"]:checked+label::after{border-color:#1eca7b}.radio2.radio-danger2 input[type="radio"]+label::before{background-color:#f14b4b}.radio2.radio-danger2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-danger2 input[type="radio"]:checked+label::before{border-color:#f14b4b}.radio2.radio-danger2 input[type="radio"]:checked+label::after{border-color:#f14b4b}.radio2.radio-warning2 input[type="radio"]+label::before{background-color:#ffb822}.radio2.radio-warning2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-warning2 input[type="radio"]:checked+label::before{border-color:#ffb822}.radio2.radio-warning2 input[type="radio"]:checked+label::after{border-color:#ffb822}.radio2.radio-info2 input[type="radio"]+label::before{background-color:#9ba7ca}.radio2.radio-info2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-info2 input[type="radio"]:checked+label::before{border-color:#9ba7ca}.radio2.radio-info2 input[type="radio"]:checked+label::after{border-color:#9ba7ca}.radio2.radio-dark2 input[type="radio"]+label::before{background-color:#1c2d41}.radio2.radio-dark2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-dark2 input[type="radio"]:checked+label::before{border-color:#1c2d41}.radio2.radio-dark2 input[type="radio"]:checked+label::after{border-color:#1c2d41}.radio2.radio-purple2 input[type="radio"]+label::before{background-color:#6d81f5}.radio2.radio-purple2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-purple2 input[type="radio"]:checked+label::before{border-color:#6d81f5}.radio2.radio-purple2 input[type="radio"]:checked+label::after{border-color:#6d81f5}.radio2.radio-pink2 input[type="radio"]+label::before{background-color:#fd3c97}.radio2.radio-pink2 input[type="radio"]+label::after{background-color:#fff}.radio2.radio-pink2 input[type="radio"]:checked+label::before{border-color:#fd3c97}.radio2.radio-pink2 input[type="radio"]:checked+label::after{border-color:#fd3c97}.container-filter{margin-top:0;margin-right:0;margin-left:0;margin-bottom:30px;padding:0;text-align:center}.container-filter li{list-style:none;display:inline-block}.container-filter li a{display:block;color:#1761fd !important;border:1px solid #1761fd;padding:0px 15px;margin:5px 5px;font-size:12px;text-transform:capitalize;letter-spacing:2px;cursor:pointer;line-height:35px;border-radius:3px}.container-filter li a.active{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));color:#fff !important;-webkit-box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);border:none}.container-filter li a:hover{background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6)) !important;color:#fff !important}.item-box{position:relative;overflow:hidden;display:block}.item-box a{display:inline-block}.item-box:hover .item-mask{opacity:0.8;visibility:visible}.item-box:hover .item-mask .item-caption{bottom:30px;opacity:1}.item-box:hover .item-container{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;transition:all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;width:100%}.item-container{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);width:100%;transition:all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-moz-transition:all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-webkit-transition:all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-o-transition:all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s}.item-mask{position:absolute;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;top:0;left:0px;bottom:10px;right:10px;opacity:0;visibility:hidden;overflow:hidden;width:100%;height:100%;background:repeating-radial-gradient(closest-side at 25px 35px, #1761fd 15%, #1c2d41 40%)}.item-mask p{text-transform:uppercase;font-size:11px;letter-spacing:1.5px;font-weight:500;margin:0;text-align:left}.item-mask .item-caption{position:absolute;bottom:-60px;left:0px;padding-left:30px;padding-right:30px;text-align:left;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;opacity:0}.row.container-grid{margin:0 !important}.pricingTable1 .title1{font-weight:700;color:#303e67;font-size:20px;text-transform:capitalize}.pricingTable1 .amount{display:block;font-size:36px;font-weight:600;color:#303e67}.pricingTable1 .pricing-content-2{margin:0 0 30px 0;border-bottom:1px solid #f1f5fa}.pricingTable1 .pricingTable-signup:hover{background:linear-gradient(14deg, rgba(23,97,253,0.6) 0%, #1761fd);-webkit-box-shadow:0 1px 2px 0 rgba(182,194,228,0.5);box-shadow:0 1px 2px 0 rgba(182,194,228,0.5);color:#fff}.pricingTable1 .pricing-content-2 li{color:#303e67;line-height:40px}.pricingTable1 .pricing-content-2 li::before{content:"\f00c" !important;font-family:'Font Awesome 5 Free' !important;font-weight:600;font-size:12px;text-align:center;background-color:rgba(13,200,222,0.1);color:#0dc8de !important;width:26px;height:26px;line-height:26px;display:inline-block;border-radius:50%;margin-right:5px}.pricingTable1 .pricingTable-signup{display:block;padding:14px 26px;background:linear-gradient(14deg, #1761fd 0%, rgba(23,97,253,0.6));border-radius:52px;font-size:14px;font-weight:700;color:#fff;letter-spacing:0.32px;text-transform:uppercase;text-align:center;-webkit-transition:all 300ms linear 0ms;transition:all 300ms linear 0ms;-webkit-box-shadow:0 7px 14px 0 rgba(23,97,253,0.5);box-shadow:0 7px 14px 0 rgba(23,97,253,0.5)}.pricingTable1 .a-animate-blink{-webkit-animation:a-animate-blink 1s step-start 0s infinite;animation:a-animate-blink 1s step-start 0s infinite;-webkit-animation-fill-mode:initial;animation-fill-mode:initial}@-webkit-keyframes a-animate-blink{50%{opacity:0.0}}@keyframes a-animate-blink{50%{opacity:0.0}}.account-body{background-color:#fff}.account-body .auth-page{max-width:460px;position:relative;margin:0 auto}.account-body .auth-card{border-radius:20px}.account-body .auth-card .auth-logo-box{position:absolute;left:0;right:0;top:-25px;text-align:center}.account-body .auth-card .auth-logo-box .auth-logo{border-radius:50%;background-color:#fff;padding:4px;-webkit-box-shadow:0px 0px 0px 2.25px #f1f5fa;box-shadow:0px 0px 0px 2.25px #f1f5fa}.account-body .auth-card .auth-logo-text{font-family:"Roboto",sans-serif}.account-body .auth-card .auth-logo-text h4{font-weight:600;color:#303e67;font-size:22px}.account-body .auth-form .form-control{border-radius:30px;padding-right:40px}.account-body .auth-form .auth-form-icon{width:32px;height:32px;background-color:#f1f5fa;text-align:center;line-height:34px;border-radius:50%;position:absolute;right:3px;z-index:100;top:3px;color:#9ba7ca}.account-body.accountbg{background:-webkit-gradient(linear, left bottom, left top, from(#f7f7f7), color-stop(55%, #fcdede));background:linear-gradient(0deg, #f7f7f7 0%, #fcdede 55%);width:100%;height:100vh}.account-body.accountbg .account-title{width:500px;position:relative;display:block;margin:0 auto}.account-body.accountbg .account-title h1{font-size:60px;font-weight:700;margin:30px 0}.account-body .account-social h6{color:#687aab}.account-body .account-social h6:after{display:inline-block;margin:0 6px 4px 6px;height:2px;content:" ";text-shadow:none;background-color:#fdc3c3;width:110px}.account-body .account-social h6:before{display:inline-block;margin:0 6px 4px 6px;height:2px;content:" ";text-shadow:none;background-color:#fdc3c3;width:110px}.account-body .account-social a i{width:36px;height:36px;line-height:36px;text-align:center;display:inline-block;border-radius:50%;font-size:14px;z-index:5}.account-body .account-social a i.facebook{background-color:#1761fd;color:#fff}.account-body .account-social a i.twitter{background-color:#0dc8de;color:#fff}.account-body .account-social a i.google{background-color:#fd3c97;color:#fff}.account-body .account-social a:hover .facebook{color:#fff;background-color:#3072fd}.account-body .account-social a:hover .twitter{color:#fff;background-color:#13daf1}.account-body .account-social a:hover .google{color:#fff;background-color:#fd55a4}@media (max-width: 768px){.auth-card{margin-top:34px}} -/*# sourceMappingURL=app.min.css.map */ \ No newline at end of file + * https://github.com/fians/Waves/blob/master/LICENSE */ +.waves-effect { + position: relative; + cursor: pointer; + display: inline-block; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; +} +.waves-effect .waves-ripple { + position: absolute; + border-radius: 50%; + width: 100px; + height: 100px; + margin-top: -50px; + margin-left: -50px; + opacity: 0; + background: rgba(0, 0, 0, 0.2); + background: radial-gradient( + rgba(0, 0, 0, 0.2) 0, + rgba(0, 0, 0, 0.3) 40%, + rgba(0, 0, 0, 0.4) 50%, + rgba(0, 0, 0, 0.5) 60%, + rgba(255, 255, 255, 0) 70% + ); + -webkit-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + -webkit-transition-property: -webkit-transform, opacity; + -webkit-transition-property: + opacity, + -webkit-transform; + transition-property: + opacity, + -webkit-transform; + transition-property: transform, opacity; + transition-property: + transform, + opacity, + -webkit-transform; + -webkit-transform: scale(0) translate(0, 0); + transform: scale(0) translate(0, 0); + pointer-events: none; +} +.waves-effect.waves-light .waves-ripple { + background: rgba(255, 255, 255, 0.4); + background: radial-gradient( + rgba(255, 255, 255, 0.2) 0, + rgba(255, 255, 255, 0.3) 40%, + rgba(255, 255, 255, 0.4) 50%, + rgba(255, 255, 255, 0.5) 60%, + rgba(255, 255, 255, 0) 70% + ); +} +.waves-effect.waves-classic .waves-ripple { + background: rgba(0, 0, 0, 0.2); +} +.waves-effect.waves-classic.waves-light .waves-ripple { + background: rgba(255, 255, 255, 0.4); +} +.waves-notransition { + -webkit-transition: none !important; + transition: none !important; +} +.waves-button, +.waves-circle { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); +} +.waves-button, +.waves-button:hover, +.waves-button:visited, +.waves-button-input { + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + border: none; + outline: none; + color: inherit; + background-color: rgba(0, 0, 0, 0); + font-size: 1em; + line-height: 1em; + text-align: center; + text-decoration: none; + z-index: 1; +} +.waves-button { + padding: 0.85em 1.1em; + border-radius: 0.2em; +} +.waves-button-input { + margin: 0; + padding: 0.85em 1.1em; +} +.waves-input-wrapper { + border-radius: 0.2em; + vertical-align: bottom; +} +.waves-input-wrapper.waves-button { + padding: 0; +} +.waves-input-wrapper .waves-button-input { + position: relative; + top: 0; + left: 0; + z-index: 1; +} +.waves-circle { + text-align: center; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; + border-radius: 50%; +} +.waves-float { + -webkit-mask-image: none; + -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + -webkit-transition: all 300ms; + transition: all 300ms; +} +.waves-float:active { + -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); + box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); +} +.waves-block { + display: block; +} +.waves-effect.waves-light .waves-ripple { + background-color: rgba(255, 255, 255, 0.4); +} +.waves-effect.waves-primary .waves-ripple { + background-color: rgba(23, 97, 253, 0.4); +} +.waves-effect.waves-success .waves-ripple { + background-color: rgba(30, 202, 123, 0.4); +} +.waves-effect.waves-info .waves-ripple { + background-color: rgba(155, 167, 202, 0.4); +} +.waves-effect.waves-warning .waves-ripple { + background-color: rgba(255, 184, 34, 0.4); +} +.waves-effect.waves-danger .waves-ripple { + background-color: rgba(241, 75, 75, 0.4); +} +.card { + -webkit-box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.1); + box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.1); + margin-bottom: 24px; + background-color: #fff; +} +.card .card-header { + background-color: #f1f5fa; +} +.badge-success, +.badge-orange { + color: #fff; +} +.btn-round { + border-radius: 30px; +} +.btn-circle { + width: 36px; + height: 36px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; +} +.btn-square { + border-radius: 0; +} +.btn-skew { + -webkit-transform: skew(-15deg); + transform: skew(-15deg); +} +.btn-skew span { + display: inline-block; + -webkit-transform: skew(15deg); + transform: skew(15deg); +} +.accordion .btn:focus { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn.btn-outline-dashed { + outline: 1px dashed #fff !important; + outline-offset: -5px; + -moz-outline-radius: 25px; +} +.button-list, +.button-items { + margin-bottom: -8px; +} +.button-list .btn, +.button-items .btn { + margin: 0 5px 8px 0; +} +.btn { + -webkit-transition: 0.3s ease-out; + transition: 0.3s ease-out; + -webkit-box-shadow: 0 7px 14px 0 rgba(234, 240, 249, 0.5); + box-shadow: 0 7px 14px 0 rgba(234, 240, 249, 0.5); +} +.btn:hover { + -webkit-box-shadow: 0 1px 2px 0 rgba(234, 240, 249, 0.5); + box-shadow: 0 1px 2px 0 rgba(234, 240, 249, 0.5); +} +.btn-primary { + -webkit-box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); +} +.btn-primary:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-secondary { + -webkit-box-shadow: 0 7px 14px 0 rgba(13, 200, 222, 0.5); + box-shadow: 0 7px 14px 0 rgba(13, 200, 222, 0.5); +} +.btn-secondary:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-success { + -webkit-box-shadow: 0 7px 14px 0 rgba(30, 202, 123, 0.5); + box-shadow: 0 7px 14px 0 rgba(30, 202, 123, 0.5); +} +.btn-success:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-warning { + -webkit-box-shadow: 0 7px 14px 0 rgba(255, 184, 34, 0.5); + box-shadow: 0 7px 14px 0 rgba(255, 184, 34, 0.5); +} +.btn-warning:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-info { + -webkit-box-shadow: 0 7px 14px 0 rgba(155, 167, 202, 0.5); + box-shadow: 0 7px 14px 0 rgba(155, 167, 202, 0.5); +} +.btn-info:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-danger { + -webkit-box-shadow: 0 7px 14px 0 rgba(241, 75, 75, 0.5); + box-shadow: 0 7px 14px 0 rgba(241, 75, 75, 0.5); +} +.btn-danger:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-pink { + -webkit-box-shadow: 0 7px 14px 0 rgba(253, 60, 151, 0.5); + box-shadow: 0 7px 14px 0 rgba(253, 60, 151, 0.5); +} +.btn-pink:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-purple { + -webkit-box-shadow: 0 7px 14px 0 rgba(109, 129, 245, 0.5); + box-shadow: 0 7px 14px 0 rgba(109, 129, 245, 0.5); +} +.btn-purple:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-blue { + -webkit-box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); +} +.btn-blue:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-dark { + color: #f8f8fc; + -webkit-box-shadow: 0 7px 14px 0 rgba(28, 45, 65, 0.5); + box-shadow: 0 7px 14px 0 rgba(28, 45, 65, 0.5); +} +.btn-dark:hover { + -webkit-box-shadow: none; + box-shadow: none; + color: #f8f8fc; +} +.btn-gray { + -webkit-box-shadow: 0 7px 14px 0 rgba(155, 167, 202, 0.5); + box-shadow: 0 7px 14px 0 rgba(155, 167, 202, 0.5); +} +.btn-gray:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-light { + -webkit-box-shadow: 0 7px 14px 0 rgba(182, 194, 228, 0.6); + box-shadow: 0 7px 14px 0 rgba(182, 194, 228, 0.6); +} +.btn-light:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-outline-light { + color: #7081b9; + background-image: none; + background-color: transparent; + border-color: #eaf0f9; +} +.btn-outline-dark { + color: #1c2d41; +} +.btn-outline-dark:hover { + -webkit-box-shadow: none; + box-shadow: none; + color: #f8f8fc; +} +.btn-soft-primary { + background-color: rgba(23, 97, 253, 0.1); + color: #1761fd; +} +.btn-soft-primary:hover { + background-color: #1761fd; + color: #fff; +} +.btn-soft-primary:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(23, 97, 253, 0.2); + box-shadow: 0 0 0 0.1rem rgba(23, 97, 253, 0.2); + background-color: rgba(23, 97, 253, 0.8); + color: #fff; +} +.btn-soft-secondary { + background-color: rgba(13, 200, 222, 0.15); + color: #0dc8de; +} +.btn-soft-secondary:hover { + background-color: #0dc8de; + color: #fff; +} +.btn-soft-secondary:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(13, 200, 222, 0.2); + box-shadow: 0 0 0 0.1rem rgba(13, 200, 222, 0.2); + background-color: rgba(13, 200, 222, 0.8); + color: #fff; +} +.btn-soft-success { + background-color: rgba(30, 202, 123, 0.1); + color: #1eca7b; +} +.btn-soft-success:hover { + background-color: #1eca7b; + color: #fff; +} +.btn-soft-success:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(30, 202, 123, 0.2); + box-shadow: 0 0 0 0.1rem rgba(30, 202, 123, 0.2); + background-color: rgba(30, 202, 123, 0.8); + color: #fff; +} +.btn-soft-warning { + background-color: rgba(255, 184, 34, 0.18); + color: #ffb822; +} +.btn-soft-warning:hover { + background-color: #ffb822; + color: #fff; +} +.btn-soft-warning:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(255, 184, 34, 0.2); + box-shadow: 0 0 0 0.1rem rgba(255, 184, 34, 0.2); + background-color: rgba(255, 184, 34, 0.8); + color: #fff; +} +.btn-soft-danger { + background-color: rgba(241, 75, 75, 0.1); + color: #f14b4b; +} +.btn-soft-danger:hover { + background-color: #f14b4b; + color: #fff; +} +.btn-soft-danger:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(241, 75, 75, 0.2); + box-shadow: 0 0 0 0.1rem rgba(241, 75, 75, 0.2); + background-color: rgba(241, 75, 75, 0.8); + color: #fff; +} +.btn-soft-info { + background-color: rgba(155, 167, 202, 0.1); + color: #9ba7ca; +} +.btn-soft-info:hover { + background-color: #9ba7ca; + color: #fff; +} +.btn-soft-info:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(155, 167, 202, 0.2); + box-shadow: 0 0 0 0.1rem rgba(155, 167, 202, 0.2); + background-color: rgba(155, 167, 202, 0.8); + color: #fff; +} +.btn-soft-dark { + background-color: rgba(28, 45, 65, 0.1); + color: #1c2d41; +} +.btn-soft-dark:hover { + background-color: #1c2d41; + color: #f8f8fc; +} +.btn-soft-dark:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(28, 45, 65, 0.2); + box-shadow: 0 0 0 0.1rem rgba(28, 45, 65, 0.2); + background-color: rgba(28, 45, 65, 0.8); + color: #f8f8fc; +} +.btn-soft-pink { + background-color: rgba(253, 60, 151, 0.1); + color: #fd3c97; +} +.btn-soft-pink:hover { + background-color: #fd3c97; + color: #fff; +} +.btn-soft-pink:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(253, 60, 151, 0.2); + box-shadow: 0 0 0 0.1rem rgba(253, 60, 151, 0.2); + background-color: rgba(253, 60, 151, 0.8); + color: #fff; +} +.btn-soft-purple { + background-color: rgba(109, 129, 245, 0.1); + color: #6d81f5; +} +.btn-soft-purple:hover { + background-color: #6d81f5; + color: #fff; +} +.btn-soft-purple:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(109, 129, 245, 0.2); + box-shadow: 0 0 0 0.1rem rgba(109, 129, 245, 0.2); + background-color: rgba(109, 129, 245, 0.8); + color: #fff; +} +.btn-soft-blue { + background-color: rgba(23, 97, 253, 0.1); + color: #1761fd; +} +.btn-soft-blue:hover { + background-color: #1761fd; + color: #fff; +} +.btn-soft-blue:focus { + -webkit-box-shadow: 0 0 0 0.1rem rgba(23, 97, 253, 0.2); + box-shadow: 0 0 0 0.1rem rgba(23, 97, 253, 0.2); + background-color: rgba(23, 97, 253, 0.8); + color: #fff; +} +.btn-gradient-primary { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + border: none; +} +.btn-gradient-primary:hover, +.btn-gradient-primary:focus, +.btn-gradient-primary:active, +.btn-gradient-primary.active, +.btn-gradient-primary.focus, +.btn-gradient-primary:active, +.btn-gradient-primary:focus, +.btn-gradient-primary:hover, +.open > .dropdown-toggle.btn-gradient-primary, +.btn-gradient-primary.active, +.btn-gradient-primary:active, +.show > .btn-gradient-primary.dropdown-toggle { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; +} +.btn-gradient-primary:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-primary.dropdown-toggle:focus, +.btn-gradient-primary.focus, +.btn-gradient-primary:focus { + -webkit-box-shadow: 0 0 0 2px rgba(23, 97, 253, 0.3); + box-shadow: 0 0 0 2px rgba(23, 97, 253, 0.3); +} +.btn-gradient-success { + background: linear-gradient(14deg, #1eca7b 0%, rgba(30, 202, 123, 0.7)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(30, 202, 123, 0.5); + box-shadow: 0 7px 14px 0 rgba(30, 202, 123, 0.5); + border: none; +} +.btn-gradient-success:hover, +.btn-gradient-success:focus, +.btn-gradient-success:active, +.btn-gradient-success.active, +.btn-gradient-success.focus, +.btn-gradient-success:active, +.btn-gradient-success:focus, +.btn-gradient-success:hover, +.open > .dropdown-toggle.btn-gradient-success, +.btn-gradient-success.active, +.btn-gradient-success:active, +.show > .btn-gradient-success.dropdown-toggle { + background: linear-gradient(14deg, #1eca7b 0%, rgba(30, 202, 123, 0.7)); + color: #fff; +} +.btn-gradient-success:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-success.dropdown-toggle:focus, +.btn-gradient-success.focus, +.btn-gradient-success:focus { + -webkit-box-shadow: 0 0 0 2px rgba(30, 202, 123, 0.3); + box-shadow: 0 0 0 2px rgba(30, 202, 123, 0.3); +} +.btn-gradient-secondary { + background: linear-gradient(14deg, #0dc8de 0%, rgba(13, 200, 222, 0.7)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(13, 200, 222, 0.5); + box-shadow: 0 7px 14px 0 rgba(13, 200, 222, 0.5); + border: none; +} +.btn-gradient-secondary:hover, +.btn-gradient-secondary:focus, +.btn-gradient-secondary:active, +.btn-gradient-secondary.active, +.btn-gradient-secondary.focus, +.btn-gradient-secondary:active, +.btn-gradient-secondary:focus, +.btn-gradient-secondary:hover, +.open > .dropdown-toggle.btn-gradient-secondary, +.btn-gradient-secondary.active, +.btn-gradient-secondary:active, +.show > .btn-gradient-secondary.dropdown-toggle { + background: linear-gradient(14deg, #0dc8de 0%, rgba(13, 200, 222, 0.7)); + color: #fff; +} +.btn-gradient-secondary:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-secondary.dropdown-toggle:focus, +.btn-gradient-secondary.focus, +.btn-gradient-secondary:focus { + -webkit-box-shadow: 0 0 0 2px rgba(13, 200, 222, 0.3); + box-shadow: 0 0 0 2px rgba(13, 200, 222, 0.3); +} +.btn-gradient-danger { + background: linear-gradient(14deg, #f14b4b 0%, rgba(241, 75, 75, 0.7)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(241, 75, 75, 0.5); + box-shadow: 0 7px 14px 0 rgba(241, 75, 75, 0.5); + border: none; +} +.btn-gradient-danger:hover, +.btn-gradient-danger:focus, +.btn-gradient-danger:active, +.btn-gradient-danger.active, +.btn-gradient-danger.focus, +.btn-gradient-danger:active, +.btn-gradient-danger:focus, +.btn-gradient-danger:hover, +.open > .dropdown-toggle.btn-gradient-danger, +.btn-gradient-danger.active, +.btn-gradient-danger:active, +.show > .btn-gradient-danger.dropdown-toggle { + background: linear-gradient(14deg, #f14b4b 0%, rgba(241, 75, 75, 0.7)); + color: #fff; +} +.btn-gradient-danger:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-danger.dropdown-toggle:focus, +.btn-gradient-danger.focus, +.btn-gradient-danger:focus { + -webkit-box-shadow: 0 0 0 2px rgba(241, 75, 75, 0.3); + box-shadow: 0 0 0 2px rgba(241, 75, 75, 0.3); +} +.btn-gradient-warning { + background: linear-gradient(14deg, #ffb822 0%, rgba(255, 184, 34, 0.7)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(255, 184, 34, 0.5); + box-shadow: 0 7px 14px 0 rgba(255, 184, 34, 0.5); + border: none; +} +.btn-gradient-warning:hover, +.btn-gradient-warning:focus, +.btn-gradient-warning:active, +.btn-gradient-warning.active, +.btn-gradient-warning.focus, +.btn-gradient-warning:active, +.btn-gradient-warning:focus, +.btn-gradient-warning:hover, +.open > .dropdown-toggle.btn-gradient-warning, +.btn-gradient-warning.active, +.btn-gradient-warning:active, +.show > .btn-gradient-warning.dropdown-toggle { + background: linear-gradient(14deg, #ffb822 0%, rgba(255, 184, 34, 0.7)); + color: #fff; +} +.btn-gradient-warning:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-warning.dropdown-toggle:focus, +.btn-gradient-warning.focus, +.btn-gradient-warning:focus { + -webkit-box-shadow: 0 0 0 2px rgba(255, 184, 34, 0.3); + box-shadow: 0 0 0 2px rgba(255, 184, 34, 0.3); +} +.btn-gradient-info { + background: linear-gradient(14deg, #9ba7ca 0%, rgba(155, 167, 202, 0.7)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(155, 167, 202, 0.5); + box-shadow: 0 7px 14px 0 rgba(155, 167, 202, 0.5); + border: none; +} +.btn-gradient-info:hover, +.btn-gradient-info:focus, +.btn-gradient-info:active, +.btn-gradient-info.active, +.btn-gradient-info.focus, +.btn-gradient-info:active, +.btn-gradient-info:focus, +.btn-gradient-info:hover, +.open > .dropdown-toggle.btn-gradient-info, +.btn-gradient-info.active, +.btn-gradient-info:active, +.show > .btn-gradient-info.dropdown-toggle { + background: linear-gradient(14deg, #9ba7ca 0%, rgba(155, 167, 202, 0.7)); + color: #fff; +} +.btn-gradient-info:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-info.dropdown-toggle:focus, +.btn-gradient-info.focus, +.btn-gradient-info:focus { + -webkit-box-shadow: 0 0 0 2px rgba(155, 167, 202, 0.3); + box-shadow: 0 0 0 2px rgba(155, 167, 202, 0.3); +} +.btn-gradient-dark { + background: linear-gradient(14deg, #1c2d41 0%, rgba(28, 45, 65, 0.7)); + color: #f8f8fc; + -webkit-box-shadow: 0 7px 14px 0 rgba(28, 45, 65, 0.5); + box-shadow: 0 7px 14px 0 rgba(28, 45, 65, 0.5); + border: none; +} +.btn-gradient-dark:hover, +.btn-gradient-dark:focus, +.btn-gradient-dark:active, +.btn-gradient-dark.active, +.btn-gradient-dark.focus, +.btn-gradient-dark:active, +.btn-gradient-dark:focus, +.btn-gradient-dark:hover, +.open > .dropdown-toggle.btn-gradient-dark, +.btn-gradient-dark.active, +.btn-gradient-dark:active, +.show > .btn-gradient-dark.dropdown-toggle { + background: linear-gradient(14deg, #1c2d41 0%, rgba(28, 45, 65, 0.7)); + color: #f8f8fc; +} +.btn-gradient-dark:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-dark.dropdown-toggle:focus, +.btn-gradient-dark.focus, +.btn-gradient-dark:focus { + -webkit-box-shadow: 0 0 0 2px rgba(28, 45, 65, 0.3); + box-shadow: 0 0 0 2px rgba(28, 45, 65, 0.3); +} +.btn-gradient-pink { + background: linear-gradient(14deg, #fd3c97 0%, rgba(253, 60, 151, 0.7)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(253, 60, 151, 0.5); + box-shadow: 0 7px 14px 0 rgba(253, 60, 151, 0.5); + border: none; +} +.btn-gradient-pink:hover, +.btn-gradient-pink:focus, +.btn-gradient-pink:active, +.btn-gradient-pink.active, +.btn-gradient-pink.focus, +.btn-gradient-pink:active, +.btn-gradient-pink:focus, +.btn-gradient-pink:hover, +.open > .dropdown-toggle.btn-gradient-pink, +.btn-gradient-pink.active, +.btn-gradient-pink:active, +.show > .btn-gradient-pink.dropdown-toggle { + background: linear-gradient(14deg, #fd3c97 0%, rgba(253, 60, 151, 0.7)); + color: #fff; +} +.btn-gradient-pink:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-pink.dropdown-toggle:focus, +.btn-gradient-pink.focus, +.btn-gradient-pink:focus { + -webkit-box-shadow: 0 0 0 2px rgba(253, 60, 151, 0.3); + box-shadow: 0 0 0 2px rgba(253, 60, 151, 0.3); +} +.btn-gradient-purple { + background: linear-gradient(14deg, #6d81f5 0%, rgba(109, 129, 245, 0.7)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(109, 129, 245, 0.5); + box-shadow: 0 7px 14px 0 rgba(109, 129, 245, 0.5); + border: none; +} +.btn-gradient-purple:hover, +.btn-gradient-purple:focus, +.btn-gradient-purple:active, +.btn-gradient-purple.active, +.btn-gradient-purple.focus, +.btn-gradient-purple:active, +.btn-gradient-purple:focus, +.btn-gradient-purple:hover, +.open > .dropdown-toggle.btn-gradient-purple, +.btn-gradient-purple.active, +.btn-gradient-purple:active, +.show > .btn-gradient-purple.dropdown-toggle { + background: linear-gradient(14deg, #6d81f5 0%, rgba(109, 129, 245, 0.7)); + color: #fff; +} +.btn-gradient-purple:not(:disabled):not(.disabled):active:focus, +.show > .btn-gradient-purple.dropdown-toggle:focus, +.btn-gradient-purple.focus, +.btn-gradient-purple:focus { + -webkit-box-shadow: 0 0 0 2px rgba(109, 129, 245, 0.3); + box-shadow: 0 0 0 2px rgba(109, 129, 245, 0.3); +} +.dropdown-menu { + -webkit-box-shadow: 0 3px 12px #d6e4f1; + box-shadow: 0 3px 12px #d6e4f1; + margin: 0; +} +.dropdown-menu .dropdown-item:hover, +.dropdown-menu .dropdown-item:focus { + background-color: #f1f5fa; + color: #1c2d41; +} +.dropdown-lg { + width: 320px; +} +.ui-widget-content { + padding: 4px 0; + font-size: 0.845rem; + -webkit-box-shadow: 0 3px 12px rgba(234, 240, 249, 0.4); + box-shadow: 0 3px 12px rgba(234, 240, 249, 0.4); + border-color: rgba(0, 0, 0, 0.05); + background-color: #fff; + margin: 0; +} +.ui-widget-content .ui-menu-item { + padding: 6px 24px; + color: #303e67; +} +.ui-widget-content .ui-menu-item:hover, +.ui-widget-content .ui-menu-item:focus, +.ui-widget-content .ui-menu-item.active, +.ui-widget-content .ui-menu-item:active { + color: #435177; + text-decoration: none; + background-color: #f8f8fc; +} +.ui-widget.ui-widget-content { + border: 1px solid rgba(241, 245, 250, 0.4); + z-index: 1111; + position: fixed; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active, +a.ui-button:active, +.ui-button:active, +.ui-button.ui-state-active:hover { + border: none; + color: #435177; + text-decoration: none; + background-color: transparent; +} +.ui-menu .ui-state-focus, +.ui-menu .ui-state-active { + margin: 0; +} +.table th { + color: #303e67; + font-weight: 500; + vertical-align: middle; +} +.table td { + font-weight: 400; + vertical-align: middle; +} +.table.border-dashed th { + font-weight: 500; + border-top: 1px dashed #eaf0f7; +} +.table.border-dashed td { + border-top: 1px dashed #eaf0f7; +} +.table.border-dashed thead th { + border-bottom: 2px dashed #eaf0f7; +} +.table.table-bordered thead { + background-color: #f1f5fa; +} +.table .thead-light th { + color: #303e67; +} +.table.table-dark { + color: #f8f8fc; +} +.table.table-dark th { + color: #f8f8fc; +} +.table td { + vertical-align: middle; +} +.table td.highlight { + font-weight: bold; + color: #9ba7ca; +} +.table td.details-control { + background: url('../images/open.png') no-repeat center center; + cursor: pointer; +} +.table tr.shown td.details-control { + background: url('../images/close.png') no-repeat center center; +} +.table-rep-plugin .btn-toolbar { + display: block; +} +.table-rep-plugin .btn-default { + border: none; + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; + margin-right: 5px; + -webkit-box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + -webkit-transition: 0.3s ease-out; + transition: 0.3s ease-out; +} +.table-rep-plugin .btn-default:hover, +.table-rep-plugin .btn-default:focus { + color: #fff; + -webkit-box-shadow: 0 0 0 2px rgba(23, 97, 253, 0.3); + box-shadow: 0 0 0 2px rgba(23, 97, 253, 0.3); +} +.table-rep-plugin .btn-default.btn-primary:active, +.table-rep-plugin .btn-default.btn-primary:hover, +.table-rep-plugin .btn-default.btn-primary:focus { + border: none !important; + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; + -webkit-box-shadow: 0 0 0 2px rgba(23, 97, 253, 0.3); + box-shadow: 0 0 0 2px rgba(23, 97, 253, 0.3); +} +.table-rep-plugin tbody th { + font-size: 14px; + font-weight: normal; +} +.table-rep-plugin table.focus-on tbody tr.focused th, +.table-rep-plugin table.focus-on tbody tr.focused td { + background-color: #1761fd; + color: #fff; +} +.fixed-solution .sticky-table-header { + top: 70px !important; + background-color: #f8f8fc; + border-top: 1px solid #e8ebf3; + border-bottom: 1px solid #e8ebf3; +} +.table-responsive[data-pattern='priority-columns'] { + border: 1px solid #e8ebf3; +} +.progress { + -webkit-box-shadow: 0 6px 5px 0 rgba(173, 181, 189, 0.4); + box-shadow: 0 6px 5px 0 rgba(173, 181, 189, 0.4); + background-color: #f1f5fa; +} +.progress-vertical { + min-height: 250px; + height: 250px; + width: 10px; + position: relative; + display: inline-block; + margin-bottom: 0; + margin-right: 20px; + -webkit-box-shadow: none; + box-shadow: none; +} +.progress-vertical .progress-bar { + width: 100%; +} +.progress-vertical-bottom { + min-height: 250px; + height: 250px; + position: relative; + width: 10px; + display: inline-block; + margin-bottom: 0; + margin-right: 20px; + -webkit-box-shadow: none; + box-shadow: none; +} +.progress-vertical-bottom .progress-bar { + width: 100%; + position: absolute; + bottom: 0; +} +.progress-vertical.progress-sm, +.progress-vertical-bottom.progress-sm { + width: 5px !important; +} +.progress-vertical.progress-sm .progress-bar, +.progress-vertical-bottom.progress-sm .progress-bar { + font-size: 8px; + line-height: 5px; +} +.progress-vertical.progress-md, +.progress-vertical-bottom.progress-md { + width: 15px !important; +} +.progress-vertical.progress-md .progress-bar, +.progress-vertical-bottom.progress-md .progress-bar { + font-size: 10.8px; + line-height: 14.4px; +} +.progress-vertical.progress-lg, +.progress-vertical-bottom.progress-lg { + width: 20px !important; +} +.progress-vertical.progress-lg .progress-bar, +.progress-vertical-bottom.progress-lg .progress-bar { + font-size: 12px; + line-height: 20px; +} +.progress-icon-spin { + font-size: 36px; +} +.b-round { + border-radius: 40px; +} +.alert { + position: relative; + border: 0; +} +.alert.icon-custom-alert { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.alert .alert-icon { + font-size: 24px; + margin-right: 8px; +} +.alert .alert-text { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} +.alert .alert-close { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.alert .alert-link { + font-weight: 600; +} +.alert.alert-outline-success { + border: 1px solid #1eca7b; + background-color: transparent; + color: #1eca7b; +} +.alert.alert-outline-danger { + border: 1px solid #f14b4b; + background-color: transparent; + color: #f14b4b; +} +.alert.alert-outline-primary { + border: 1px solid #1761fd; + background-color: transparent; + color: #1761fd; +} +.alert.alert-outline-warning { + border: 1px solid #ffb822; + background-color: transparent; + color: #ffb822; +} +.alert.alert-outline-info { + border: 1px solid #9ba7ca; + background-color: transparent; + color: #9ba7ca; +} +.alert.alert-outline-pink { + border: 1px solid #fd3c97; + background-color: transparent; + color: #fd3c97; +} +.alert.alert-outline-purple { + border: 1px solid #6d81f5; + background-color: transparent; + color: #6d81f5; +} +.alert.alert-outline-blue { + border: 1px solid #1761fd; + background-color: transparent; + color: #1761fd; +} +.alert.alert-outline-secondary { + border: 1px solid #0dc8de; + background-color: transparent; + color: #0dc8de; +} +.alert.alert-outline-dark { + border: 1px solid #1c2d41; + background-color: transparent; + color: #1c2d41; +} +.alert.alert-primary-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(23, 97, 253, 0.06), + 0 1px 0 0 rgba(23, 97, 253, 0.02); + box-shadow: + 0 0 24px 0 rgba(23, 97, 253, 0.06), + 0 1px 0 0 rgba(23, 97, 253, 0.02); +} +.alert.alert-success-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(30, 202, 123, 0.06), + 0 1px 0 0 rgba(30, 202, 123, 0.02); + box-shadow: + 0 0 24px 0 rgba(30, 202, 123, 0.06), + 0 1px 0 0 rgba(30, 202, 123, 0.02); +} +.alert.alert-info-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(155, 167, 202, 0.06), + 0 1px 0 0 rgba(155, 167, 202, 0.02); + box-shadow: + 0 0 24px 0 rgba(155, 167, 202, 0.06), + 0 1px 0 0 rgba(155, 167, 202, 0.02); +} +.alert.alert-warning-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(255, 184, 34, 0.06), + 0 1px 0 0 rgba(255, 184, 34, 0.02); + box-shadow: + 0 0 24px 0 rgba(255, 184, 34, 0.06), + 0 1px 0 0 rgba(255, 184, 34, 0.02); +} +.alert.alert-danger-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(241, 75, 75, 0.06), + 0 1px 0 0 rgba(241, 75, 75, 0.02); + box-shadow: + 0 0 24px 0 rgba(241, 75, 75, 0.06), + 0 1px 0 0 rgba(241, 75, 75, 0.02); +} +.alert.alert-dark-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(28, 45, 65, 0.06), + 0 1px 0 0 rgba(28, 45, 65, 0.02); + box-shadow: + 0 0 24px 0 rgba(28, 45, 65, 0.06), + 0 1px 0 0 rgba(28, 45, 65, 0.02); +} +.alert.alert-pink-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(253, 60, 151, 0.06), + 0 1px 0 0 rgba(253, 60, 151, 0.02); + box-shadow: + 0 0 24px 0 rgba(253, 60, 151, 0.06), + 0 1px 0 0 rgba(253, 60, 151, 0.02); +} +.alert.alert-purple-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(109, 129, 245, 0.06), + 0 1px 0 0 rgba(109, 129, 245, 0.02); + box-shadow: + 0 0 24px 0 rgba(109, 129, 245, 0.06), + 0 1px 0 0 rgba(109, 129, 245, 0.02); +} +.alert.alert-blue-shadow { + -webkit-box-shadow: + 0 0 24px 0 rgba(23, 97, 253, 0.06), + 0 1px 0 0 rgba(23, 97, 253, 0.02); + box-shadow: + 0 0 24px 0 rgba(23, 97, 253, 0.06), + 0 1px 0 0 rgba(23, 97, 253, 0.02); +} +label { + font-weight: 400; + color: #656d9a; + font-size: 13px; +} +.custom-control-label { + padding-top: 2px; +} +.form-control:focus { + -webkit-box-shadow: none; + box-shadow: none; +} +.input-group-text { + font-size: 0.845rem; + background-color: #f1f5fa; + border: 1px solid #e8ebf3; +} +.custom-file-input, +.custom-file-label { + height: calc(2.3rem + 1px); + line-height: 26px; +} +.custom-file-label::after { + height: calc(1.5em + 15px); + line-height: 24px; +} +.form-group { + margin-bottom: 20px; +} +.custom-select:focus { + border-color: rgba(23, 97, 253, 0.5); + -webkit-box-shadow: none; + box-shadow: none; +} +.custom-control-input:checked ~ .custom-control-indicator { + background-color: #1761fd; +} +.custom-control-input:focus ~ .custom-control-indicator { + -webkit-box-shadow: + 0 0 0 1px #fff, + 0 0 0 3px #1761fd; + box-shadow: + 0 0 0 1px #fff, + 0 0 0 3px #1761fd; +} +.has-success .form-control { + border-color: #1eca7b; + -webkit-box-shadow: none; + box-shadow: none; +} +.has-warning .form-control { + border-color: #ffb822; + -webkit-box-shadow: none; + box-shadow: none; +} +.has-error .form-control { + border-color: #f14b4b; + -webkit-box-shadow: none; + box-shadow: none; +} +.input-group-addon { + border-radius: 2px; + border: 1px solid #f1f5fa; +} +.col-form-label { + text-align: right; +} +.form-control.is-valid:focus, +.custom-select.is-valid:focus, +.was-validated .custom-select:valid:focus { + border-color: #1eca7b; + -webkit-box-shadow: none; + box-shadow: none; +} +.custom-select.is-invalid:focus, +.was-validated .custom-select:invalid:focus { + border-color: #f14b4b; + -webkit-box-shadow: none; + box-shadow: none; +} +.custom-select { + font-size: 13px; + height: 38px; +} +.custom-file-input.is-invalid:focus ~ .custom-file-label, +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, +.form-control.is-invalid:focus, +.was-validated .form-control:invalid:focus { + border-color: #f14b4b; + -webkit-box-shadow: none; + box-shadow: none; +} +.custom-file-input:focus ~ .custom-file-label { + border-color: rgba(23, 97, 253, 0.5); + -webkit-box-shadow: none; + box-shadow: none; +} +dt { + font-weight: 600; +} +.demo-container { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 850px; + height: 450px; + padding: 20px 15px 15px 15px; + margin: 15px auto 30px auto; + border: 1px solid #ddd; + background: #fff; + background: linear-gradient(#f6f6f6 0, #fff 50px); + background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); + -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); + -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.demo-placeholder { + width: 100%; + height: 100%; + font-size: 14px; +} +.dropify-wrapper { + background-color: #fff; + border: 2px dashed #e8ebf3; +} +.dropify-wrapper .dropify-message p { + color: #8997bd; +} +.dropify-wrapper .dropify-message span.file-icon { + color: #1761fd; +} +.dropify-wrapper:hover { + background-size: 30px 30px; + background-image: linear-gradient( + -45deg, + #f1f5fa 25%, + transparent 25%, + transparent 50%, + #f1f5fa 50%, + #f1f5fa 75%, + transparent 75%, + transparent + ); +} +.dropify-wrapper .dropify-preview { + background-color: #fff; +} +.modal-demo { + background-color: #fff; + width: 600px; + border-radius: 4px; + display: none; + position: relative; +} +.modal-demo .close { + position: absolute; + top: 15px; + right: 25px; + color: #f1f5fa; +} +.modal-content { + background-color: #f8f8fc; +} +.modal-content .modal-header, +.modal-content .modal-footer { + border-color: #eaf0f9; + background-color: #eaf0f9; +} +.modal-content .modal-header .modal-title, +.modal-content .modal-footer .modal-title { + color: #1c2d41; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + font-weight: 600; + margin-top: 0; +} +.modal-content .modal-header .close, +.modal-content .modal-footer .close { + color: #435177; +} +.modal-content .modal-body p, +.modal-content h4 { + color: #7081b9; +} +.modal-content .modal-title.custom-title { + color: #fff; +} +#custom-modal .close { + color: #435177; +} +.custom-modal-title { + padding: 15px 25px 15px 25px; + line-height: 22px; + font-size: 18px; + background-color: #f1f5fa; + color: #435177; + text-align: left; + margin: 0px; +} +.custom-modal-text { + padding: 20px; + color: #8997bd; +} +.custombox-modal-flash .close, +.custombox-modal-rotatedown .close { + top: 20px; + z-index: 9999; +} +#session-timeout-dialog .modal-header { + display: inline-block; +} +.custom-switch.switch-primary + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #1761fd; + background-color: #1761fd; +} +.custom-switch.switch-primary + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(23, 97, 253, 0.25); + box-shadow: 0 0 0 0.11px rgba(23, 97, 253, 0.25); +} +.custom-switch.switch-primary + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-secondary + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #0dc8de; + background-color: #0dc8de; +} +.custom-switch.switch-secondary + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(13, 200, 222, 0.25); + box-shadow: 0 0 0 0.11px rgba(13, 200, 222, 0.25); +} +.custom-switch.switch-secondary + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-success + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #1eca7b; + background-color: #1eca7b; +} +.custom-switch.switch-success + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(30, 202, 123, 0.25); + box-shadow: 0 0 0 0.11px rgba(30, 202, 123, 0.25); +} +.custom-switch.switch-success + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-warning + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #ffb822; + background-color: #ffb822; +} +.custom-switch.switch-warning + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(255, 184, 34, 0.25); + box-shadow: 0 0 0 0.11px rgba(255, 184, 34, 0.25); +} +.custom-switch.switch-warning + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-info + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #9ba7ca; + background-color: #9ba7ca; +} +.custom-switch.switch-info + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(155, 167, 202, 0.25); + box-shadow: 0 0 0 0.11px rgba(155, 167, 202, 0.25); +} +.custom-switch.switch-info + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-danger + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #f14b4b; + background-color: #f14b4b; +} +.custom-switch.switch-danger + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(241, 75, 75, 0.25); + box-shadow: 0 0 0 0.11px rgba(241, 75, 75, 0.25); +} +.custom-switch.switch-danger + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-dark + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #1c2d41; + background-color: #1c2d41; +} +.custom-switch.switch-dark + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(28, 45, 65, 0.25); + box-shadow: 0 0 0 0.11px rgba(28, 45, 65, 0.25); +} +.custom-switch.switch-dark + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-purple + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #6d81f5; + background-color: #6d81f5; +} +.custom-switch.switch-purple + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(109, 129, 245, 0.25); + box-shadow: 0 0 0 0.11px rgba(109, 129, 245, 0.25); +} +.custom-switch.switch-purple + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-pink + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #fd3c97; + background-color: #fd3c97; +} +.custom-switch.switch-pink + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(253, 60, 151, 0.25); + box-shadow: 0 0 0 0.11px rgba(253, 60, 151, 0.25); +} +.custom-switch.switch-pink + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.custom-switch.switch-blue + .custom-control-input:checked + ~ .custom-control-label::before { + color: #fff; + border-color: #1761fd; + background-color: #1761fd; +} +.custom-switch.switch-blue + .custom-control-input:focus + ~ .custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.11px rgba(23, 97, 253, 0.25); + box-shadow: 0 0 0 0.11px rgba(23, 97, 253, 0.25); +} +.custom-switch.switch-blue + .custom-control-input:focus:not(:checked) + ~ .custom-control-label::before { + border-color: rgba(137, 151, 189, 0.7); +} +.datepicker { + border: 1px solid #f1f5fa; + padding: 8px; +} +.datepicker table tr td.active, +.datepicker table tr td.active:hover, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.today, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover, +.datepicker table tr td.today:hover, +.datepicker table tr td.selected, +.datepicker table tr td.selected.disabled, +.datepicker table tr td.selected.disabled:hover, +.datepicker table tr td.selected:hover { + background-color: #1761fd !important; + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} +.daterangepicker .drp-buttons .btn { + font-weight: normal; +} +.daterangepicker td.active, +.daterangepicker td.active:hover { + background-color: rgba(23, 97, 253, 0.1); + border-color: transparent; + color: #1761fd; +} +.daterangepicker td.active, +.daterangepicker .table-condensed > thead > tr > th, +.table-condensed > tbody > tr > td { + padding: 5px; +} +.bootstrap-touchspin .input-group-btn-vertical .btn { + padding: 9px 12px; +} +.bootstrap-touchspin .input-group-btn-vertical i { + top: 4px; + left: 8px; +} +:not(pre) > code[class*='language-'], +pre[class*='language-'] { + background: #f1f5fa; +} +.badge:empty { + padding: 0; +} +.select2-container--default .select2-selection--single { + border: 1px solid #e8ebf3; + height: 38px; + background-color: #fff; +} +.select2-container--default .select2-selection--single:focus { + outline: none; +} +.select2-container--default + .select2-selection--single + .select2-selection__rendered { + color: #303e67; + line-height: 38px; +} +.select2-container--default + .select2-selection--single + .select2-selection__arrow { + height: 38px; + right: 8px; +} +.select2-container--default .select2-selection--multiple { + background-color: #fff; +} +.select2-container--default + .select2-selection--multiple + .select2-selection__choice { + margin-top: 7px; + background-color: #9ba7ca; + border: 1px solid #e8ebf3; + color: #fff; +} +.select2-container--default + .select2-selection--multiple + .select2-selection__choice__remove { + color: #fff; +} +.select2-container--default .select2-search--dropdown .select2-search__field { + background-color: #fff; + border: 1px solid #e8ebf3; + color: #303e67; +} +.select2-container--default.select2-container--focus + .select2-selection--multiple { + border: 1px solid #e8ebf3; + outline: 0; +} +.select2-container .select2-selection--multiple { + min-height: 38px; + border: 1px solid #e8ebf3; +} +.select2-container .select2-search--inline .select2-search__field { + margin-top: 8px; + color: #303e67; +} +.select2-dropdown { + background-color: #fff; + border: 1px solid #eceff5; +} +.dtp-btn-cancel { + margin-right: 5px; +} +.addon-color-picker .btn { + padding: 8px; + line-height: 0; + border-color: #bfbfbf; +} +.asColorPicker-clear { + display: none; + position: absolute; + top: 8px; + right: 45px; + text-decoration: none; +} +.asColorPicker-trigger { + position: absolute; + top: 0; + right: 0; + height: 38px; + width: 38px; + border: 0; +} +.asColorPicker-dropdown { + max-width: 260px; +} +.asColorPicker-wrap { + position: relative; + display: inline-block; + width: 100%; + padding-right: 35px; +} +.input-title { + font-weight: 400; + font-size: 15px; + color: #1c2d41; +} +.dtp > .dtp-content > .dtp-date-view > header.dtp-header { + background: #1c2d41; +} +.dtp table.dtp-picker-days tr > td > a.selected { + background: rgba(23, 97, 253, 0.1); + color: #1761fd; +} +.dtp div.dtp-date, +.dtp div.dtp-time { + background: #21344c; + color: #1761fd; +} +.dtp div.dtp-actual-year, +.dtp div.dtp-actual-month { + color: #f8f8fc; + font-size: 14px; + padding: 8px 0; +} +.dtp > .dtp-content { + max-height: 555px; +} +.dtp table.dtp-picker-days tr > th { + color: #335276; +} +.dtp table.dtp-picker-days tr > td > a, +.dtp .dtp-picker-time > a { + color: #7c9ec7; + font-size: 12px; +} +.dtp div.dtp-actual-num { + font-size: 64px; +} +.dtp .p10 > a { + color: #1c2d41; + text-decoration: none; +} +.error { + color: #f14b4b; +} +.parsley-error { + border-color: #f14b4b; +} +.parsley-errors-list { + display: none; + margin: 0; + padding: 0; +} +.parsley-errors-list.filled { + display: block; +} +.parsley-errors-list > li { + font-size: 12px; + list-style: none; + color: #f14b4b; + margin-top: 5px; +} +.form-wizard-wrapper label { + font-size: 13px; + text-align: right; +} +.wizard > .content > .body input { + border: 1px solid #e8ebf3; +} +.wizard > .content > .body input:focus { + border-color: rgba(23, 97, 253, 0.5); +} +.wizard.vertical > .steps { + width: auto; +} +.wizard > .steps > ul > li { + width: auto; + margin-bottom: 10px; +} +.wizard > .steps a, +.wizard > .steps a:active, +.wizard > .steps a:hover { + margin: 3px; + padding: 0; + border-radius: 50px; +} +.wizard > .steps .current a, +.wizard > .steps .current a:active, +.wizard > .steps .current a:hover { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; + padding: 2px 20px 2px 2px; + -webkit-box-shadow: 0px 3px 10px 0 rgba(23, 97, 253, 0.4); + box-shadow: 0px 3px 10px 0 rgba(23, 97, 253, 0.4); +} +.wizard > .steps .disabled a, +.wizard > .steps .disabled a:active, +.wizard > .steps .disabled a:hover, +.wizard > .steps .done a, +.wizard > .steps .done a:active, +.wizard > .steps .done a:hover { + background-color: rgba(23, 97, 253, 0.1); + color: #b6c2e4; + padding: 0 20px 0 0; + -webkit-box-shadow: 0px 0px 0px 2.25px rgba(23, 97, 253, 0.5); + box-shadow: 0px 0px 0px 2.25px rgba(23, 97, 253, 0.5); +} +.wizard > .steps .current a .number, +.wizard > .steps .current a:active .number, +.wizard > .steps .current a:hover .number { + border: 2px solid #fff; +} +.wizard > .steps .disabled a .number, +.wizard > .steps .disabled a:active .number, +.wizard > .steps .disabled a:hover .number, +.wizard > .steps .done a .number, +.wizard > .steps .done a:active .number, +.wizard > .steps .done a:hover .number { + border-color: #1761fd; +} +.wizard > .content { + background-color: transparent; + margin: 0 5px; + border-radius: 0; + min-height: 150px; +} +#form-horizontal fieldset { + margin-top: 20px; +} +.wizard > .content > .body { + width: 100%; + height: 100%; + padding: 15px 0 0; + position: static; +} +.wizard > .steps .number { + font-size: 16px; + padding: 5px; + border-radius: 50%; + border: 2px solid #fff; + width: 38px; + display: inline-block; + font-weight: 600; + text-align: center; + margin-right: 10px; + background-color: rgba(23, 97, 253, 0.15); +} +.wizard > .actions, +.wizard.vertical > .actions { + margin-top: 20px; +} +.wizard > .actions .disabled a, +.wizard > .actions .disabled a:active, +.wizard > .actions .disabled a:hover { + opacity: 0.65; + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; + cursor: not-allowed; +} +.wizard > .actions a, +.wizard > .actions a:active, +.wizard > .actions a:hover { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + border-radius: 4px; + padding: 8px 15px; +} +@media (max-width: 768px) { + .wizard > .steps > ul > li { + width: 50%; + } + .form-wizard-wrapper label { + text-align: left; + } +} +@media (max-width: 520px) { + .wizard > .steps > ul > li { + width: 100%; + } +} +.mce-panel { + border: 1px solid #f1f5fa !important; + background-color: #fff !important; + color: #303e67 !important; +} +.mce-label { + text-shadow: none !important; + color: #8997bd !important; +} +.mce-tinymce { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.mce-btn { + background: transparent !important; +} +.mce-flow-layout, +.mce-top-part::before { + -webkit-box-shadow: none !important; + box-shadow: none !important; + background-color: #f1f5fa !important; +} +.mce-caret { + border-top: 4px solid #303e67 !important; + opacity: 0.7 !important; +} +.mce-menubar .mce-caret { + border-top-color: #303e67 !important; + opacity: 0.7 !important; +} +.mce-menubar .mce-menubtn button span, +.mce-btn .mce-txt, +.mce-ico { + color: #303e67 !important; +} +.mce-btn.mce-disabled button, +.mce-btn.mce-disabled:hover button { + opacity: 0.7 !important; +} +.mce-menu-item.mce-disabled, +.mce-menu-item.mce-disabled:hover, +.mce-menu-item:hover, +.mce-menu-item:focus { + background: #f8f8fc !important; +} +[data-simplebar] { + position: relative; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +.simplebar-wrapper { + overflow: hidden; + width: inherit; + height: inherit; + max-width: inherit; + max-height: inherit; +} +.simplebar-mask { + direction: inherit; + position: absolute; + overflow: hidden; + padding: 0; + margin: 0; + left: 0; + top: 0; + bottom: 0; + right: 0; + width: auto !important; + height: auto !important; + z-index: 0; +} +.simplebar-offset { + direction: inherit !important; + -webkit-box-sizing: inherit !important; + box-sizing: inherit !important; + resize: none !important; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 0; + margin: 0; + -webkit-overflow-scrolling: touch; +} +.simplebar-content-wrapper { + direction: inherit; + -webkit-box-sizing: border-box !important; + box-sizing: border-box !important; + position: relative; + display: block; + height: 100%; + width: auto; + visibility: visible; + overflow: auto; + max-width: 100%; + max-height: 100%; +} +.simplebar-content:before, +.simplebar-content:after { + content: ' '; + display: table; +} +.simplebar-placeholder { + max-height: 100%; + max-width: 100%; + width: 100%; + pointer-events: none; +} +.simplebar-height-auto-observer-wrapper { + -webkit-box-sizing: inherit !important; + box-sizing: inherit !important; + height: 100%; + width: 100%; + max-width: 1px; + position: relative; + float: left; + max-height: 1px; + overflow: hidden; + z-index: -1; + padding: 0; + margin: 0; + pointer-events: none; + -webkit-box-flex: inherit; + -ms-flex-positive: inherit; + flex-grow: inherit; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; +} +.simplebar-height-auto-observer { + -webkit-box-sizing: inherit; + box-sizing: inherit; + display: block; + opacity: 0; + position: absolute; + top: 0; + left: 0; + height: 1000%; + width: 1000%; + min-height: 1px; + min-width: 1px; + overflow: hidden; + pointer-events: none; + z-index: -1; +} +.simplebar-track { + z-index: 1; + position: absolute; + right: 0; + bottom: 0; + pointer-events: none; + overflow: hidden; +} +[data-simplebar].simplebar-dragging .simplebar-track { + pointer-events: all; +} +.simplebar-scrollbar { + position: absolute; + right: 2px; + width: 5px; + min-height: 10px; +} +.simplebar-scrollbar:before { + position: absolute; + content: ''; + background: #b6c2e4; + border-radius: 8px; + left: 0; + right: 0; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.simplebar-track .simplebar-scrollbar.simplebar-visible:before { + opacity: 0.5; + -webkit-transition: opacity 0s linear; + transition: opacity 0s linear; +} +.simplebar-track.simplebar-vertical { + top: 0; + width: 11px; +} +.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { + top: 2px; + bottom: 2px; +} +.simplebar-track.simplebar-horizontal { + left: 0; + height: 11px; +} +.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { + height: 100%; + left: 2px; + right: 2px; +} +.simplebar-track.simplebar-horizontal .simplebar-scrollbar { + right: auto; + left: 0; + top: 2px; + height: 7px; + min-height: 0; + min-width: 10px; + width: auto; +} +[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { + right: auto; + left: 0; +} +.hs-dummy-scrollbar-size { + direction: rtl; + position: fixed; + opacity: 0; + visibility: hidden; + height: 500px; + width: 500px; + overflow-y: hidden; + overflow-x: scroll; +} +.custom-scroll { + height: 100%; +} +.gmaps, +.gmaps-panaroma { + height: 300px; + background: #f1f5fa; + border-radius: 3px; +} +.gmaps-overlay { + display: block; + text-align: center; + color: #fff; + font-size: 16px; + line-height: 40px; + background: #1761fd; + border-radius: 4px; + padding: 10px 20px; +} +.gmaps-overlay_arrow { + left: 50%; + margin-left: -16px; + width: 0; + height: 0; + position: absolute; +} +.gmaps-overlay_arrow.above { + bottom: -15px; + border-left: 16px solid transparent; + border-right: 16px solid transparent; + border-top: 16px solid #1761fd; +} +.gmaps-overlay_arrow.below { + top: -15px; + border-left: 16px solid transparent; + border-right: 16px solid transparent; + border-bottom: 16px solid #1761fd; +} +.jvectormap-zoomin, +.jvectormap-zoomout, +.jvectormap-goback { + position: absolute; + left: auto; + right: 0; + display: inline-block; + border-radius: 50%; + background: #f8f8fc; + padding: 5px; + color: #435177; + cursor: pointer; + line-height: 20px; + text-align: center; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.drop-shadow-map { + -webkit-filter: drop-shadow(0px 8px 4px rgba(206, 212, 218, 0.7)); + filter: drop-shadow(0px 8px 4px rgba(206, 212, 218, 0.7)); +} +.chart-demo { + height: 370px; + margin: 20px auto; +} +.jqstooltip { + -webkit-box-sizing: content-box; + box-sizing: content-box; + background-color: #fff !important; + padding: 5px 10px !important; + border-radius: 3px; + border-color: #fff !important; + -webkit-box-shadow: + 0 -3px 31px 0 rgba(0, 0, 0, 0.05), + 0 6px 20px 0 rgba(0, 0, 0, 0.02); + box-shadow: + 0 -3px 31px 0 rgba(0, 0, 0, 0.05), + 0 6px 20px 0 rgba(0, 0, 0, 0.02); +} +.jqsfield { + font-size: 12px !important; + line-height: 18px !important; + color: #1c2d41 !important; +} +.chart { + position: relative; + display: inline-block; + width: 110px; + height: 110px; + margin-top: 20px; + margin-bottom: 20px; + text-align: center; +} +.chart canvas { + position: absolute; + top: 0; + left: 0; +} +.chart.chart-widget-pie { + margin-top: 5px; + margin-bottom: 5px; +} +.percent { + display: inline-block; + line-height: 110px; + z-index: 2; +} +.percent:after { + content: '%'; + margin-left: 0.1em; + font-size: 0.8em; +} +.morris-chart text { + font-family: 'Roboto', sans-serif !important; + color: #8997bd; +} +.morris-hover.morris-default-style { + border-radius: 5px; + padding: 10px 12px; + background: #f1f5fa; + border: none; + font-family: 'Roboto', sans-serif; + -webkit-box-shadow: 0 5px 25px 5px rgba(28, 45, 65, 0.14); + box-shadow: 0 5px 25px 5px rgba(28, 45, 65, 0.14); +} +.morris-hover.morris-default-style .morris-hover-point { + line-height: 28px; +} +.morris-hover.morris-default-style .morris-hover-row-label { + background-color: #1761fd; + color: #fff; + padding: 4px 20px; + border-radius: 5px 5px 0 0; + margin: -10px -12px 10px; +} +#flotTip { + padding: 8px 12px; + background-color: #fff; + z-index: 100; + color: #1c2d41; + -webkit-box-shadow: 0 5px 25px 5px rgba(28, 45, 65, 0.14); + box-shadow: 0 5px 25px 5px rgba(28, 45, 65, 0.14); + border-radius: 1px; +} +.flot-chart .flot-y-axis .flot-tick-label, +.flot-chart .flot-x-axis .flot-tick-label { + -webkit-transform: translateY(2px); + transform: translateY(2px); + text-transform: uppercase; + font-size: 12px; + font-weight: 400; + font-family: 'Roboto', sans-serif; + letter-spacing: 0.5px; + fill: #8997bd; +} +.ct-golden-section:before { + float: none; +} +.ct-chart { + height: 300px; +} +.ct-grid { + stroke: rgba(28, 45, 65, 0.09); + stroke-width: 2px; + stroke-dasharray: 3px; +} +.ct-chart .ct-label { + fill: #a4abc5; + color: #a4abc5; + font-size: 14px; + line-height: 1; +} +.ct-chart.simple-pie-chart-chartist .ct-label { + color: #fff; + fill: #fff; + font-size: 16px; +} +.ct-chart .ct-series.ct-series-a .ct-slice-donut, +.ct-chart .ct-series.ct-series-b .ct-bar { + stroke: #eaf0f9; +} +.ct-chart .ct-series.ct-series-b .ct-line, +.ct-chart .ct-series.ct-series-b .ct-point { + stroke: #b6c2e4; +} +.ct-chart .ct-series.ct-series-c .ct-slice-donut { + stroke: #0dc8de; +} +.ct-chart .ct-series.ct-series-a .ct-line, +.ct-chart .ct-series.ct-series-a .ct-point, +.ct-chart .ct-series.ct-series-b .ct-slice-donut, +.ct-chart .ct-series.ct-series-a .ct-bar { + stroke: #1761fd; +} +.ct-chart .ct-series.ct-series-c .ct-point, +.ct-chart .ct-series.ct-series-c .ct-line { + stroke: #ffb822; +} +.ct-chart .ct-series.ct-series-c .ct-bar { + stroke: #f8f8fc; +} +.ct-chart .ct-series.ct-series-e .ct-slice-donut, +.ct-chart .ct-series.ct-series-d .ct-bar, +.ct-chart .ct-series.ct-series-d .ct-line, +.ct-chart .ct-series.ct-series-d .ct-point { + stroke: #1eca7b; +} +.ct-chart .ct-series.ct-series-d .ct-slice-donut { + stroke: #ffb822; +} +.ct-chart .ct-series.ct-series-e .ct-bar, +.ct-chart .ct-series.ct-series-e .ct-line, +.ct-chart .ct-series.ct-series-e .ct-point { + stroke: #fd3c97; +} +.ct-chart .ct-series.ct-series-f .ct-bar, +.ct-chart .ct-series.ct-series-f .ct-line, +.ct-chart .ct-series.ct-series-f .ct-point { + stroke: #6d81f5; +} +.ct-chart .ct-series.ct-series-g .ct-bar, +.ct-chart .ct-series.ct-series-g .ct-line, +.ct-chart .ct-series.ct-series-g .ct-point { + stroke: #ed1c1c; +} +.ct-series-a .ct-area, +.ct-series-a .ct-slice-pie { + fill: #1761fd; +} +.ct-series-b .ct-area, +.ct-series-b .ct-slice-pie { + fill: #0dc8de; +} +.ct-series-c .ct-area, +.ct-series-c .ct-slice-pie { + fill: #eaf0f9; +} +.chartist-tooltip { + position: absolute; + display: inline-block; + opacity: 0; + min-width: 10px; + padding: 2px 10px; + border-radius: 3px; + -moz-border-radius: 3px; + background-clip: padding-box; + background: #1c2d41; + color: #fff; + text-align: center; + pointer-events: none; + z-index: 1; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.chartist-tooltip.tooltip-show { + opacity: 1; +} +#donut-chart #donut-chart-container .legend { + position: relative; + margin-right: -50px; + top: -50px; +} +.apexcharts-gridlines-horizontal, +.apexcharts-gridlines-vertical, +.apexcharts-grid, +.apexcharts-gridline, +.apexcharts-xaxis-tick, +.apexcharts-xaxis line, +.apexcharts-gridline line { + pointer-events: none; + stroke: #f1f5f9; +} +.apexcharts-radar-series line, +.apexcharts-area-series + .apexcharts-series-markers + .apexcharts-marker.no-pointer-events, +.apexcharts-line-series + .apexcharts-series-markers + .apexcharts-marker.no-pointer-events, +.apexcharts-radar-series path, +.apexcharts-radar-series polygon { + pointer-events: none; + stroke: #eaedf3; +} +.apexcharts-legend-text { + color: #8997bd !important; + font-family: 'Roboto', sans-serif !important; +} +.apexcharts-pie-label { + fill: #fff !important; +} +.apexcharts-datalabels text, +.apexcharts-data-labels, +.apexcharts-xaxis text, +.apexcharts-yaxis text { + font-family: 'Roboto', sans-serif !important; + fill: #8997bd; +} +.apexcharts-yaxis-annotation-label { + color: #8997bd !important; +} +.apexcharts-point-annotations text, +.apexcharts-xaxis-annotations text, +.apexcharts-yaxis-annotations text { + fill: #fff; +} +.britechart, +.tick text { + font-family: 'Roboto', sans-serif; + font-size: 0.75rem; +} +.extended-x-line, +.extended-y-line, +.horizontal-grid-line, +.vertical-grid-line { + stroke: #eaf0f9; +} +.bar-chart .percentage-label, +.donut-text, +.legend-entry-name, +.legend-entry-value, +.tick text { + fill: #8997bd; +} +.apex-charts { + min-height: 10px !important; +} +.apexcharts-tooltip-title { + background: linear-gradient( + 14deg, + #1761fd 0%, + rgba(23, 97, 253, 0.6) + ) !important; + color: #fff; + border-color: #f8f8fc !important; +} +.dash-apex-chart .apexcharts-toolbar { + display: none !important; +} +.apexcharts-tooltip { + background: #f8f8fc !important; + border-color: #f8f8fc !important; + white-space: normal !important; +} +.apexcharts-xaxistooltip { + background-color: #edf0f5 !important; + border-color: #edf0f5 !important; + color: #303e67 !important; +} +.apexcharts-xaxistooltip-top:before, +.apexcharts-xaxistooltip-top:after { + border-top-color: #edf0f5 !important; +} +.apexcharts-xaxistooltip-bottom:before, +.apexcharts-xaxistooltip-bottom:after { + border-bottom-color: #edf0f5 !important; +} +.apexcharts-xaxistooltip:before, +.apexcharts-xaxistooltip:after { + border-color: #edf0f5; +} +.apexcharts-title-text, +.apexcharts-datalabel-label { + color: #8997bd; +} +.apexcharts-datalabel-value { + color: #f8f8fc; +} +.apexcharts-legend-marker { + margin-right: 5px; + vertical-align: middle; +} +.superpose { + color: #f1f5fa; + height: 350px; + width: 100%; +} +.superpose .superclock { + position: relative; + width: 300px; + margin: auto; +} +.superpose .superclock .superclock1 { + position: absolute; + left: 10px; + top: 10px; +} +.superpose .superclock .superclock2 { + position: absolute; + left: 60px; + top: 60px; +} +.superpose .superclock .superclock3 { + position: absolute; + left: 110px; + top: 110px; +} +.drop-shadow { + -webkit-filter: drop-shadow(0px 8px 4px #f8f8fc); + filter: drop-shadow(0px 8px 4px #f8f8fc); +} +.calendar { + float: left; + margin-bottom: 0; +} +.none-border .modal-footer { + border-top: none; +} +.fc-toolbar h2 { + font-size: 16px; + line-height: 40px; + text-transform: uppercase; +} +.fc-toolbar .fc-state-active, +.fc-toolbar .ui-state-active, +.fc-toolbar button:focus, +.fc-toolbar button:hover, +.fc-toolbar .ui-state-hover { + z-index: 0; +} +.fc-day { + background: #fff; +} +.fc-widget-header { + background-color: #f1f5fa; + color: #303e67; +} +.fc-widget-content { + border: 1px solid #b6c2e4; +} +.fc th.fc-widget-header { + font-size: 13px; + line-height: 10px; + padding: 15px 0; + text-transform: uppercase; + font-weight: 600; +} +.fc button { + height: auto; + padding: 6px 16px; +} +.fc-unthemed .fc-content, +.fc-unthemed .fc-divider, +.fc-unthemed .fc-popover, +.fc-unthemed .fc-row, +.fc-unthemed tbody, +.fc-unthemed td, +.fc-unthemed th, +.fc-unthemed thead { + border-color: #f1f5fa; +} +.fc-button { + background: transparent; + border: 1px solid #f1f5fa; + color: #7081b9; + font-family: inherit; + text-transform: capitalize; +} +.fc-state-active, +.fc-state-down { + -webkit-box-shadow: none; + box-shadow: none; + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + border-color: none; + color: #fff; + text-shadow: none; +} +.fc-text-arrow { + font-family: arial; + font-size: 16px; +} +.fc-state-hover { + background: #8997bd; +} +.fc-state-highlight { + background: #eaf0f9; +} +.fc-cell-overlay { + background: #eaf0f9; +} +.fc-unthemed td.fc-today { + background: rgba(23, 97, 253, 0.08) !important; +} +.fc .fc-row .fc-content-skeleton td { + background: transparent !important; +} +.fc-day-top .fc-mon .fc-today { + background: rgba(23, 97, 253, 0.1) !important; +} +.fc-event { + border-radius: 2px; + border: none; + cursor: move; + font-size: 13px; + margin: 5px; + padding: 7px 5px; + text-align: center; + background-color: rgba(23, 97, 253, 0.18); + color: #1761fd; +} +.external-event { + color: #fff; + cursor: move; + margin: 10px 0; + padding: 6px 10px; +} +.fc-basic-view td.fc-week-number span { + padding-right: 5px; +} +.fc-basic-view td.fc-day-number { + padding-right: 5px; +} +tr:first-child > td > .fc-day-grid-event { + border-left: 5px solid; +} +.fc-button { + text-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.fc-button:hover, +.fc-state-default:hover { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; + border-color: #fff; +} +.fc-day.fc-widget-content.fc-other-month.fc-past, +.fc-day.fc-widget-content.fc-other-month.fc-future { + background-image: linear-gradient( + -45deg, + #f1f5fa 25%, + transparent 25%, + transparent 50%, + #fff 50%, + #eaf0f9 75%, + transparent 75%, + transparent + ); + background-size: 10px 10px; +} +.fc-button-primary:disabled, +.fc-button-primary:not(:disabled):active, +.fc-button-primary:not(:disabled).fc-button-active { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; + border-color: #fff; + opacity: 1; +} +.fc-button-primary:not(:disabled):active:focus, +.fc-button-primary:not(:disabled).fc-button-active:focus, +.fc-button-primary:focus { + -webkit-box-shadow: none; + box-shadow: none; +} +.fc-unthemed .fc-divider, +.fc-unthemed .fc-popover .fc-header, +.fc-unthemed .fc-list-heading td { + background: #f1f5fa; +} +@media (max-width: 767.98px) { + .fc-toolbar { + display: block; + } +} +.irs-from, +.irs-to, +.irs-single { + background: #1761fd; +} +.irs-from:after, +.irs-to:after, +.irs-single:after { + border-top-color: #1761fd; +} +.irs--round .irs-bar, +.irs--flat .irs-handle.state_hover > i:first-child, +.irs--flat .irs-handle:hover > i:first-child, +.irs--flat .irs-handle > i:first-child, +.irs--flat .irs-from, +.irs--flat .irs-to, +.irs--flat .irs-single, +.irs--flat .irs-bar { + background-color: #1761fd; +} +.irs--flat .irs-from:before, +.irs--flat .irs-to:before, +.irs--flat .irs-single:before { + border-top-color: #1761fd; +} +.irs--sharp .irs-bar, +.irs--sharp .irs-handle { + background-color: #1eca7b; +} +.irs--sharp .irs-handle > i:first-child { + border-top-color: #1eca7b; +} +.irs--sharp .irs-line { + background-color: #eaf0f9; +} +.irs--square .irs-handle { + border-color: #1761fd; +} +.irs--square .irs-from, +.irs--square .irs-to, +.irs--square .irs-single, +.irs--square .irs-bar { + background-color: #1761fd; +} +.irs--flat .irs-min, +.irs--flat .irs-max, +.irs--round .irs-min, +.irs--round .irs-max, +.irs--square .irs-min, +.irs--square .irs-max, +.irs--modern .irs-min, +.irs--modern .irs-max { + top: 0; + font-size: 12px; + line-height: 1.333; + text-shadow: none; + padding: 1px 5px; + color: #303e67; + background-color: #f1f5fa; + border-radius: 5px; +} +.irs--modern .irs-from, +.irs--modern .irs-to, +.irs--modern .irs-single, +.irs--round .irs-from, +.irs--round .irs-to, +.irs--round .irs-single { + font-size: 11px; + line-height: 1.333; + text-shadow: none; + padding: 2px 5px; + background-color: #1761fd; + color: #fff; + border-radius: 5px; +} +.irs--modern .irs-from:before, +.irs--modern .irs-to:before, +.irs--modern .irs-single:before, +.irs--round .irs-from:before, +.irs--round .irs-to:before, +.irs--round .irs-single:before { + content: ''; + border: 3px solid transparent; + border-top-color: #1761fd; +} +.irs--round .irs-line, +.irs--square .irs-line, +.irs--flat .irs-line, +.irs--modern .irs-line { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(#eaf0f9), + to(#f1f5fa) + ); + background: linear-gradient(to bottom, #eaf0f9 0%, #f1f5fa 100%); + border: 1px solid #eceff5; +} +.irs--sharp .irs-grid-pol, +.irs--flat .irs-grid-pol, +.irs--square .irs-grid-pol, +.irs--modern .irs-grid-pol { + background-color: #b6c2e4; +} +.irs--square .irs-handle, +.irs--round .irs-handle.state_hover, +.irs--round .irs-handle:hover { + background-color: #fff; +} +.irs--modern .irs-bar { + background: #1761fd; + background: linear-gradient( + 135deg, + rgba(23, 97, 253, 0.5) 0%, + #1761fd 36%, + #0251f8 61%, + rgba(23, 97, 253, 0.5) 100% + ); +} +.irs--round .irs-handle { + border: 4px solid #1761fd; + background-color: transparent; + -webkit-box-shadow: 0 1px 3px rgba(23, 97, 253, 0.3); + box-shadow: 0 1px 3px rgba(23, 97, 253, 0.3); +} +.showcase__mark { + display: block; + position: absolute; + top: 35px; + background: #f14b4b; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + padding: 1px 3px; + border-radius: 3px; + color: #fff; + margin-left: -18px; +} +.irs--modern .irs-handle > i:nth-child(1) { + width: 8px; + height: 8px; +} +.irs--modern .irs-handle > i:nth-child(1), +.irs--modern .irs-handle > i:nth-child(2) { + background: #fff; +} +.swal2-popup { + background: #fff; +} +.swal2-popup .swal2-title { + font-size: 24px; + font-weight: 500; + color: #303e67; +} +.swal2-popup .swal2-content { + color: #7081b9; +} +.swal2-popup .swal2-styled.swal2-confirm { + border: 0; + border-radius: 0.25em; + background: initial; + background-color: #1761fd; + color: #fff; + font-size: 1.0625em; +} +.swal2-popup .swal2-styled:focus { + outline: 0; + -webkit-box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(23, 97, 253, 0.4); + box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(23, 97, 253, 0.4); +} +.swal2-popup .swal2-styled.swal2-cancel { + border: 0; + border-radius: 0.25em; + background: initial; + background-color: #f14b4b; + color: #fff; + font-size: 1.0625em; +} +.swal2-popup .swal2-styled.swal2-cancel:focus { + outline: 0; + -webkit-box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(241, 75, 75, 0.5); + box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(241, 75, 75, 0.5); +} +.swal2-popup .swal2-styled.swal2-cancel { + border: 1px solid transparent; +} +.swal2-actions .btn-success:not(:disabled):not(.disabled):active, +.swal2-actions .btn-success, +.swal2-actions .btn-success:active { + background-color: #1761fd; + border: 1px solid #1761fd; +} +.swal2-actions .btn-success:focus { + -webkit-box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(23, 97, 253, 0.4); + box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(23, 97, 253, 0.4); +} +.swal2-actions .btn-danger:not(:disabled):not(.disabled):active { + color: #fff; + background-color: #f14b4b; + border-color: #f14b4b; +} +.swal2-actions .btn-danger:not(:disabled):not(.disabled):active:focus { + -webkit-box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(241, 75, 75, 0.5); + box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(241, 75, 75, 0.5); +} +.swal2-actions .btn-danger { + background-color: #f14b4b; + border: 1px solid #f14b4b; +} +.swal2-actions .btn-danger:active { + background-color: #f14b4b; + border: 1px solid #f14b4b; +} +.swal2-actions .btn-danger:hover { + background-color: #f14b4b; + border: 1px solid #f14b4b; +} +.swal2-actions .btn-danger:focus { + background-color: #f14b4b; + border: 1px solid #f14b4b; + -webkit-box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(241, 75, 75, 0.5); + box-shadow: + 0 0 0 2px #fff, + 0 0 0 4px rgba(241, 75, 75, 0.5); +} +.swal2-icon.swal2-question { + border-color: #fd3c97; + color: #fd3c97; +} +.swal2-footer { + border-top: 1px solid #e8ebf3; +} +.swal2-popup.swal2-toast { + background-color: #fff; + -webkit-box-shadow: 0 0 0.625em #f8f8fc; + box-shadow: 0 0 0.625em #f8f8fc; +} +.custom-dd { + max-width: 100%; +} +.dd3-content, +.dd-handle { + height: 40px; + padding: 8px 10px; + border: 1px solid #f1f5fa; + background-color: #edf2f9; + color: #303e67; + border-radius: 3px; + font-weight: normal; +} +.dd3-content:hover, +.dd-handle:hover { + background-color: #f9fafd; + color: #1761fd; +} +.dd-item > button { + height: 25px; + margin: 8px 0 0; + font-size: 18px; +} +.dd-item > button:before { + color: #303e67; +} +.dd3-item { + margin: 5px 0; +} +.dd3-item .dd3-handle { + position: absolute; + margin: 0; + left: 0; + top: 0; + cursor: pointer; + width: 30px; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + border: 1px solid #1761fd; + background: #1761fd; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.dd3-item .dd3-handle:hover { + background: #3072fd; +} +.dd3-item .dd3-handle:before { + content: '\f0c9'; + font-family: 'Font Awesome 5 Free' !important; + font-weight: 600; + display: block; + position: absolute; + left: 0; + top: 9px; + width: 100%; + text-align: center; + text-indent: 0; + color: #fff; + font-size: 14px; +} +.dd3-content-p { + padding: 8px 10px 8px 40px; +} +.dd-empty, +.dd-placeholder { + background: #edf0f5; + border: 1px dashed #e8ebf3; +} +.avatar-md { + height: 36px; + width: 36px; + line-height: 36px; + text-align: center; + border-radius: 50%; + font-size: 18px; + display: inline-block; +} +.media { + font-family: 'Roboto', sans-serif; +} +.img-group { + display: inline-block; +} +.img-group .avatar-badge { + position: absolute; + right: 1px; + width: 8px; + height: 8px; + border-radius: 8px; + -webkit-box-shadow: 0 0 0 2px #fff; + box-shadow: 0 0 0 2px #fff; + z-index: 2; +} +.img-group .user-avatar + .user-avatar-group { + margin-left: -12px; +} +.img-group .user-avatar { + position: relative; + display: inline-block; +} +.img-group .user-avatar:focus, +.img-group .user-avatar:hover { + z-index: 2; +} +.img-group .user-avatar .online { + background: #1eca7b; +} +.img-group .user-avatar .offline { + background: #9ba7ca; +} +.img-group .user-avatar img { + -webkit-box-shadow: 0 0 0 2px #f8f8fc; + box-shadow: 0 0 0 2px #f8f8fc; +} +.avatar-box { + position: relative; + display: inline-block; +} +.avatar-box .avatar-title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + color: #f8f8fc; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.slimScrollDiv { + height: auto !important; +} +.icon-dual { + color: #1761fd; + fill: rgba(23, 97, 253, 0.12); +} +.thumb-xxs { + height: 24px !important; + width: 24px !important; + font-size: 10px; + font-weight: 700; +} +.thumb-xs { + height: 32px !important; + width: 32px !important; + font-size: 10px; + font-weight: 700; +} +.thumb-sm { + height: 36px !important; + width: 36px !important; + font-size: 12px; + font-weight: 700; +} +.thumb-md { + height: 48px; + width: 48px; + font-size: 14px; + font-weight: 700; +} +.thumb-lg { + height: 60px; + width: 60px; + font-size: 20px; + font-weight: 700; +} +.thumb-xl { + height: 78px; + width: 78px; + font-size: 28px; + font-weight: 700; +} +.badge { + line-height: 10px; +} +.title-text, +.header-title { + margin-bottom: 8px; + text-transform: capitalize; + letter-spacing: 0.02em; + font-size: 15px; + font-weight: 500; + margin-top: 0; + color: #303e67; + text-shadow: 0 0 1px rgba(241, 245, 250, 0.1); + font-family: 'Roboto', sans-serif; +} +.page-title-box { + padding: 25px 0; +} +.page-title-box .page-title { + font-size: 18px; + margin: 0; + color: #303e67; +} +.page-title-box .breadcrumb { + font-size: 13px; + margin-bottom: 0; + padding: 2px 0; + background-color: transparent; +} +.dash-info-carousel .carousel-item h2 { + font-weight: 500; + color: #303e67; + font-size: 16px; +} +.dash-info-carousel .carousel-control-prev, +.dash-info-carousel .carousel-control-next { + width: 30px; + height: 30px; + background-color: #f8f8fc; + border-radius: 50%; + opacity: 1; +} +.dash-info-carousel .carousel-control-prev:hover, +.dash-info-carousel .carousel-control-next:hover { + opacity: 0.9; +} +.dash-info-carousel .carousel-control-prev { + left: auto; + right: 38px; + top: 0; +} +.dash-info-carousel .carousel-control-prev .carousel-control-prev-icon { + background-image: none; +} +.dash-info-carousel .carousel-control-prev:after { + content: '\55'; + font-family: 'dripicons-v2' !important; + font-size: 0.875rem; + color: #303e67; + line-height: 1.875rem; + margin-right: 0.48rem; +} +.dash-info-carousel .carousel-control-next { + left: auto; + right: 0; + top: 0; +} +.dash-info-carousel .carousel-control-next .carousel-control-next-icon { + background-image: none; +} +.dash-info-carousel .carousel-control-next:after { + content: '\56'; + font-family: 'dripicons-v2' !important; + font-size: 0.875rem; + color: #303e67; + line-height: 1.875rem; + margin-right: 0.48rem; +} +:not(pre) > code[class*='language-'], +pre[class*='language-'] { + background: #f1f5fa; +} +.popover { + border-color: #eaf0f9; +} +.popover .popover-header { + margin-top: 0; + background-color: #f1f5fa; +} +.nav-pills .nav-item.show .nav-link, +.nav-pills .nav-link.active { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff; + -webkit-box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); +} +.eco-revene-history .nav .nav-item .nav-link.active { + color: #1c2d41; + background-color: #f1f5fa; +} +.accordion > .card > .card-header { + background-color: #fff; +} +.custom-accordion { + background-color: #1761fd !important; +} +.custom-accordion a:first-child { + color: #fff !important; +} +.icon-demo-content { + text-align: center; +} +.icon-demo-content i { + display: block; + font-size: 30px; + margin: 0 auto 5px; + color: #7081b9; +} +.icon-demo-content .col-sm-6 { + margin-bottom: 40px; +} +.icon-demo-content .col-sm-6:hover i { + color: #1761fd; +} +.icon-demo-content .col-sm-6:hover path:nth-of-type(1) { + fill: #1761fd; +} +.icon-demo-content .col-sm-6:hover path:nth-of-type(2) { + fill: #a4abc5; +} +.br-theme-bars-square .br-widget a { + background-color: #fff; +} +.br-theme-fontawesome-stars-o .br-widget a:after, +.br-theme-css-stars .br-widget a:after, +.br-theme-fontawesome-stars .br-widget a:after { + color: #eaf0f9; +} +code[class*='language-'], +pre[class*='language-'] { + text-shadow: none; + color: #303e67; +} +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #1eca7b; + background: rgba(137, 151, 189, 0.5); +} +.bg-black { + background-color: #000 !important; + color: #fff; +} +.bg-card { + background-color: #fff !important; +} +.bg-soft-primary { + background-color: rgba(23, 97, 253, 0.08) !important; + color: #1761fd !important; +} +.bg-soft-secondary { + background-color: rgba(13, 200, 222, 0.08) !important; + color: #0dc8de !important; +} +.bg-soft-success { + background-color: rgba(30, 202, 123, 0.08) !important; + color: #1eca7b !important; +} +.bg-soft-warning { + background-color: rgba(255, 184, 34, 0.08) !important; + color: #ffb822 !important; +} +.bg-soft-info { + background-color: rgba(155, 167, 202, 0.08) !important; + color: #9ba7ca !important; +} +.bg-soft-danger { + background-color: rgba(241, 75, 75, 0.08) !important; + color: #f14b4b !important; +} +.bg-soft-pink { + background-color: rgba(253, 60, 151, 0.08) !important; + color: #fd3c97 !important; +} +.bg-soft-purple { + background-color: rgba(109, 129, 245, 0.08) !important; + color: #6d81f5 !important; +} +.bg-soft-blue { + background-color: rgba(23, 97, 253, 0.08) !important; + color: #1761fd !important; +} +.bg-soft-dark { + background-color: rgba(28, 45, 65, 0.08) !important; + color: #1c2d41 !important; +} +.bg-primary-gradient { + background: linear-gradient(14deg, #4d79f6 36%, #39add0 100%); +} +.bg-secondary-gradient { + background: linear-gradient(14deg, #42cef1 36%, #63ddfb 100%); +} +.bg-success-gradient { + background: linear-gradient(14deg, #22d4b3 36%, #71e6d1 100%); +} +.bg-info-gradient { + background: linear-gradient(14deg, #4b545d 36%, #67737b 100%); +} +.bg-warning-gradient { + background: linear-gradient(14deg, #efc039 36%, #f1cb60 100%); +} +.bg-danger-gradient { + background: linear-gradient(14deg, #fb7589 36%, #ff9595 100%); +} +.bg-pink-gradient { + background: linear-gradient(14deg, #fe5d9e 36%, #8e73fe 100%); +} +.bg-purple-gradient { + background: linear-gradient(14deg, #6d81f5 36%, #8498f3 100%); +} +.bg-blue-gradient { + background: linear-gradient(14deg, #11368a 36%, #326eca 100%); +} +.bg-dark-gradient { + background: linear-gradient(14deg, #12100e 36%, #2b4162 100%); +} +.bg-light-gradient { + background: linear-gradient(14deg, #c3cbdc 36%, #edf1f4 100%); +} +.bg-custom-gradient { + background: linear-gradient(14deg, #521c85 36%, #40f 100%); +} +.badge { + -webkit-box-shadow: none; + box-shadow: none; + font-size: 11px !important; +} +.badge.badge-soft-primary { + background-color: rgba(23, 97, 253, 0.15) !important; + color: #1761fd !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 97, 253, 0.05); + box-shadow: 0px 0px 13px 0px rgba(23, 97, 253, 0.05); +} +.badge.badge-soft-secondary { + background-color: rgba(13, 200, 222, 0.15) !important; + color: #0dc8de !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(13, 200, 222, 0.05); + box-shadow: 0px 0px 13px 0px rgba(13, 200, 222, 0.05); +} +.badge.badge-soft-success { + background-color: rgba(30, 202, 123, 0.15) !important; + color: #1eca7b !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(30, 202, 123, 0.05); + box-shadow: 0px 0px 13px 0px rgba(30, 202, 123, 0.05); +} +.badge.badge-soft-warning { + background-color: rgba(255, 184, 34, 0.15) !important; + color: #ffb822 !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(255, 184, 34, 0.05); + box-shadow: 0px 0px 13px 0px rgba(255, 184, 34, 0.05); +} +.badge.badge-soft-info { + background-color: rgba(155, 167, 202, 0.15) !important; + color: #9ba7ca !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(155, 167, 202, 0.05); + box-shadow: 0px 0px 13px 0px rgba(155, 167, 202, 0.05); +} +.badge.badge-soft-danger { + background-color: rgba(241, 75, 75, 0.15) !important; + color: #f14b4b !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(241, 75, 75, 0.05); + box-shadow: 0px 0px 13px 0px rgba(241, 75, 75, 0.05); +} +.badge.badge-soft-pink { + background-color: rgba(253, 60, 151, 0.15) !important; + color: #fd3c97 !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(253, 60, 151, 0.05); + box-shadow: 0px 0px 13px 0px rgba(253, 60, 151, 0.05); +} +.badge.badge-soft-purple { + background-color: rgba(109, 129, 245, 0.15) !important; + color: #6d81f5 !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(109, 129, 245, 0.05); + box-shadow: 0px 0px 13px 0px rgba(109, 129, 245, 0.05); +} +.badge.badge-soft-dark { + background-color: rgba(28, 45, 65, 0.15) !important; + color: #1c2d41 !important; + -webkit-box-shadow: 0px 0px 13px 0px rgba(28, 45, 65, 0.05); + box-shadow: 0px 0px 13px 0px rgba(28, 45, 65, 0.05); +} +.shadow-primary { + -webkit-box-shadow: 0 6px 20px 0 rgba(23, 97, 253, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(23, 97, 253, 0.5) !important; +} +.shadow-secondary { + -webkit-box-shadow: 0 6px 20px 0 rgba(13, 200, 222, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(13, 200, 222, 0.5) !important; +} +.shadow-success { + -webkit-box-shadow: 0 6px 20px 0 rgba(30, 202, 123, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(30, 202, 123, 0.5) !important; +} +.shadow-warning { + -webkit-box-shadow: 0 6px 20px 0 rgba(255, 184, 34, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(255, 184, 34, 0.5) !important; +} +.shadow-info { + -webkit-box-shadow: 0 6px 20px 0 rgba(155, 167, 202, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(155, 167, 202, 0.5) !important; +} +.shadow-danger { + -webkit-box-shadow: 0 6px 20px 0 rgba(241, 75, 75, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(241, 75, 75, 0.5) !important; +} +.shadow-pink { + -webkit-box-shadow: 0 6px 20px 0 rgba(253, 60, 151, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(253, 60, 151, 0.5) !important; +} +.shadow-purple { + -webkit-box-shadow: 0 6px 20px 0 rgba(109, 129, 245, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(109, 129, 245, 0.5) !important; +} +.shadow-orange { + -webkit-box-shadow: 0 6px 20px 0 rgba(253, 126, 20, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(253, 126, 20, 0.5) !important; +} +.shadow-dark { + -webkit-box-shadow: 0 6px 20px 0 rgba(28, 45, 65, 0.5) !important; + box-shadow: 0 6px 20px 0 rgba(28, 45, 65, 0.5) !important; +} +.dash-chart { + position: relative; + height: 350px; +} +.browser_users table td i { + vertical-align: middle; +} +.impressions-data h2 { + font-size: 28px; +} +.rep-map { + height: 280px; +} +.chart-report-card { + background-color: #fafbfe; +} +.chart-report-card .report-main-icon, +.report-card .report-main-icon { + font-size: 28px; + width: 64px; + height: 64px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 50%; +} +.chart-report-card h3, +.report-card h3 { + color: #1c2d41; + font-weight: 600; + font-size: 28px; +} +.url-list li i { + font-size: 24px; + vertical-align: middle; +} +.traffic-card { + margin: 20px 0; +} +.traffic-card h3 { + font-size: 28px; + color: #303e67; + margin: 20px 0; +} +.crm-dash-map { + height: 300px; +} +.crm-dash-activity { + min-height: 425px; +} +.dash-data-card .icon-info i, +.crm-data-card .icon-info i { + width: 70px; + height: 70px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + font-size: 26px; + z-index: 5; + margin: 0 auto; +} +.dash-data-card h3, +.crm-data-card h3 { + font-weight: 600; + font-size: 30px; +} +.welcome-img { + position: absolute; + right: 0; + top: 0; +} +.flot-chart { + height: 300px; +} +.happiness-score { + position: absolute; + bottom: 63%; + left: 0; + right: 0; + text-align: center; +} +.help-activity-height { + height: 400px !important; +} +.timer-data .icon-info i { + width: 56px; + height: 56px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + font-size: 26px; + z-index: 5; +} +.timer-data h3 { + font-weight: 600; + font-size: 30px; +} +.dashboard-map { + height: 270px; +} +.renenue-chart { + position: relative; + height: 350px; +} +.card-eco .card-eco-title { + border: 2px solid #fff; + border-radius: 8px; + padding: 2px 8px; + position: relative; + top: -30px; +} +.card-eco .card-eco-title.eco-title-success { + background-color: #1eca7b; + color: #fff; + -webkit-box-shadow: 0px 0px 0px 1px #1eca7b; + box-shadow: 0px 0px 0px 1px #1eca7b; +} +.card-eco .card-eco-title.eco-title-danger { + background-color: #f14b4b; + color: #fff; + -webkit-box-shadow: 0px 0px 0px 1px #f14b4b; + box-shadow: 0px 0px 0px 1px #f14b4b; +} +.card-eco .card-eco-title.eco-title-secondary { + background-color: #0dc8de; + color: #fff; + -webkit-box-shadow: 0px 0px 0px 1px #0dc8de; + box-shadow: 0px 0px 0px 1px #0dc8de; +} +.card-eco .card-eco-title.eco-title-purple { + background-color: #6d81f5; + color: #fff; + -webkit-box-shadow: 0px 0px 0px 1px #6d81f5; + box-shadow: 0px 0px 0px 1px #6d81f5; +} +.card-eco .card-eco-title.eco-title-warning { + background-color: #ffb822; + color: #fff; + -webkit-box-shadow: 0px 0px 0px 1px #ffb822; + box-shadow: 0px 0px 0px 1px #ffb822; +} +.card-eco .bg-pattern { + position: absolute; + background-image: url('../images/1.png'); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; + opacity: 0.3; + z-index: 0; + width: 140px; + height: 100%; + top: 0; + right: 0; +} +.card-eco .card-eco-icon { + font-size: 40px; + color: #8997bd; +} +.card-eco .card-eco-icon.bg-icon-purple { + background-color: #6d81f5; + -webkit-box-shadow: 0px 5px 5px 0.25px rgba(109, 129, 245, 0.5); + box-shadow: 0px 5px 5px 0.25px rgba(109, 129, 245, 0.5); +} +.card-eco .card-eco-icon.bg-icon-pink { + background-color: #fd3c97; + -webkit-box-shadow: 0px 5px 5px 0.25px rgba(253, 60, 151, 0.5); + box-shadow: 0px 5px 5px 0.25px rgba(253, 60, 151, 0.5); +} +.card-eco .card-eco-icon.bg-icon-secondary { + background-color: #0dc8de; + -webkit-box-shadow: 0px 5px 5px 0.25px rgba(13, 200, 222, 0.5); + box-shadow: 0px 5px 5px 0.25px rgba(13, 200, 222, 0.5); +} +.card-eco .card-eco-icon.bg-icon-warning { + background-color: #ffb822; + -webkit-box-shadow: 0px 5px 5px 0.25px rgba(255, 184, 34, 0.5); + box-shadow: 0px 5px 5px 0.25px rgba(255, 184, 34, 0.5); +} +.card-eco h3 { + font-size: 28px; +} +.re-customers-detail h3 { + color: #303e67; + font-weight: 600; + font-size: 22px; +} +.order-list table td img { + width: 40px; +} +.e-co-product { + background-color: #fafbfe; +} +.e-co-product a { + text-align: center !important; + padding-top: 30px; +} +.e-co-product a img { + height: 230px; +} +.e-co-product .ribbon-box { + position: relative; + margin-bottom: 0; + padding-top: 30px; +} +.e-co-product .ribbon-box .ribbon { + position: absolute; + color: #fff; +} +.e-co-product .ribbon-box .ribbon-label { + clear: none; + padding: 0 5px; + height: 66px; + width: 66px; + line-height: 66px; + text-align: center; + left: 0; + top: 0; + border-radius: 52% 48% 23% 77% / 44% 68% 32% 56%; + font-weight: 500; +} +.e-co-product .product-info { + background-color: #fff; +} +.e-co-product .product-info .product-title { + font-size: 15px; + color: #7081b9; + font-weight: 500; +} +.e-co-product .product-info .product-price { + color: #303e67; + font-weight: 600; + padding: 5px 0; + margin-bottom: 0; + font-size: 24px; +} +.e-co-product .product-info .product-price span { + color: #8997bd; + font-weight: 400; + font-size: 13px; +} +.e-co-product .product-info .product-review li { + margin: 0; +} +.e-co-product .product-info .product-review li i { + font-size: 20px; +} +.e-co-product .product-info .wishlist, +.e-co-product .product-info .quickview { + border-radius: 50px; + padding: 4px 10px; + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.e-co-product:hover { + -webkit-box-shadow: 0px 0px 13px 0px rgba(241, 245, 250, 0.1); + box-shadow: 0px 0px 13px 0px rgba(241, 245, 250, 0.1); +} +.e-co-product:hover .wishlist, +.e-co-product:hover .quickview { + opacity: 1; +} +.offer-box { + background-image: url('../images/products/offer.jpg'); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} +.offer-box .offer-content { + padding: 30px; +} +.offer-box .offer-content h3 { + font-weight: 600; + font-size: 30px; + color: #303e67; +} +.ribbon { + position: absolute; + top: 0; + padding: 6px; + left: -5px; + color: #fff; +} +.ribbon:before { + position: absolute; + top: 31px; + left: 0; + content: ''; + border: 3px solid transparent; +} +.ribbon.ribbon-pink { + background-color: #fd3c97; +} +.ribbon.ribbon-pink:before { + border-top-color: #fd3c97; + border-right-color: #fd3c97; +} +.ribbon.ribbon-secondary { + background-color: #0dc8de; +} +.ribbon.ribbon-secondary:before { + border-top-color: #0dc8de; + border-right-color: #0dc8de; +} +hr.thick { + border: 0; + height: 3px; + max-width: 150px; + background-image: -webkit-gradient( + linear, + left top, + right top, + from(#1761fd), + to(#6d81f5) + ); + background-image: linear-gradient(to right, #1761fd, #6d81f5); + border-radius: 30px; +} +.single-pro-detail .custom-border { + width: 60px; + height: 2px; + background-color: #1c2d41; +} +.single-pro-detail .pro-title { + color: #303e67; + font-size: 24px; +} +.single-pro-detail .product-review li { + margin: 0; +} +.single-pro-detail .product-review li i { + font-size: 16px; +} +.single-pro-detail .pro-price { + color: #303e67; + font-size: 22px; + font-weight: 600; + margin-bottom: 0; +} +.single-pro-detail .pro-price span { + font-size: 14px; + color: #8997bd; +} +.single-pro-detail .quantity input { + width: 14%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + height: calc(24px + 12px + 5px); +} +.single-pro-detail .pro-features li { + line-height: 26px; + color: #a4abc5; +} +.single-pro-detail .pro-features li::before { + content: '\f00c' !important; + font-family: 'Font Awesome 5 Free' !important; + font-weight: 600; + font-size: 12px; + color: #1eca7b !important; + display: inline-block; + margin-right: 8px; +} +.single-pro-detail .form-check-inline { + margin-right: 5px; +} +.pro-order-box { + padding: 20px; + border: 1px solid #f1f5fa; + border-radius: 3px; + background-color: #fff; + -webkit-box-shadow: 0px 0px 13px 0px rgba(241, 245, 250, 0.05); + box-shadow: 0px 0px 13px 0px rgba(241, 245, 250, 0.05); +} +.pro-order-box i { + font-size: 42px; +} +.review-box { + background-color: #f8f8fc; + padding: 20px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.review-box h1 { + font-size: 48px; + color: #f14b4b; +} +.review-box .product-review li { + margin-right: 0; +} +.review-box .product-review li i { + font-size: 22px; +} +.reviewer { + padding-bottom: 12px; + margin-top: 8px; + border-bottom: 2px dotted #f1f5fa; +} +.reviewer .product-review li { + margin-right: 0; +} +.total-payment .table thead tr th, +.total-payment table thead tr th, +.shopping-cart .table thead tr th, +.shopping-cart table thead tr th { + font-size: 15px; +} +.total-payment .table tbody td, +.total-payment table tbody td, +.shopping-cart .table tbody td, +.shopping-cart table tbody td { + padding: 20px 10px; + border-top: 0; + border-bottom: 1px solid #f1f5fa; +} +.total-payment .table tbody td .product-name, +.total-payment table tbody td .product-name, +.shopping-cart .table tbody td .product-name, +.shopping-cart table tbody td .product-name { + font-size: 14px; + color: #303e67; + font-weight: 500; +} +.total-payment .table tbody tr:last-child td, +.total-payment table tbody tr:last-child td, +.shopping-cart .table tbody tr:last-child td, +.shopping-cart table tbody tr:last-child td { + border-bottom: 0; +} +.total-payment { + border: 1px solid #f1f5fa; + background-color: #fff; + border-radius: 3px; +} +.total-payment .payment-title { + color: #303e67; + font-weight: 500; +} +.cart-promo { + padding: 90px; + background-image: url(../images/products/bg-cart.png); + background-position: center center; + background-size: cover; +} +.jp-card .jp-card-front, +.jp-card .jp-card-back { + background: #1c2d41 !important; +} +.balence-nav .nav { + background-color: #fff; +} +.balence-nav .nav .nav-link { + padding: 8px; + color: #303e67; + margin-bottom: 10px; + font-weight: 500; + margin-right: 5px; + width: 70px; + height: 50px; +} +.balence-nav .nav .nav-link.active { + color: #1761fd; + background: #fff; + -webkit-box-shadow: 0px 0px 13px 0px rgba(137, 151, 189, 0.25); + box-shadow: 0px 0px 13px 0px rgba(137, 151, 189, 0.25); +} +.billing-nav .nav.nav-pills { + background-color: #fff; +} +.billing-nav .nav .nav-link { + padding: 8px; + color: #303e67; + margin-bottom: 10px; + font-weight: 500; + margin-right: 5px; + width: 105px; + height: 60px; +} +.billing-nav .nav .nav-link.active { + color: #1761fd; + background: #fff; + -webkit-box-shadow: 0px 0px 13px 0px rgba(137, 151, 189, 0.25); + box-shadow: 0px 0px 13px 0px rgba(137, 151, 189, 0.25); +} +.lightpick { + -webkit-box-shadow: none; + box-shadow: none; + font-family: 'Roboto', sans-serif; + background-color: #fff; + border: 1px solid #eceff5; + z-index: 99; +} +.lightpick.lightpick--inlined { + display: block; +} +.lightpick .lightpick__month { + width: 100%; + background-color: #fff; +} +.lightpick .lightpick__day { + color: #8997bd; +} +.lightpick .lightpick__previous-action, +.lightpick .lightpick__next-action, +.lightpick .lightpick__close-action { + background-color: #f1f5fa; + padding-bottom: 4px; +} +.lightpick .lightpick__month-title-bar { + margin-bottom: 22px; +} +.lightpick + .lightpick__month-title-bar + .lightpick__month-title + > .lightpick__select-months { + color: #303e67; + font-weight: 500; +} +.lightpick .lightpick__day-of-the-week { + color: #303e67; + font-weight: 500; + font-size: 13px; +} +.lightpick .lightpick__day.is-start-date, +.lightpick .lightpick__day.is-end-date, +.lightpick .lightpick__day.is-start-date:hover, +.lightpick .lightpick__day.is-end-date:hover, +.lightpick .lightpick__day:not(.is-disabled):hover, +.lightpick .lightpick__day.is-today { + color: #1761fd; + background-color: #f1f5fa; + background-image: none; + font-weight: 500; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 40px; + height: 40px; + text-align: center; + border-radius: 50%; + margin: 0 auto; +} +.lightpick .lightpick__day.is-today { + border: 3px solid #fff; + -webkit-box-shadow: 0px 0px 0px 1.25px #f1f5fa; + box-shadow: 0px 0px 0px 1.25px #f1f5fa; + font-weight: 600; +} +.lightpick .lightpick__month-title > .lightpick__select { + color: #303e67; +} +.lightpick .lightpick__toolbar .lightpick__previous-action, +.lightpick .lightpick__toolbar .lightpick__next-action { + color: #303e67; +} +.transaction-history li { + border-bottom: 1px solid #f1f5fa; + padding: 12px 0; +} +.transaction-history li:last-of-type { + border: none; + padding-bottom: 0; +} +.transaction-history .transaction-icon { + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + margin-right: 12px; +} +.transaction-history .transaction-icon i { + font-size: 20px; + width: 36px; + height: 36px; + display: inline-block; + line-height: 36px; + text-align: center; + background-color: rgba(23, 97, 253, 0.15); + color: #1761fd; + border-radius: 50%; +} +.transaction-history .transaction-data h3 { + font-size: 14px; + color: #303e67; +} +.activity-scroll { + min-height: 620px; +} +.activity-height { + height: 400px !important; +} +.activity .activity-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 5px 0; + position: relative; + min-height: 70px; +} +.activity .activity-info::before { + content: ''; + position: absolute; + bottom: 0; + top: 48px; + left: 20px; + border-left: 2px dotted #eaf0f9; +} +.activity .activity-info .icon-info-activity i { + width: 42px; + height: 42px; + 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; + border-radius: 50%; + color: #a4abc5; + -webkit-box-shadow: 0px 0px 2px 0.25px; + box-shadow: 0px 0px 2px 0.25px; + font-size: 22px; + border: 2px solid #fff; + margin-left: 2px; +} +.activity .activity-info .activity-info-text { + margin-left: 16px; + width: 100%; +} +.main-timeline { + overflow: hidden; + position: relative; +} +.main-timeline:before { + content: ''; + width: 3px; + height: 100%; + background: #f1f5fa; + position: absolute; + top: 0; + left: 50%; +} +.main-timeline .timeline { + padding-right: 30px; + position: relative; +} +.main-timeline .timeline:before, +.main-timeline .timeline:after { + content: ''; + display: block; + width: 100%; + clear: both; +} +.main-timeline .timeline:first-child:before, +.main-timeline .timeline:last-child:before { + content: ''; + width: 13px; + height: 13px; + border-radius: 50%; + border: 2px solid #f1f5fa; + background: #fff; + margin: 0 auto; + position: absolute; + top: 0; + left: 0; + right: -3px; +} +.main-timeline .timeline:last-child:before { + top: auto; + bottom: 0; +} +.main-timeline .timeline-icon { + width: 18px; + height: 18px; + border-radius: 50%; + background: #fff; + border: 2px solid #f1f5fa; + -webkit-box-sizing: content-box; + box-sizing: content-box; + margin: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: -4px; +} +.main-timeline .timeline-icon:before { + content: ''; + display: block; + width: 8px; + height: 8px; + border-radius: 50%; + background: #0dc8de; + margin: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.main-timeline .year { + display: inline-block; + padding: 8px 20px; + margin: 0; + font-size: 14px; + color: #fff; + background: #0dc8de; + text-align: center; + position: absolute; + top: 50%; + right: 35%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.main-timeline .year:before { + content: ''; + border-right: 18px solid #0dc8de; + border-top: 18px solid transparent; + border-bottom: 18px solid transparent; + position: absolute; + top: 0; + left: -18px; +} +.main-timeline .timeline-content { + width: 46.5%; + padding: 20px; + margin: 0 20px 0 0; + background: #f1f5fa; + position: relative; +} +.main-timeline .timeline-content:after { + content: ''; + border-left: 20px solid #f1f5fa; + border-top: 20px solid transparent; + border-bottom: 20px solid transparent; + position: absolute; + top: 50%; + right: -20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.main-timeline .title { + float: left; + font-size: 14px; + font-weight: 500; + color: #435177; + margin: 0 20px 20px 0; +} +.main-timeline .post { + display: inline-block; + font-size: 13px; + color: #303e67; +} +.main-timeline .description { + font-size: 14px; + color: #303e67; + line-height: 24px; + margin: 0; + clear: both; +} +.main-timeline .timeline:nth-child(2n) { + padding: 0 0 0 30px; +} +.main-timeline .timeline:nth-child(2n) .year { + right: auto; + left: 35%; +} +.main-timeline .timeline:nth-child(2n) .year:before { + border: 18px solid transparent; + border-right: none; + border-left: 18px solid #0dc8de; + left: auto; + right: -18px; +} +.main-timeline .timeline:nth-child(2n) .timeline-content { + float: right; + margin: 0 0 0 20px; +} +.main-timeline .timeline:nth-child(2n) .timeline-content:after { + border-left: none; + border-right: 20px solid #f1f5fa; + right: auto; + left: -20px; +} +@media only screen and (max-width: 1200px) { + .main-timeline .year { + right: 30%; + } + .main-timeline .timeline:nth-child(2n) .year { + left: 30%; + } +} +@media only screen and (max-width: 990px) { + .main-timeline .year { + right: 25%; + } + .main-timeline .timeline:nth-child(2n) .year { + left: 25%; + } +} +@media only screen and (max-width: 767px) { + .main-timeline:before { + left: 10px; + } + .main-timeline .timeline { + padding: 0 0 0 30px; + margin-bottom: 20px; + } + .main-timeline .timeline:last-child { + margin-bottom: 0; + } + .main-timeline .timeline:first-child:before, + .main-timeline .timeline:last-child:before { + display: none; + } + .main-timeline .timeline-icon { + margin: 0; + position: absolute; + top: 7px; + left: 0; + } + .main-timeline .year, + .main-timeline .timeline:nth-child(2n) .year { + display: block; + font-weight: bold; + margin: 0 0 32px 30px; + z-index: 1; + position: relative; + top: auto; + left: auto; + right: auto; + -webkit-transform: none; + transform: none; + } + .main-timeline .timeline:nth-child(2n) .year:before { + border-left: none; + border-right: 18px solid #0dc8de; + right: auto; + left: -18px; + } + .main-timeline .timeline-content { + padding: 20px; + } + .main-timeline .timeline-content, + .main-timeline .timeline:nth-child(2n) .timeline-content { + width: auto; + float: none; + margin: 0 0 0 30px; + } + .main-timeline .timeline-content:after, + .main-timeline .timeline:nth-child(2n) .timeline-content:after { + border: none; + border-bottom: 20px solid #f1f5fa; + border-left: 20px solid transparent; + border-right: 20px solid transparent; + top: -20px; + left: 50%; + right: auto; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + } +} +@media only screen and (max-width: 480px) { + .main-timeline .title { + float: none; + margin: 0; + } + .main-timeline .year, + .main-timeline .timeline:nth-child(2n) .year { + margin-left: 20px; + } + .main-timeline .timeline-content, + .main-timeline .timeline:nth-child(2n) .timeline-content { + margin-left: 10px; + } + .main-timeline .post { + margin: 5px 0; + } +} +.email-leftbar { + width: 220px; + float: left; +} +.email-leftbar .mail-list a { + display: block; + color: #303e67; + font-size: 13px; + line-height: 24px; + padding: 5px; +} +.email-leftbar .mail-list a:hover, +.email-leftbar .mail-list a.active { + color: #1761fd; + font-weight: 500; +} +.email-leftbar .chat-user-box p.user-title { + font-size: 13px; + color: #1c2d41; + font-weight: 500; +} +.email-leftbar .chat-user-box p { + font-size: 12px; +} +.email-rightbar { + margin-left: 240px; +} +.message-list { + display: block; + padding-left: 0; +} +.message-list li { + position: relative; + display: block; + height: 50px; + line-height: 50px; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.message-list li a { + color: #7081b9; +} +.message-list li:hover { + background: #f1f5fa; + -webkit-transition-duration: 0.05s; + transition-duration: 0.05s; +} +.message-list li .col-mail { + float: left; + position: relative; +} +.message-list li .col-mail-1 { + width: 320px; +} +.message-list li .col-mail-1 .star-toggle, +.message-list li .col-mail-1 .checkbox-wrapper-mail, +.message-list li .col-mail-1 .dot { + display: block; + float: left; +} +.message-list li .col-mail-1 .dot { + border: 4px solid transparent; + border-radius: 100px; + margin: 22px 26px 0; + height: 0; + width: 0; + line-height: 0; + font-size: 0; +} +.message-list li .col-mail-1 .checkbox-wrapper-mail { + margin: 15px 10px 0 20px; +} +.message-list li .col-mail-1 .star-toggle { + margin-top: 18px; + font-size: 16px; + margin-left: 5px; +} +.message-list li .col-mail-1 .title { + position: absolute; + top: 0; + left: 110px; + right: 0; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin: 14px 0 0; +} +.message-list li .col-mail-2 { + position: absolute; + top: 0; + left: 320px; + right: 0; + bottom: 0; +} +.message-list li .col-mail-2 .subject, +.message-list li .col-mail-2 .date { + position: absolute; + top: 0; +} +.message-list li .col-mail-2 .subject { + left: 0; + right: 200px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +.message-list li .col-mail-2 .date { + right: 0; + width: 170px; + padding-left: 80px; +} +.message-list li.active, +.message-list li.active:hover { + -webkit-box-shadow: inset 3px 0 0 #1761fd; + box-shadow: inset 3px 0 0 #1761fd; +} +.message-list li.unread { + background-color: #f1f5fa; +} +.message-list li.unread a { + color: #14212f; +} +.message-list .checkbox-wrapper-mail { + cursor: pointer; + height: 20px; + width: 20px; + position: relative; + display: inline-block; + -webkit-box-shadow: inset 0 0 0 1px #b6c2e4; + box-shadow: inset 0 0 0 1px #b6c2e4; + border-radius: 1px; +} +.message-list .checkbox-wrapper-mail input { + opacity: 0; + cursor: pointer; +} +.message-list .checkbox-wrapper-mail input:checked ~ label { + opacity: 1; +} +.message-list .checkbox-wrapper-mail label { + position: absolute; + height: 20px; + width: 20px; + left: 0; + cursor: pointer; + opacity: 0; + margin-bottom: 0; + -webkit-transition-duration: 0.05s; + transition-duration: 0.05s; + top: 0; +} +.message-list .checkbox-wrapper-mail label:before { + content: '\F12C'; + font-family: 'Material Design Icons'; + top: 0; + height: 20px; + color: #14212f; + width: 20px; + position: absolute; + margin-top: -16px; + left: 4px; + font-size: 13px; +} +@media (max-width: 767px) { + .email-leftbar { + float: none; + width: 100%; + } + .email-rightbar { + margin: 0; + } +} +.note-editor.note-frame { + border: 1px solid #e8ebf3; +} +.note-editor.note-frame .note-editing-area .note-editable { + padding: 10px; + overflow: auto; + color: #303e67; + background-color: #fff; +} +.note-editor.note-frame .note-statusbar .note-resizebar { + background-color: #edf0f5; +} +.chat-box-left { + float: left; + width: 340px; + height: 820px; + background-color: #fff; + border-radius: 3px; + padding: 20px; + margin-bottom: 20px; +} +.chat-box-left .nav-pills { + background-color: #f8f8fc; +} +.chat-box-left .nav-pills .nav-link { + color: #303e67; +} +.chat-box-left .nav-pills .nav-link.active { + color: #fff; + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); +} +.chat-box-left .chat-search { + margin-top: 20px; +} +.chat-box-left .chat-list { + height: 664px !important; +} +.chat-box-left .chat-list .media + .media { + border: 1px solid #f1f5fa; + margin-bottom: 5px; + border-radius: 5px; +} +.chat-box-left .chat-list .media { + padding: 15px; + position: relative; +} +.chat-box-left .chat-list .media:hover, +.chat-box-left .chat-list .media:focus { + background-color: rgba(241, 245, 250, 0.5); +} +.chat-box-left .chat-list .media.new-message { + border: 1px solid #eaf0f9; + background-color: #f1f5fa; + margin-bottom: 5px; + border-radius: 5px; +} +.chat-box-left .chat-list .media .media-left { + position: relative; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} +.chat-box-left .chat-list .media .media-left .round-10 { + border: 2px solid #f8f8fc; + border-radius: 50%; + position: absolute; + bottom: 0; + right: 5px; + display: inline-block; + height: 12px; + width: 12px; +} +.chat-box-left .chat-list .media .media-body { + margin-left: 15px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.chat-box-left .chat-list .media .media-body h6 { + font-size: 14px; + color: #303e67; + margin-bottom: 5px; +} +.chat-box-left .chat-list .media .media-body p { + margin-bottom: 0; + color: #303e67; + font-size: 13px; +} +.chat-box-left .chat-list .media .media-body > div:last-child { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + min-width: 50px; + text-align: right; +} +.chat-box-left + .chat-list + .media + .media-body + > div:last-child + span:nth-child(2) { + 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; + background-color: #1eca7b; + color: #fff; + border-radius: 50%; + font-size: 10px; + width: 18px; + height: 18px; + margin-top: 8px; +} +.chat-box-left .chat-list .media .media-body span { + font-size: 12px; + color: #303e67; + display: block; +} +.chat-box-right { + width: auto; + background-color: #fff; + display: block; + border-radius: 3px; + position: relative; + height: 820px; + margin-left: 361px; + margin-bottom: 20px; +} +.chat-box-right .chat-header { + border-bottom: 1px solid #f1f5fa; + padding: 20px; + background-color: #fff; +} +.chat-box-right .chat-header .media .media-body { + margin-left: 15px; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} +.chat-box-right .chat-header .media .media-body h6 { + font-size: 14px; + color: #303e67; + margin-bottom: 5px; +} +.chat-box-right .chat-header .media .media-body p { + margin-bottom: 0; + color: #8997bd; + font-size: 13px; +} +.chat-box-right .chat-header .chat-features { + position: relative; + top: -34px; + float: right; +} +.chat-box-right .chat-header .chat-features a { + color: #b6c2e4; + font-size: 16px; + margin-left: 12px; +} +.chat-box-right .chat-header .chat-features a:hover { + color: #1761fd; +} +.chat-box-right .chat-body { + padding: 20px; + background-image: url('../images/pattern.png'); + background-repeat: repeat; + background-attachment: fixed; + height: 650px; + background-color: #edf0f5; +} +.chat-box-right .chat-body .chat-detail { + min-height: 610px; +} +.chat-box-right .chat-body .chat-detail .reverse { + 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-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +.chat-box-right .chat-body .chat-detail .media .media-img { + z-index: 5; +} +.chat-box-right .chat-body .chat-detail .media .media-body { + margin-left: 14px; +} +.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg { + max-width: 80%; + margin-bottom: 5px; + margin-left: -61px; +} +.chat-box-right + .chat-body + .chat-detail + .media + .media-body + .chat-msg:first-child + p { + padding-left: 60px; +} +.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg p { + padding: 14px; + background-color: #f1f5fa; + color: #303e67; + display: inline-block; + margin-bottom: 0; + border-radius: 50px; +} +.chat-box-right .chat-body .chat-detail .media .media-body.reverse { + margin-right: 0; + margin-left: 14px; +} +.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg { + max-width: 80%; + margin-bottom: 5px; + margin-right: -48px; +} +.chat-box-right + .chat-body + .chat-detail + .media + .media-body.reverse + .chat-msg:first-child + p { + padding-right: 60px; +} +.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg p { + padding: 14px; + background-color: #6d81f5; + color: #fff; + display: inline-block; + margin-bottom: 0; + border-radius: 50px; +} +.chat-box-right .chat-footer { + border-top: 1px solid #f1f5fa; + background-color: #fff; + padding: 20px; + position: absolute; + width: 100%; + left: 0; + bottom: 0; +} +.chat-box-right .chat-footer .media .media-body { + margin-left: 10px; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} +.chat-box-right .chat-footer .media .media-body h6 { + font-size: 14px; + color: #303e67; + margin-bottom: 5px; +} +.chat-box-right .chat-footer .media .media-body p { + margin-bottom: 0; + color: #303e67; + font-size: 13px; +} +.chat-box-right .chat-footer .chat-features { + position: relative; + top: 8px; + float: right; +} +.chat-box-right .chat-footer .chat-features a { + color: #b6c2e4; + font-size: 16px; + margin-left: 12px; +} +.chat-box-right .chat-footer .chat-features a:hover { + color: #1761fd; +} +.chat-box-right .chat-footer input.form-control { + border: none; +} +.chat-box-right .chat-footer .chat-admin { + position: absolute; + top: -40px; + border: 2px solid #303e67; + border-radius: 50%; +} +@media (min-width: 1024px) and (max-width: 1680px) { + .chat-box-left { + width: 310px; + float: left; + } + .chat-box-right { + width: auto; + margin-left: 330px; + } +} +@media (min-width: 767px) and (max-width: 1023.98px) { + .chat-box-left { + width: 100%; + float: none; + } + .chat-box-right { + width: 100%; + margin-left: 0; + } +} +@media (max-width: 767px) { + .chat-box-left { + float: none; + width: 100%; + } + .chat-box-right { + margin: 0; + width: 100%; + } +} +@media (max-width: 660px) { + .chat-box-left { + float: none; + width: 100%; + } + .chat-box-right { + margin: 0; + width: 100%; + } +} +@media (max-width: 568px) { + .chat-box-left { + float: none; + width: 100%; + } + .chat-box-right { + margin: 0; + width: 100%; + } +} +.met-pro-bg { + background-image: url('../images/pattern2.png'); + background-repeat: repeat; +} +.met-profile .met-profile-main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.met-profile .met-profile-main .met-profile-main-pic { + position: relative; + max-width: 128px; + max-height: 128px; + margin-right: 24px; +} +.met-profile + .met-profile-main + .met-profile-main-pic + .fro-profile_main-pic-change { + cursor: pointer; + background-color: #1761fd; + border-radius: 50%; + width: 32px; + height: 32px; + position: absolute; + bottom: 4px; + right: 4px; + 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; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-shadow: 0px 0px 20px 0px rgba(248, 248, 252, 0.05); + box-shadow: 0px 0px 20px 0px rgba(248, 248, 252, 0.05); +} +.met-profile + .met-profile-main + .met-profile-main-pic + .fro-profile_main-pic-change + i { + -webkit-transition: all 0.3s; + transition: all 0.3s; + color: #fff; + font-size: 16px; +} +.met-profile .met-profile-main .met-profile_user-detail .met-user-name { + font-size: 24px; + font-weight: 600; + color: #fff; + margin-bottom: 6px; +} +.met-profile .met-profile-main .met-profile_user-detail .met-user-name-post { + color: #a4abc5; + font-size: 14px; +} +.met-profile .personal-detail li { + color: #fff; +} +.education-activity { + min-height: 400px; +} +.met-basic-detail h3 { + font-size: 34px; + font-weight: 600; + margin-bottom: 18px; +} +.met-basic-detail p { + line-height: 22px; +} +.own-detail { + padding: 20px; + width: 145px; + height: 145px; + text-align: center; + border-radius: 52% 48% 23% 77% / 44% 68% 32% 56%; + -webkit-box-shadow: 0px 0px 3px 1.25px #eaf0f9; + box-shadow: 0px 0px 3px 1.25px #eaf0f9; +} +.own-detail h1 { + font-weight: 600; + color: #fff; + margin-top: 0; +} +.own-detail h5 { + color: #f2f2f2; +} +.own-detail.own-detail-project { + position: absolute; + top: 110px; + left: -60px; +} +.own-detail.own-detail-happy { + position: absolute; + top: 110px; + left: 60px; +} +@media (max-width: 767px) { + .own-detail { + display: none; + } + #settings_detail .dropify-wrapper { + width: 100% !important; + } +} +#settings_detail .dropify-wrapper { + width: 16%; + height: 164px; + margin-bottom: 30px; +} +.profile-nav .nav .nav-link { + padding: 10px; + color: #303e67; + margin-bottom: 10px; + font-weight: 500; +} +.profile-nav .nav .nav-link.active { + background-color: rgba(23, 97, 253, 0.05); + color: #1761fd; +} +.profile-card .profile-socials a i { + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + border-radius: 50%; +} +.profile-card .pro-title { + font-size: 18px; + font-weight: 600; + color: #303e67; + margin-bottom: 5px; +} +.profile-card .socials-data h3 { + color: #303e67; + font-family: 'Poppins', sans-serif; + font-size: 18px; +} +.profile-card .action-btn { + position: absolute; + top: 18px; + right: 18px; +} +.skill-detail { + color: #a4abc5; + font-family: 'Roboto', sans-serif; + font-size: 14px; +} +.skills .skill-box { + margin-bottom: 30px; +} +.skills .skill-box:last-of-type { + margin-bottom: 0; +} +.skills .skill-box .skill-title { + margin-bottom: 10px; + color: #303e67; + text-transform: uppercase; + font-size: 13px; + font-weight: 600; +} +.skills .skill-box .progress-line { + background: #f8f8fc; + height: 7px; + margin: 0; + position: relative; + border: 2px solid #fff; + width: 100%; + border-radius: 10px; + -webkit-box-shadow: 0px 0px 1px 0.25px #1761fd; + box-shadow: 0px 0px 1px 0.25px #1761fd; +} +.skills .skill-box .progress-line > span { + position: absolute; + display: block; + top: 0; + left: 0; + height: 100%; + width: 0; + background: #1761fd; +} +.skills .skill-box .progress-line > span > .percent-tooltip { + position: absolute; + right: -15px; + top: -30px; + margin-bottom: 10px; + color: #303e67; + text-transform: uppercase; + font-size: 13px; +} +.profile-activity-height { + height: 440px !important; +} +.invoice-head { + border-bottom: 4px double #b6c2e4; +} +.invoice-head .logo-lg.logo-light { + display: none; +} +.invoice-head .contact-detail li { + border-left: 2px solid #b6c2e4; +} +.invoice-head .contact-detail li i { + font-size: 24px; + color: #9ba7ca; + margin-bottom: 5px; +} +.project-dash-activity { + min-height: 535px; +} +.project-budget-chart { + height: 273px; +} +.weather-btn-icon i { + width: 24px; + height: 24px; + line-height: 24px; + border-radius: 50%; + background-color: #1761fd; + color: #fff; + display: inline-block; + margin: 0 -4px 0 14px; +} +.icon-info i { + width: 50px; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + font-size: 26px; + z-index: 5; +} +.dash-info-carousel .carousel-item h2 { + font-weight: 500; + color: #303e67; + font-size: 16px; +} +.dash-info-carousel .carousel-control-prev, +.dash-info-carousel .carousel-control-next { + width: 30px; + height: 30px; + background-color: #f8f8fc; + border-radius: 50%; + opacity: 1; +} +.dash-info-carousel .carousel-control-prev:hover, +.dash-info-carousel .carousel-control-next:hover { + opacity: 0.9; +} +.dash-info-carousel .carousel-control-prev { + left: auto; + right: 38px; + top: 0; +} +.dash-info-carousel .carousel-control-prev .carousel-control-prev-icon { + background-image: none; +} +.dash-info-carousel .carousel-control-prev:after { + content: '\55'; + font-family: 'dripicons-v2' !important; + font-size: 0.875rem; + color: #303e67; + line-height: 1.875rem; + margin-right: 0.48rem; +} +.dash-info-carousel .carousel-control-next { + left: auto; + right: 0; + top: 0; +} +.dash-info-carousel .carousel-control-next .carousel-control-next-icon { + background-image: none; +} +.dash-info-carousel .carousel-control-next:after { + content: '\56'; + font-family: 'dripicons-v2' !important; + font-size: 0.875rem; + color: #303e67; + line-height: 1.875rem; + margin-right: 0.48rem; +} +.c-progress-steps { + margin: 0; + list-style-type: none; + font-family: 'Poppins', sans-serif; +} +.c-progress-steps li { + position: relative; + font-size: 13px; + color: #b6c2e4; + padding: 16px 0 0 36px; +} +.c-progress-steps li a { + color: inherit; +} +.c-progress-steps li.done { + color: #9ba7ca; +} +.c-progress-steps li.done span { + background-color: rgba(155, 167, 202, 0.09); +} +.c-progress-steps li.done:before { + color: #9ba7ca; + content: '\f058'; + width: 30px; + height: 30px; + display: inline-block; + text-align: center; + border-radius: 50%; + border: 2px solid #9ba7ca; +} +.c-progress-steps li.current { + color: #1761fd; + font-weight: 500; +} +.c-progress-steps li.current:before { + color: #1761fd; + content: '\f192'; + width: 30px; + height: 30px; + display: inline-block; + text-align: center; + border-radius: 50%; + border: 2px solid #1761fd; +} +.c-progress-steps li:before { + position: absolute; + left: 0; + font-family: 'Font Awesome 5 Free' !important; + font-weight: 600; + font-size: 18px; + background-color: #fff; + content: '\f111'; + width: 30px; + height: 30px; + display: inline-block; + text-align: center; + border-radius: 50%; + border: 2px solid #eaf0f9; +} +@media all and (max-width: 600px) { + .c-progress-steps li:before { + top: calc(50% - 8px); + font-size: 16px; + } +} +@media all and (min-width: 600px) { + .c-progress-steps { + display: table; + list-style-type: none; + margin: 20px auto; + padding: 0; + table-layout: fixed; + width: 100%; + } + .c-progress-steps li { + display: table-cell; + text-align: center; + padding: 0; + padding-bottom: 34px; + white-space: nowrap; + position: relative; + border-left-width: 0; + border-bottom-width: 4px; + border-bottom-style: solid; + border-bottom-color: #eaf0f9; + } + .c-progress-steps li.done { + border-bottom-color: #9ba7ca; + } + .c-progress-steps li.current { + color: #fff; + border-bottom-color: #1761fd; + } + .c-progress-steps li.current span { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + -webkit-box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + } + .c-progress-steps li.current:before { + color: #1761fd; + content: '\f192'; + } + .c-progress-steps li:before { + bottom: -15px; + left: 50%; + margin-left: -16px; + } + .c-progress-steps li span { + background-color: rgba(155, 167, 202, 0.1); + border-radius: 3px; + padding: 6px; + -webkit-box-shadow: 0px 0px 5px 0.25px #fff; + box-shadow: 0px 0px 5px 0.25px #fff; + } +} +.workload-chart { + height: 210px; +} +.todo-list { + height: 200px !important; +} +.todo-list .todo-box i { + position: absolute; + right: 20px; + z-index: 10; + font-size: 16px; + margin-top: 6px; + color: #b6c2e4; +} +.todo-list .todo-box .todo-task { + padding: 4px 0; +} +.todo-list .todo-box .todo-task label { + display: inline-block; + margin-bottom: 0.5rem; +} +.todo-list .todo-box .todo-task .ckbox { + font-weight: normal; + position: relative; + display: block; + line-height: 25px; +} +.todo-list .todo-box .todo-task .ckbox span { + padding-left: 16px; + color: #7286a2; +} +.todo-list .todo-box .todo-task .ckbox span:before { + content: ''; + width: 20px; + height: 20px; + background-color: transparent; + border: 2px solid #eaf0f9; + top: 2px; + left: 0; + border-radius: 5px; + position: absolute; +} +.todo-list .todo-box .todo-task .ckbox span:after { + top: 1px; + left: 0; + width: 20px; + height: 20px; + content: '\F12C'; + font: normal normal normal 24px/1 'Material Design Icons'; + font-size: 14px; + text-align: center; + color: #7081b9; + background-color: transparent; + line-height: 20px; + display: none; + border-radius: 5px; + position: absolute; +} +.todo-list .todo-box .todo-task .ckbox input[type='checkbox'] { + opacity: 0; + margin: 0 5px 0 0; +} +.todo-list + .todo-box + .todo-task + .ckbox + input[type='checkbox']:checked + + span:after { + display: block; +} +.todo-list .todo-box .todo-task input:checked + span { + text-decoration: line-through; +} +.todo-list .form-control { + color: #1c2d41; + background: #eaf0f9; + border: 1px solid transparent; +} +.todo-list .form-control:focus { + border-color: transparent; + background: #eaf0f9; + -webkit-box-shadow: none; + box-shadow: none; +} +.client-card .client-name { + color: #303e67; +} +.calendar-event .event-name h3 { + font-size: 14px; + color: #303e67; +} +.project-invoice .table tr td h5 { + color: #303e67; +} +.team-card .user-img { + height: 80px; +} +.team-card .online-circle { + position: absolute; + right: 0; + top: 118px; + left: 44px; +} +.team-card .team-leader { + font-size: 16px; + color: #303e67; +} +.language-skill li span { + margin-bottom: 5px; + border-radius: 5px; + padding: 4px 8px; + background-color: #f1f5fa; + color: #1c2d41; + font-size: 11px; +} +.project-card { + font-family: 'Roboto', sans-serif; +} +.project-card .project-title { + font-size: 20px; + color: #303e67; + font-weight: 600; +} +.task-box .task-priority-icon i { + border: 5px solid #edf0f5; + border-radius: 50%; + position: absolute; + top: -5px; + left: -5px; +} +.drop-shadow-bar { + -webkit-filter: drop-shadow(6px 6px 8px rgba(182, 194, 228, 0.65)); + filter: drop-shadow(6px 6px 8px rgba(182, 194, 228, 0.65)); +} +.files-nav .nav .nav-link { + padding: 10px; + color: #303e67; + margin-bottom: 10px; + font-weight: 500; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.files-nav .nav .nav-link span { + font-size: 22px; + vertical-align: middle; +} +.files-nav .nav .nav-link.active { + background-color: rgba(23, 97, 253, 0.05); + color: #fff; +} +.files-nav .nav .nav-link.active h5 { + color: #fff; +} +.file-box-content { + margin-bottom: -16px; +} +.file-box-content .file-box { + border: 1px solid #f1f5fa; + border-radius: 5px; + padding: 20px; + width: 160px; + display: inline-block; + margin-right: 5px; + margin-bottom: 16px; + background-color: #fff; +} +.file-box-content .file-box .download-icon-link { + color: #a4abc5; +} +.file-box-content .file-box .download-icon-link .file-download-icon { + font-size: 13px; + position: relative; + top: -10px; + left: 110px; +} +.file-box-content .file-box .download-icon-link:hover { + color: #1761fd; +} +.file-box-content .file-box i { + font-size: 36px; +} +.file-category { + width: 100%; +} +.file-category .file-category-block { + text-align: center; + margin-right: 20px; +} +.file-category .file-category-block .file-category-folder { + border-bottom: 2px solid transparent; + padding: 10px 20px !important; + border-radius: 18px; +} +.file-category .file-category-block .file-category-folder.active { + border-bottom: 2px solid; +} +.file-category .file-category-block .file-category-folder i { + display: block; + font-size: 38px; +} +.category-icon i { + font-size: 200px; + color: #f8f8fc; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + border-color: #fff; +} +.radio .custom-control-label::after { + position: absolute; + top: 7px; +} +.checkbox label { + display: inline-block; + padding-left: 8px; + position: relative; + font-weight: normal; +} +.checkbox label::before { + -o-transition: 0.3s ease-in-out; + -webkit-transition: 0.3s ease-in-out; + background-color: #fff; + border-radius: 3px; + border: 2px solid #a4abc5; + content: ''; + display: inline-block; + height: 18px; + left: 0; + top: 0px; + margin-left: -18px; + position: absolute; + transition: 0.3s ease-in-out; + width: 18px; + outline: none !important; +} +.checkbox label::after { + color: #f1f5fa; + display: inline-block; + font-size: 11px; + height: 18px; + left: 0; + margin-left: -18px; + padding-left: 3px; + padding-top: 2px; + position: absolute; + width: 18px; +} +.checkbox input[type='checkbox'] { + cursor: pointer; + opacity: 0; + z-index: 1; + outline: none !important; +} +.checkbox input[type='checkbox']:disabled + label { + opacity: 0.65; +} +.checkbox input[type='checkbox']:focus + label::before { + outline-offset: -2px; + outline: none; +} +.checkbox input[type='checkbox']:checked + label::after { + content: ''; + position: absolute; + top: 2px; + left: 7px; + display: table; + width: 5px; + height: 10px; + border: 2px solid #1c2d41; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.checkbox input[type='checkbox']:disabled + label::before { + background-color: #f1f5fa; + cursor: not-allowed; +} +.checkbox.checkbox-circle label::before { + border-radius: 50%; +} +.checkbox.checkbox-inline { + margin-top: 0; +} +.checkbox.checkbox-single input { + height: 18px; + width: 18px; + position: absolute; +} +.checkbox.checkbox-single label { + height: 18px; + width: 18px; +} +.checkbox.checkbox-single label:before { + margin-left: 0; +} +.checkbox.checkbox-single label:after { + margin-left: 0; +} +.checkbox-primary input[type='checkbox']:checked + label::before { + background-color: #1761fd; + border-color: #1761fd; +} +.checkbox-primary input[type='checkbox']:checked + label::after { + border-color: #fff; +} +.checkbox-danger input[type='checkbox']:checked + label::before { + background-color: #f14b4b; + border-color: #f14b4b; +} +.checkbox-danger input[type='checkbox']:checked + label::after { + border-color: #fff; +} +.checkbox-info input[type='checkbox']:checked + label::before { + background-color: #9ba7ca; + border-color: #9ba7ca; +} +.checkbox-info input[type='checkbox']:checked + label::after { + border-color: #fff; +} +.checkbox-warning input[type='checkbox']:checked + label::before { + background-color: #ffb822; + border-color: #ffb822; +} +.checkbox-warning input[type='checkbox']:checked + label::after { + border-color: #fff; +} +.checkbox-success input[type='checkbox']:checked + label::before { + background-color: #1eca7b; + border-color: #1eca7b; +} +.checkbox-success input[type='checkbox']:checked + label::after { + border-color: #fff; +} +.checkbox-purple input[type='checkbox']:checked + label::before { + background-color: #6d81f5; + border-color: #6d81f5; +} +.checkbox-purple input[type='checkbox']:checked + label::after { + border-color: #fff; +} +.checkbox-pink input[type='checkbox']:checked + label::before { + background-color: #fd3c97; + border-color: #fd3c97; +} +.checkbox-pink input[type='checkbox']:checked + label::after { + border-color: #fff; +} +.checkbox-dark input[type='checkbox']:checked + label::before { + background-color: #1c2d41; + border-color: #1c2d41; +} +.checkbox-dark input[type='checkbox']:checked + label::after { + border-color: #fff; +} +.radio label { + display: inline-block; + padding-left: 8px; + position: relative; + font-weight: normal; +} +.radio label::before { + -o-transition: border 0.5s ease-in-out; + -webkit-transition: border 0.5s ease-in-out; + background-color: #fff; + border-radius: 50%; + border: 2px solid #a4abc5; + content: ''; + display: inline-block; + height: 18px; + left: 0; + top: 0px; + margin-left: -18px; + position: absolute; + transition: border 0.5s ease-in-out; + width: 18px; + outline: none !important; +} +.radio label::after { + -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + -ms-transform: scale(0, 0); + -o-transform: scale(0, 0); + -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + -webkit-transform: scale(0, 0); + -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + background-color: #1c2d41; + border-radius: 50%; + content: ' '; + display: inline-block; + height: 10px; + left: 6px; + margin-left: -20px; + position: absolute; + top: 4px; + transform: scale(0, 0); + transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + transition: + transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), + -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + width: 10px; +} +.radio input[type='radio'] { + cursor: pointer; + opacity: 0; + z-index: 1; + outline: none !important; +} +.radio input[type='radio']:disabled + label { + opacity: 0.65; +} +.radio input[type='radio']:focus + label::before { + outline-offset: -2px; + outline: 5px auto -webkit-focus-ring-color; + outline: thin dotted; +} +.radio input[type='radio']:checked + label::after { + -webkit-transform: scale(1, 1); + transform: scale(1, 1); +} +.radio input[type='radio']:disabled + label::before { + cursor: not-allowed; +} +.radio.radio-inline { + margin-top: 0; +} +.radio.radio-single label { + height: 17px; +} +.radio-primary input[type='radio'] + label::after { + background-color: #1761fd; +} +.radio-primary input[type='radio']:checked + label::before { + border-color: #1761fd; +} +.radio-primary input[type='radio']:checked + label::after { + background-color: #1761fd; +} +.radio-danger input[type='radio'] + label::after { + background-color: #f14b4b; +} +.radio-danger input[type='radio']:checked + label::before { + border-color: #f14b4b; +} +.radio-danger input[type='radio']:checked + label::after { + background-color: #f14b4b; +} +.radio-info input[type='radio'] + label::after { + background-color: #9ba7ca; +} +.radio-info input[type='radio']:checked + label::before { + border-color: #9ba7ca; +} +.radio-info input[type='radio']:checked + label::after { + background-color: #9ba7ca; +} +.radio-warning input[type='radio'] + label::after { + background-color: #ffb822; +} +.radio-warning input[type='radio']:checked + label::before { + border-color: #ffb822; +} +.radio-warning input[type='radio']:checked + label::after { + background-color: #ffb822; +} +.radio-success input[type='radio'] + label::after { + background-color: #1eca7b; +} +.radio-success input[type='radio']:checked + label::before { + border-color: #1eca7b; +} +.radio-success input[type='radio']:checked + label::after { + background-color: #1eca7b; +} +.radio-purple input[type='radio'] + label::after { + background-color: #6d81f5; +} +.radio-purple input[type='radio']:checked + label::before { + border-color: #6d81f5; +} +.radio-purple input[type='radio']:checked + label::after { + background-color: #6d81f5; +} +.radio-pink input[type='radio'] + label::after { + background-color: #fd3c97; +} +.radio-pink input[type='radio']:checked + label::before { + border-color: #fd3c97; +} +.radio-pink input[type='radio']:checked + label::after { + background-color: #fd3c97; +} +.radio2 label { + display: inline-block; + padding-left: 8px; + position: relative; + font-weight: normal; + margin-bottom: 10px; +} +.radio2 label::before { + background-color: #fff; + border-radius: 50%; + border: 2px solid transparent; + content: ''; + display: inline-block; + height: 16px; + top: -1px; + left: -2px; + margin-left: -18px; + position: absolute; + width: 16px; + outline: none !important; +} +.radio2 label::after { + border-radius: 50%; + content: ' '; + display: inline-block; + height: 8px; + left: 4px; + margin-left: -20px; + position: absolute; + top: 3px; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + width: 8px; +} +.radio2 input[type='radio'] { + cursor: pointer; + opacity: 0; + z-index: 1; + outline: none !important; +} +.radio2 input[type='radio']:disabled + label { + opacity: 0.65; +} +.radio2 input[type='radio']:focus + label::before { + outline-offset: -2px; + outline: 5px auto -webkit-focus-ring-color; + outline: thin dotted; + border-color: #1761fd; +} +.radio2 input[type='radio']:checked + label::after { + -webkit-transform: scale(1, 1); + transform: scale(1, 1); +} +.radio2 input[type='radio']:checked + label::before { + border-color: #1761fd; +} +.radio2 input[type='radio']:disabled + label::before { + cursor: not-allowed; +} +.radio2.radio-primary2 input[type='radio'] + label::before { + background-color: #1761fd; +} +.radio2.radio-primary2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-primary2 input[type='radio']:checked + label::before { + border-color: #1761fd; +} +.radio2.radio-primary2 input[type='radio']:checked + label::after { + border-color: #1761fd; +} +.radio2.radio-secondary2 input[type='radio'] + label::before { + background-color: #0dc8de; +} +.radio2.radio-secondary2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-secondary2 input[type='radio']:checked + label::before { + border-color: #0dc8de; +} +.radio2.radio-secondary2 input[type='radio']:checked + label::after { + border-color: #0dc8de; +} +.radio2.radio-success2 input[type='radio'] + label::before { + background-color: #1eca7b; +} +.radio2.radio-success2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-success2 input[type='radio']:checked + label::before { + border-color: #1eca7b; +} +.radio2.radio-success2 input[type='radio']:checked + label::after { + border-color: #1eca7b; +} +.radio2.radio-danger2 input[type='radio'] + label::before { + background-color: #f14b4b; +} +.radio2.radio-danger2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-danger2 input[type='radio']:checked + label::before { + border-color: #f14b4b; +} +.radio2.radio-danger2 input[type='radio']:checked + label::after { + border-color: #f14b4b; +} +.radio2.radio-warning2 input[type='radio'] + label::before { + background-color: #ffb822; +} +.radio2.radio-warning2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-warning2 input[type='radio']:checked + label::before { + border-color: #ffb822; +} +.radio2.radio-warning2 input[type='radio']:checked + label::after { + border-color: #ffb822; +} +.radio2.radio-info2 input[type='radio'] + label::before { + background-color: #9ba7ca; +} +.radio2.radio-info2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-info2 input[type='radio']:checked + label::before { + border-color: #9ba7ca; +} +.radio2.radio-info2 input[type='radio']:checked + label::after { + border-color: #9ba7ca; +} +.radio2.radio-dark2 input[type='radio'] + label::before { + background-color: #1c2d41; +} +.radio2.radio-dark2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-dark2 input[type='radio']:checked + label::before { + border-color: #1c2d41; +} +.radio2.radio-dark2 input[type='radio']:checked + label::after { + border-color: #1c2d41; +} +.radio2.radio-purple2 input[type='radio'] + label::before { + background-color: #6d81f5; +} +.radio2.radio-purple2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-purple2 input[type='radio']:checked + label::before { + border-color: #6d81f5; +} +.radio2.radio-purple2 input[type='radio']:checked + label::after { + border-color: #6d81f5; +} +.radio2.radio-pink2 input[type='radio'] + label::before { + background-color: #fd3c97; +} +.radio2.radio-pink2 input[type='radio'] + label::after { + background-color: #fff; +} +.radio2.radio-pink2 input[type='radio']:checked + label::before { + border-color: #fd3c97; +} +.radio2.radio-pink2 input[type='radio']:checked + label::after { + border-color: #fd3c97; +} +.container-filter { + margin-top: 0; + margin-right: 0; + margin-left: 0; + margin-bottom: 30px; + padding: 0; + text-align: center; +} +.container-filter li { + list-style: none; + display: inline-block; +} +.container-filter li a { + display: block; + color: #1761fd !important; + border: 1px solid #1761fd; + padding: 0px 15px; + margin: 5px 5px; + font-size: 12px; + text-transform: capitalize; + letter-spacing: 2px; + cursor: pointer; + line-height: 35px; + border-radius: 3px; +} +.container-filter li a.active { + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + color: #fff !important; + -webkit-box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + border: none; +} +.container-filter li a:hover { + background: linear-gradient( + 14deg, + #1761fd 0%, + rgba(23, 97, 253, 0.6) + ) !important; + color: #fff !important; +} +.item-box { + position: relative; + overflow: hidden; + display: block; +} +.item-box a { + display: inline-block; +} +.item-box:hover .item-mask { + opacity: 0.8; + visibility: visible; +} +.item-box:hover .item-mask .item-caption { + bottom: 30px; + opacity: 1; +} +.item-box:hover .item-container { + -webkit-transform: scale(1.1); + transform: scale(1.1); + -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; + transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; + width: 100%; +} +.item-container { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); + width: 100%; + transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; + -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; + -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; + -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; +} +.item-mask { + position: absolute; + transition: all 0.5s ease-in-out 0s; + -moz-transition: all 0.5s ease-in-out 0s; + -webkit-transition: all 0.5s ease-in-out 0s; + -o-transition: all 0.5s ease-in-out 0s; + top: 0; + left: 0px; + bottom: 10px; + right: 10px; + opacity: 0; + visibility: hidden; + overflow: hidden; + width: 100%; + height: 100%; + background: repeating-radial-gradient( + closest-side at 25px 35px, + #1761fd 15%, + #1c2d41 40% + ); +} +.item-mask p { + text-transform: uppercase; + font-size: 11px; + letter-spacing: 1.5px; + font-weight: 500; + margin: 0; + text-align: left; +} +.item-mask .item-caption { + position: absolute; + bottom: -60px; + left: 0px; + padding-left: 30px; + padding-right: 30px; + text-align: left; + transition: all 0.5s ease-in-out 0s; + -moz-transition: all 0.5s ease-in-out 0s; + -webkit-transition: all 0.5s ease-in-out 0s; + -o-transition: all 0.5s ease-in-out 0s; + opacity: 0; +} +.row.container-grid { + margin: 0 !important; +} +.pricingTable1 .title1 { + font-weight: 700; + color: #303e67; + font-size: 20px; + text-transform: capitalize; +} +.pricingTable1 .amount { + display: block; + font-size: 36px; + font-weight: 600; + color: #303e67; +} +.pricingTable1 .pricing-content-2 { + margin: 0 0 30px 0; + border-bottom: 1px solid #f1f5fa; +} +.pricingTable1 .pricingTable-signup:hover { + background: linear-gradient(14deg, rgba(23, 97, 253, 0.6) 0%, #1761fd); + -webkit-box-shadow: 0 1px 2px 0 rgba(182, 194, 228, 0.5); + box-shadow: 0 1px 2px 0 rgba(182, 194, 228, 0.5); + color: #fff; +} +.pricingTable1 .pricing-content-2 li { + color: #303e67; + line-height: 40px; +} +.pricingTable1 .pricing-content-2 li::before { + content: '\f00c' !important; + font-family: 'Font Awesome 5 Free' !important; + font-weight: 600; + font-size: 12px; + text-align: center; + background-color: rgba(13, 200, 222, 0.1); + color: #0dc8de !important; + width: 26px; + height: 26px; + line-height: 26px; + display: inline-block; + border-radius: 50%; + margin-right: 5px; +} +.pricingTable1 .pricingTable-signup { + display: block; + padding: 14px 26px; + background: linear-gradient(14deg, #1761fd 0%, rgba(23, 97, 253, 0.6)); + border-radius: 52px; + font-size: 14px; + font-weight: 700; + color: #fff; + letter-spacing: 0.32px; + text-transform: uppercase; + text-align: center; + -webkit-transition: all 300ms linear 0ms; + transition: all 300ms linear 0ms; + -webkit-box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); + box-shadow: 0 7px 14px 0 rgba(23, 97, 253, 0.5); +} +.pricingTable1 .a-animate-blink { + -webkit-animation: a-animate-blink 1s step-start 0s infinite; + animation: a-animate-blink 1s step-start 0s infinite; + -webkit-animation-fill-mode: initial; + animation-fill-mode: initial; +} +@-webkit-keyframes a-animate-blink { + 50% { + opacity: 0; + } +} +@keyframes a-animate-blink { + 50% { + opacity: 0; + } +} +.account-body { + background-color: #fff; +} +.account-body .auth-page { + max-width: 460px; + position: relative; + margin: 0 auto; +} +.account-body .auth-card { + border-radius: 20px; +} +.account-body .auth-card .auth-logo-box { + position: absolute; + left: 0; + right: 0; + top: -25px; + text-align: center; +} +.account-body .auth-card .auth-logo-box .auth-logo { + border-radius: 50%; + background-color: #fff; + padding: 4px; + -webkit-box-shadow: 0px 0px 0px 2.25px #f1f5fa; + box-shadow: 0px 0px 0px 2.25px #f1f5fa; +} +.account-body .auth-card .auth-logo-text { + font-family: 'Roboto', sans-serif; +} +.account-body .auth-card .auth-logo-text h4 { + font-weight: 600; + color: #303e67; + font-size: 22px; +} +.account-body .auth-form .form-control { + border-radius: 30px; + padding-right: 40px; +} +.account-body .auth-form .auth-form-icon { + width: 32px; + height: 32px; + background-color: #f1f5fa; + text-align: center; + line-height: 34px; + border-radius: 50%; + position: absolute; + right: 3px; + z-index: 100; + top: 3px; + color: #9ba7ca; +} +.account-body.accountbg { + background: -webkit-gradient( + linear, + left bottom, + left top, + from(#f7f7f7), + color-stop(55%, #fcdede) + ); + background: linear-gradient(0deg, #f7f7f7 0%, #fcdede 55%); + width: 100%; + height: 100vh; +} +.account-body.accountbg .account-title { + width: 500px; + position: relative; + display: block; + margin: 0 auto; +} +.account-body.accountbg .account-title h1 { + font-size: 60px; + font-weight: 700; + margin: 30px 0; +} +.account-body .account-social h6 { + color: #687aab; +} +.account-body .account-social h6:after { + display: inline-block; + margin: 0 6px 4px 6px; + height: 2px; + content: ' '; + text-shadow: none; + background-color: #fdc3c3; + width: 110px; +} +.account-body .account-social h6:before { + display: inline-block; + margin: 0 6px 4px 6px; + height: 2px; + content: ' '; + text-shadow: none; + background-color: #fdc3c3; + width: 110px; +} +.account-body .account-social a i { + width: 36px; + height: 36px; + line-height: 36px; + text-align: center; + display: inline-block; + border-radius: 50%; + font-size: 14px; + z-index: 5; +} +.account-body .account-social a i.facebook { + background-color: #1761fd; + color: #fff; +} +.account-body .account-social a i.twitter { + background-color: #0dc8de; + color: #fff; +} +.account-body .account-social a i.google { + background-color: #fd3c97; + color: #fff; +} +.account-body .account-social a:hover .facebook { + color: #fff; + background-color: #3072fd; +} +.account-body .account-social a:hover .twitter { + color: #fff; + background-color: #13daf1; +} +.account-body .account-social a:hover .google { + color: #fff; + background-color: #fd55a4; +} +@media (max-width: 768px) { + .auth-card { + margin-top: 34px; + } +} +/*# sourceMappingURL=app.min.css.map */ diff --git a/public/auth-creation.php b/public/auth-creation.php index b696bf5..bf6c55e 100644 --- a/public/auth-creation.php +++ b/public/auth-creation.php @@ -1,290 +1,375 @@ - - +// include('include/headscript.php'); +?> -setQuery("SELECT * FROM auth_users WHERE auth_users.email='$emailuser'"); -$checkmail->execute(); - if(!empty($checkmail->getColumnVal("id"))) { $varmailrepeat='Y'; ?> - - setQuery("SELECT * FROM auth_users WHERE auth_users.email='$emailuser'"); + $checkmail->execute(); + if (!empty($checkmail->getColumnVal("id"))) { + $varmailrepeat = 'Y'; ?> + +query($query); -$inserttrue='Y'; -// Chiudi la connessione al database -$mysqli->close(); + $query = "INSERT INTO auth_users (email, first_name, last_name, password, role_id, status, email_verified_at, created_at, updated_at, langid, termuseaccepted, privacyaccepted, company_name, vat_number) VALUES ('$emailuser', '$first_name', '$last_name', '12345!AA', '2', 'Active', '$datein', '$datein', '$datein', '$langid', '$datein', '$datein', '$company_name', '$vat_number')"; - + // Esegui la query + $mysqli->query($query); + $inserttrue = 'Y'; + // Chiudi la connessione al database + $mysqli->close(); + //Now include the following following files based + //on the correct file path. Third file is required only if you want to enable SMTP. + require 'phpmailer/src/Exception.php'; + require 'phpmailer/src/PHPMailer.php'; + require 'phpmailer/src/SMTP.php'; -//Now include the following following files based -//on the correct file path. Third file is required only if you want to enable SMTP. + //mail to client + $mail = new PHPMailer(true); + try { + $mail->isSMTP(); // Set mailer to use SMTP + $mail->Host = "smtp.office365.com"; // Specify main and backup server + $mail->SMTPAuth = true; // Enable SMTP authentication + $mail->Username = "noreply@cimac.it"; // SMTP username + $mail->Password = "Fol42937"; // SMTP password + $mail->SMTPSecure = "tls"; // Enable encryption, 'ssl' also accepted + $mail->Port = 587; -require 'phpmailer/src/Exception.php'; -require 'phpmailer/src/PHPMailer.php'; -require 'phpmailer/src/SMTP.php'; + $mmessage = "mailnewuser"; + include('include/mailnewuser.php'); + // Email body content + $htmlContent = $mailmessage1; - //mail to client + $mail->From = $fromaddresssmail; + $mail->FromName = 'CIMAC Application Form System'; + $mail->addAddress($emailuser); // Add a recipient -$mail = new PHPMailer(true); -try { -$mail->isSMTP(); // Set mailer to use SMTP -$mail->Host = "smtp.office365.com"; // Specify main and backup server -$mail->SMTPAuth = true; // Enable SMTP authentication -$mail->Username = "noreply@cimac.it"; // SMTP username -$mail->Password = "Fol42937"; // SMTP password -$mail->SMTPSecure = "tls"; // Enable encryption, 'ssl' also accepted -$mail->Port = 587; - -$mmessage="mailnewuser"; -include('include/mailnewuser.php'); -// Email body content + $mail->Subject = "Creazione Nuovo Utente"; + $mail->Body = $htmlContent; + $mail->AltBody = 'This is the body in plain text for non-HTML mail clients'; + $mail->send(); + } catch (Exception $e) { + echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; + } -$htmlContent = $mailmessage1; - - -$mail->From = $fromaddresssmail; -$mail->FromName = 'CIMAC Application Form System'; -$mail->addAddress($emailuser); // Add a recipient - - + // mail to Marco for new user + $mail = new PHPMailer(true); + try { + $mail->isSMTP(); // Set mailer to use SMTP + $mail->Host = $mailhost; // Specify main and backup server + $mail->SMTPAuth = true; // Enable SMTP authentication + $mail->Username = $mailusername; // SMTP username + $mail->Password = $mailpassword; // SMTP password + $mail->SMTPSecure = $mailmethod; // Enable encryption, 'ssl' also accepted + $mail->Port = $mailport; -$mail->Subject = "Creazione Nuovo Utente"; -$mail->Body = $htmlContent; -$mail->AltBody = 'This is the body in plain text for non-HTML mail clients'; + // Email body content + $mail->From = $fromaddresssmail; + $mail->FromName = 'CIMAC Application Form System'; + $mail->addBCC('m.piccolini@cimac.it'); // Add a recipient + $mail->addBCC($csmail); // Add a recipient + $mail->addBCC($csmail3); + $mail->addBCC('info@acscreativesolutions.com'); + $mail->Subject = 'Nuovo Utente'; + $mail->Body = "Ciao! E' stato inserito un nuovo Utente $emailuser "; + $mail->AltBody = 'This is the body in plain text for non-HTML mail clients'; - $mail->send(); - // echo 'Message has been sent'; -} catch (Exception $e) { - echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; + $mail->send(); + } catch (Exception $e) { + echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; + } + } } - -// mail to Marco for new user - - $mail = new PHPMailer(true); -try { -$mail->isSMTP(); // Set mailer to use SMTP -$mail->Host = $mailhost; // Specify main and backup server -$mail->SMTPAuth = true; // Enable SMTP authentication -$mail->Username = $mailusername; // SMTP username -$mail->Password = $mailpassword; // SMTP password -$mail->SMTPSecure = $mailmethod; // Enable encryption, 'ssl' also accepted -$mail->Port = $mailport; - - - -// Email body content - - -$mail->From = $fromaddresssmail; -$mail->FromName = 'CIMAC Application Form System'; -$mail->addBCC('m.piccolini@cimac.it'); // Add a recipient -$mail->addBCC($csmail); // Add a recipient -$mail->addBCC($csmail3); -$mail->addBCC('info@acscreativesolutions.com'); - - -$mail->Subject = 'Nuovo Utente'; -$mail->Body = "Ciao! E' stato inserito un nuovo Utente $emailuser "; -$mail->AltBody = 'This is the body in plain text for non-HTML mail clients'; - - $mail->send(); - // echo 'Message has been sent'; -} catch (Exception $e) { - echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; -} - - }} - ?> - +?> + -
- -Presto riceverai una mail per impostare la tua prima password e poi potrai procedere con l'uso del portale!
Soon you will receive an email in order to setup your first password and then you can start to use the portal!
Hai già un account? / Already have an account ? Log in
-Hai già un account? / Already have an account ? Log in
+