@charset "UTF-8"; @import url(app.min.css); a {color: #2b3046 } a:hover {color: #007bff; text-decoration: none } a:active, a:focus {outline: 0 } .h1, .h2, .h3, .h5, .h6, h1, h2, h3, h5, h6 {margin-bottom: .5rem; font-weight: 500; line-height: 1.25; color: #021222 } .h5, h5 {font-size: 1.2rem } body {margin: 0; font-family: "IBM Plex Sans", sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #021222; text-align: left; background-color: #fff } .small, small {font-size: 80%; font-weight: inherit } a.tx-info:focus, a.tx-info:hover {color: #151c29 } .tx-lato {font-family: Lato, sans-serif } .tx-rubik {font-family: Rubik, sans-serif } .tx-roboto {font-family: Roboto, sans-serif } .tx-open-sans {font-family: "Open Sans", sans-serif } .tx-ibm {font-family: "IBM Plex Sans", sans-serif } .tx-poppins {font-family: Poppins, sans-serif } .bg-facebook {color: #fff; background: #3b5998 !important } .bg-twitter {color: #fff; background: #00aced !important } .bg-instagram {color: #fff; background: #da2e76 !important } .bg-linkedin {color: #fff; background: #4875b4 !important } .bg-google-plus {color: #fff; background: #d34836 !important } .bg-dribbble {color: #fff; background: #ea4c8a !important } .bg-flickr {color: #fff; background: #ff0084 !important } .bg-google {color: #fff; background: #fb4104 !important } .bg-youtube {color: #fff; background: #f70000 !important } .bg-pinterest {color: #fff; background: #c51f26 !important } .tx-facebook {color: #3b5998 } .tx-twitter {color: #00aced } .tx-instagram {color: #da2e76 } .tx-linkedin {color: #4875b4 } .tx-google-plus {color: #d34836 } .tx-dribbble {color: #ea4c8a } .tx-flickr {color: #ff0084 } .tx-google {color: #fb4104 } .tx-youtube {color: #f70000 } .tx-pinterest {color: #c51f26 } .bg-gray {background: #e0e7fd } .bg-soft-primary {background-color: rgba(93, 120, 255, .15) !important; color: #007bff !important } .bg-soft-secondary {background-color: rgba(143, 147, 148, .15) !important; color: #7d7f80 !important } .bg-soft-warning {background-color: rgba(243, 170, 18, .15) !important; color: #f3ab12 !important } .bg-soft-success {background-color: rgba(43, 173, 13, .15) !important; color: #2bad0d !important } .bg-soft-danger {background-color: rgba(244, 67, 54, .15) !important; color: #ff2b2b !important } .bg-soft-teal {background-color: rgba(74, 199, 236, .15) !important; color: #4ac7ec !important } .bg-soft-pink {background-color: rgba(255, 93, 160, .15) !important; color: #ff5da0 !important } .custom-text-primary {color: #007bff } .custom-text-primary:hover {color: #000; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s } .btn-custom-primary {font-size: 13px; color: #fff; padding: .6rem 1.6rem; background-color: #007bff; border-color: #007bff; border-radius: 2px } .btn-custom-primary:hover {color: #fff; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s } .btn-custom-white {font-size: 13px; background-color: #fff; border-color: 1px solid rgba(70, 95, 145, .2); color: #8b96a7; padding: .5rem 1.5rem; font-size: 10px; text-transform: uppercase; font-weight: 600 } .btn-custom-white:active, .btn-white.active {background-color: #f5f6fa } .btn-custom-white:hover, .btn-white:focus {border-color: #8392a5; color: #1b2e4b } .card-icon-primary {color: #007bff !important; background: rgba(5, 88, 183, .1) !important } .card-icon-danger {color: #dc3545 !important; background: rgba(220, 53, 69, .1) !important } .card-icon-success {color: #28a745 !important; background: rgba(40, 167, 69, .1) !important } .card-icon-warning {color: #ffc107 !important; background: rgba(234, 147, 12, .1) !important } .card-icon-teal {color: #17a2b8 !important; background: rgba(23, 162, 184, .1) !important } .page-container {padding-right: 0; padding-left: 0; min-height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .page-container:not(.container) {width: 100% } .page-content {min-height: 60px; vertical-align: bottom; width: calc(100% - 230px); float: right } _::-webkit-full-page-media, _:future, :root .page-content {vertical-align: top } .page-inner {position: relative; padding: 0 30px 50px; width: 100%; min-height: 600px; overflow: hidden } .page-inner.full-page {padding-left: 0; padding-right: 0; padding-top: 0 } .page-header-fixed .page-inner {margin-top: 60px } .page-footer {background: #f9f9fc; border: 1px solid rgba(70, 95, 145, .2); border-left: none } .page-header {padding-bottom: 0; margin: 0; border-bottom: none; height: 60px; position: relative; background: #fff } .page-header-fixed .page-header {position: fixed; z-index: 99; left: 250px; right: 0; top: 0 } .page-header-fixed .page-container.container .page-header {padding-right: 15px; padding-left: 195px; left: 0; right: 0; margin: auto } .page-header-fixed.page-sidebar-collapsed .page-container.container .page-header {padding-right: 15px; padding-left: 75px; left: 0; right: 0; margin: auto } .page-sidebar-collapsed.page-header-fixed .page-header {left: 60px } .page-sidebar-fixed .page-header {z-index: 41 } .page-header .navbar-default {padding: .5rem 1.5rem; background-color: #fff; margin-bottom: 0; height: 60px; border-radius: 0; border-bottom: 1px solid rgba(72, 94, 144, .16) } .page-header .navbar-default .container-fluid, .page-header .navbar-default .navbar-collapse {height: 60px !important } .page-header .navbar-default .navbar-brand i.fixed-sidebar-button-active {background: #fff } .page-header .navbar-nav>li.v-divider {display: block; width: 1px; height: 26px; background: #f3f3f3; margin: 21px 15px } .page-header .navbar-nav>li>a {padding-top: 20px; padding-bottom: 20px; height: 60px; color: #4f4f4f; font-size: 11px; text-transform: uppercase } .page-header .navbar-nav>li>a:focus, .page-header .navbar-nav>li>a:hover {color: #637282 !important } .page-header .navbar-nav>li>a>img {width: 36px; margin-top: -10px; display: inline-block; vertical-align: top } .page-header .navbar-nav>li.user-dropdown>a {margin-right: 0 } .open:not(.active)>a {color: #fff } .active.open>a i {color: #2b2b2b } .navbar-fixed-bottom, .navbar-fixed-top {position: fixed; right: 0; left: 230px; z-index: 1030 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #1f2229; background-color: transparent } .page-header .navbar-collapse {padding-right: 0; padding-left: 0; overflow-x: visible } .header-right {margin-top: 0; height: 44px } .header-right ul li.top-link {vertical-align: middle } .header-right ul li.top-link a.top-link {height: 44px !important; display: inline-block; padding: 9px 8px } .header-right ul li.top-link a.top-link.top-profile {padding: 9px 0; margin-left: 6px } .header-right ul li.top-link a.top-link img {margin-top: -2px } .header-right ul li .flag-icon {vertical-align: bottom } .list-inline-item:not(:last-child) {margin-right: 0 } .header-right .list-inline-item:not(:last-child) {margin-right: 6px } .header-right .dropdown-menu {top: 38px; right: -15px; left: auto; width: 305px; padding-bottom: 0; padding: 0; font-size: 13px; border-radius: 0; border: 1px solid rgba(70, 95, 145, .2) } .header-right .dropdown-menu:before {content: ""; position: absolute; top: -20px; right: 12px; border: 10px solid #c9cfda; border-color: transparent transparent #c9cfda transparent } .header-right .dropdown-menu:after {content: ""; position: absolute; top: -18px; right: 12px; border: 10px solid #fff; z-index: 999; border-color: transparent transparent #fff transparent } .header-right .select-languages {vertical-align: middle; margin-bottom: 10px; display: inline-block } .header-right .languages-dropdown {top: 38px; width: 100%; padding: 10px; border: 1px solid rgba(70, 95, 145, .2) } .header-right .languages-dropdown li:hover {background: #f2f4f7 } .header-right .languages-dropdown li a {font-family: "IBM Plex Sans", sans-serif; padding: 5px 10px; display: block; font-weight: 400 } .header-right .languages-dropdown li img {margin-right: 10px } .header-right .message-icon, .header-right .notification-icon {vertical-align: middle } .header-right .top-message-area, .top-notifications-area {position: relative; z-index: 1; border-radius: 2px } .header-right .top-message-area .top-message-heading, .header-right .top-notifications-area .top-message-heading {width: 100%; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1rem; padding-right: 1rem; background-color: #fff; border-bottom: 1px solid #eee } .header-right .top-message-area .top-message-heading>span, .header-right .top-notifications-area .notifications-heading>span {color: #fff; padding: 2px 10px 2px 10px; background-color: #526ef5; border-radius: 40px; font-size: 10px; font-weight: 500; font-family: "IBM Plex Sans", sans-serif } .header-right .top-message-area .top-message-footer, .header-right .top-notifications-area .notifications-footer {margin-top: 5px; border-top: 1px solid rgba(70, 95, 145, .2); padding: 10px; text-align: center; font-size: 10px; font-weight: 500; letter-spacing: .5px; text-transform: uppercase } .header-right .top-header-area .nav-item.dropdown .dropdown-menu .dropdown-item {white-space: normal; color: #666b84; font-size: 13px; font-weight: 400 } .header-right .message-box .list-group-item, .header-right .notifications-box .list-group-item {border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #f3f0f0 } .header-right .message-box .list-group-item:first-child, .header-right .notifications-box .list-group-item:first-child {border-bottom: none; border-left: none; border-right: none; border-top: none } .header-right .message-box .dropdown-item, .header-right .notifications-box .dropdown-item {padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: normal } .avatar {position: relative; display: inline-block; width: 36px; height: 36px; white-space: nowrap; vertical-align: bottom } .avatar-xs {width: 24px; height: 24px; font-size: 8px } .avatar-sm {width: 32px; height: 32px; font-size: 10px } .avatar-md {width: 50px; height: 50px; font-size: 20px } .avatar-lg {width: 65px; height: 65px; font-size: 30px } .avatar-xl {width: 75px; height: 75px; font-size: 40px } .avatar-xxl {width: 100px; height: 100px; font-size: 50px } .avatar-initial {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #8392a5; color: #fff; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif; text-transform: uppercase; display: flex; align-items: center; justify-content: center } .avatar img {width: 100%; max-width: 100%; height: auto; border: 0 none; border-radius: 1000px } .avatar i {width: 8px; height: 8px; display: block; border-radius: 50%; right: 0; top: 25px; position: absolute; border: 2px solid #fff } .avatar-online i {background-color: #11c26d } .avatar-busy i {background-color: #eb6709 } .avatar-offline i {background-color: #526069 } .wd-12 {width: 12px } .ht-12 {height: 12px } .header-right .message-box .list-group-item .media-heading, .header-right .notifications-box .list-group-item .media-heading {margin-top: 0; margin-bottom: 0; font-size: 13px; font-weight: 500 } .header-right .message-box .list-group-item .media-time, .header-right .notifications-box .list-group-item .media-time {color: #a3afb7; font-size: 10px; font-weight: 400 } .header-right .message-box .list-group-item .media-detail, .header-right .notifications-box .list-group-item .media-detail {font-size: 12px; color: #8e939b } .dropdown-item:hover, .header-right .dropdown-item.active {color: #007bff; text-decoration: none; background-color: #f2f4f7 } .header-right .top-notifications-area .notifications-heading {width: 100%; height: 50px; border-bottom: 1px solid #eee; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1rem; padding-right: 1rem } .header-right .top-message-area .top-message-heading .heading-title h6, .top-notifications-area .notifications-heading .heading-title h6 {color: #2b3544; display: inline-block; margin-bottom: 0; font-size: 12px; font-weight: 500; text-transform: uppercase; font-family: "IBM Plex Sans", sans-serif } .header-right .dropdown-profile {width: 220px; right: -8px; top: 49px } .header-right .user-profile-area {padding-bottom: 1rem; z-index: 1; position: relative } .header-right .user-profile-area .user-profile-heading {width: 100%; height: 70px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(70, 95, 145, .2) } .header-right .user-profile-area .dropdown-item {white-space: normal; font-size: 13px; padding: 3px 20px; font-family: "IBM Plex Sans", sans-serif; border-left: 1px solid transparent; text-transform: capitalize; color: #1b2e4b } .header-right .user-profile-area .dropdown-item:hover {border-left: 1px solid #007bff; color: #0974e6 } .header-right .user-profile-area .profile-thumbnail {-webkit-box-flex: 0; margin-left: -10px; margin-right: 9px; } .header-right .user-profile-area .profile-text h6 {font-size: 13px; margin-bottom: 0 } .header-right .user-profile-area .profile-text span {color: #adb5c3; font-size: 11px; margin-bottom: 0; display: block } .header-right .user-profile-area .dropdown-item i {margin-right: 10px; vertical-align: middle; font-size: 16px } .header-right .messages-count, .header-right .notification-count {height: 5px; width: 5px; display: block; background: #4570e8; position: relative; right: -15px; top: -27px; -moz-border-radius: 50px; border-radius: 50px } .page-sidebar {font-weight: 400; width: 230px; background: #2d353e; min-height: 100%; float: left; z-index: 100; position: relative; border-right: 1px solid rgba(72, 94, 144, .16) } .page-sidebar-fixed .page-sidebar {position: fixed; top: 0; bottom: 0; z-index: 100; height: 100% !important } body:not(.page-sidebar-fixed) .page-sidebar .slimScrollDiv {height: auto !important } .page-header-fixed .page-sidebar, .page-sidebar-fixed .page-sidebar, .page-sidebar-fixed.page-header-fixed .page-sidebar {padding-top: 60px; transition: all .1s; -webkit-transition: all .1s; -ms-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s } .page-header-fixed .page-sidebar {width: 250px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: .3s ease; transition: .3s ease } .page-sidebar .logo {position: absolute; z-index: 30; top: 0; left: 0; width: 230px; background-color: #293139; text-align: center; height: 60px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: .1s ease; transition: .1s ease; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid rgba(72, 94, 144, .16); border-bottom: 1px solid #36404a } .page-sidebar-collapsed .page-sidebar .logo {width: 60px } .logo a.logo-img img {max-height: 32px; width: auto } .page-sidebar .logo a.logo-img:hover {color: inherit } .page-sidebar .text-logo {font-size: 24px; font-weight: 700 } .page-sidebar .text-logo span {font-weight: 400; color: #0168fa } .page-sidebar-collapsed .logo a.logo-img .desktop-logo, .page-sidebar-collapsed .logo a.logo-img img.desktop-logo {display: none } .logo a.logo-img img.small-logo {display: none; max-height: 28px } .page-sidebar-collapsed .logo a.logo-img img.small-logo {display: block } .page-header-fixed .logo {position: fixed; top: 0 } .page-sidebar-menu {margin: 10px 0 } .page-sidebar-fixed .page-sidebar .accordion-menu {margin: -11px 0 150px 0 } .page-sidebar-menu ul {padding: 0; margin: 0 } .page-sidebar-menu ul li {list-style-type: none; position: relative; border-left: none } .page-sidebar-menu ul li.menu-elements, .page-sidebar-menu ul li.menu-extras, .page-sidebar-menu ul li.menu-navigation, .page-sidebar-menu ul li.menu-others {display: inline-block; color: #001737 !important; text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: .5px; font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif } .page-sidebar-menu ul li a {display: block; font-size: 13px; padding: 7px 15px; color: #8695a7; line-height: 1.5 !important; -webkit-font-smoothing: antialiased; position: relative } .page-sidebar-menu ul li a:hover i.accordion-icon, .page-sidebar-menu ul li.active>a i, .page-sidebar-menu ul li.active>a i.accordion-icon, .page-sidebar-menu ul li.open>a i.accordion-icon {color: #fff } .page-sidebar-menu ul li.active>a {color: #fff; position: relative; background: #2d353e } .page-sidebar-menu ul li a:link {text-decoration: none } .page-sidebar-menu>ul>li.open span.badge-warning, .page-sidebar-menu>ul>li>a span.badge-warning {color: #000 } .page-sidebar-collapsed .page-sidebar-menu>ul>li>a:hover {opacity: 1 } .page-sidebar-menu>ul>li>a:hover i.accordion-icon {text-decoration: none } .page-sidebar-menu ul li a i.menu-icon {margin-right: 10px; font-size: 17px; vertical-align: middle; line-height: 22px } .page-sidebar-menu ul li a span {margin-top: 2px } .page-sidebar-menu ul li a:hover, .page-sidebar-menu ul li a:hover svg, .page-sidebar-menu ul>li.active a svg, .page-sidebar-menu ul>li.open a svg {color: #fff } .page-sidebar-menu ul li.menu-divider {display: block; width: 100%; height: 1px; background-color: 1px solid rgba(70, 95, 145, .2); margin: 0 } .page-sidebar-menu ul li a svg {color: #66768a; height: 18px; margin-right: 10px } .page-sidebar-menu ul li a i.accordion-icon {float: right; font-size: 15px; vertical-align: text-top; color: #586777; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s } .page-sidebar-menu ul li.open a i.accordion-icon {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg) } .page-sidebar-menu ul li .sub-menu a:hover {color: #fff } .accordion-menu .sub-menu {display: none; padding-left: 30px; padding-bottom: 10px; background: #2d353e } .page-sidebar-collapsed .page-content {width: calc(100% - 60px) } .page-sidebar-fixed .page-content {margin-left: 230px } .page-sidebar-fixed.page-sidebar-collapsed .page-content {margin-left: 60px } .page-sidebar-collapsed .accordion-menu .sub-menu {padding-bottom: 0; padding-left: 0 } .accordion-menu .sub-menu li.animation a {opacity: 1 } .accordion-menu .sub-menu li a {border-top: 0; padding: 5px 20px; font-size: 13px } .accordion-menu .sub-menu li a:before, .page-sidebar-menu ul li ul li.active>a:before {top: 12px; left: -5px; content: ''; width: 5px; height: 5px; border-radius: 50%; background: 0 0; border: 1px solid #fff; position: absolute } .accordion-menu .sub-menu li a:hover:before, .page-sidebar-menu ul li ul li.active>a:before {top: 12px; left: -5px; content: ''; width: 5px; height: 5px; border-radius: 50%; background: 0 0; border: 1px solid #007bff; position: absolute; -webkit-transition: all .7s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .page-sidebar-collapsed .accordion-menu .sub-menu li a:before, .page-sidebar-collapsed .page-sidebar-menu ul li ul li.active>a:before {background: 0 0; border: none } .page-sidebar-collapsed .page-sidebar-menu ul li ul.sub-menu li a:hover:before, .page-sidebar-collapsed .page-sidebar-menu ul li ul.sub-menu li.active>a:before {content: none } .accordion-menu .sub-menu li a.active {color: #000 } .accordion-menu .sub-menu li a.active:hover {color: #000 !important } .page-sidebar-collapsed .page-sidebar {width: 60px } .page-sidebar-collapsed.page-sidebar-fixed .page-sidebar {height: 100% } .page-sidebar-collapsed:not(.page-sidebar-fixed) .page-sidebar .slimScrollDiv {overflow: visible !important; height: calc(100% - 83px) !important } .page-sidebar-collapsed .page-sidebar-menu>ul>li {width: 60px; position: relative } .page-sidebar-collapsed .page-sidebar-menu>ul>li>a {width: 60px; position: relative; border: 1px solid transparent; padding: 12px 18px } .page-sidebar-collapsed .page-sidebar-menu ul li .sub-menu, .page-sidebar-collapsed .page-sidebar-menu ul li.active .sub-menu, .page-sidebar-collapsed .page-sidebar-menu ul li.open .sub-menu {display: none !important; width: 190px } .page-sidebar-collapsed .page-sidebar-menu ul li a span:not(.label) {margin-left: 30px } .page-sidebar-collapsed .page-sidebar-menu ul li a i.accordion-icon, .page-sidebar-collapsed .page-sidebar-menu ul li a span {display: none } .page-sidebar-collapsed .page-sidebar-menu ul li .sub-menu {position: absolute; padding: 12px 0; left: 59px; z-index: 9999; background: #262d35; border-left: 1px solid #2d353e; border-right: 1px solid #2d353e; border-bottom: 1px solid #2d353e } .page-sidebar-collapsed .page-sidebar-menu ul li .sub-menu a {opacity: 1; padding: 6px 25px } .page-sidebar-collapsed .page-sidebar-menu ul li .sub-menu:hover, .page-sidebar-collapsed .page-sidebar-menu ul li a:hover span, .page-sidebar-collapsed .page-sidebar-menu ul li a:hover+.sub-menu, .page-sidebar-collapsed .page-sidebar-menu ul li:hover a span {display: inline !important } .page-sidebar-collapsed .page-sidebar-menu>ul>li:hover>a {width: 249px; color: #fff; border: 1px solid #2d353e; background: #232a31 } .page-sidebar-collapsed .page-sidebar-menu>ul>li.active>a {color: #fff; border: 1px solid #2d353e; background: #232a31 } .page-sidebar .slimScrollBar {display: none !important } .page-sidebar-collapsed .page-sidebar.fixed-sidebar-scroll .slimScrollDiv {width: 250px !important } .page-sidebar-collapsed .page-sidebar-menu ul li.menu-elements, .page-sidebar-collapsed .page-sidebar-menu ul li.menu-extras, .page-sidebar-collapsed .page-sidebar-menu ul li.menu-navigation, .page-sidebar-collapsed .page-sidebar-menu ul li.menu-others, .page-sidebar-collapsed .sidebar-footer {display: none } .sidebar-footer {background: #293139; clear: both; bottom: 0; display: block; margin: 0 !important; padding: 0 !important; position: fixed; width: 249px !important; z-index: 1000; transition: .5s; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s } .sidebar-footer .pull-left {padding: 10px 0 6px; text-align: center; width: 25%; border-top: 1px solid #36404a } .sidebar-footer a.pull-left {color: #586777 } .sidebar-footer a.pull-left:hover {text-decoration: none; background: #2d353e; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s } .row.search-statistic {margin: 30px -21px 0; padding: 0; border-top: 1px solid #eee } .dashboard-date.datepicker.input-group {border: 1px solid #727cf5 } .dashboard-date.datepicker.input-group span {border-left: none; border-right: 1px solid #727cf5 } .dashboard-date.datepicker.input-group input {height: 32px; background: 0 0; color: #686868 } .traffic-source ul li a.active {color: #4570e8 } .new-customer li .action-icon nav.nav-icon-only a {display: none } .new-customer li:hover .action-icon nav.nav-icon-only a {display: block; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s } .card-progressbar {display: flex; align-items: center; margin-bottom: 17px } .card-progressbar .progress {height: 3px; flex: 1; margin: 0 5px } #completeOrders canvas, #recentOrders canvas {width: 100% !important } .email-right-sidebar tr.active {background: #f5f6fa; font-weight: 500 } .email-right-sidebar table tr td {border-color: #e3e7ef } .chat-inner {height: calc(100% - 60px) } .chat-sidebar {width: 300px; float: left; border-right: 1px solid rgba(70, 95, 145, .2) } .chat-sidebar .chat-sidebar-header {border-bottom: 1px solid rgba(70, 95, 145, .2); padding: 15px 10px 15px 20px; position: relative } .chat-sidebar .dropdown-menu {width: 100%; border: none; border-bottom: 1px solid rgba(70, 95, 145, .2) } .chat-sidebar .dropdown-menu.show::before {content: ""; position: absolute; top: -21px; right: 19px; border: 10px solid #d9deea; border-color: transparent transparent #d9deea transparent } .chat-sidebar .dropdown-menu.show::after {content: ""; position: absolute; top: -19px; right: 19px; border: 10px solid #fff; border-color: transparent transparent #fff transparent } .chat-sidebar .chat-left-sidebar .media .action-icon {opacity: 0 } .chat-sidebar .chat-left-sidebar .media:hover .action-icon {opacity: 1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s } .chat-sidebar .sidebar-body {width: 300px; position: absolute; top: 60px; bottom: 0; left: 0; display: flex; flex-direction: column; border-right: 1px solid rgba(70, 95, 145, .2) } .chat-body .chat-hearer {padding: 10px 20px; border-bottom: 1px solid rgba(70, 95, 145, .2) } .chat-content-body {position: absolute; top: 60px; bottom: 60px; left: 300px; right: 0 } .chat-body {width: 100% } .chat-body .chat-content-bottom {background-color: #fff; position: absolute; bottom: 0; left: 300px; right: 0; display: flex; justify-content: space-between } .chat-body .chat-content-bottom {padding: 0; border-top: 1px solid rgba(70, 95, 145, .2) } .chat-footer-message {width: 100% } .chat-footer-message .form-control {width: 100%; font-size: inherit; border: 0; box-shadow: none !important; background-color: transparent } .chat-body .chat-content-bottom .form-control {padding: 15px; height: 55px; resize: none } .chat-body .chat-content-bottom .chat-footer-icon .chat-attachment {padding: 15px 20px; display: flex; align-items: center; justify-content: center; color: #8392a5; border-right: 1px solid rgba(70, 95, 145, .2) } .chat-body .chat-content-bottom .chat-footer-message nav a {color: #8392a5; padding: 17px 20px; display: block; border-left: 1px solid rgba(70, 95, 145, .2) } .calling-modal .modal.show .modal-dialog {-webkit-transform: none; transform: none; min-width: 100%; padding: 0; margin-top: 0; margin-bottom: 0 } .calling-modal .row .col-lg-12 {padding-right: 0; padding-left: 0 } .call {background-image: linear-gradient(180deg, #3949ab, #2962ff); position: sticky; top: 0; z-index: 99; overflow-y: auto } .call .content {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; height: 99.75vh; text-align: center } .call .content .participant {margin-bottom: 50px } .call .pulse {border-radius: 50%; box-shadow: 0 0 0 rgba(255, 255, 255, .5); animation: pulse 2s infinite } .call .content .participant span {margin: 50px 15px; display: block; color: #fff; text-align: center } .call .content .options .option {padding: 0 15px; color: #fff; line-height: 0; background: 0 0 } .call .participant .wave {display: inline-flex } .text.typing .wave .dot {display: inline-block; width: 6px; height: 6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-right: 1px; background: #cfc9d8; -webkit-animation: wave 1.3s linear infinite; -moz-animation: wave 1.3s linear infinite; -ms-animation: wave 1.3s linear infinite; -o-animation: wave 1.3s linear infinite; animation: wave 1.3s linear infinite } .wave .dot {display: inline-block; width: 6px; height: 6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-right: 1px; background: #fff; -webkit-animation: wave 1.3s linear infinite; -moz-animation: wave 1.3s linear infinite; -ms-animation: wave 1.3s linear infinite; -o-animation: wave 1.3s linear infinite; animation: wave 1.3s linear infinite } .text.typing .wave .dot:last-of-type {margin-right: 0 } .text.typing .wave .dot:nth-child(2) {-webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -ms-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s } .text.typing .wave .dot:nth-child(3) {-webkit-animation-delay: -.9s; -moz-animation-delay: -.9s; -ms-animation-delay: -.9s; -o-animation-delay: -.9s; animation-delay: -.9s } @keyframes wave {0%, 100%, 60% {transform: initial } 30% {transform: translateY(-5px) } } .call .pulse {border-radius: 50%; box-shadow: 0 0 0 rgba(255, 255, 255, .5); animation: pulse 2s infinite } @-webkit-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .5) } 50% {-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0) } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) } } @keyframes pulse {0% {-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); box-shadow: 0 0 0 0 rgba(255, 255, 255, .4) } 50% {-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 169, 255, 0) } 100% {-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) } } @media (max-width:767px) and (min-width:320px) {.chat-body .chat-content-bottom {left: 0 } } @media (max-width:767px) {.chat-content-body {left: 0 } .header-right {margin-top: 0 } } @media (max-width:991px) and (min-width:768px) {.chat-sidebar, .chat-sidebar .sidebar-body {width: 240px } .chat-body .chat-content-bottom, .chat-content-body {left: 240px } .header-right {margin-top: 0 } } @media (max-width:1023px) and (min-width:992px) {.chat-sidebar, .chat-sidebar .sidebar-body {width: 300px } .chat-body .chat-content-bottom, .chat-content-body {left: 300px } } .filemanager-header {height: 55px; border-bottom: 1px solid rgba(70, 95, 145, .2); display: flex; align-items: center; padding: 0 20px 0 30px } .filemanager-content-body .dropdown-file {margin-left: auto } @media (min-width:576px) {.img-group .img+.img {margin-left: -25px } } .img-group .img+.img {margin-left: -15px } @media (min-width:576px) {.img-group .img {padding: 3px } } .img-group .img {position: relative; background-color: #fff; padding: 2px } .img-group .img:hover {z-index: 999; -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5); -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5); -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5) } .accordion.header-color .ui-accordion-header, .accordion.header-color .ui-accordion-header.ui-state-active {color: #fff } .accordion.header-color .bd-primary {border-color: #0866c6 } .accordion.bg-color .accordion-body, .accordion.bg-color .ui-accordion-header, .accordion.bg-color .ui-accordion-header.ui-state-active {color: #fff } .popover {border-color: rgba(28, 39, 60, .12); box-shadow: 0 0 8px rgba(28, 39, 60, .08); border-radius: .25rem; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif } .popover-body {padding: 10px 15px 15px } .popover-header {background-color: #f1f2f6; border-top-left-radius: .25rem; border-top-right-radius: .25rem; font-size: 14px; color: #1c273c; border-bottom-color: #e3e7ed; padding: 10px 15px } .popover-header-danger .popover-header, .popover-header-info .popover-header, .popover-header-primary .popover-header, .popover-header-secondary .popover-header, .popover-header-success .popover-header, .popover-header-warning .popover-header {color: #fff; border-bottom-width: 0; position: relative; margin-top: -1px; margin-left: -1px; margin-right: -1px } .popover-header-danger.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover-header-danger.bs-popover-bottom .popover-header::before, .popover-header-info.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover-header-info.bs-popover-bottom .popover-header::before, .popover-header-primary.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover-header-primary.bs-popover-bottom .popover-header::before, .popover-header-secondary.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover-header-secondary.bs-popover-bottom .popover-header::before, .popover-header-success.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover-header-success.bs-popover-bottom .popover-header::before, .popover-header-warning.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover-header-warning.bs-popover-bottom .popover-header::before {display: none } .popover-header-warning .popover-header {color: #001737 } .popover-header-primary.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-header-primary.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover-header-primary.bs-popover-bottom .arrow::after, .popover-header-primary.bs-popover-bottom .arrow::before {border-bottom-color: #0168fa } .popover-header-primary .popover-header {background-color: #0168fa } .popover-header-secondary.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-header-secondary.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover-header-secondary.bs-popover-bottom .arrow::after, .popover-header-secondary.bs-popover-bottom .arrow::before {border-bottom-color: #7987a1 } .popover-header-secondary .popover-header {background-color: #7987a1 } .popover-header-success.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-header-success.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover-header-success.bs-popover-bottom .arrow::after, .popover-header-success.bs-popover-bottom .arrow::before {border-bottom-color: #10b759 } .popover-header-success .popover-header {background-color: #10b759 } .popover-header-danger.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-header-danger.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover-header-danger.bs-popover-bottom .arrow::after, .popover-header-danger.bs-popover-bottom .arrow::before {border-bottom-color: #dc3545 } .popover-header-danger .popover-header {background-color: #dc3545 } .popover-header-warning.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-header-warning.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover-header-warning.bs-popover-bottom .arrow::after, .popover-header-warning.bs-popover-bottom .arrow::before {border-bottom-color: #ffc107 } .popover-header-warning .popover-header {background-color: #ffc107 } .popover-header-info.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-header-info.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover-header-info.bs-popover-bottom .arrow::after, .popover-header-info.bs-popover-bottom .arrow::before {border-bottom-color: #00b8d4 } .popover-header-info .popover-header {background-color: #00b8d4 } .popover-danger, .popover-info, .popover-primary, .popover-secondary, .popover-success, .popover-warning {border-width: 0 } .popover-danger .popover-header, .popover-info .popover-header, .popover-primary .popover-header, .popover-secondary .popover-header, .popover-success .popover-header, .popover-warning .popover-header {background-color: transparent; border-bottom-color: rgba(255, 255, 255, .08); color: #fff } .popover-danger .popover-header::before, .popover-info .popover-header::before, .popover-primary .popover-header::before, .popover-secondary .popover-header::before, .popover-success .popover-header::before, .popover-warning .popover-header::before {display: none } .popover-danger .popover-body, .popover-info .popover-body, .popover-primary .popover-body, .popover-secondary .popover-body, .popover-success .popover-body, .popover-warning .popover-body {color: rgba(255, 255, 255, .7) } .popover-danger .arrow::before, .popover-info .arrow::before, .popover-primary .arrow::before, .popover-secondary .arrow::before, .popover-success .arrow::before, .popover-warning .arrow::before {display: none } .popover-primary {background-color: #0168fa } .popover-primary.bs-popover-auto[x-placement^=top] .arrow::after, .popover-primary.bs-popover-top .arrow::after {border-top-color: #0168fa } .popover-primary.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-primary.bs-popover-bottom .arrow::after {border-bottom-color: #0168fa } .popover-primary.bs-popover-auto[x-placement^=right] .arrow::after, .popover-primary.bs-popover-right .arrow::after {border-right-color: #0168fa } .popover-primary.bs-popover-auto[x-placement^=left] .arrow::after, .popover-primary.bs-popover-left .arrow::after {border-left-color: #0168fa } .popover-secondary {background-color: #7987a1 } .popover-secondary.bs-popover-auto[x-placement^=top] .arrow::after, .popover-secondary.bs-popover-top .arrow::after {border-top-color: #7987a1 } .popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-secondary.bs-popover-bottom .arrow::after {border-bottom-color: #7987a1 } .popover-secondary.bs-popover-auto[x-placement^=right] .arrow::after, .popover-secondary.bs-popover-right .arrow::after {border-right-color: #7987a1 } .popover-secondary.bs-popover-auto[x-placement^=left] .arrow::after, .popover-secondary.bs-popover-left .arrow::after {border-left-color: #7987a1 } .popover-success {background-color: #10b759 } .popover-success.bs-popover-auto[x-placement^=top] .arrow::after, .popover-success.bs-popover-top .arrow::after {border-top-color: #10b759 } .popover-success.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-success.bs-popover-bottom .arrow::after {border-bottom-color: #10b759 } .popover-success.bs-popover-auto[x-placement^=right] .arrow::after, .popover-success.bs-popover-right .arrow::after {border-right-color: #10b759 } .popover-success.bs-popover-auto[x-placement^=left] .arrow::after, .popover-success.bs-popover-left .arrow::after {border-left-color: #10b759 } .popover-warning {background-color: #ffc107 } .popover-warning.bs-popover-auto[x-placement^=top] .arrow::after, .popover-warning.bs-popover-top .arrow::after {border-top-color: #ffc107 } .popover-warning.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-warning.bs-popover-bottom .arrow::after {border-bottom-color: #ffc107 } .popover-warning.bs-popover-auto[x-placement^=right] .arrow::after, .popover-warning.bs-popover-right .arrow::after {border-right-color: #ffc107 } .popover-warning.bs-popover-auto[x-placement^=left] .arrow::after, .popover-warning.bs-popover-left .arrow::after {border-left-color: #ffc107 } .popover-danger {background-color: #dc3545 } .popover-danger.bs-popover-auto[x-placement^=top] .arrow::after, .popover-danger.bs-popover-top .arrow::after {border-top-color: #dc3545 } .popover-danger.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-danger.bs-popover-bottom .arrow::after {border-bottom-color: #dc3545 } .popover-danger.bs-popover-auto[x-placement^=right] .arrow::after, .popover-danger.bs-popover-right .arrow::after {border-right-color: #dc3545 } .popover-danger.bs-popover-auto[x-placement^=left] .arrow::after, .popover-danger.bs-popover-left .arrow::after {border-left-color: #dc3545 } .popover-info {background-color: #00b8d4 } .popover-info.bs-popover-auto[x-placement^=top] .arrow::after, .popover-info.bs-popover-top .arrow::after {border-top-color: #00b8d4 } .popover-info.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover-info.bs-popover-bottom .arrow::after {border-bottom-color: #00b8d4 } .popover-info.bs-popover-auto[x-placement^=right] .arrow::after, .popover-info.bs-popover-right .arrow::after {border-right-color: #00b8d4 } .popover-info.bs-popover-auto[x-placement^=left] .arrow::after, .popover-info.bs-popover-left .arrow::after {border-left-color: #00b8d4 } .popover-warning .popover-header {color: #001737; border-bottom-color: rgba(0, 23, 55, .05) } .popover-warning .popover-body {color: rgba(0, 23, 55, .8) } @keyframes spinner-border {to {transform: rotate(360deg) } } .spinner-border {display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite } .spinner-border-sm {width: 1rem; height: 1rem; border-width: .2em } @keyframes spinner-grow {0% {transform: scale(0) } 50% {opacity: 1 } } .spinner-grow {display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite } .spinner-grow-sm {width: 1rem; height: 1rem } .tooltip-inner {font-size: 12px; padding: 5px 10px } .tooltip-primary .tooltip-inner {background-color: #007bff } .tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-primary.bs-tooltip-top .arrow::before {border-top-color: #007bff } .tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-primary.bs-tooltip-bottom .arrow::before {border-bottom-color: #007bff } .tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-primary.bs-tooltip-left .arrow::before {border-left-color: #007bff } .tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-primary.bs-tooltip-right .arrow::before {border-right-color: #007bff } .tooltip-secondary .tooltip-inner {background-color: #6c757d } .tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-secondary.bs-tooltip-top .arrow::before {border-top-color: #6c757d } .tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-secondary.bs-tooltip-bottom .arrow::before {border-bottom-color: #6c757d } .tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-secondary.bs-tooltip-left .arrow::before {border-left-color: #6c757d } .tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-secondary.bs-tooltip-right .arrow::before {border-right-color: #6c757d } .tooltip-success .tooltip-inner {background-color: #02bc77 } .tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-success.bs-tooltip-top .arrow::before {border-top-color: #02bc77 } .tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-success.bs-tooltip-bottom .arrow::before {border-bottom-color: #02bc77 } .tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-success.bs-tooltip-left .arrow::before {border-left-color: #02bc77 } .tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-success.bs-tooltip-right .arrow::before {border-right-color: #02bc77 } .tooltip-danger .tooltip-inner {background-color: #d9534f } .tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-danger.bs-tooltip-top .arrow::before {border-top-color: #d9534f } .tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-danger.bs-tooltip-bottom .arrow::before {border-bottom-color: #d9534f } .tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-danger.bs-tooltip-left .arrow::before {border-left-color: #d9534f } .tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-danger.bs-tooltip-right .arrow::before {border-right-color: #d9534f } .tooltip-warning .tooltip-inner {background-color: #ffd950 } .tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-warning.bs-tooltip-top .arrow::before {border-top-color: #ffd950 } .tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-warning.bs-tooltip-bottom .arrow::before {border-bottom-color: #ffd950 } .tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-warning.bs-tooltip-left .arrow::before {border-left-color: #ffd950 } .tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-warning.bs-tooltip-right .arrow::before {border-right-color: #ffd950 } .tooltip-info .tooltip-inner {background-color: #26bbce } .tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-info.bs-tooltip-top .arrow::before {border-top-color: #26bbce } .tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-info.bs-tooltip-bottom .arrow::before {border-bottom-color: #26bbce } .tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-info.bs-tooltip-left .arrow::before {border-left-color: #26bbce } .tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-info.bs-tooltip-right .arrow::before {border-right-color: #26bbce } .tooltip-light .tooltip-inner {background-color: #b4bdce } .tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-light.bs-tooltip-top .arrow::before {border-top-color: #b4bdce } .tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-light.bs-tooltip-bottom .arrow::before {border-bottom-color: #b4bdce } .tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-light.bs-tooltip-left .arrow::before {border-left-color: #b4bdce } .tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-light.bs-tooltip-right .arrow::before {border-right-color: #b4bdce } .tooltip-dark .tooltip-inner {background-color: #3b4863 } .tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-dark.bs-tooltip-top .arrow::before {border-top-color: #3b4863 } .tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-dark.bs-tooltip-bottom .arrow::before {border-bottom-color: #3b4863 } .tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-dark.bs-tooltip-left .arrow::before {border-left-color: #3b4863 } .tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-dark.bs-tooltip-right .arrow::before {border-right-color: #3b4863 } .image-marker__dot.green.ui-draggable.ui-draggable-handle, .image-marker__line.green {color: #007bff; background: #007bff } .image-marker__text-box.green.ui-draggable.ui-draggable-handle {border-color: #007bff } .image-marker__dot.yello.ui-draggable.ui-draggable-handle, .image-marker__line.yello {color: #ffd950; background: #ffd950 } .image-marker__text-box.yello.ui-draggable.ui-draggable-handle {border-color: #ffd950 } .image-marker__text-box__title {font-family: inherit; font-weight: 600 } .image-marker__text-box__content {font-family: inherit; font-weight: 400 } .modal-header {display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgba(70, 95, 145, .2); border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-footer {display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid rgba(70, 95, 145, .2); border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem } @media (min-width:1200px) {.modal-xl {max-width: 1140px } } .bd-example-row .row>.col, .bd-example-row .row>[class^=col-] {padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(90, 96, 148, .15); border: 1px solid rgba(86, 61, 124, .2) } .bd-example-row .row+.row {margin-top: 1rem } .bd-example-row-flex-cols .row {min-height: 10rem; background-color: rgba(9, 0, 255, .05) } .bd-highlight {background-color: rgba(90, 96, 148, .15); border: 1px solid rgba(86, 61, 124, .2) } .icons-list {border-left: 1px solid #eff1f5; border-top: 1px solid #eff1f5 } .icons-list>div {background: #fff; border-bottom: 1px solid #eff1f5; border-right: 1px solid #eff1f5; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 15px 15px } .icons-list>div i {display: inline-block; font-size: 20px; text-align: left; padding: 0 15px } .icons-list>div:hover, .icons-list>div:hover span {color: #fff !important; background: #007bff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s } .icons-list .flag-icon {margin: 0 10px } .parsley-errors-list {color: #dc3545; list-style: none; font-size: 12px; padding: 0; margin-bottom: 0 } .custom-select.is-invalid, .dataTables_filter .was-validated input:invalid, .dataTables_filter input.is-invalid, .dataTables_filter input.parsley-error, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .dataTables_filter input:required, .was-validated .form-control:invalid, input.custom-select.parsley-error, input.form-control.parsley-error, textarea.custom-select.parsley-error, textarea.form-control.parsley-error {border-color: #dc3545 !important } .custom-select.is-valid, .dataTables_filter .was-validated input:valid, .dataTables_filter input.is-valid, .dataTables_filter input.parsley-success, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .dataTables_filter input:valid, .was-validated .form-control:valid, input.custom-select.parsley-success, input.form-control.parsley-success, textarea.custom-select.parsley-success, textarea.form-control.parsley-success {border-color: #23bf08 !important } .parsley-checkbox.parsley-error {display: inline-block; padding: 10px; border: 1px solid #dc3545 } .parsley-checkbox.parsley-success {display: inline-block; padding: 10px; border: 1px solid #23bf08 } .parsley-error select.select2 {border: 1px solid #dc3545 !important } .parsley-success select.select2 {border: 1px solid #23bf08 !important } .parsley-style-1 .parsley-errors-list.filled {background: #f44; color: #fff; padding: 5px 10px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px } .dataTables_filter .parsley-style-1 .parsley-input.parsley-success input, .parsley-style-1 .parsley-input.parsley-success .dataTables_filter input, .parsley-style-1 .parsley-input.parsley-success .form-control {border-color: #23bf08 } .irs--flat .irs-bar {background-color: #4570e8 } .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {background-color: #4570e8 } .irs--flat .irs-handle>i:first-child {background-color: #4570e8 } .irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before {border-top-color: #4570e8 } .irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {background-color: #4570e8 } .irs--round .irs-max, .irs--round .irs-min, .irs--sharp .irs-max, .irs--sharp .irs-min, .irs--square .irs-max, .irs--square .irs-min {font-size: 10px } @media (min-width:576px) {.ui-datepicker-inline {max-width: 270px } } .ui-datepicker-inline {border-color: 1px solid rgba(70, 95, 145, .2) } .ui-datepicker {background-color: #fff; border: 1px solid rgba(70, 95, 145, .2); font-family: inherit; font-size: inherit; padding: 10px; margin: 1px 0 0; display: none; width: auto !important; z-index: 5 !important; border-radius: .25rem } .ui-datepicker .ui-datepicker-header {display: flex; justify-content: space-between; align-items: center; position: relative; font-weight: 500; font-size: 12px; text-transform: uppercase; color: #001737; padding: 0 0 5px; letter-spacing: 1px; border: 0; background-color: transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {text-indent: -99999px; color: #8392a5; top: 0 } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {right: 5px; content: '\e649'} .ui-datepicker .ui-datepicker-header .ui-datepicker-next {order: 3 } a:not([href]):not([tabindex]) {color: inherit; text-decoration: none } .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {font-size: 13px; font-family: themify; position: absolute; top: -1px; text-indent: 0 } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {left: 5px; content: '\e64a'} a:not([href]):not([tabindex]) {color: inherit; text-decoration: none } .ui-datepicker .ui-datepicker-title {color: #001737; font-weight: 700; font-size: 13px } .ui-datepicker .ui-datepicker-calendar {margin: 0; background-color: transparent; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .ui-datepicker .ui-datepicker-calendar th {text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 1px; padding: 6px 9px; color: #1b2e4b } .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {transition: all .2s ease-in-out; color: #1b2e4b; padding: 5px 8px; display: block; font-weight: 400; font-size: 12px; border: 1px solid rgba(0, 0, 0, .05); border-radius: 1px } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover {background-color: #4570e8; color: #fff } .ui-datepicker .ui-datepicker-calendar a.ui-state-active {border: 1px solid #4570e8 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {font-size: 11px; border: 1px solid rgba(70, 95, 145, .2); -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 2px 10px 2px 5px; border-radius: .25rem; position: relative; margin-top: -3px; margin-left: 5px } .ui-datepicker-close.ui-state-default.ui-priority-primary {background: #4570e8; border: 1px solid #4570e8; color: #fff; padding: 5px 15px; border-radius: 2px; margin-right: 5px; font-size: 12px } .ui-datepicker-current.ui-state-default.ui-priority-secondary {background: #2d353e; border: 1px solid #232a31; color: #fff; padding: 5px 15px; border-radius: 2px; margin-right: 5px; font-size: 12px } .ui-datepicker-multi .ui-datepicker-group {padding-right: 15px; width: auto; float: left } .ui-datepicker-multi .ui-datepicker-group-last {padding-right: 0 } table.dataTable {border: 1px solid #d9dcdf } table.dataTable thead th {border-top: none } .table.box-bordered {border: 1px solid #d9dcdf } .table.no-footer {margin-bottom: 0 } .table-danger thead tr th, .table-dark thead tr th, .table-info thead tr th, .table-light thead tr th, .table-primary thead tr th, .table-secondary thead tr th, .table-success thead tr th, .table-warning thead tr th {color: #fff } .table-primary thead {background-color: #0168fa } .table-primary.table-striped tbody tr:nth-of-type(2n+1) {background-color: #e2eeff } .table-primary tbody tr {background-color: #f1f7ff } .table-primary.table-hover tbody tr:hover {background-color: #e4edf9 } .table-dark {color: #fff; background-color: #3b4863 } table.dataTable thead th div.DataTables_sort_wrapper {position: relative; font-weight: 400; text-transform: uppercase; font-size: 11px } .dataTables_wrapper .dataTables_paginate .fg-button {padding: .3em .6em; border: 1px solid #e4e5f7 } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35; filter: Alpha(Opacity=35); background-image: none } table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th {border-top: 1px solid rgba(70, 95, 145, .2) } table.dataTable.cell-border tbody tr:last-child td {border-bottom: 1px solid rgba(70, 95, 145, .2) } table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before {bottom: .5em } .dataTables_wrapper .ui-toolbar {padding: 10px; display: flow-root } table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {background-image: none; position: relative } tr#delall {background-color: #fff } .table-bordered td, .table-bordered th {border: 1px solid #d9dcdf } table.table td, table.table th {border-top: 1px solid #d9dcdf } table.table-datatable {border: 1px solid #ced4da } .table.table-datatable thead th {border-top: 0 solid #d9dcdf } .footable-page a, .footable-page-arrow a {display: block; padding: 2px 8px; border: 1px solid #e4e5f7; margin: 2px } .footable-page.active a {border: 1px solid #fff; color: #b8b8b8 } #foo-filtering.table {margin-bottom: inherit } .jqstooltip {position: absolute; left: 0; top: 0; visibility: hidden; background: 0 0; background-color: rgba(0, 0, 0, .6); color: #fff; font: 10px arial, san serif; text-align: left; white-space: nowrap; padding: 12px; border: 1px solid #fff; z-index: 10000; display: inline-table } div.dataTables_wrapper div.dataTables_paginate {margin: 15px 0 } div.dataTables_wrapper div.dataTables_info {font-size: 13px } .ranges li.active {background-color: #007bff !important; color: #fff !important } .ranges li.active {background-color: #007bff !important; color: #fff !important } .btn-primary.disabled, .btn-primary:disabled {color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff; background-color: #007bff; border-color: #007bff } .daterangepicker .drp-buttons .btn {font-weight: 400; padding: 5px 15px } .daterangepicker td.active, .daterangepicker td.active:hover {background-color: #007bff } .daterangepicker .calendar-table td, .daterangepicker .calendar-table th, .daterangepicker .drp-selected, .daterangepicker .ranges li {font-family: "IBM Plex Sans", sans-serif } .dtp>.dtp-content>.dtp-date-view>header.dtp-header {background: #007bff } .dtp div.dtp-date, .dtp div.dtp-time {background: #536df3 } .dtp .p10>a {color: #d4d3dc; text-decoration: none } .dtp table.dtp-picker-days tr>td>a.selected {background: #007bff; color: #fff } .btn-flat {font-size: 11px !important; border: 1px solid #eee; padding: 2px 10px !important } .dtp-btn-ok {color: #fff !important; background-color: #007bff !important; border-color: #007bff !important; text-transform: uppercase !important; font-weight: 600 !important; border-radius: 2px !important } .dtp .svg-clock [fill="#8BC34A"] {fill: #007bff !important } .dtp .svg-clock [stroke="#8BC34A"] {stroke: #007bff !important } .year-picker-item.active {color: #536df3; font-weight: 700 } .dtp .dtp-actual-meridien a.selected {background: #007bff; color: #fff } .bootstrap-duallistbox-container .glyphicon-arrow-right::before {content: "→"} .bootstrap-duallistbox-container .glyphicon-arrow-left::before {content: "←"} .slider-handle {position: absolute; top: -2px; width: 15px; height: 15px; background-color: #007bff; background-image: -webkit-linear-gradient(top, #007bff 0, #007bff 100%); background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%); background-image: linear-gradient(to bottom, #007bff 0, #007bff 100%); background-repeat: repeat-x; filter: none } .slider.slider-horizontal {width: 100%; height: .75rem } .slider {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .slider {display: inline-block; vertical-align: middle; position: relative } #ex1Slider .slider-selection {background: #eee } .slider .tooltip.right.in, .slider .tooltip.top.in {opacity: 1 } .slider-handle.custom {background: transparent none } .slider-handle.custom::before {line-height: 20px; font-size: 20px; content: '\2605'; color: #726204 } #slider12a .slider-track-high, #slider12c .slider-track-high {background: green } #slider12b .slider-track-low, #slider12c .slider-track-low {background: red } #slider12c .slider-selection {background: #ff0 } #slider22 .slider-selection {background: #81bfde } #slider22 .slider-rangeHighlight {background: #f70616 } #slider22 .slider-rangeHighlight.category1 {background: #f90 } #slider22 .slider-rangeHighlight.category2 {background: #9c0 } .label.label-success {font-size: 12px; background: #4caf50; padding: 3px 10px; color: #fff; border-radius: 3px } .label.label-danger {font-size: 12px; background: #f44336; padding: 3px 10px; color: #fff; border-radius: 3px } .label.label-dark {font-size: 12px; background: #232a31; padding: 3px 10px; color: #fff; border-radius: 3px } .multiselect-container>li>a>label {font-size: 13px } .pwstrength-progress.progress {margin: 3px 0; height: 3px } .password-verdict {font-size: 12px; font-weight: 700; display: block; text-align: right } [dir=rtl] .password-verdict {text-align: left } ul.error-list {list-style: none; padding: 0 } .bootstrap-tagsinput {display: block; padding: 5px; box-shadow: none; border-color: #ced4da; border-radius: .25rem; min-height: calc(1.5em + .9375rem + 2px) } .bootstrap-tagsinput input {width: 100% !important } .bootstrap-tagsinput .tag {display: inline-flex; align-items: center; background-color: #0168fa; color: #fff; padding: 0 7px; border-radius: 1px; padding-right: 13px; margin: 2px } .bootstrap-tagsinput .tag [data-role=remove] {display: inline-block; height: 16px; width: 10px; position: relative; opacity: .5; margin-left: 4px } .bootstrap-tagsinput .tag [data-role=remove]::after {content: "\f05c"; font-family: FontAwesome; font-size: 18px; position: absolute; top: calc(50% + .5px); line-height: 0 } .bootstrap-tagsinput .tag [data-role=remove]:focus, .bootstrap-tagsinput .tag [data-role=remove]:hover {opacity: 1; box-shadow: none } .bootstrap-tagsinput .tt-menu {border-radius: 4px; margin-top: 13px; margin-left: -6px; border: 1px solid #ced4da; box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1) } .tt-menu {min-width: 150px; background-color: #fff; border: 1px solid rgba(72, 94, 144, .16); padding: 5px; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; box-shadow: 0 6px 8px 2px rgba(28, 39, 60, .04) } .tt-suggestion {padding: 2px 10px } .tt-suggestion:focus, .tt-suggestion:hover {cursor: pointer; background-color: #0168fa; color: #fff } .cropper-example-container, .cropper-example-preview {background-color: #f7f7f7; width: 100%; text-align: center } .cropper-example-container {min-height: 200px; max-height: 400px; margin-bottom: 1rem; overflow: hidden } .cropper-example-container>img {max-width: 100% } @media (min-width:768px) {.cropper-example-container {min-height: 400px } } .cropper-example-preview {float: left; margin-right: .5rem; margin-bottom: .5rem; overflow: hidden; max-width: 100% !important } [dir=rtl] .cropper-example-preview {direction: ltr; float: right; margin-right: 0; margin-left: .5rem } .cropper-example-preview>img {max-width: 100% } .cropper-example-preview.lg {width: 16rem; height: 9rem } .cropper-example-preview.md {width: 8rem; height: 4.5rem } .cropper-example-preview.sm {width: 4rem; height: 2.25rem } .cropper-example-preview.xs {width: 2rem; height: 1.125rem; margin-right: 0 } [dir=rtl] .cropper-example-preview.xs {margin-left: 0 } .cropper-example-cropped .modal-body {text-align: center } .cropper-example-cropped .modal-body>canvas, .cropper-example-cropped .modal-body>img {max-width: 100% } .cropper-example-cropped .close {position: absolute; right: 20px; top: 20px } .dropzone {min-height: 250px; border: 1px dashed #1ab394; padding: 20px 20px; background: #fff } .dz-message {display: grid; font-size: 20px } .dz-message .note {font-size: 13px } .dropzone.dz-clickable .dz-message {color: #9c9ba5; padding-top: 35px } .dragula-example {margin-bottom: 6px } .flow-drop {border: 1px dashed #1ab394 } .form-control:disabled, .form-control[readonly] {background-color: #fff; color: #888 } .flatpickr-calendar {background: #fff; border: 1px solid rgba(70, 95, 145, .2) } .flatpickr-month, span.flatpickr-weekday {background: #4c84ff; color: #fff; fill: #fff; padding: 5px 0 10px 0 } .material-style .flatpickr-day {color: #4e5155; font-weight: 500; font-size: .75rem; border-radius: 10rem } .flatpickr-day.today {border-color: #4c84ff } .flatpickr-calendar, .flatpickr-days {width: calc(15.375rem + 0px) !important } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.week.selected {border-color: #4c84ff !important; background: #4c84ff !important; color: #fff !important } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.today.inRange {border-color: #e4edff !important; background: #e4edff !important; color: #5b5f66 !important } .growl-default {background: #007bff !important; color: #fff !important } .growl {border-radius: .125rem; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .15), 0 24px 38px 3px rgba(0, 0, 0, .1), 0 9px 46px 8px rgba(0, 0, 0, .08) !important } [dir=rtl] .knob-example>div {position: relative } [dir=rtl] .knob-example input {transform: translateX(50%); margin-left: 0 !important; right: 50% } .masonry-grid {background: #f8f8f8 } .masonry-grid:after {content: ''; display: block; clear: both } .masonry-grid-item {width: 160px; height: 120px; float: left; background: rgba(0, 0, 0, .05); border: 2px solid rgba(0, 0, 0, .05); border-radius: 5px } .masonry-grid-item--width2 {width: 320px } .masonry-grid-item--width3 {width: 480px } .masonry-grid-item--width5 {width: 640px } .masonry-grid-item--height2 {height: 200px } .masonry-grid-item--height3 {height: 260px } .masonry-grid-item--height4 {height: 360px } #nestable2 .dd-handle {background: #f6f6f6; padding: .625rem 1.25rem } #nestable2 button[data-action] {margin-top: .625rem } html:not([dir=rtl]) body:not([dir=rtl]) #nestable2 button[data-action]~.dd-handle {padding-left: 2rem } [dir=rtl] #nestable2 button[data-action]~.dd-handle {padding-right: 2rem } .dd-custom-drag-handle .dd-handle {border: 0; float: left; margin: 1px; font-size: .625rem; line-height: 1.25rem } .dd-custom-drag-handle .dd-handle>* {vertical-align: middle } [dir=rtl] .dd-custom-drag-handle .dd-handle {float: right } .dd-content, .dd-handle {border: 1px solid rgba(24, 28, 33, .1); border-radius: .125rem } .noUi-connect {background: #007bff } .noUi-target {box-shadow: none } .noUi-primary .noUi-base .noUi-handle {box-shadow: none !important; background: #4c84ff !important } .noUi-primary .noUi-base .noUi-connect {background: #4c84ff !important } .noUi-secondary .noUi-handle {box-shadow: none; background: #8897aa } .noUi-secondary .noUi-connect {background: #8897aa } .noUi-success .noUi-handle {box-shadow: none; background: #02bc77 } .noUi-success .noUi-connect {background: #02bc77 } .noUi-warning .noUi-handle {box-shadow: none; background: #ffd950 } .noUi-warning .noUi-connect {background: #ffd950 } .noUi-info .noUi-handle {box-shadow: none; background: #28c3d7 } .noUi-info .noUi-connect {background: #28c3d7 } .noUi-danger .noUi-handle {box-shadow: none; background: #d9534f } .noUi-danger .noUi-connect {background: #d9534f } .noUi-dark .noUi-handle {box-shadow: none; background: rgba(24, 28, 33, .9) } .noUi-dark .noUi-connect {background: rgba(24, 28, 33, .9) } .noUi-tooltip {color: #4e5155; font-size: 85% } .sortable-example {padding: 0 } .sortable-example li {padding: 6px 10px; margin-bottom: 8px; list-style: none } .sortable-example-inline li {margin-right: 8px; display: inline-block } [dir=rtl] .sortable-example-inline li {margin-right: 0; margin-left: 8px } #sortable-3 {width: 220px } #sortable-3 img {margin-right: 8px; margin-bottom: 8px; width: 100px; height: 100px; border-radius: 999px; display: block; float: left } [dir=rtl] #sortable-3 img {margin-right: 0; margin-left: 8px; float: right } .swiper-container .swiper-slide {padding: 5rem 0; text-align: center; font-size: 1.5rem; background: #ecebed } #swiper-vertical {max-height: 195px } #swiper-3d-cube-effect {max-width: 300px } #swiper-3d-coverflow-effect .swiper-slide {max-width: 300px } #swiper-3d-flip-effect, #swiper-3d-flip-effect .swiper-slide {max-width: 300px } #swiper-3d-flip-effect {padding: 50px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #b8c2d0 } .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {background: #4c84ff; color: #fff } .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {background: #8897aa; color: #fff } .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {background: #02bc77; color: #fff } .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {background: #28c3d7; color: #fff } .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {background: #ffd950; color: #665720 } .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {background: #d9534f; color: #fff } .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {background: rgba(24, 28, 33, .9); color: #fff } .select2-container--default .select2-selection--multiple .select2-selection__choice {border: none } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {border: 1px solid rgba(70, 95, 145, .2) } .sw-theme-default>ul.step-anchor>li {flex-grow: 1; padding: 20px } .sw-theme-default .step-anchor li>a {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 0 2rem 0 3.75rem; min-height: 2.5rem; outline: 0 !important; border: 0 !important; background: 0 0 !important; text-decoration: none; font-weight: 500; cursor: default } .sw-theme-default .sw-done-icon, .sw-theme-default .sw-icon, .sw-theme-default .sw-number {position: absolute; top: 50%; left: 0; margin-top: -1.25rem; width: 2.5rem; height: 2.5rem; border: 2px solid; border-radius: 50%; text-align: center; line-height: calc(2.5rem - 4px) } .sw-theme-default>ul.step-anchor>li>a::after {background: 0 0; height: 0 } .sw-theme-default>ul.step-anchor>li.active>a span {border-color: #4285f4 !important } .sw-theme-default .sw-done-icon {display: none } .sw-theme-default .step-anchor li.done .sw-done-icon {display: block } .sw-theme-default .step-anchor li.done .sw-done-icon~.sw-icon, .sw-theme-default .step-anchor li.done .sw-done-icon~.sw-number {display: none } .sw-theme-default .sw-done-icon, .sw-theme-default .sw-icon, .sw-theme-default .sw-number {border-color: rgba(24, 28, 33, .06) } .sw-theme-default {-webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(70, 95, 145, .2) } #toast-container>div {border-radius: .125rem; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .15), 0 24px 38px 3px rgba(0, 0, 0, .1), 0 9px 46px 8px rgba(0, 0, 0, .08) !important } .note-editor .modal-header .close {padding: 0; margin: 0 } .note-editor .modal-header {display: block } .article-tags .bootstrap-tagsinput {margin: 0 } .btn-group>.btn.active {border: 1px solid #131a25 } .contact-edit-photo {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 24px; background-color: #e5e9f2; color: #8392a5; border-radius: 100%; position: absolute; bottom: 0; right: 0; box-shadow: 0 0 0 3px #fff } .ui-accordion-header:first-of-type {border-top-left-radius: .25rem; border-top-right-radius: .25rem } .ui-accordion-header {font-size: 14px; font-weight: 500; color: #1b2e4b; margin-bottom: 0; border: 1px solid rgba(70, 95, 145, .2); background-color: #f5f6fa; padding: 15px; position: relative; outline: 0; cursor: pointer; transition: all .2s ease-in-out } .ui-accordion-header .ui-accordion-header-icon {left: 15px; top: 12px; display: inline-block; margin-right: 10px } .ui-accordion-header.ui-state-active .ui-accordion-header-icon::before {content: '\e622'} .ui-accordion-header .ui-accordion-header-icon::before {content: '\e61a'; font-family: themify; font-size: 14px; display: inline-block } .ui-accordion-content {border: 1px solid rgba(70, 95, 145, .2); border-top-width: 0; padding: 15px; position: relative } .ui-accordion-header.ui-state-active {background-color: #fff; border-bottom-width: 0; color: #4570e8 } .ui-accordion-header~.ui-accordion-header {margin-top: -1px } .flex-truncate {min-width: 0 !important } .profiletimeline {padding-right: 40px; position: relative; padding-left: 40px; margin: 40px 10px 0 30px; border-left: 1px solid #e9ecef } .profiletimeline .sl-item {margin-top: 8px; margin-bottom: 30px } .profiletimeline .sl-left {float: left; margin-left: -60px; z-index: 1; margin-right: 15px } .profiletimeline .sl-left img, .steamline .sl-left img {max-width: 40px } .profiletimeline .sl-date {font-size: 10px; color: #a1aab2 } .product-thumbnail {border: 1px solid #e6e6f2; background-color: #fff; margin-bottom: 30px } .product-img-head {position: relative } .product-img {text-align: center; padding: 30px 0 } .ribbons {-webkit-clip-path: polygon(10% 25%, 10% 0, 35% 0, 65% 0, 90% 0, 90% 25%, 90% 50%, 91% 100%, 50% 73%, 10% 100%, 10% 50%); clip-path: polygon(10% 25%, 10% 0, 35% 0, 65% 0, 90% 0, 90% 25%, 90% 50%, 91% 100%, 50% 73%, 10% 100%, 10% 50%); position: absolute; top: 0; background-color: #59b3ff; padding: 31px 15px; text-align: center; left: 10px; font-family: 'Circular Std Medium'; color: #fff } .ribbons-text {transform: rotate(90deg); position: absolute; top: 11px; left: 10px; color: #fff } .product-wishlist-btn {height: 40px; width: 40px; border: 1px solid #dfdfec; border-radius: 100px; font-size: 18px; line-height: 2.3; color: #dfdfec; text-align: center; display: block; position: absolute; right: 15px; top: 15px } .product-content {border-top: 1px solid #e6e6f2; padding: 15px } .product-content-head {position: relative; margin-bottom: 25px } .product-title {font-size: 13px; margin-bottom: 5px; color: #007bff } .product-rating {font-size: 12px; color: #ffa811 } .product-price {position: absolute; top: 0; right: 0; font-size: 16px; color: #3d405c; line-height: 1 } .pricingTable1 {text-align: center; background: #fff; margin: 15px auto } .pricingTable1:hover {box-shadow: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s } .pricingTable1>.pricingTable1-header {color: #333; padding-top: 40px } .pricingTable1-header>.price-value {display: block; padding: 25px 0; background: #007bff; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; font-size: 24px; color: #fff; transition: all .4s ease 0s; font-weight: 700 } .price-value>.mo {display: block; font-size: 12px } .pricingTable1-header>.heading {display: block; padding-top: 20px } .pricingTable1>.pricingContent {margin-top: 30px } .pricingTable1>.pricingContent>ul {list-style: none; padding: 0; margin-bottom: 0 } .pricingTable1>.pricingContent>ul>li {padding: 10px 0; border-top: 1px solid #efefef; font-size: 13px } .pricingTable1-sign-up {padding: 40px 0; border-top: 1px solid #efefef } .pricingTable1-sign-up>.btn-block {width: 35%; margin: 0 auto; padding: 8px 0; border-radius: 3px; background: #007bff; color: #fff; text-transform: uppercase; font-size: 12px; border: 0 none; transition: all .4s ease 0s } .mid .btn-block, .mid .price-value {background: #ffa000 } .pricingTable2 {text-align: center; background: #fff } .pricingTable2>.pricingTable2-header {color: #333 } .pricingTable2-header>.heading {display: block; padding-top: 10px; position: relative } .heading>h3 {text-transform: uppercase; font-weight: 700; margin-bottom: 15px } .heading>.sale-wrapper {height: 88px; width: 85px; color: #fff; overflow: hidden; position: absolute; right: -4px; top: -3px } .sale-wrapper>.sale {box-shadow: 0 0 3px rgba(0, 0, 0, .3); font-size: 12px; padding: 8px 0; position: absolute; left: -10px; right: -18px; top: 15px; text-align: center; text-transform: uppercase; transform: rotate(45deg); width: 130px; background: #007bff } .sale-wrapper>.sale:after {content: ""; position: absolute; bottom: -3px; right: 6px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #6e8900 } .pricingTable2-header>.price-value {display: block; color: #007bff; font-size: 36px; font-weight: 700 } .price-value>.mo {display: block; color: #fff; font-size: 14px; font-weight: 400 } .pricingTable2>.pricingContent {margin-top: 20px } .pricingTable2>.pricingContent>ul {list-style: none; padding: 0; margin-bottom: 0 } .pricingTable2>.pricingContent>ul>li {padding: 13px 35px; border-top: 1px solid #dcdcdc; text-transform: uppercase } .pricingTable2>.pricingContent>ul>li:nth-child(odd) {background: #f3f3f3; color: #9c9c9c; text-transform: capitalize; font-size: 13px } .pricingTable2-sign-up {padding: 30px 15px; border-top: 1px solid #dcdcdc; background: #fff } .pricingTable2-sign-up .btn-default {padding: 10px; width: 40%; background: #007bff; color: #fff; text-transform: capitalize; border: 0 none; transition: all .4s ease 0s } .pricingTable2-sign-up .btn-default:hover {background: #2f2f2f; color: #fff } .section-pricing {z-index: 3; position: relative } .section-gray {background: #e5e5e5 } .block {display: inline-block; position: relative; width: 100%; margin-bottom: 30px; border-radius: 6px; color: rgba(0, 0, 0, .87); background: #fff } .block-caption {color: #3c4857 } .block-plain {background: 0 0; box-shadow: none } .block .category {font-size: 30px; font-weight: 700; text-transform: uppercase } .block .category:not([class*=text-]) {color: #3c4857 } .block-background {background-position: center center; background-size: cover; text-align: center } .block-raised {box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2) } .block-background .table {position: relative; z-index: 2; min-height: 280px; padding-top: 40px; padding-bottom: 40px; max-width: 440px; margin: 0 auto } .block-background .block-caption {color: #fff; margin-top: 10px } .block-pricing.block-background:after {background-color: rgba(0, 0, 0, .7) } .block-background:after {position: absolute; z-index: 1; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, .56); border-radius: 6px } [class*=pricing-] {padding: 90px 0 60px 0 } .block-pricing {text-align: center } .block-pricing:hover {box-shadow: none; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .block-pricing .block-caption {margin-top: 30px } .block-pricing .table {padding: 30px !important; margin-bottom: 0 } .block-pricing .icon {padding: 10px 0 0 } .block-pricing .icon i {font-size: 55px; border: 1px solid #007bff; color: #007bff; border-radius: 50%; width: 130px; line-height: 130px; height: 130px } .block-pricing h1 small {font-size: 14px } .block-pricing h1 small:first-child {position: relative; top: -17px; font-size: 26px } .block-pricing ul {list-style: none; padding: 0; max-width: 250px; margin: 10px auto } .block-pricing ul li {color: #656d77; text-align: center; padding: 12px 0; border-bottom: 1px solid rgba(0, 0, 0, .05) } .block-pricing ul li:last-child {border: 0 } .block-pricing ul li b {color: #3c4857 } .block-pricing ul li i {top: 6px; position: relative } .block-pricing [class*=table-] ul li, .block-pricing.block-background ul li {color: #fff; border-color: rgba(255, 255, 255, .3) } .block-pricing [class*=table-] ul li b, .block-pricing.block-background ul li b {color: #fff } .block-pricing [class*=table-] [class*=text-], .block-pricing.block-background [class*=text-] {color: #fff } .block-pricing.block-background:after {background-color: rgba(0, 0, 0, .7) } .block-background:not(.block-pricing) .btn {margin-bottom: 0 } .block .table-primary {background: linear-gradient(60deg, #ab47bc, #7b1fa2) } .block [class*=table-] .block-caption, .block [class*=table-] .block-caption a, .block [class*=table-] .icon i {color: #fff } .block-pricing .block-caption {margin-top: 30px } .block [class*=table-] h1 small, .block [class*=table-] h2 small, .block [class*=table-] h3 small {color: rgba(255, 255, 255, .8) } .block .table-primary {background: #7b1fa2 } .block .table-info {background: #007bff } .block .table-success {background: #007bff } .block .table-warning {background: #f57c00 } .block .table-danger {background: #d32f2f } .table-danger, .table-danger>td, .table-danger>th {background-color: #fae3e6 } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {background-color: #fcdce0 } .table-selected, .table-selected>td, .table-selected>th {background-color: #d7e1f3; border-color: #c3d0e8 !important } .table-hover .table-selected:hover>td, .table-hover .table-selected:hover>th {background-color: #cfdcf2 } .block .table-rose {background: #c2185b } .block [class*=table-] .block-description, .block [class*=table-] .category {color: rgba(255, 255, 255, .8) } .team-avatar a img {border: 2px solid #fff; border-radius: 50% } .team-avatar a:hover {z-index: 999 } .team-avatar a:hover img {z-index: 999; -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5); -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5); -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5) } .bg-gradient {background: linear-gradient(180deg, #3949ab, #2962ff) } .btn-light {color: #111 !important; background-color: #f3f6f9 !important; border-color: #e1e6ea } .btn-light.active, .btn-light:active {background-color: #e2e6ea; background-image: none; border-color: #dae0e5 } .btn-outline-brand {color: #007bff; border-color: #007bff; padding: 10px 20px !important } .btn-outline-brand:hover {color: #fff; background-color: #007bff; border-color: #007bff } .btn-brand {font-size: 13px; color: #fff; background-color: #007bff; border-color: #007bff; padding: 10px 20px !important } .btn-brand:hover {color: #007bff; border-color: #007bff; background-color: #fff } #auth {background-color: #f5f5f5 } .auth-container {padding-top: 60px; max-width: 300px; margin: auto } .auth-box {max-width: 300px; padding: 30px; margin: auto } .err {max-width: 300px; margin: auto } .login-wrapper .loginbox {background-color: #fff; border-radius: 3px; display: flex; margin: auto; min-height: 400px; width: 100%; border: 1px solid #cfcdda } .login-wrapper .loginbox .login-left {align-items: center; background: linear-gradient(180deg, #3949ab, #2962ff); border-radius: 3px 0 0 3px; flex-direction: column; justify-content: center; padding: 80px; width: 400px; display: flex } .login-wrapper .loginbox .login-right {align-items: center; display: flex; justify-content: center; padding: 40px; width: 400px } .uk-button {font-size: 13px } .uk-subnav {margin-bottom: 20px } .uk-accordion-title {font-size: inherit } .features-hover:hover {background: linear-gradient(180deg, #3949ab, #2962ff); color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s } .nav-tabs.social-card-tab .nav-item.show .nav-link, .nav-tabs.social-card-tab .nav-link.active {border-color: transparent transparent #00aced !important } .nav-tabs.social-card-tab .nav-link, .nav-tabs.social-card-tab-bg .nav-link {border: 2px solid transparent } .nav-tabs.social-card-tab-bg .nav-link {border: 2px solid transparent; color: #fff } .nav-tabs.social-card-tab-bg .nav-item.show .nav-link, .nav-tabs.social-card-tab-bg .nav-link.active {border-color: transparent transparent #00aced !important; background: 0 0; color: #00aced } .badge {display: inline-block; font-size: .858em; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; padding: .25em .417em; border-radius: .125rem; transition: all .2s ease-in-out 0s } .badge-pill {padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-outline-default {background-color: transparent; box-shadow: 0 0 0 1px #a2a2a2 inset; color: #a2a2a2 } .badge-outline-primary {background-color: transparent; box-shadow: 0 0 0 1px #007bff inset; color: #007bff } .badge-outline-info {background-color: transparent; box-shadow: 0 0 0 1px #28c3d7 inset; color: #28c3d7 } .badge-outline-danger {background-color: transparent; box-shadow: 0 0 0 1px #f44336 inset; color: #f44336 } .badge-outline-success {background-color: transparent; box-shadow: #02bc77 0 0 0 1px inset; color: #02bc77 } .badge-outline-warning {background-color: transparent; box-shadow: #ffc107 0 0 0 1px inset; color: #ffc107 } .card {position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; border: 1px solid rgba(70, 95, 145, .2); background-clip: border-box; border-radius: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .dropdown-menu {border: 1px solid #ced4da; box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1) } .card:hover {box-shadow: none; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s } .card-header {border-bottom: 1px solid rgba(70, 95, 145, .2) } .card-footer, .card-header {background-color: transparent } .card-footer {border-top: 1px solid rgba(70, 95, 145, .2) } .card-accent-primary {border-top-color: #20a8d8 !important; border-top-width: 2px !important } .card-accent-secondary {border-top-color: #c8ced3 !important; border-top-width: 2px !important } .card-accent-success {border-top-color: #4dbd74 !important; border-top-width: 2px !important } .card-accent-danger {border-top-color: #f86c6b !important; border-top-width: 2px !important } .card-accent-warning {border-top-color: #ffc107 !important; border-top-width: 2px !important } .card-accent-orange {border-top-color: #e25a0e !important; border-top-width: 2px !important } .card-accent-info {border-top-color: #63c2de !important; border-top-width: 2px !important } .card-accent-dark {border-top-color: #2f353a !important; border-top-width: 2px !important } .btn.focus, .btn:focus, button:focus {outline: 0; outline: 0 } .pageheader .dropdown-item {font-size: 13px; color: #8392a5; font-weight: 300 } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, input {font-size: 13px } .custom-select, .form-control, input {font-size: 13px; border-radius: 3px; box-shadow: none; border: 1px solid #ced4da; transition-duration: .5s } .custom-file::placeholder, .custom-select::placeholder, .form-control::placeholder, input::placeholder {color: #bcc4d4 } .form-control {transition: .1s } .custom-file-label::after {content: ""attr(browse-label) "" !important } hr {border-top: 1px solid rgba(70, 95, 145, .2) } pre {color: #212529; display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; background-color: #f7f7f7; border: 1px solid #eceff1; border-radius: 2px; max-height: calc(37.5rem - .375rem) } .breadcrumb {background-color: inherit; font-size: 13px; font-weight: 500 } .breadcrumb .breadcrumb-item {text-transform: uppercase; font-size: 11px; color: #8392a5; letter-spacing: .3px } .breadcrumb .breadcrumb-item:hover {color: #0168fa } .breadcrumb-item.active {color: #bccad6 } .pageheader h1 {color: #232a31 } .custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: #007bff } .custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #007bff } .custom-control {line-height: 25px } .custom-checkbox .custom-control-label::before {border-radius: 0 } .custom-select, .input-group-text {font-size: 13px } .input-group-text {border: 1px solid rgba(70, 95, 145, .2) } .table td, .table th, .table thead th {padding: .5rem 10px; border-top: 1px solid #edeff1 } .table th .select_all, .table thead th .select_all {position: initial; vertical-align: middle } .table th, .table thead th {font-size: 14px; font-weight: 500; text-transform: none } .table-bordered td.d-flex {border-top: none; border-right: none } .table thead th {border-top: 1px solid #d9dcdf; border-bottom: 0 solid #d9dcdf; color: #001737 } .table-hover tbody tr:hover {background: #eceef6 } .table tfoot tr td {border-bottom: 0 solid red; background-color: #fff } .popover {border: 1px solid #ece7e7 } .list-group-item {border: 1px solid rgba(138, 138, 138, .125) } .sw-carousel-slider-control {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sw-carousel-slider-control .carousel-control-next, .sw-carousel-slider-control .carousel-control-prev {background-color: #e5eef8; position: relative; opacity: 1; width: 1rem; height: 1rem; border-radius: 50%; 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; margin-left: 5px; -webkit-transition: all .3s; transition: all .3s } .modal-open .modal {background: rgba(40, 50, 75, .5) } .modal.effect-scale.show .modal-dialog {transform: scale(1); opacity: 1 } .modal.effect-scale .modal-dialog {transform: scale(.7); opacity: 0; transition: all .3s } .btn {font-size: 13px; border-radius: .2rem; cursor: pointer } .btn-sm.btn-uppercase {text-transform: uppercase; padding: .391rem .5rem; font-size: 11px !important; font-weight: 700 !important; line-height: 1.773; letter-spacing: .5px } .btn-group-lg>.btn {padding: 2px 8px; vertical-align: middle; font-size: 12px } .btn-group-lg>.btn, .btn-sm {padding: .3rem .8rem } .btn-group-lg>.btn, .btn-lg {padding: .7rem 2rem } .btn-lg {font-size: 15px; padding: 12px 18px; line-height: 13px } .btn-xs {padding: 5px 6px; font-size: 12px; line-height: 14px } .btn-xs i {font-size: small; vertical-align: middle } .btn-primary {background: #007bff; color: #fff } .btn-secondary {color: #fff } .btn-outline-primary {color: #007bff; background-color: transparent; background-image: none; border-color: #007bff } .btn-outline-primary:hover {background-color: #007bff; border-color: #007bff } .btn-success {background: #02bc77; color: #fff } .btn-danger {background: #d9534f; color: #fff } .btn-warning {background: #ffd950; color: #665720 } .btn-info {background: #26bbce; color: #fff } .btn-default {background: #fff; color: #4e5155; border: 1px solid rgba(70, 95, 145, .2) } .btn-default:hover {background: #fff; color: #4e5155; border: 1px solid #131a25 } .dropdown-item {font-size: 13px } .page-link {color: #1a2532 } html:not([dir=rtl]) .rounded-pill {border-radius: 50rem !important } .progress {display: flex; overflow: hidden; font-size: .65625rem; background-color: #e3e7ed; border-radius: .25rem } .list-item {padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e5e9f2 } .switch {position: relative; display: inline-block; width: 30px; height: 15px; float: right } .switch input {display: none } .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s } .slider:before {position: absolute; content: ""; height: 15px; width: 15px; left: 1px; background-color: #fff; -webkit-transition: .4s; transition: .4s } input.default:checked+.slider {background-color: #0866c6 } input.primary:checked+.slider {background-color: #2196f3 } input.success:checked+.slider {background-color: #8bc34a } input.info:checked+.slider {background-color: #3de0f5 } input.warning:checked+.slider {background-color: #ffc107 } input.danger:checked+.slider {background-color: #f44336 } input:focus+.slider {box-shadow: 0 0 1px #2196f3 } input:checked+.slider:before {-webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px) } .form-group {margin-bottom: 1.9rem } .slider.round {border-radius: 50px } .slider.round:before {border-radius: 50% } .pace {-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .pace-inactive {display: none } .pace .pace-progress {background: #007bff; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 3px } .pace .pace-progress-inner {display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #007bff, 0 0 5px #25c9f9; opacity: 1; -webkit-transform: rotate(3deg) translate(0, -4px); -moz-transform: rotate(3deg) translate(0, -4px); -ms-transform: rotate(3deg) translate(0, -4px); -o-transform: rotate(3deg) translate(0, -4px); transform: rotate(3deg) translate(0, -4px) } @-webkit-keyframes pace-spinner {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes pace-spinner {0% {-moz-transform: rotate(0); transform: rotate(0) } 100% {-moz-transform: rotate(360deg); transform: rotate(360deg) } } @-o-keyframes pace-spinner {0% {-o-transform: rotate(0); transform: rotate(0) } 100% {-o-transform: rotate(360deg); transform: rotate(360deg) } } @-ms-keyframes pace-spinner {0% {-ms-transform: rotate(0); transform: rotate(0) } 100% {-ms-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes pace-spinner {0% {transform: rotate(0); transform: rotate(0) } 100% {transform: rotate(360deg); transform: rotate(360deg) } } .hljs {display: block; overflow-x: auto; padding: .5em } .hljs-comment, .hljs-quote {color: #5c6370; font-style: italic } .hljs-doctag, .hljs-formula, .hljs-keyword {color: #c678dd } .hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {color: #e06c75 } .hljs-literal {color: #56b6c2 } .hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string {color: #98c379 } .hljs-built_in, .hljs-class .hljs-title {color: #e6c07b } .hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {color: #d19a66 } .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {color: #61aeee } .hljs-emphasis {font-style: italic } .hljs-strong {font-weight: 700 } .hljs-link {text-decoration: underline } pre[class*=language-] {margin: 20px 0 } .search-form {position: absolute; left: 0; right: 0; border: 1px solid #ecf0f1; background: #fff; height: 60px; z-index: 41; margin-top: -100px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; font-weight: 400; opacity: 0 } .search-form input {font-size: 13px; border: none; height: 59px; border-radius: 0; box-shadow: none; padding-left: 25px; padding-bottom: 7px; color: #3d464c; background-color: #fff } input::placeholder {color: #bcc4d4; opacity: 1 } .form-control::placeholder {color: #bcc4d4; opacity: 1 } .search-form input::placeholder {color: #bcc4d4 } .search-form #close-search {color: #1e212f; border: none; border-radius: 50%; box-shadow: none; margin: 18px 15px; padding: 0 12px; cursor: pointer; display: block; position: absolute; right: 0 } .search-form #close-search i {font-size: 25px; vertical-align: text-top } .search-form input {border-bottom: 1px solid rgba(70, 95, 145, .2); box-shadow: none } .search-form input:focus {border-bottom: 1px solid transparent !important; box-shadow: none } .search-content {position: absolute; background: #fff } .search-open .search-form {margin-top: 0; opacity: 1 } .clearfix::after {display: block; clear: both; content: ""} @-webkit-keyframes wave {5% {opacity: .6 } 27% {-webkit-transform: scale(1.8); opacity: 0 } 100% {opacity: 0 } } @-moz-keyframes wave {5% {opacity: .6 } 27% {-moz-transform: scale(1.8); opacity: 0 } 100% {opacity: 0 } } @-o-keyframes wave {5% {opacity: .6 } 27% {-o-transform: scale(1.8); opacity: 0 } 100% {opacity: 0 } } @keyframes wave {5% {opacity: .6 } 27% {-webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 100% {opacity: 0 } } .wave.in {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .wave.in:after {content: ""; top: -5px; left: -5px; position: absolute; width: 15px; height: 15px; background: -webkit-radial-gradient(center center, farthest-side circle, rgba(28, 181, 97, 0) 70%, rgba(69, 112, 232, .5) 100%); background: -moz-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #007bff 100%); background: -o-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #007bff 100%); border: 1px solid rgba(69, 112, 230, .5); -webkit-animation: wave 2s 1s infinite linear; -moz-animation: wave 2s 1s infinite linear; -o-animation: wave 2s 1s infinite linear; animation: wave 2s 1s infinite linear; zoom: 1; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .btn-scroll-top {position: fixed; bottom: 1.5625rem; right: 7px; width: 2.25rem; height: 2.25rem; border-radius: .125rem; z-index: 1000; color: #fff; background: #232a31; text-align: center; line-height: 2.25rem; text-decoration: none; border: 1px solid rgba(70, 95, 145, .2) } .btn-scroll-top:hover {color: #fff; border: 1px solid #232a31; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s } #collapsed-sidebar-toggle-button, #search-button {color: #8695a7 } #sidebar-toggle-button-close {display: none } .search-form .tt-hint, .search-form .tt-input, .search-form .tt-menu, .search-form .twitter-typeahead {width: 100%; font-family: "IBM Plex Sans", sans-serif } .tt-menu {background: #fff; width: 100%; position: absolute; top: 100%; left: 0; display: none; float: left; background-clip: padding-box; list-style: none; text-align: left; border-bottom: 1px solid rgba(70, 95, 145, .2) } .tt-selectable {cursor: pointer } .tt-selectable:hover {background: #007bff; color: #fff } @media (min-width:768px) {.page-header-fixed .page-container.container .page-header {width: 750px } } @media (min-width:992px) {.page-header-fixed .page-container.container .page-header {width: 970px } } @media (min-width:1200px) {.page-header-fixed .page-container.container .page-header {width: 1170px } } @media (min-width:768px) {.navbar-nav {float: left; margin-left: 0; margin-right: 0; padding: 0 } .page-header .navbar-nav>li>a>i {font-size: 14px; vertical-align: text-top } .page-header .navbar-nav>li>a>i[class^=icon-] {font-size: 19px; vertical-align: top } } @media (max-width:767px) {.navbar-brand {vertical-align: middle } .navbar-brand a {height: 37px !important; line-height: 29px; display: block } .navbar-brand a img.small-logo {margin-bottom: -6px !important } .hidden-xs {display: none !important } .page-header .navbar-default .navbar-brand ul.list-inline li a svg {margin-bottom: -6px } .login-wrapper .loginbox .login-right {padding: 20px; width: inherit } } @media (max-width:991px) and (min-width:768px) {.hidden-sm {display: none !important } .chat-sidebar .chat-left-sidebar .media .action-icon {opacity: 1 } } @media (max-width:1199px) and (min-width:992px) {.hidden-md {display: none !important } } @media (min-width:1200px) {.hidden-lg {display: none !important } } @media (max-width:991px) {.page-header .navbar-default {padding: .4rem 1rem } .page-sidebar-collapsed {display: block } .page-header-fixed .page-header {left: 0 !important } .page-sidebar {position: fixed !important; left: -264px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .page-inner:not(.login-page) {padding: 0 20px } .page-content, .page-sidebar-collapsed .page-content {width: 100% } .page-sidebar-fixed .page-content, .page-sidebar-fixed.page-sidebar-collapsed .page-content {margin-left: 0 } .page-header, .page-header .navbar-default .container-fluid, .page-header .navbar-default .navbar-collapse {padding: 0 } .navbar li {display: inline-block } #fixed-sidebar-toggle-button, .navbar-nav.navbar-right {display: none } .navbar-collapse {padding: 0 !important } .page-sidebar-visible .page-sidebar {left: 0 } #sidebar-toggle-button-close {margin-left: auto; float: right; height: 40px; font-size: 25px; margin-top: 0; display: block; color: #fff } .page-sidebar-collapsed #sidebar-toggle-button-close {margin: 0 auto; float: none } } @media (min-width:320px) {.fc-toolbar .fc-left, .fc-toolbar .fc-right {display: inline-block; float: none } .container {padding: 0 } } @media (min-width:576px) {.form-layout-5 .form-control-label {justify-content: flex-end } } @media (min-width:768px) {.wizard>.steps .current a, .wizard>.steps .disabled a, .wizard>.steps .done a, .wizard>.steps>ul li .title {display: block; text-align: center; margin-top: 5px } } @media screen and (max-width:990px) {.pricingTable21 {margin-bottom: 20px } } @media (min-width:576px) {.container {max-width: 768px; padding: 0 } } @media (min-width:768px) {.container {max-width: 960px; padding: 0 } } @media (min-width:992px) {.container {max-width: 1024px; padding: 0 20px } } @media (min-width:1200px) {.container {max-width: 1180px } } @media (max-width:991.98px) {.btn-scroll-top {bottom: .625rem; right: .625rem; z-index: 9999 } .btn-scroll-top:focus, .btn-scroll-top:hover {background: #007aff; color: #fff; text-decoration: none } } @media (max-width:991.98px) {.email-right-sidebar .table td, .email-right-sidebar .table th, .email-right-sidebar .table thead th {white-space: nowrap } } .avesta-settings {position: fixed; top: 0; right: 0; bottom: 0; z-index: 1200; transition: all .2s } @media (prefers-reduced-motion:reduce) {.avesta-settings {transition: none } } .avesta-settings.show {right: 200px; -webkit-box-shadow: 0 0 35px 5px rgba(190, 188, 200, .5); -moz-box-shadow: 0 0 35px 5px rgba(190, 188, 200, .5); -ms-box-shadow: 0 0 35px 5px rgba(190, 188, 200, .5); box-shadow: 0 0 35px 5px rgba(190, 188, 200, .5) } .avesta-settings.show .avesta-settings-link {position: relative } .avesta-settings.show .avesta-settings-link, .avesta-settings.show .avesta-settings-link:focus, .avesta-settings.show .avesta-settings-link:hover {background-color: #151c29; border-color: 1px solid rgba(70, 95, 145, .2); color: #fff } .avesta-settings-link {position: absolute; top: 50%; left: -44px; width: 45px; height: 45px; background-color: #151c29; border: 1px solid rgba(70, 95, 145, .2); border-right-width: 0; color: #fff; display: flex; align-items: center; justify-content: center; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; transition: all .2s ease-in-out; z-index: 1 } @media (prefers-reduced-motion:reduce) {.avesta-settings-link {transition: none } } .avesta-settings-link:focus, .avesta-settings-link:hover {color: #fff; background-color: #151c29 } .avesta-settings-body {position: absolute; top: 0; left: 0; width: 250px; height: 100%; background-color: #fff; border-left: 1px solid rgba(200, 210, 230, .5); padding: 0 20px; overflow-y: auto } .avesta-demo-customizer, .avesta-mode {width: 24px; height: 24px; border: 1px solid rgba(70, 95, 145, .2); display: flex; margin-bottom: 10px; padding: 1px } .avesta-demo-customizer:focus, .avesta-demo-customizer:hover, .avesta-mode:focus, .avesta-mode:hover {border-color: #007bff } .avesta-demo-customizer.active, .avesta-mode.active {position: relative; border-color: #007bff } .avesta-demo-customizer.active::before, .avesta-mode.active::before {content: "\e64c"; font-family: themify; font-size: 11px; position: absolute; top: 50%; left: 55%; line-height: 0; margin-left: -6px; margin-top: 0; color: #007bff } .avesta-demo-customizer.avesta-demo-customizer-bluepurple.active::before, .avesta-demo-customizer.avesta-demo-customizer-gradient.active::before, .avesta-mode.avesta-mode-cool.active::before {color: #fff } .avesta-demo-customizer.active~span, .avesta-mode.active~span {color: #0168fa } .avesta-demo-customizer.disabled, .avesta-mode.disabled {cursor: default; border-color: rgba(72, 94, 144, .16); box-shadow: none; opacity: .75 } .avesta-demo-customizer>span, .avesta-mode>span {display: block; flex: 1 } .demo-color-palet-1 {background-color: #f5f6fa } .demo-color-palet-2 {background-color: #e5e9f2 } .avesta-header-skin-default span:first-child {background-color: #fff } .avesta-header-skin-default span:last-child {background-color: #fff } .avesta-header-skin-bluepurple span:first-child {background-color: #152f7c } .avesta-header-skin-bluepurple span:last-child {background-color: #152f7c } .avesta-header-skin-gradient span:first-child {background-color: #5b47fb } .avesta-header-skin-gradient span:last-child {background-color: #0168fa } .avesta-demo-customizer-default span:first-child {background-color: #fff } .avesta-demo-customizer-default span:last-child {background-color: #2d353e } .avesta-demo-customizer-light span:first-child {background-color: #fff } .avesta-demo-customizer-light span:last-child {background-color: #f4f5f9 } .avesta-demo-customizer-bluepurple span:first-child {background-color: #152f7c } .avesta-demo-customizer-bluepurple span:last-child {background-color: #152f7c } .avesta-demo-customizer-gradient span:first-child {background-color: #5b47fb } .avesta-demo-customizer-gradient span:last-child {background-color: #0168fa } .avesta-demo-customizer-name {font-size: 10px; font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif; text-transform: uppercase; display: block; text-align: center; color: #8392a5; letter-spacing: .5px } .font-customize a {border: 1px solid rgba(70, 95, 145, .2); padding: 10px 15px; display: block; margin: 5px; border-radius: 2px; font-size: 10px; text-transform: uppercase; color: #8392a5; letter-spacing: .5px } .font-customize a.active-font {border: 1px solid #007bff; color: #007bff } .alert-default {color: #667689; background-color: #fff; border: 1px solid rgba(70, 95, 145, .2) }