Gifari Industries - BD Cyber Security Team
Home
/
home
/
decohaslibrary
/
bist
/
wp-content
/
plugins
/
media-slider
/
css
/
✏️
Editing: styles.css
/* html { height: 100%; background: #f9f9fb } .preload * { transition: none!important } .container-fluid { padding-left: 30px; padding-right: 30px } body { font-family: Open Sans, arial, sans-serif; color: #494d55; font-size: 13px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #494d55; min-height: 100%; overflow-x: hidden } */ .video-container iframe { max-width: 100% } .breadcrumb { background: none; padding: 0 } button.close:focus { outline: none } .close { text-shadow: none } .dropdown-toggle { cursor: pointer } .dropdown-menu { border: 1px solid #e6e6e6; border-radius: 0; background-clip: padding-box; box-shadow: 0 2px 3px rgba(0, 0, 0, .1); cursor: default } .dropdown-menu>li { margin-bottom: 0; font-size: 13px } .dropdown-menu>li>a { padding: 10px 15px; color: #494d55 } .dropdown-menu>li>a:hover { background: #f9f9fb } .dropdown-menu>li>a .icon { vertical-align: middle; font-size: 20px; display: inline-block; margin-right: 5px } .dropdown-menu .dropdown-footer { background: #f9f9fb; color: #616670; padding: 15px; text-align: center } .dropdown-menu .dropdown-footer a { color: #616670 } .dropdown-menu .dropdown-footer a:hover { color: #494d55 } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pace-inactive { display: none } .pace .pace-progress { background: #40babd; position: fixed; z-index: 5; top: 0; right: 100%; width: 100%; height: 2px } .theme-2 .pace .pace-progress { background: #6dbd63 } .theme-3 .pace .pace-progress { background: #497cb1 } .theme-4 .pace .pace-progress { background: #ec6952 } .header { background: #fff; z-index: 2; box-shadow: 0 0 4px rgba(0, 0, 0, .05) } .header, .header .branding { position: relative; height: 80px } .header .branding { background: #40babd; float: left; transition: width .4s cubic-bezier(.215, .61, .355, 1); width: 180px; overflow: hidden; will-change: width } .theme-2 .header .branding { background: #6dbd63 } .theme-3 .header .branding { background: #497cb1 } .theme-4 .header .branding { background: #ec6952 } .compact:not(.nav-toggled) .header .branding, .mobile.nav-toggled .header .branding, .nav-toggled:not(.compact):not(.mobile) .header .branding { width: 40px } .mobile:not(.nav-toggled) .header .branding { width: 0; top: -2px } .header .branding .logo-icon { position: relative; width: 30px; height: 30px } .header .branding .logo { font-size: 28px; margin: 0; padding-top: 20px; text-transform: uppercase; font-weight: 600 } .header .branding .logo .highlight { font-weight: 800 } .header .branding .logo a { color: #fff; white-space: nowrap } .header .branding .logo a:hover { text-decoration: none } .header .branding .logo .nav-label { white-space: nowrap } .compact:not(.nav-toggled) .header .branding .logo .nav-label, .mobile .header .branding .logo .nav-label, .nav-toggled:not(.compact):not(.mobile) .header .branding .logo .nav-label { display: none } .header .topbar { padding: 15px; display: block; height: 80px } .header .topbar .icon { color: #9499a3 } .header .main-nav-toggle { display: inline-block; float: left; background: none; border: none; padding: 12px; margin-top: 5px; margin-left: 15px; position: relative } .header .main-nav-toggle .icon { position: absolute; left: 2px; top: 13px; color: #40babd; font-weight: 700; transition: transform .4s cubic-bezier(.215, .61, .355, 1) } .theme-2 .header .main-nav-toggle .icon { color: #6dbd63 } .theme-3 .header .main-nav-toggle .icon { color: #497cb1 } .theme-4 .header .main-nav-toggle .icon { color: #ec6952 } .compact .header .main-nav-toggle .icon, .mobile .header .main-nav-toggle .icon, .nav-toggled .header .main-nav-toggle .icon { transform: rotate(180deg) } .compact.nav-toggled .header .main-nav-toggle .icon, .mobile.nav-toggled .header .main-nav-toggle .icon { transform: rotate(0) } .header .main-nav-toggle .icon-bar { display: block; width: 20px; height: 2px; border-radius: 2px; background-clip: padding-box; background: #9499a3 } .header .main-nav-toggle .icon-bar+.icon-bar { margin-top: 5px } .header .main-nav-toggle:hover .icon-bar { background: #616670 } .header .main-nav-toggle:focus { outline: none } .header .search-container { float: left; display: inline-block; margin-left: 10px; margin-top: 5px; position: relative } .header .search-container .icon { position: absolute; left: 2px; top: 10px; font-size: 18px; color: #afb3bb; cursor: pointer } .header .search-container .icon:hover { color: #40babd } .theme-2 .header .search-container .icon:hover { color: #6dbd63 } .theme-3 .header .search-container .icon:hover { color: #497cb1 } .theme-4 .header .search-container .icon:hover { color: #ec6952 } .header .search-container .icon.clear-search { left: auto; right: 0; display: none; cursor: pointer } .header .search-container .main-search-input-wrapper { padding-left: 0 } .header .search-container .main-search-input { background: #fff; border-radius: 0; background-clip: padding-box; border: none; border-bottom: 1px solid #f3f3f3; padding-left: 30px; padding-top: 2px; padding-bottom: 5px; margin-top: 5px; width: 260px; vertical-align: middle } .header .search-container .main-search-input:focus { border-color: #40babd } .theme-2 .header .search-container .main-search-input:focus { border-color: #6dbd63 } .theme-3 .header .search-container .main-search-input:focus { border-color: #497cb1 } .theme-4 .header .search-container .main-search-input:focus { border-color: #ec6952 } .header .navbar-tools { float: right } .header .utilities-container { float: left; display: inline-block; padding-top: 5px; margin-top: 5px } .header .utilities-container .item { position: relative; margin-right: 15px; display: inline-block; float: left; margin-right: 25px } .header .utilities-container .icon { font-size: 22px; vertical-align: middle; position: relative; top: 2px; cursor: pointer } .header .utilities-container .icon.pe-7s-mail { font-size: 26px } .header .utilities-container .icon.fa, .header .utilities-container .icon.fs1 { top: 0 } .header .utilities-container .badge { position: absolute; right: -8px; top: -5px } .header .utilities-container .item-notifications .dropdown-toggle { padding-bottom: 10px } .header .utilities-container .item-notifications .dropdown-menu { width: 420px; left: auto; right: -101px; padding: 0; font-size: 12px } .header .utilities-container .item-notifications .dropdown-menu a { color: #616670 } .header .utilities-container .item-notifications .dropdown-menu a:hover { color: #494d55; text-decoration: none } .header .utilities-container .item-notifications .dropdown-menu .dropdown-footer a:hover { text-decoration: underline } .header .utilities-container .item-notifications .dropdown-menu .item { padding: 15px; padding-right: 60px; margin: 0; position: relative; border-bottom: 1px solid #f3f3f7 } .header .utilities-container .item-notifications .dropdown-menu .item:hover { background: #f9f9fb } .header .utilities-container .item-notifications .dropdown-menu .item .media-body .action { color: #494d55; font-weight: 600 } .header .utilities-container .item-notifications .dropdown-menu .item .profile img { width: 32px; height: 32px } .header .utilities-container .item-notifications .dropdown-menu .item .meta { color: #797f8b; position: absolute; right: 15px; top: 15px; font-size: 11px } .header .utilities-container .item-notifications .dropdown-menu .arrow { display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eaeaf1; position: absolute; right: 102px; top: -8px } .header .utilities-container .item-notifications .dropdown-menu .arrow:before { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; right: -8px; top: 1px } .header .utilities-container .item-messages .dropdown-toggle { padding-bottom: 10px } .header .utilities-container .item-messages .dropdown-menu { width: 420px; left: auto; right: -101px; padding: 0; font-size: 12px } .header .utilities-container .item-messages .dropdown-menu a { color: #616670 } .header .utilities-container .item-messages .dropdown-menu a:hover { color: #494d55; text-decoration: none } .header .utilities-container .item-messages .dropdown-menu .dropdown-footer a:hover { text-decoration: underline } .header .utilities-container .item-messages .dropdown-menu .item { padding: 15px; padding-right: 60px; margin: 0; position: relative; border-bottom: 1px solid #f3f3f7 } .header .utilities-container .item-messages .dropdown-menu .item:hover { background: #f9f9fb } .header .utilities-container .item-messages .dropdown-menu .item .media-body .sender { color: #494d55; font-weight: 600; display: block; margin-bottom: 3px } .header .utilities-container .item-messages .dropdown-menu .item .media-body .message-title { color: #494d55; display: block } .header .utilities-container .item-messages .dropdown-menu .item .media-body .excerpt { display: block } .header .utilities-container .item-messages .dropdown-menu .item .profile img { width: 32px; height: 32px } .header .utilities-container .item-messages .dropdown-menu .item .meta { color: #797f8b; position: absolute; right: 15px; top: 15px; font-size: 11px } .header .utilities-container .item-messages .dropdown-menu .arrow { display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e6e6e6; position: absolute; right: 102px; top: -8px } .header .utilities-container .item-messages .dropdown-menu .arrow:before { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; right: -8px; top: 1px } .header .utilities-container .item-more .dropdown-toggle { padding-bottom: 10px } .header .utilities-container .item-more .dropdown-menu { left: auto; right: -66px; width: 302px; padding: 0 } .header .utilities-container .item-more .dropdown-menu .title { margin-top: 0; margin-bottom: 10px; padding: 15px; font-size: 14px; color: #616670; background: #f9f9fb; border-bottom: 1px solid #f3f3f7; text-align: center } .header .utilities-container .item-more .dropdown-menu .arrow { display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e6e6e6; position: absolute; right: 67px; top: -8px } .header .utilities-container .item-more .dropdown-menu .arrow:before { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f9f9fb; position: absolute; right: -8px; top: 1px } .header .utilities-container .item-more .dropdown-menu .more-list { margin: 0; padding: 0; margin-bottom: 10px; overflow: hidden } .header .utilities-container .item-more .dropdown-menu .more-list>li { text-align: center; margin-bottom: 0; display: inline; font-size: 12px } .header .utilities-container .item-more .dropdown-menu .more-list>li>a { color: #616670; display: inline-block; width: 100px; height: 100px; padding-top: 18px; float: left; overflow: hidden; margin: 0 } .header .utilities-container .item-more .dropdown-menu .more-list>li>a:hover { color: #40babd; text-decoration: none } .theme-2 .header .utilities-container .item-more .dropdown-menu .more-list>li>a:hover { color: #6dbd63 } .theme-3 .header .utilities-container .item-more .dropdown-menu .more-list>li>a:hover { color: #497cb1 } .theme-4 .header .utilities-container .item-more .dropdown-menu .more-list>li>a:hover { color: #ec6952 } .header .utilities-container .item-more .dropdown-menu .more-list>li>a:hover .icon { color: #40babd } .theme-2 .header .utilities-container .item-more .dropdown-menu .more-list>li>a:hover .icon { color: #6dbd63 } .theme-3 .header .utilities-container .item-more .dropdown-menu .more-list>li>a:hover .icon { color: #497cb1 } .theme-4 .header .utilities-container .item-more .dropdown-menu .more-list>li>a:hover .icon { color: #ec6952 } .header .utilities-container .item-more .dropdown-menu .more-list>li>a .icon { vertical-align: inherit; font-size: 38px; display: inline-block; margin-right: 0 } .header .user-container { float: left; display: inline-block; margin-top: 5px } .header .user-container.dropdown { cursor: pointer } .header .user-container.dropdown .fa-caret-down { color: #9499a3 } .header .user-container:hover img { -webkit-opacity: .9; -moz-opacity: .9; opacity: .9 } .header .user-container:hover .fa-caret-down { color: #494d55 } .header .user-container img { width: 36px; height: 36px; border-radius: 2px; background-clip: padding-box } .header .user-container .icon { font-size: 20px } .header .user-container .dropdown-menu { left: auto; right: 0; top: 45px; border: 1px solid #e6e6e6; border-radius: 0; background-clip: padding-box; box-shadow: 0 2px 3px rgba(0, 0, 0, .1) } .header .user-container .dropdown-menu>li>a { padding: 10px 15px; color: #494d55 } .header .user-container .dropdown-menu>li>a:hover { background: #f9f9fb } .header .user-container .dropdown-menu>li>a .icon { vertical-align: middle; font-size: 20px; display: inline-block; margin-right: 5px } .header .user-container .dropdown-menu .arrow { border-bottom: 8px solid #e6e6e6; right: 20px; top: -8px } .header .user-container .dropdown-menu .arrow, .header .user-container .dropdown-menu .arrow:before { display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute } .header .user-container .dropdown-menu .arrow:before { content: ""; border-bottom: 8px solid #fff; right: -8px; top: 1px } .main-nav-wrapper { background: #494d55; color: #fff; min-height: 100%; position: absolute; transition: width .4s cubic-bezier(.215, .61, .355, 1); width: 180px } .compact:not(.nav-toggled) .main-nav-wrapper, .nav-toggled:not(.compact):not(.mobile) .main-nav-wrapper { width: 40px } .compact:not(.nav-toggled) .main-nav-wrapper .collapse, .compact:not(.nav-toggled) .main-nav-wrapper .collapsing, .compact:not(.nav-toggled) .main-nav-wrapper .in, .nav-toggled:not(.compact):not(.mobile) .main-nav-wrapper .collapse, .nav-toggled:not(.compact):not(.mobile) .main-nav-wrapper .collapsing, .nav-toggled:not(.compact):not(.mobile) .main-nav-wrapper .in { height: auto!important } .compact:not(.nav-toggled) .main-nav-wrapper .sub-menu:hover, .compact:not(.nav-toggled) .main-nav-wrapper a:hover+.sub-menu, .nav-toggled:not(.compact):not(.mobile) .main-nav-wrapper .sub-menu:hover, .nav-toggled:not(.compact):not(.mobile) .main-nav-wrapper a:hover+.sub-menu { position: absolute; background-color: #31343a; display: block; z-index: 2 } .compact:not(.nav-toggled) .main-nav-wrapper .sub-menu:hover .nav-label, .compact:not(.nav-toggled) .main-nav-wrapper a:hover+.sub-menu .nav-label, .nav-toggled:not(.compact):not(.mobile) .main-nav-wrapper .sub-menu:hover .nav-label, .nav-toggled:not(.compact):not(.mobile) .main-nav-wrapper a:hover+.sub-menu .nav-label { display: block } .mobile.nav-toggled .main-nav-wrapper { width: 40px } .mobile:not(.nav-toggled) .main-nav-wrapper { width: 0 } .mobile:not(.nav-toggled) .main-nav-wrapper li { transform: translateX(-40px); transition: transform; color: #fff } .main-nav-wrapper .main-nav ul { padding-left: 0 } .main-nav-wrapper .main-nav li { list-style: none; display: block; font-size: 14px } .main-nav-wrapper .main-nav li.active a, .mobile .main-nav-wrapper .main-nav li a { background: #31343a } .main-nav-wrapper .main-nav li.divider { height: 1px; margin: 0; padding: 0; overflow: hidden; background-color: hsla(0, 0%, 100%, .1) } .main-nav-wrapper .main-nav li .nav-label+.label { margin-left: 5px } .main-nav-wrapper .main-nav li a { display: block; padding: 10px 0; padding-left: 10px; color: hsla(0, 0%, 100%, .7); font-weight: 600; line-height: 1.5 } .main-nav-wrapper .main-nav li a:hover { text-decoration: none; background: #31343a; color: #fff } .mobile:not(.nav-toggled) .main-nav-wrapper .main-nav li a { padding-left: 0 } .main-nav-wrapper .main-nav li a .icon { line-height: 1.6; font-size: 16px; position: relative; top: -2px } .compact .main-nav-wrapper .main-nav li a .icon { margin-right: 0 } .main-nav-wrapper .main-nav li .arrow { float: right; margin-right: 15px; margin-top: 5px; vertical-align: sub } .main-nav-wrapper .main-nav li .icon { display: inline-block; margin-right: 5px; font-size: 18px; vertical-align: sub } .main-nav-wrapper .main-nav li .badge { margin-left: 5px; display: inline-block } .main-nav-wrapper .main-nav li .sub-menu { overflow: hidden } .main-nav-wrapper .main-nav li .sub-menu li a { font-size: 13px; padding: 10px 0; padding-left: 30px; color: hsla(0, 0%, 100%, .6); border-left: 4px solid transparent; border-bottom: none } .main-nav-wrapper .main-nav li .sub-menu li a:hover { background: #26282c } .main-nav-wrapper .main-nav li .sub-menu li.active a { color: #fff; border-left: 4px solid #40babd; background: #26282c } .theme-2 .main-nav-wrapper .main-nav li .sub-menu li.active a { border-left-color: #6dbd63 } .theme-3 .main-nav-wrapper .main-nav li .sub-menu li.active a { border-left-color: #497cb1 } .theme-4 .main-nav-wrapper .main-nav li .sub-menu li.active a { border-left-color: #ec6952 } .main-nav-wrapper .main-nav li .sub-menu li.active.has-sub-menu-level2 a { border-left-color: transparent } .main-nav-wrapper .main-nav li .sub-menu li.active .sub-menu-level2 li a { color: hsla(0, 0%, 100%, .5); padding-left: 55px } .main-nav-wrapper .main-nav li .sub-menu li.active .sub-menu-level2 li a:hover { color: #fff } .main-nav-wrapper .main-nav li .sub-menu li.active .sub-menu-level2 li.active a { color: #fff; border-left: 4px solid #40babd } .theme-2 .main-nav-wrapper .main-nav li .sub-menu li.active .sub-menu-level2 li.active a { border-left-color: #6dbd63 } .theme-3 .main-nav-wrapper .main-nav li .sub-menu li.active .sub-menu-level2 li.active a { border-left-color: #497cb1 } .theme-4 .main-nav-wrapper .main-nav li .sub-menu li.active .sub-menu-level2 li.active a { border-left-color: #ec6952 } .active>a>.fa.arrow:before { content: "\f0d8" } .fa.arrow:before { content: "\f0d7" } .content-wrapper { background: #f9f9fb; margin-left: 180px; margin-right: 0; padding-top: 30px; padding-bottom: 60px; transition: margin .4s cubic-bezier(.215, .61, .355, 1); min-height: 1000px } .compact .content-wrapper { margin-left: 40px } .compact.nav-toggled .content-wrapper { margin-left: 180px } .mobile .content-wrapper { margin-left: 0 } .nav-toggled.mobile .content-wrapper, .nav-toggled:not(.compact):not(.mobile) .content-wrapper { margin-left: 40px } .content-wrapper .view-title { font-size: 18px; margin-top: 0; margin-bottom: 30px; font-weight: 600 } .compact:not(.nav-toggled) .main-nav .fa.arrow, .compact:not(.nav-toggled) .main-nav .label, .compact:not(.nav-toggled) .main-nav .nav-label, .compact:not(.nav-toggled) .main-nav .sub-menu, .compact:not(.nav-toggled) .main-nav li .badge, .mobile.nav-toggled .main-nav .fa.arrow, .mobile.nav-toggled .main-nav .label, .mobile.nav-toggled .main-nav .nav-label, .mobile.nav-toggled .main-nav .sub-menu, .mobile.nav-toggled .main-nav li .badge, .nav-toggled:not(.compact):not(.mobile) .main-nav .fa.arrow, .nav-toggled:not(.compact):not(.mobile) .main-nav .label, .nav-toggled:not(.compact):not(.mobile) .main-nav .nav-label, .nav-toggled:not(.compact):not(.mobile) .main-nav .sub-menu, .nav-toggled:not(.compact):not(.mobile) .main-nav li .badge { display: none } .compact:not(.nav-toggled) .main-nav a, .mobile.nav-toggled .main-nav a, .nav-toggled:not(.compact):not(.mobile) .main-nav a { transition: none!important } .compact:not(.nav-toggled) .main-nav li .sub-menu li.active a, .mobile.nav-toggled .main-nav li .sub-menu li.active a, .nav-toggled:not(.compact):not(.mobile) .main-nav li .sub-menu li.active a { background-color: #31343a; border-left: none; color: hsla(0, 0%, 100%, .5); padding-left: 34px } .compact:not(.nav-toggled) .main-nav ul, .mobile.nav-toggled .main-nav ul, .nav-toggled:not(.compact):not(.mobile) .main-nav ul { overflow: visible } .compact:not(.nav-toggled) .main-nav .sub-menu, .mobile.nav-toggled .main-nav .sub-menu, .nav-toggled:not(.compact):not(.mobile) .main-nav .sub-menu { position: absolute; width: 180px; z-index: 2; left: 40px; margin-top: -44px } .compact:not(.nav-toggled) .main-nav .sub-menu .sub-menu, .mobile.nav-toggled .main-nav .sub-menu .sub-menu, .nav-toggled:not(.compact):not(.mobile) .main-nav .sub-menu .sub-menu { display: none; left: 180px } .compact:not(.nav-toggled) .main-nav li:hover>.sub-menu, .compact:not(.nav-toggled) .main-nav li:hover>.sub-menu li:hover>.sub-menu, .mobile.nav-toggled .main-nav li:hover>.sub-menu, .mobile.nav-toggled .main-nav li:hover>.sub-menu li:hover>.sub-menu, .nav-toggled:not(.compact):not(.mobile) .main-nav li:hover>.sub-menu, .nav-toggled:not(.compact):not(.mobile) .main-nav li:hover>.sub-menu li:hover>.sub-menu { display: block } .mobile .main-nav ul.sub-menu>li .nav-label { display: block!important } .mobile .main-nav .collapse, .mobile .main-nav .collapsing, .mobile .main-nav .in { height: auto!important } .nav-filter { cursor: pointer } .layout-no-leftnav { background: #f9f9fb } .layout-no-leftnav .header { background: none; box-shadow: none; height: auto } .site-footer { background: #fff; position: fixed; bottom: 0; width: 100%; height: 50px; margin-left: 180px; padding: 15px; border-top: 1px solid #f3f3f3; box-shadow: 0 0 5px rgba(0, 0, 0, .1) } .site-footer .copyright { color: #a2a6af } .jumbotron.error-404 .action, .jumbotron.error-500 .action { margin-top: 60px } @media (max-width: 767px) { .container-fluid { padding: 15px } .content-wrapper { padding-top: 15px; border-left: 0 } .content-wrapper .view-title { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 260px; font-size: 16px } .header .main-nav-toggle { margin-left: 5px } .header .utilities-container .item { margin-right: 15px } .header .utilities-container .item-messages .dropdown-menu, .header .utilities-container .item-notifications .dropdown-menu { width: 280px } .header .search-container { position: static } .header .search-container .icon.fa-search { position: relative } .header .search-container .icon.clear-search { right: 15px; top: 15px; color: #494d55 } .header .search-container .main-search-input-wrapper { display: none; position: absolute; left: 0; top: 80px; width: 100% } .header .search-container .main-search-input { border-color: #f0f0f0; background: #f0f0f0; margin-top: 0; padding: 15px; height: 50px; width: 100% } .header .search-container .main-search-input:focus { background: #e8e8e8; border-color: #e8e8e8 } } .js-cloak, .ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] { display: none!important } .side-panel { position: fixed; right: -320px; width: 320px; top: 0; height: 100%; min-height: 100%; background: #fff; z-index: 4; will-change: transform; transition: transform .5s cubic-bezier(.215, .61, .355, 1); box-shadow: 0 0 10px rgba(0, 0, 0, .5) } .side-panel.side-panel-open { transform: translateX(-320px) } .side-panel .side-panel-inner { position: relative; padding: 15px } .side-panel .close { position: absolute; right: 15px; top: 10px; font-size: 28px; font-weight: 400; margin: 0; text-shadow: none } .side-panel .title { font-size: 18px; margin-top: 15px; margin-bottom: 0; padding-bottom: 15px; border-bottom: 1px solid #f3f3f3 } .side-panel .title .fa { display: inline-block; color: #a2a6af; margin-right: 8px } .side-panel .item { position: relative; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f3f3f3; min-height: 50px } .side-panel .time-stamp { margin-top: 5px; color: #a2a6af; font-size: 12px } .side-panel .symbol-holder { position: absolute; left: 0; top: 15px; width: 36px } .side-panel .user-profile { width: 36px; height: 36px } .side-panel .content-holder { margin-left: 46px } .side-panel .subject-line { color: #616670 } .side-panel .name { font-weight: 700; color: #494d55 } .side-panel .excerpt { color: #a2a6af } .module { border: 1px solid #f3f3f3; border-bottom-width: 2px; background: #fff; margin-bottom: 30px; position: relative; border-radius: 4px; background-clip: padding-box } .module.module-no-heading .module-content-inner { padding-top: 0 } .module.module-has-footer .module-inner { padding-bottom: 0 } .module .module-inner { padding: 30px } .module .module-content-has-chart { padding-bottom: 30px } .module .collapse-module>.icon { transition: all .2s ease; display: inline-block } .module.collapsed .collapse-module>.icon { transform: rotate(180deg) } .module .module-heading { border-bottom: 1px solid #f3f3f7; padding-bottom: 15px; position: relative } .module .module-heading .module-title { font-size: 14px; font-weight: 600; margin: 0 } .module .module-heading .actions { position: absolute; right: 0; top: 0; line-height: 1 } .module .module-heading .actions .more-link .dropdown-menu { margin-top: 10px; min-width: 135px } .module .module-heading .actions .more-link .dropdown-menu>li>a { padding: 5px 10px; color: #494d55 } .module .module-heading .actions .more-link .dropdown-menu .divider { margin: 4px 0 } .module .module-heading .actions .more-link .arrow { border-bottom: 8px solid #dadae7; left: 15px; top: -8px } .module .module-heading .actions .more-link .arrow, .module .module-heading .actions .more-link .arrow:before { display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute } .module .module-heading .actions .more-link .arrow:before { content: ""; border-bottom: 8px solid #fff; right: -8px; top: 1px } .module .module-heading .actions li { vertical-align: middle } .module .module-heading .actions li a { color: #9499a3 } .module .module-heading .actions li a:hover { color: #616670; text-decoration: none } .module .module-heading .actions li .icon { font-size: 18px } .module .module-content-header .title { margin-top: 0; margin-bottom: 0 } .module .module-content-inner { padding-top: 30px; padding-bottom: 30px } .module .module-content h4.has-divider { border-bottom: 1px dotted #f3f3f7; padding-bottom: 5px; margin-bottom: 15px } .module .module-content .dropdown-menu li { margin-bottom: 0 } .module .module-content .dropdown-menu>li>a { padding: 5px 20px } .module .module-content .list li { margin-bottom: 10px } .module .module-content .list ol, .module .module-content .list ul { margin-top: 10px } .module .module-content dl dd { margin-bottom: 10px } .module .module-content blockquote { font-size: 14px } .module .module-content .module-content-inner .custom-quote { border-color: #b1e3e5 } .module .module-content .module-content-inner .custom-quote p { font-size: 14px; color: #616670; line-height: 1.5 } .module .module-content .module-content-inner .custom-quote .fa { color: #40babd; margin-right: 10px } .theme-2 .module .module-content .module-content-inner .custom-quote .fa { color: #6dbd63 } .theme-3 .module .module-content .module-content-inner .custom-quote .fa { color: #497cb1 } .theme-4 .module .module-content .module-content-inner .custom-quote .fa { color: #ec6952 } .theme-2 .module .module-content .module-content-inner .custom-quote { border-color: #d2eacf } .theme-3 .module .module-content .module-content-inner .custom-quote { border-color: #b3c9e0 } .theme-4 .module .module-content .module-content-inner .custom-quote { border-color: #fbe1dc } .module .module-content .module-content-inner .custom-quote .people { margin-top: 10px; font-size: 12px; color: #494d55; font-style: normal } .module .module-content .module-content-inner .custom-quote .people .name { color: #339597 } .theme-2 .module .module-content .module-content-inner .custom-quote .people .name { color: #51a746 } .theme-3 .module .module-content .module-content-inner .custom-quote .people .name { color: #3a638d } .theme-4 .module .module-content .module-content-inner .custom-quote .people .name { color: #e74124 } .module .module-footer { background: #fff; border-top: 1px solid #f3f3f7; padding: 15px } .module .module-footer a { color: #9499a3 } .module .module-footer a:hover { color: #40babd } .theme-2 .module .module-footer a:hover { color: #6dbd63 } .theme-3 .module .module-footer a:hover { color: #497cb1 } .theme-4 .module .module-footer a:hover { color: #ec6952 } .module .module-footer .meta { margin-bottom: 0; color: #9499a3; font-size: 12px } .module .module-footer .shortcuts { margin-bottom: 0 } .module .module-footer .shortcuts li { position: relative; margin-right: 10px } .module .module-footer .shortcuts li:before { position: absolute; background-color: #eaeaf1; border-radius: 50%; content: ""; line-height: 1; width: 6px; height: 6px; top: .5em; left: -8px } .module .module-footer .shortcuts li.first:before { display: none } .module .close-module, .module .collapse-module { cursor: pointer } .module-placeholder { opacity: .5; border-style: dashed; border-width: 2px } .module-draggable .module-heading { cursor: move } @media (max-width: 767px) { .module .module-inner { padding: 30px 15px } .module .module-heading { padding-bottom: 15px } } p { margin-bottom: 15px; line-height: 1.5 } a { color: #008EC2; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out } .theme-2 a { color: #5cb551 } .theme-3 a { color: #426f9f } .theme-4 a { color: #e9553b } a:hover { text-decoration: underline; color: #131313 } .theme-2 a:hover { color: #51a746 } .theme-3 a:hover { color: #3a638d } .theme-4 a:hover { color: #e74124 } a:active, a:focus { text-decoration: none; box-shadow:none } .h1, h1 { font-size: 28px } .h2, h2 { font-size: 24px } .h3, h3 { font-size: 18px } .h4, h4 { font-size: 16px } .h5, h5 { font-size: 14px } .h6, h6 { font-size: 13px } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { color: #616670 } .list-custom-style .fa { margin-right: 5px } .list-custom-style li { list-style: none } .list-inline .fa { margin-right: 5px } .text-muted { color: #797f8b } .text-primary { color: #494d55 } .text-theme { color: #40babd } .theme-2 .text-theme { color: #6dbd63 } .theme-3 .text-theme { color: #497cb1 } .theme-4 .text-theme { color: #ec6952 } .text-success { color: #75c181 } .text-info { color: #58bbee } .text-warning { color: #f8a13f } .text-danger { color: #f77b6b } .text-pink { color: #ea5395 } .text-purple { color: #8a40a7 } .text-yellow { color: #f2b542 } .bg-primary { background-color: #494d55; color: hsla(0, 0%, 100%, .8) } .bg-success { background-color: #cde9d1; color: rgba(0, 0, 0, .8) } .bg-info { background-color: #cceafa; color: rgba(0, 0, 0, .8) } .bg-warning { background-color: #fcddba; color: rgba(0, 0, 0, .8) } .bg-danger { background-color: #fee7e4; color: rgba(0, 0, 0, .8) } .bg-theme { background-color: #40babd; color: #fff } .theme-2 .bg-theme { background-color: #6dbd63 } .theme-3 .bg-theme { background-color: #497cb1 } .theme-4 .bg-theme { background-color: #ec6952 } .bg-pink { background-color: #ea5395; color: #fff } .bg-purple { background-color: #8a40a7; color: #fff } .bg-yellow { background-color: #f2b542; color: #fff } .highlight-border { border-color: #40babd; font-size: none; } .theme-2 .highlight-border { border-color: #6dbd63 } .theme-3 .highlight-border { border-color: #497cb1 } .theme-4 .highlight-border { border-color: #ec6952 } .well { background-color: #f9f9fb; border: 1px solid #eaeaf1 } .btn, a.btn { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; font-weight: 600; font-size: 13px; line-height: 1.5 } .btn .fa, a.btn .fa { margin-right: 5px } .btn-oval { border-radius: 60px; border: none } .btn-oval, .btn-square { background-clip: padding-box } .btn-square { border-radius: 0 } .btn-circle { border-radius: 50%; background-clip: padding-box; border: none; width: 36px; height: 36px; text-align: center; padding: 0 } .btn-circle .fa { margin-right: 0; font-size: 14px } .btn-circle .pe-icon { font-size: 18px; padding-top: 3px; font-weight: 700 } .btn-circle .fs1 { font-size: 16px; padding-top: 3px; font-weight: 700 } .btn-group-lg>.btn, .btn-lg { padding: 8px 16px } .btn-group-sm>.btn, .btn-sm { padding: 4px 8px } .btn-group-xs>.btn, .btn-xs { padding: 2px 4px } .btn-lg { font-size: 16px } .btn-sm { font-size: 11px } .btn-xs { font-size: 10px } .btn-default { background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); } .btn-default.active, .btn-default.focus, .btn-default.hover, .btn-default:active, .btn-default:focus, .btn-default:hover { border-color: #e6e7ea; color: #6c727e; background: #f9f9fb; box-shadow: none } .theme-2 .btn-default { color: #a2a6af } .theme-2 .btn-default.active, .theme-2 .btn-default.focus, .theme-2 .btn-default.hover, .theme-2 .btn-default:active, .theme-2 .btn-default:focus, .theme-2 .btn-default:hover { color: #6c727e } .theme-3 .btn-default { color: #a2a6af } .theme-3 .btn-default.active, .theme-3 .btn-default.focus, .theme-3 .btn-default.hover, .theme-3 .btn-default:active, .theme-3 .btn-default:focus, .theme-3 .btn-default:hover { color: #6c727e } .theme-4 .btn-default { color: #a2a6af } .theme-4 .btn-default.active, .theme-4 .btn-default.focus, .theme-4 .btn-default.hover, .theme-4 .btn-default:active, .theme-4 .btn-default:focus, .theme-4 .btn-default:hover { color: #6c727e } .open>.dropdown-toggle.btn-default { border-color: #e6e7ea } .open>.dropdown-toggle.btn-default:active, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { border-color: #e6e7ea; background: #f9f9fb; box-shadow: none } .btn-primary { background: #40babd; border: 1px solid #40babd; color: #fff; margin-top: 22px; padding: 7px 24px; } .theme-2 .btn-primary { background: #6dbd63; border-color: #6dbd63 } .theme-3 .btn-primary { background: #497cb1; border-color: #497cb1 } .theme-4 .btn-primary { background: #ec6952; border-color: #ec6952 } .btn-primary.active, .btn-primary.active:hover, .btn-primary.hover, .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background: #3aa7aa; color: #fff; border: 1px solid #3aa7aa } .theme-2 .btn-primary.active, .theme-2 .btn-primary.active:hover, .theme-2 .btn-primary.hover, .theme-2 .btn-primary:active, .theme-2 .btn-primary:focus, .theme-2 .btn-primary:hover { background: #5cb551; border-color: #5cb551 } .theme-3 .btn-primary.active, .theme-3 .btn-primary.active:hover, .theme-3 .btn-primary.hover, .theme-3 .btn-primary:active, .theme-3 .btn-primary:focus, .theme-3 .btn-primary:hover { background: #426f9f; border-color: #426f9f } .theme-4 .btn-primary.active, .theme-4 .btn-primary.active:hover, .theme-4 .btn-primary.hover, .theme-4 .btn-primary:active, .theme-4 .btn-primary:focus, .theme-4 .btn-primary:hover { background: #e9553b; border-color: #e9553b } .btn-success { background: #75c181; border: 1px solid #75c181; color: #fff } .btn-success.active, .btn-success.hover, .btn-success:active, .btn-success:focus, .btn-success:hover { background: #63b971; border: 1px solid #63b971; color: #fff } .btn-info { background: #58bbee; border: 1px solid #58bbee; color: #fff } .btn-info.active, .btn-info.hover, .btn-info:active, .btn-info:focus, .btn-info:hover { background: #41b2ec; -ms-flex-order: 1px solid #41b2ec; order: 1px solid #41b2ec; color: #fff } .btn-warning { background: #40BABD; border: 1px solid #40BABD; color: #fff } .btn-warning.active, .btn-warning.hover, .btn-warning:active, .btn-warning:focus, .btn-warning:hover { background: #40BABD; border: 1px solid #40BABD; color: #fff } .btn-danger { background: #f77b6b; border: 1px solid #f77b6b; color: #fff } .btn-danger.active, .btn-danger.hover, .btn-danger:active, .btn-danger:focus, .btn-danger:hover { background: #f66553; border: 1px solid #f66553; color: #fff } .btn-pink { background: #ea5395; border: 1px solid #ea5395; color: #fff } .btn-pink.active, .btn-pink.hover, .btn-pink:active, .btn-pink:focus, .btn-pink:hover { background: #e73c87; border: 1px solid #e73c87; color: #fff } .btn-purple { background: #8a40a7; border: 1px solid #8a40a7; color: #fff } .btn-purple.active, .btn-purple.hover, .btn-purple:active, .btn-purple:focus, .btn-purple:hover { background: #7b3995; border: 1px solid #7b3995; color: #fff } .btn-yellow { background: #f2b542; border: 1px solid #f2b542; color: #fff } .btn-yellow.active, .btn-yellow.hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover { background: #f0ac2a; border: 1px solid #f0ac2a; color: #fff } .btn-link { color: #40babd } .theme-2 .btn-link { color: #6dbd63 } .theme-3 .btn-link { color: #497cb1 } .theme-4 .btn-link { color: #ec6952 } .btn-link.active, .btn-link.hover, .btn-link:active, .btn-link:focus, .btn-link:hover { color: #339597 } .theme-2 .btn-link.active, .theme-2 .btn-link.hover, .theme-2 .btn-link:active, .theme-2 .btn-link:focus, .theme-2 .btn-link:hover { color: #51a746 } .theme-3 .btn-link.active, .theme-3 .btn-link.hover, .theme-3 .btn-link:active, .theme-3 .btn-link:focus, .theme-3 .btn-link:hover { color: #3a638d } .theme-4 .btn-link.active, .theme-4 .btn-link.hover, .theme-4 .btn-link:active, .theme-4 .btn-link:focus, .theme-4 .btn-link:hover { color: #e74124 } .btn-default-alt { background: #616670; border: 1px solid #616670; color: #fff } .btn-default-alt.active, .btn-default-alt.hover, .btn-default-alt:active, .btn-default-alt:focus, .btn-default-alt:hover { background: #494d55; color: #fff; border: 1px solid #494d55 } .btn-primary-alt { background: none; border: 1px solid #40babd; color: #40babd } .theme-2 .btn-primary-alt { color: #6dbd63; border-color: #6dbd63 } .theme-3 .btn-primary-alt { color: #497cb1; border-color: #497cb1 } .theme-4 .btn-primary-alt { color: #ec6952; border-color: #ec6952 } .btn-primary-alt.active, .btn-primary-alt.hover, .btn-primary-alt:active, .btn-primary-alt:focus, .btn-primary-alt:hover { border-color: #40babd; background: #40babd; color: #fff } .theme-2 .btn-primary-alt.active, .theme-2 .btn-primary-alt.hover, .theme-2 .btn-primary-alt:active, .theme-2 .btn-primary-alt:focus, .theme-2 .btn-primary-alt:hover { background: #6dbd63; border-color: #6dbd63 } .theme-3 .btn-primary-alt.active, .theme-3 .btn-primary-alt.hover, .theme-3 .btn-primary-alt:active, .theme-3 .btn-primary-alt:focus, .theme-3 .btn-primary-alt:hover { background: #497cb1; border-color: #497cb1 } .theme-4 .btn-primary-alt.active, .theme-4 .btn-primary-alt.hover, .theme-4 .btn-primary-alt:active, .theme-4 .btn-primary-alt:focus, .theme-4 .btn-primary-alt:hover { background: #ec6952; border-color: #ec6952 } .btn-success-alt { background: none; border: 1px solid #75c181; color: #75c181 } .btn-success-alt.active, .btn-success-alt.hover, .btn-success-alt:focus, .btn-success-alt:hover { border-color: #75c181; background: #75c181; color: #fff } .btn-info-alt { background: none; border: 1px solid #58bbee; color: #58bbee } .btn-info-alt.active, .btn-info-alt.hover, .btn-info-alt:focus, .btn-info-alt:hover { border-color: #58bbee; background: #58bbee; color: #fff } .btn-warning-alt { background: none; border: 1px solid #f8a13f; color: #f8a13f } .btn-warning-alt.active, .btn-warning-alt.hover, .btn-warning-alt:focus, .btn-warning-alt:hover { border-color: #f8a13f; background: #f8a13f; color: #fff } .btn-danger-alt { background: none; border: 1px solid #f77b6b; color: #f77b6b } .btn-danger-alt.active, .btn-danger-alt.hover, .btn-danger-alt:focus, .btn-danger-alt:hover { border-color: #f77b6b; background: #f77b6b; color: #fff } .btn-pink-alt { background: none; border: 1px solid #ea5395; color: #ea5395 } .btn-pink-alt.active, .btn-pink-alt.hover, .btn-pink-alt:focus, .btn-pink-alt:hover { border-color: #ea5395; background: #ea5395; color: #fff } .btn-purple-alt { background: none; border: 1px solid #8a40a7; color: #8a40a7 } .btn-purple-alt.active, .btn-purple-alt.hover, .btn-purple-alt:focus, .btn-purple-alt:hover { border-color: #8a40a7; background: #8a40a7; color: #fff } .btn-yellow-alt { background: none; border: 1px solid #f2b542; color: #f2b542 } .btn-yellow-alt.active, .btn-yellow-alt.hover, .btn-yellow-alt:focus, .btn-yellow-alt:hover { border-color: #f2b542; background: #f2b542; color: #fff } .open>.dropdown-toggle.btn-default-alt { background: #494d55; border-color: #494d55; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); color: #fff } .open>.dropdown-toggle.btn-primary { background: #3aa7aa; border-color: #3aa7aa; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); color: #fff } .theme-2 .open>.dropdown-toggle.btn-primary { background: #5cb551; border-color: #5cb551 } .theme-3 .open>.dropdown-toggle.btn-primary { background: #426f9f; border-color: #426f9f } .theme-4 .open>.dropdown-toggle.btn-primary { background: #e9553b; border-color: #e9553b } .open>.dropdown-toggle.btn-success { background: #63b971; border-color: #63b971; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); color: #fff } .open>.dropdown-toggle.btn-info { background: #41b2ec; border-color: #41b2ec; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); color: #fff } .open>.dropdown-toggle.btn-warning { background: #f79526; border-color: #f79526; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); color: #fff } .open>.dropdown-toggle.btn-danger { background: #f66553; border-color: #f66553; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); color: #fff } .btn-default-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #616670; box-shadow: 0 4px 0 #494d55; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .btn-default-3d:hover { top: 2px; box-shadow: 0 2px 0 #555963; background: #6c727e; color: #fff } .btn-default-3d:focus { background: #797f8b; color: #fff } .btn-default-3d:active { box-shadow: 0 2px 0 #555963; color: #fff } .btn-primary-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #40babd; box-shadow: 0 4px 0 #339597; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .theme-2 .btn-primary-3d { background: #6dbd63; box-shadow: 0 4px 0 #51a746 } .theme-3 .btn-primary-3d { background: #497cb1; box-shadow: 0 4px 0 #3a638d } .theme-4 .btn-primary-3d { background: #ec6952; box-shadow: 0 4px 0 #e74124 } .btn-primary-3d:hover { top: 2px; box-shadow: 0 2px 0 #3aa7aa; background: #52c2c4; color: #fff } .theme-2 .btn-primary-3d:hover { background: #7ec575; box-shadow: 0 2px 0 #5cb551 } .theme-3 .btn-primary-3d:hover { background: #5989bb; box-shadow: 0 2px 0 #426f9f } .theme-4 .btn-primary-3d:hover { background: #ef7d69; box-shadow: 0 2px 0 #e9553b } .btn-primary-3d:focus { background: #65c8cb; color: #fff } .theme-2 .btn-primary-3d:focus { background: #8fcc87 } .theme-3 .btn-primary-3d:focus { background: #6b96c2 } .theme-4 .btn-primary-3d:focus { background: #f19180 } .btn-primary-3d:active { box-shadow: 0 2px 0 #3aa7aa; color: #fff } .theme-2 .btn-primary-3d:active { box-shadow: 0 2px 0 #5cb551 } .theme-3 .btn-primary-3d:active { box-shadow: 0 2px 0 #426f9f } .theme-4 .btn-primary-3d:active { box-shadow: 0 2px 0 #e9553b } .btn-success-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #75c181; box-shadow: 0 4px 0 #52b161; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .btn-success-3d:hover { top: 2px; box-shadow: 0 2px 0 #63b971; background: #87c991; color: #fff } .btn-success-3d:focus { background: #98d1a1; color: #fff } .btn-success-3d:active { box-shadow: 0 2px 0 #63b971; color: #fff } .btn-info-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #58bbee; box-shadow: 0 4px 0 #2aa8e9; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .btn-info-3d:hover { top: 2px; box-shadow: 0 2px 0 #41b2ec; background: #6fc4f0; color: #fff } .btn-info-3d:focus { background: #86cef3; color: #fff } .btn-info-3d:active { box-shadow: 0 2px 0 #41b2ec; color: #fff } .btn-warning-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #f8a13f; box-shadow: 0 4px 0 #f6890e; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .btn-warning-3d:hover { top: 2px; box-shadow: 0 2px 0 #f79526; background: #f9ad58; color: #fff } .btn-warning-3d:focus { background: #fab970; color: #fff } .btn-warning-3d:active { box-shadow: 0 2px 0 #f79526; color: #fff } .btn-danger-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #f77b6b; box-shadow: 0 4px 0 #f4503b; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .btn-danger-3d:hover { top: 2px; box-shadow: 0 2px 0 #f66553; background: #f89183; color: #fff } .btn-danger-3d:focus { background: #faa69b; color: #fff } .btn-danger-3d:active { box-shadow: 0 2px 0 #f66553; color: #fff } .btn-pink-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #ea5395; box-shadow: 0 4px 0 #e42679; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .btn-pink-3d:hover { top: 2px; box-shadow: 0 2px 0 #e73c87; background: #ed6aa3; color: #fff } .btn-pink-3d:focus { background: #f080b1; color: #fff } .btn-pink-3d:active { box-shadow: 0 2px 0 #e73c87; color: #fff } .btn-purple-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #8a40a7; box-shadow: 0 4px 0 #6c3282; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .btn-purple-3d:hover { top: 2px; box-shadow: 0 2px 0 #7b3995; background: #9948b9; color: #fff } .btn-purple-3d:focus { background: #a35ac0; color: #fff } .btn-purple-3d:active { box-shadow: 0 2px 0 #7b3995; color: #fff } .btn-yellow-3d { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; position: relative; background: #f2b542; box-shadow: 0 4px 0 #efa212; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); color: #fff; font-weight: 700 } .btn-yellow-3d:hover { top: 2px; box-shadow: 0 2px 0 #f0ac2a; background: #f4be5a; color: #fff } .btn-yellow-3d:focus { background: #f5c872; color: #fff } .btn-yellow-3d:active { box-shadow: 0 2px 0 #f0ac2a; color: #fff } .btn-single-icon { width: 36px; height: 36px; text-align: center; padding: 0; padding-top: 3px } .btn-single-icon .fa { font-size: 16px; margin-right: 0 } .social-btn { color: #fff; min-width: 220px; text-align: left } .social-btn:focus, .social-btn:hover { color: #fff } .social-btn .fa { font-size: 18px; position: relative; top: 2px; margin-right: 10px; border-right: 1px solid rgba(0, 0, 0, .05); padding-right: 10px; width: 30px } .twitter-btn { background: #55acee } .twitter-btn:hover { background: #2795e9 } .facebook-btn { background: #3b5998 } .facebook-btn:hover { background: #2d4373 } .google-btn { background: #dd4b39 } .google-btn:hover { background: #c23321 } .github-btn { background: #444 } .github-btn:hover { background: #2b2b2b } .btn-group.open .dropdown-toggle { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none } .btn-group.open .dropdown-toggle.btn-default { box-shadow: none } .btn-group>.btn+.dropdown-toggle.btn-default-alt { background: #555963; color: #fff } .btn-group>.btn+.dropdown-toggle.btn-default-alt:hover { background: #494d55 } .btn-group>.btn+.dropdown-toggle.btn-primary { background: #3aa7aa; color: #fff } .theme-2 .btn-group>.btn+.dropdown-toggle.btn-primary { background: #5cb551 } .theme-3 .btn-group>.btn+.dropdown-toggle.btn-primary { background: #426f9f } .theme-4 .btn-group>.btn+.dropdown-toggle.btn-primary { background: #e9553b } .btn-group>.btn+.dropdown-toggle.btn-primary:hover { background: #339597 } .theme-2 .btn-group>.btn+.dropdown-toggle.btn-primary:hover { background: #51a746 } .theme-3 .btn-group>.btn+.dropdown-toggle.btn-primary:hover { background: #3a638d } .theme-4 .btn-group>.btn+.dropdown-toggle.btn-primary:hover { background: #e74124 } .btn-group>.btn+.dropdown-toggle.btn-success { background: #63b971; color: #fff } .btn-group>.btn+.dropdown-toggle.btn-success:hover { background: #52b161 } .btn-group>.btn+.dropdown-toggle.btn-info { background: #41b2ec; color: #fff } .btn-group>.btn+.dropdown-toggle.btn-info:hover { background: #2aa8e9 } .btn-group>.btn+.dropdown-toggle.btn-warning { background: #f79526; color: #fff } .btn-group>.btn+.dropdown-toggle.btn-warning:hover { background: #f6890e } .btn-group>.btn+.dropdown-toggle.btn-danger { background: #f66553; color: #fff } .btn-group>.btn+.dropdown-toggle.btn-danger:hover { background: #f4503b } .btn-group>.btn+.dropdown-toggle.btn-pink { background: #e73c87; color: #fff } .btn-group>.btn+.dropdown-toggle.btn-pink:hover { background: #e42679 } .btn-group>.btn+.dropdown-toggle.btn-purple { background: #7b3995; color: #fff } .btn-group>.btn+.dropdown-toggle.btn-purple:hover { background: #6c3282 } .btn-group>.btn+.dropdown-toggle.btn-yellow { background: #f0ac2a; color: #fff } .btn-group>.btn+.dropdown-toggle.btn-yellow:hover { background: #efa212 } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background: #f9f9fb; color: #9499a3 } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background: #40babd; border: 1px solid #40babd } .theme-2 .btn-primary.disabled, .theme-2 .btn-primary.disabled.active, .theme-2 .btn-primary.disabled.focus, .theme-2 .btn-primary.disabled:active, .theme-2 .btn-primary.disabled:focus, .theme-2 .btn-primary.disabled:hover, .theme-2 .btn-primary[disabled], .theme-2 .btn-primary[disabled].active, .theme-2 .btn-primary[disabled].focus, .theme-2 .btn-primary[disabled]:active, .theme-2 .btn-primary[disabled]:focus, .theme-2 .btn-primary[disabled]:hover, .theme-2 fieldset[disabled] .btn-primary, .theme-2 fieldset[disabled] .btn-primary.active, .theme-2 fieldset[disabled] .btn-primary.focus, .theme-2 fieldset[disabled] .btn-primary:active, .theme-2 fieldset[disabled] .btn-primary:focus, .theme-2 fieldset[disabled] .btn-primary:hover { background: #6dbd63; border-color: #6dbd63 } .theme-3 .btn-primary.disabled, .theme-3 .btn-primary.disabled.active, .theme-3 .btn-primary.disabled.focus, .theme-3 .btn-primary.disabled:active, .theme-3 .btn-primary.disabled:focus, .theme-3 .btn-primary.disabled:hover, .theme-3 .btn-primary[disabled], .theme-3 .btn-primary[disabled].active, .theme-3 .btn-primary[disabled].focus, .theme-3 .btn-primary[disabled]:active, .theme-3 .btn-primary[disabled]:focus, .theme-3 .btn-primary[disabled]:hover, .theme-3 fieldset[disabled] .btn-primary, .theme-3 fieldset[disabled] .btn-primary.active, .theme-3 fieldset[disabled] .btn-primary.focus, .theme-3 fieldset[disabled] .btn-primary:active, .theme-3 fieldset[disabled] .btn-primary:focus, .theme-3 fieldset[disabled] .btn-primary:hover { background: #497cb1; border-color: #497cb1 } .theme-4 .btn-primary.disabled, .theme-4 .btn-primary.disabled.active, .theme-4 .btn-primary.disabled.focus, .theme-4 .btn-primary.disabled:active, .theme-4 .btn-primary.disabled:focus, .theme-4 .btn-primary.disabled:hover, .theme-4 .btn-primary[disabled], .theme-4 .btn-primary[disabled].active, .theme-4 .btn-primary[disabled].focus, .theme-4 .btn-primary[disabled]:active, .theme-4 .btn-primary[disabled]:focus, .theme-4 .btn-primary[disabled]:hover, .theme-4 fieldset[disabled] .btn-primary, .theme-4 fieldset[disabled] .btn-primary.active, .theme-4 fieldset[disabled] .btn-primary.focus, .theme-4 fieldset[disabled] .btn-primary:active, .theme-4 fieldset[disabled] .btn-primary:focus, .theme-4 fieldset[disabled] .btn-primary:hover { background: #ec6952; border-color: #ec6952 } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background: #75c181; border: 1px solid #75c181 } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background: #58bbee; border: 1px solid #58bbee } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background: #f8a13f; border: 1px solid #f8a13f } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background: #f77b6b; border: 1px solid #f77b6b } .panel { box-shadow: none } .panel .panel-heading { padding: 25px } .panel .panel-heading .panel-title { font-weight: 500; font-size: 19px; font-weight: 600 } .panel .panel-heading .panel-title a { font-weight: 600; text-decoration:none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none } .panel .panel-heading .panel-title a.active { color: #40babd } .theme-2 .panel .panel-heading .panel-title a.active { color: #6dbd63 } .theme-3 .panel .panel-heading .panel-title a.active { color: #497cb1 } .theme-4 .panel .panel-heading .panel-title a.active { color: #ec6952 } .panel .panel-heading .panel-title a .fa { margin-right: 5px; color: #008EC2 } .theme-2 .panel .panel-heading .panel-title a .fa { color: #6dbd63 } .theme-3 .panel .panel-heading .panel-title a .fa { color: #497cb1 } .theme-4 .panel .panel-heading .panel-title a .fa { color: #ec6952 } .panel .panel-heading.icon-right .panel-title { position: relative } .panel .panel-heading.icon-right .panel-title .fa { position: absolute; right: 0 } .panel-default { border-color: #eaeaf1 } .panel-default>.panel-heading { color: #494d55; background: #F4F7FC; border-color: #eaeaf1; cursor: pointer } .panel-default .panel-footer { background: #f9f9fb; color: #616670 } .panel-theme { border-color: #616670 } .panel-theme .panel-footer, .panel-theme>.panel-heading { color: #fff; background: #616670; border-color: #616670 } .panel-primary { border-color: #40babd } .theme-2 .panel-primary { border-color: #6dbd63 } .theme-3 .panel-primary { border-color: #497cb1 } .theme-4 .panel-primary { border-color: #ec6952 } .panel-primary>.panel-heading { color: #fff; background: #40babd; border-color: #40babd } .theme-2 .panel-primary>.panel-heading { border-color: #6dbd63; background: #6dbd63 } .theme-3 .panel-primary>.panel-heading { border-color: #497cb1; background: #497cb1 } .theme-4 .panel-primary>.panel-heading { border-color: #ec6952; background: #ec6952 } .panel-primary .panel-footer { background: #40babd; border-color: #40babd; color: #fff } .theme-2 .panel-primary .panel-footer { border-color: #6dbd63; background: #6dbd63 } .theme-3 .panel-primary .panel-footer { border-color: #497cb1; background: #497cb1 } .theme-4 .panel-primary .panel-footer { border-color: #ec6952; background: #ec6952 } .panel-success { border-color: #75c181 } .panel-success .panel-footer, .panel-success>.panel-heading { color: #fff; background: #75c181; border-color: #75c181 } .panel-info { border-color: #58bbee } .panel-info .panel-footer, .panel-info>.panel-heading { color: #fff; background: #58bbee; border-color: #58bbee } .panel-warning { border-color: #f8a13f } .panel-warning .panel-footer, .panel-warning>.panel-heading { color: #fff; background: #f8a13f; border-color: #f8a13f } .panel-danger { border-color: #f77b6b } .panel-danger .panel-footer, .panel-danger>.panel-heading { color: #fff; background: #f77b6b; border-color: #f77b6b } .panel-pink { border-color: #ea5395 } .panel-pink .panel-footer, .panel-pink>.panel-heading { color: #fff; background: #ea5395; border-color: #ea5395 } .panel-purple { border-color: #8a40a7 } .panel-purple .panel-footer, .panel-purple>.panel-heading { color: #fff; background: #8a40a7; border-color: #8a40a7 } .panel-yellow { border-color: #f2b542 } .panel-yellow .panel-footer, .panel-yellow>.panel-heading { color: #fff; background: #f2b542; border-color: #f2b542 } .panel-group-theme-1 .panel { border: none } .panel-group-theme-1 .panel .panel-heading { border-radius: 4px; background-clip: padding-box } .panel-group-theme-1 .panel .panel-heading a:hover { text-decoration: none; color: #40babd } .theme-2 .panel-group-theme-1 .panel .panel-heading a:hover { color: #6dbd63 } .theme-3 .panel-group-theme-1 .panel .panel-heading a:hover { color: #497cb1 } .theme-4 .panel-group-theme-1 .panel .panel-heading a:hover { color: #ec6952 } .panel-group-theme-1 .panel .panel-body { border: none!important } .nav-tabs { border-color: #eaeaf1; margin-bottom: 15px } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border: 1px solid #eaeaf1; border-bottom-color: transparent; color: #494d55; background-color: #fff } .nav-tabs>li>a { color: #9499a3; font-weight: 600 } .nav-tabs>li>a:hover { background: #f9f9fb; border-color: #f9f9fb; color: #494d55 } .nav-tabs-theme-1 { border: none; display: inline-block; margin: 0 auto; margin-bottom: 15px; text-align: center; position: relative } .nav-tabs-theme-1>li { margin-right: 15px } .nav-tabs-theme-1>li.last { margin-right: 0 } .nav-tabs-theme-1>li>a { border-radius: 0; background-clip: padding-box; color: #797f8b; padding: 5px; border: none; border-bottom: 2px solid transparent } .nav-tabs-theme-1>li>a:hover { background: transparent; border: none; border-bottom: 2px solid transparent; color: #40babd } .theme-2 .nav-tabs-theme-1>li>a:hover { color: #6dbd63 } .theme-3 .nav-tabs-theme-1>li>a:hover { color: #497cb1 } .theme-4 .nav-tabs-theme-1>li>a:hover { color: #ec6952 } .nav-tabs-theme-1>li.active>a { color: #494d55; background: transparent; border: none; border-bottom: 2px solid #40babd } .theme-2 .nav-tabs-theme-1>li.active>a { border-bottom-color: #6dbd63 } .theme-3 .nav-tabs-theme-1>li.active>a { border-bottom-color: #497cb1 } .theme-4 .nav-tabs-theme-1>li.active>a { border-bottom-color: #ec6952 } .nav-tabs-theme-1>li.active>a:focus, .nav-tabs-theme-1>li.active>a:hover { border: none; border-bottom: 2px solid #40babd; background: transparent; color: #494d55 } .theme-2 .nav-tabs-theme-1>li.active>a:focus, .theme-2 .nav-tabs-theme-1>li.active>a:hover { border-bottom-color: #6dbd63 } .theme-3 .nav-tabs-theme-1>li.active>a:focus, .theme-3 .nav-tabs-theme-1>li.active>a:hover { border-bottom-color: #497cb1 } .theme-4 .nav-tabs-theme-1>li.active>a:focus, .theme-4 .nav-tabs-theme-1>li.active>a:hover { border-bottom-color: #ec6952 } .nav-tabs-theme-2 { border-color: #eaeaf1; margin-bottom: 15px } .nav-tabs-theme-2>li.active>a, .nav-tabs-theme-2>li.active>a:focus, .nav-tabs-theme-2>li.active>a:hover { border: 1px solid #eaeaf1; color: #494d55; border-top: 2px solid #40babd; border-bottom: 1px solid #fff } .theme-2 .nav-tabs-theme-2>li.active>a, .theme-2 .nav-tabs-theme-2>li.active>a:focus, .theme-2 .nav-tabs-theme-2>li.active>a:hover { border-top-color: #6dbd63 } .theme-3 .nav-tabs-theme-2>li.active>a, .theme-3 .nav-tabs-theme-2>li.active>a:focus, .theme-3 .nav-tabs-theme-2>li.active>a:hover { border-top-color: #497cb1 } .theme-4 .nav-tabs-theme-2>li.active>a, .theme-4 .nav-tabs-theme-2>li.active>a:focus, .theme-4 .nav-tabs-theme-2>li.active>a:hover { border-top-color: #ec6952 } .nav-tabs-theme-2>li>a { color: #9499a3; border-radius: 0; background-clip: padding-box } .nav-tabs-theme-2>li>a:hover { background: #f9f9fb; border-color: #f9f9fb; color: #494d55 } .nav-tabs-theme-3 { border: none; margin: 0 auto; margin-bottom: 15px; display: -ms-flexbox; display: flex; text-align: center; position: relative } .nav-tabs-theme-3:before { content: ""; display: block; border-bottom: 1px solid #eaeaf1; position: absolute; bottom: 0 } .nav-tabs-theme-3>li { margin-bottom: -1px; position: relative; z-index: 1; background: #fff; border: 1px solid #eaeaf1; border-right: none; -webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -ms-flex: 1; flex: 1 } .nav-tabs-theme-3>li>a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; border-radius: 0; background-clip: padding-box; margin-right: 0; color: #9499a3; padding: 15px; background: #fff; border: none } .nav-tabs-theme-3>li>a .fa, .nav-tabs-theme-3>li>a .fs1 { font-size: 20px } .nav-tabs-theme-3>li>a .pe-icon { font-size: 26px } .nav-tabs-theme-3>li>a:hover { background: #f9f9fb } .nav-tabs-theme-3>li.active { border-top-color: #40babd; border-bottom-color: #fff } .theme-2 .nav-tabs-theme-3>li.active { border-top-color: #6dbd63 } .theme-3 .nav-tabs-theme-3>li.active { border-top-color: #497cb1 } .theme-4 .nav-tabs-theme-3>li.active { border-top-color: #ec6952 } .nav-tabs-theme-3>li.active>a, .nav-tabs-theme-3>li.active>a:focus, .nav-tabs-theme-3>li.active>a:hover { color: #40babd; box-shadow: inset 0 2px 0 #40babd; background: #fff; border: none } .theme-2 .nav-tabs-theme-3>li.active>a, .theme-2 .nav-tabs-theme-3>li.active>a:focus, .theme-2 .nav-tabs-theme-3>li.active>a:hover { color: #6dbd63; box-shadow: inset 0 2px 0 #6dbd63 } .theme-3 .nav-tabs-theme-3>li.active>a, .theme-3 .nav-tabs-theme-3>li.active>a:focus, .theme-3 .nav-tabs-theme-3>li.active>a:hover { color: #497cb1; box-shadow: inset 0 2px 0 #497cb1 } .theme-4 .nav-tabs-theme-3>li.active>a, .theme-4 .nav-tabs-theme-3>li.active>a:focus, .theme-4 .nav-tabs-theme-3>li.active>a:hover { color: #ec6952; box-shadow: inset 0 2px 0 #ec6952 } .nav-tabs-theme-3>li.active>a:focus, .nav-tabs-theme-3>li.active>a:focus:focus, .nav-tabs-theme-3>li.active>a:focus:hover, .nav-tabs-theme-3>li.active>a:hover, .nav-tabs-theme-3>li.active>a:hover:focus, .nav-tabs-theme-3>li.active>a:hover:hover { border: none } .nav-tabs-theme-3>li.active:hover>a { border-top: 0; border: none; color: #40babd } .theme-2 .nav-tabs-theme-3>li.active:hover>a { color: #6dbd63 } .theme-3 .nav-tabs-theme-3>li.active:hover>a { color: #497cb1 } .theme-4 .nav-tabs-theme-3>li.active:hover>a { color: #ec6952 } .nav-tabs-theme-3>li.last, .nav-tabs-theme-3>li:last-child { border-right: 1px solid #eaeaf1 } .bootstrap-carousel .carousel-caption { text-shadow: 0 1px 1px rgba(0, 0, 0, .3); font-weight: 600 } .bootstrap-carousel .carousel li { margin-right: 0 } .gmap-wrapper { position: relative } .gmap { height: 320px; text-align: left; font-weight: 400 } .gmap, .gmap *, .gmap:after, .gmap:before { box-sizing: content-box } .gmap#map-7 { height: 520px } .gmap .title { font-size: 14px; font-weight: 400; margin-bottom: 15px; margin-top: 5px } .gmap .gm-style-iw { width: 150px } .map-overlay { position: relative; background: rgba(73, 77, 85, .8); padding: 15px; font-size: 13px; color: #fff } .map-overlay:after { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(73, 77, 85, .8); position: absolute; bottom: -10px; margin-left: -10px; left: 50% } .flexslider { border-radius: 0; background-clip: padding-box; padding: 0; margin-bottom: 0; border: none; box-shadow: none; overflow: hidden } .flexslider .flex-direction-nav a { color: #fff; -webkit-opacity: .7; -moz-opacity: .7; opacity: .7; border-radius: 50%; background-clip: padding-box; background: #333; text-align: center; width: 32px; height: 32px } .flexslider .flex-direction-nav a:before { font-size: 18px; margin-bottom: 30px; padding-top: 5px; color: #fff; text-shadow: none } .flexslider .flex-direction-nav a:hover { -webkit-opacity: .9; -moz-opacity: .9; opacity: .9 } .flexslider .flex-control-nav { bottom: 15px } .flexslider .flex-control-paging li a { background: rgba(0, 0, 0, .4) } .flexslider .flex-control-paging li a.flex-active { background: rgba(0, 0, 0, .8) } .owl-theme .owl-controls .owl-page span { background: #616670 } .alert-theme { background: #d0d3d7; border: 1px solid #b5b8bf; color: #494d55 } .alert-theme a { font-weight: 600; color: #020203 } .alert-theme a:hover { color: #000 } .alert-theme.alert-success { background: #dff0e1; border: 1px solid #cde9d1; color: #40904d } .alert-theme.alert-success a { font-weight: 600; color: #295b31 } .alert-theme.alert-success a:hover { color: #214927 } .alert-theme.alert-info { background: #daf0fb; border: 1px solid #bee4f8; color: #127db4 } .alert-theme.alert-info a { font-weight: 600; color: #0e5d86 } .alert-theme.alert-info a:hover { color: #0b4d6f } .alert-theme.alert-warning { background: #feeedc; border: 1px solid #fde4c9; color: #b16106 } .alert-theme.alert-warning a { font-weight: 600; color: #804605 } .alert-theme.alert-warning a:hover { color: #673804 } .alert-theme.alert-danger { background: #fee7e4; border: 1px solid #fcd1cc; color: #d7230c } .alert-theme.alert-danger a { font-weight: 600; color: #a71b09 } .alert-theme.alert-danger a:hover { color: #8e1708 } .alert-theme.alert-pink { background: #f8c5db; border: 1px solid #f5aecd; color: #a91555 } .alert-theme.alert-pink a { font-weight: 600; color: #7b0f3e } .alert-theme.alert-pink a:hover { color: #650c33 } .alert-theme.alert-purple { background: #c291d5; border: 1px solid #b87fce; color: #3e1d4b } .alert-theme.alert-purple a { font-weight: 600; color: #1f0f26 } .alert-theme.alert-purple a:hover { color: #100714 } .alert-theme.alert-yellow { background: #fae4b9; border: 1px solid #f9daa1; color: #a9720c } .alert-theme.alert-yellow a { font-weight: 600; color: #795208 } .alert-theme.alert-yellow a:hover { color: #614207 } .alert-theme-solid { background: #797f8b; border: 1px solid #797f8b; color: #fff } .alert-theme-solid .close { color: #fff; text-shadow: none; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .alert-theme-solid .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-theme-solid a { font-weight: 600; color: rgba(0, 0, 0, .6) } .alert-theme-solid a:hover { color: rgba(0, 0, 0, .8) } .alert-theme-solid.alert-success { background: #75c181; border: 1px solid #75c181; color: #fff } .alert-theme-solid.alert-success .close { color: #fff; text-shadow: none; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .alert-theme-solid.alert-success .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-theme-solid.alert-success a { font-weight: 600; color: rgba(0, 0, 0, .4) } .alert-theme-solid.alert-success a:hover { color: rgba(0, 0, 0, .8) } .alert-theme-solid.alert-info { background: #58bbee; border: 1px solid #58bbee; color: #fff } .alert-theme-solid.alert-info .close { color: #fff; text-shadow: none; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .alert-theme-solid.alert-info .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-theme-solid.alert-info a { font-weight: 600; color: rgba(0, 0, 0, .4) } .alert-theme-solid.alert-info a:hover { color: rgba(0, 0, 0, .8) } .alert-theme-solid.alert-warning { background: #f8a13f; border: 1px solid #f8a13f; color: #fff } .alert-theme-solid.alert-warning .close { color: #fff; text-shadow: none; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .alert-theme-solid.alert-warning .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-theme-solid.alert-warning a { font-weight: 600; color: rgba(0, 0, 0, .4) } .alert-theme-solid.alert-warning a:hover { color: rgba(0, 0, 0, .8) } .alert-theme-solid.alert-danger { background: #f77b6b; border: 1px solid #f77b6b; color: #fff } .alert-theme-solid.alert-danger .close { color: #fff; text-shadow: none; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .alert-theme-solid.alert-danger .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-theme-solid.alert-danger a { font-weight: 600; color: rgba(0, 0, 0, .5) } .alert-theme-solid.alert-danger a:hover { color: rgba(0, 0, 0, .8) } .alert-theme-solid.alert-pink { background: #ea5395; border: 1px solid #ea5395; color: #fff } .alert-theme-solid.alert-pink .close { color: #fff; text-shadow: none; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .alert-theme-solid.alert-pink .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-theme-solid.alert-pink a { font-weight: 600; color: rgba(0, 0, 0, .5) } .alert-theme-solid.alert-pink a:hover { color: rgba(0, 0, 0, .8) } .alert-theme-solid.alert-purple { background: #8a40a7; border: 1px solid #8a40a7; color: #fff } .alert-theme-solid.alert-purple .close { color: #fff; text-shadow: none; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .alert-theme-solid.alert-purple .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-theme-solid.alert-purple a { font-weight: 600; color: rgba(0, 0, 0, .5) } .alert-theme-solid.alert-purple a:hover { color: rgba(0, 0, 0, .8) } .alert-theme-solid.alert-yellow { background: #f2b542; border: 1px solid #f2b542; color: #fff } .alert-theme-solid.alert-yellow .close { color: #fff; text-shadow: none; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .alert-theme-solid.alert-yellow .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-theme-solid.alert-yellow a { font-weight: 600; color: rgba(0, 0, 0, .5) } .alert-theme-solid.alert-yellow a:hover { color: rgba(0, 0, 0, .8) } .alert-promo { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; background: #3d4147; color: rgba(0, 0, 0, .5); color: hsla(0, 0%, 100%, .8); border-radius: 0; background-clip: padding-box; border: none } .alert-promo .close { color: #fff; text-shadow: none; font-weight: 700; -webkit-opacity: .75; -moz-opacity: .75; opacity: .75 } .alert-promo .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .alert-promo .btn { margin-left: 5px } .alert-promo .btn-xs { font-size: 10px } .alert-promo .btn-sm { font-size: 11px } .notifyjs-appkit-base { padding: 10px; border-radius: 4px; background-clip: padding-box; -webkit-opacity: .95; -moz-opacity: .95; opacity: .95; margin-bottom: 10px; font-weight: 600; background: #65c8cb; border: 1px solid #65c8cb; color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); white-space: nowrap } .theme-2 .notifyjs-appkit-base { background: #8fcc87; border-color: #8fcc87 } .theme-3 .notifyjs-appkit-base { background: #6b96c2; border-color: #6b96c2 } .theme-4 .notifyjs-appkit-base { background: #f19180; border-color: #f19180 } .notifyjs-appkit-base .fa { font-size: 16px; font-weight: 700; margin-right: 5px } .notifyjs-appkit-base a { font-weight: 600; color: rgba(0, 0, 0, .4) } .notifyjs-appkit-base a:hover { color: rgba(0, 0, 0, .8) } .notifyjs-appkit-success { background: #75c181; border: 1px solid #75c181; color: #fff } .notifyjs-appkit-info { background: #58bbee; border: 1px solid #58bbee; color: #fff } .notifyjs-appkit-warn { background: #f8a13f; border: 1px solid #f8a13f; color: #fff } .notifyjs-appkit-error { background: #f77b6b; border: 1px solid #f77b6b; color: #fff } .badge-circle { border-radius: 50%; background-clip: padding-box; padding: 0; padding-top: 4px; width: 20px; height: 20px; font-size: 12px; line-height: 1 } .badge, .badge-default { background: #616670 } .badge-primary { background: #40babd } .theme-2 .badge-primary { background: #6dbd63 } .theme-3 .badge-primary { background: #497cb1 } .theme-4 .badge-primary { background: #ec6952 } .badge-success { background: #75c181 } .badge-info { background: #58bbee } .badge-warning { background: #f8a13f } .badge-danger { background: #f77b6b } .badge-pink { background: #ea5395 } .badge-purple { background: #8a40a7 } .badge-yellow { background: #f2b542 } .label-number { background: #e9e9e9; color: #494d55; font-weight: 600; border-radius: 0; background-clip: padding-box } .label-number-alt { background: #797f8b; color: #fff!important; font-weight: 600; border-radius: 0; background-clip: padding-box; font-size: 11px } .label-number-alt:hover { background: #494d55 } .label-default { background: #616670 } .label-primary { background: #40babd } .theme-2 .label-primary { background: #6dbd63 } .theme-3 .label-primary { background: #497cb1 } .theme-4 .label-primary { background: #ec6952 } .label-success { background: #75c181 } .label-info { background: #58bbee } .label-warning { background: #f8a13f } .label-danger { background: #f77b6b } .label-new { background: #75c181 } .label-normal { background: #58bbee } .label-high { background: #f8a13f } .label-grey, .label-low { background: #c3c3c3 } .label-critical, .label-pink { background: #ea5395 } .label-purple { background: #8a40a7 } .label-yellow { background: #f2b542 } .label-open { color: #75c181 } .label-closed, .label-open { background: none; font-size: 12px; font-weight: 400 } .label-closed { color: #f77b6b } .label-todo { color: #f8a13f } .label-review, .label-todo { background: none; font-size: 12px; font-weight: 400 } .label-review { color: #616670 } .label-progress { color: #8a40a7; background: none; font-size: 12px; font-weight: 400 } .progress-container { overflow: hidden; display: block } .progress { border-radius: 0; background-clip: padding-box; background: #f3f3f7; box-shadow: none; display: block } .progress-bar { box-shadow: none; font-weight: 600; background: #616670 } .progress-sm { height: 15px } .progress-sm .progress-bar { line-height: 15px; font-size: 12px } .progress-bar-theme { background: #40babd } .theme-2 .progress-bar-theme { background: #6dbd63 } .theme-3 .progress-bar-theme { background: #497cb1 } .theme-4 .progress-bar-theme { background: #ec6952 } .progress-bar-success { background: #75c181 } .progress-bar-info { background: #58bbee } .progress-bar-warning { background: #f8a13f } .progress-bar-danger { background: #f77b6b } .progress-bar-purple { background: #8a40a7 } .progress-bar-pink { background: #ea5395 } .progress-bar-yellow { background: #f2b542 } a.list-group-item { border-color: #eaeaf1; color: #616670 } a.list-group-item .list-group-item-heading { font-weight: 600; color: #616670 } a.list-group-item:focus, a.list-group-item:hover { background: #f9f9fb; color: #494d55 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background: #40babd; border-color: #40babd } .theme-2 .list-group-item.active, .theme-2 .list-group-item.active:focus, .theme-2 .list-group-item.active:hover { background: #6dbd63; border-color: #6dbd63 } .theme-3 .list-group-item.active, .theme-3 .list-group-item.active:focus, .theme-3 .list-group-item.active:hover { background: #497cb1; border-color: #497cb1 } .theme-4 .list-group-item.active, .theme-4 .list-group-item.active:focus, .theme-4 .list-group-item.active:hover { background: #ec6952; border-color: #ec6952 } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: hsla(0, 0%, 100%, .8) } .list-group-item-success, a.list-group-item-success { background: #dff0e1; border: 1px solid #cde9d1; color: #40904d } .list-group-item-success:focus, .list-group-item-success:hover, a.list-group-item-success:focus, a.list-group-item-success:hover { background: #bbe1c1; border: 1px solid #bbe1c1; color: #316c3a } .list-group-item-info, a.list-group-item-info { background: #daf0fb; border: 1px solid #bee4f8; color: #127db4 } .list-group-item-info:focus, .list-group-item-info:hover, a.list-group-item-info:focus, a.list-group-item-info:hover { background: #abddf6; border: 1px solid #a7dbf6; color: #0e5d86 } .list-group-item-warning, a.list-group-item-warning { background: #feeedc; border: 1px solid #fde4c9; color: #b16106 } .list-group-item-warning:focus, .list-group-item-warning:hover, a.list-group-item-warning:focus, a.list-group-item-warning:hover { background: #fcd6ab; border: 1px solid #fcd8b0; color: #804605 } .list-group-item-danger, a.list-group-item-danger { background: #fee7e4; border: 1px solid #fcd1cc; color: #d7230c } .list-group-item-danger:focus, .list-group-item-danger:hover, a.list-group-item-danger:focus, a.list-group-item-danger:hover { background: #fbbcb4; border: 1px solid #fbbcb4; color: #a71b09 } .pager li>a, .pager li>span { color: #616670 } .pager li>a:hover { color: #494d55 } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { color: #c3c3c3 } .pagination li a { border-radius: 4px; background-clip: padding-box; border: none; margin-right: 5px; color: #616670 } .pagination li a:hover { color: #494d55 } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #c3c3c3 } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #797f8b; border: none } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color: #f9f9fb; border: none } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 4px; background-clip: padding-box; background: none } .popover { border-radius: 4px; background-clip: padding-box; border: 1px solid #dadae7; box-shadow: 0 2px 5px rgba(0, 0, 0, .1) } .popover.top>.arrow { border-top-color: #dadae7 } .popover.bottom>.arrow { border-bottom-color: #dadae7 } .popover.left>.arrow { border-left-color: #dadae7 } .popover.right>.arrow { border-right-color: #dadae7 } .popover-title { padding: 10px 15px; background: #f9f9fb; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 4px; background-clip: padding-box; border-bottom-color: #f0f0f5; color: #494d55 } .table-responsive { border: none } .table { border-color: #eaeaf1 } .table>thead>tr>th { font-weight: 600; } .table>thead>tr>td, .table>thead>tr>th { border-color: #eaeaf1 } .table>tbody>tr>th { font-weight: 600; color: #616670 } .table>tbody>tr>td, .table>tbody>tr>th { border-color: #eaeaf1 } .table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background: #f9f9fb } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background: #f0f0f5 } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background: #dff0e1 } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background: #bbe1c1 } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background: #daf0fb } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background: #abddf6 } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background: #feeedc } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background: #fcd6ab } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background: #fee7e4 } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background: #fbbcb4 } .table-simple>tbody>tr>td, .table-simple>tbody>tr>th, .table-simple>tfoot>tr>td, .table-simple>tfoot>tr>th, .table-simple>thead>tr>td, .table-simple>thead>tr>th { border: none } .table-simple thead th { color: #9499a3; font-weight: 600 } .table-simple a { color: #494d55 } .table-simple a:hover { color: #40babd } .theme-2 .table-simple a:hover { color: #6dbd63 } .theme-3 .table-simple a:hover { color: #497cb1 } .theme-4 .table-simple a:hover { color: #ec6952 } .dataTables_wrapper .row { margin-right: 0; margin-bottom: 15px } .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0; border: 1px solid transparent; background: none } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: none; border: 1px solid transparent } .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus { background: none; border: 1px solid transparent; box-shadow: none } .dataTables_wrapper .dataTables_info { color: #a2a6af } .dataTables_wrapper table.dataTable tfoot td, .dataTables_wrapper table.dataTable tfoot th { border-color: #a2a6af } div.dataTables_filter label, div.dataTables_length label { margin-bottom: 0; color: #616670 } .dataTables_wrapper .dataTables_filter input { vertical-align: inherit } table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { background: inherit } table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after { top: 10px; top: 12px } table.dataTable thead th { border-bottom: 2px solid #eaeaf1 } @media (max-width: 767px) { .dataTables_wrapper .dataTables_filter input[type=search] { width: 160px } } label { font-weight: 600; color: #494d55 } label .help-block { font-weight: 400 } .help-block { color: #a2a6af } .form-group-striped .form-group { padding: 15px 0; margin-bottom: 0 } .form-group-striped .form-group:nth-child(odd) { background: #f9f9fb } .form-control { box-shadow: none; border-color: #dadae7; border-radius: 2px; background-clip: padding-box } .form-control::-webkit-input-placeholder { color: #afb3bb } .form-control:-moz-placeholder, .form-control::-moz-placeholder { color: #afb3bb } .form-control:-ms-input-placeholder { color: #afb3bb } .form-control:focus { border-color: #bcbcd2; box-shadow: none } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #f5f5f5; color: #c3c3c3 } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { color: #9499a3 } input[type=button], input[type=email], input[type=password], input[type=submit], input[type=text], textarea { -moz-appearance: none; appearance: none; -webkit-appearance: none } #focusedInput { border-color: #65c8cb; box-shadow: none } .theme-2 #focusedInput { border-color: #8fcc87 } .theme-3 #focusedInput { border-color: #6b96c2 } .theme-4 #focusedInput { border-color: #f19180 } .input-group-addon { background: #f9f9fb; color: #616670 } .option-divider { text-align: center; position: relative; margin-bottom: 30px; color: #999; text-transform: uppercase } .option-divider span { background: #fff; display: inline-block; padding: 0 10px; position: relative } .option-divider:before { content: ""; position: absolute; left: 0; top: 10px; background: #f3f3f7; height: 1px; width: 100% } .has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label { color: #48a156 } .has-success .form-control, .has-success .input-group-addon { border-color: #98d1a1; box-shadow: none } .has-success .form-control:focus, .has-success .input-group-addon:focus { border-color: #48a156; box-shadow: none } .has-success label { color: #48a156 } .has-success .form-control-feedback { color: #75c181 } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label { color: #e27c08 } .has-warning .form-control, .has-warning .input-group-addon { border-color: #fab970; box-shadow: none } .has-warning .form-control:focus, .has-warning .input-group-addon:focus { border-color: #e27c08; box-shadow: none } .has-warning label { color: #e27c08 } .has-warning .form-control-feedback { color: #f8a13f } .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label { color: #f33a22 } .has-error .form-control, .has-error .input-group-addon { border-color: #faa69b; box-shadow: none } .has-error .form-control:focus, .has-error .input-group-addon:focus { border-color: #f33a22; box-shadow: none } .has-error label { color: #f33a22 } .has-error .form-control-feedback { color: #f77b6b } .slider-track { background: #eaeaf1; background-color: #eaeaf1; background: -o-linear-gradient(top, #eaeaf1, #eaeaf1); box-shadow: none } .slider-selection { background: #40babd } .theme-2 .slider-selection { background: #6dbd63 } .theme-3 .slider-selection { background: #497cb1 } .theme-4 .slider-selection { background: #ec6952 } .slider-handle { background-color: #2d8284; background: -o-linear-gradient(top, #2d8284, #2d8284) } .theme-2 .slider-handle { background-color: #48953f; background: -o-linear-gradient(top, #48953f, #48953f) } .theme-3 .slider-handle { background-color: #33567b; background: -o-linear-gradient(top, #33567b, #33567b) } .theme-4 .slider-handle { background-color: #da3518; background: -o-linear-gradient(top, #da3518, #da3518) } .slider-selection.tick-slider-selection { background-color: #40babd; background: -o-linear-gradient(top, #40babd, #40babd) } .theme-2 .slider-selection.tick-slider-selection { background-color: #6dbd63; background: -o-linear-gradient(top, #6dbd63, #6dbd63) } .theme-3 .slider-selection.tick-slider-selection { background-color: #497cb1; background: -o-linear-gradient(top, #497cb1, #497cb1) } .theme-4 .slider-selection.tick-slider-selection { background-color: #ec6952; background: -o-linear-gradient(top, #ec6952, #ec6952) } .slider-tick { background: #eaeaf1; background-color: #eaeaf1; background: -o-linear-gradient(top, #eaeaf1, #eaeaf1); box-shadow: none; border: none } .slider-tick.in-selection { background-color: #40babd; background: -o-linear-gradient(top, #40babd, #40babd) } .theme-2 .slider-tick.in-selection { background-color: #6dbd63; background: -o-linear-gradient(top, #6dbd63, #6dbd63) } .theme-3 .slider-tick.in-selection { background-color: #497cb1; background: -o-linear-gradient(top, #497cb1, #497cb1) } .theme-4 .slider-tick.in-selection { background-color: #ec6952; background: -o-linear-gradient(top, #ec6952, #ec6952) } .slider-vertical+.slider-vertical { margin-left: 15px; margin-bottom: 15px } .bootstrap-switch { border-color: #eaeaf1; font-weight: 600; color: #616670 } .bootstrap-switch.bootstrap-switch-focused { border-color: #dadae7; box-shadow: none } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { color: #494d55 } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: #40babd } .theme-2 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .theme-2 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: #6dbd63 } .theme-3 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .theme-3 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: #497cb1 } .theme-4 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .theme-4 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: #ec6952 } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { background: #eaeaf1 } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] { background: #40babd; text-shadow: none } .theme-2 .datepicker table tr td.active.active, .theme-2 .datepicker table tr td.active.disabled, .theme-2 .datepicker table tr td.active.disabled.active, .theme-2 .datepicker table tr td.active.disabled.disabled, .theme-2 .datepicker table tr td.active.disabled:active, .theme-2 .datepicker table tr td.active.disabled:hover, .theme-2 .datepicker table tr td.active.disabled:hover.active, .theme-2 .datepicker table tr td.active.disabled:hover.disabled, .theme-2 .datepicker table tr td.active.disabled:hover:active, .theme-2 .datepicker table tr td.active.disabled:hover:hover, .theme-2 .datepicker table tr td.active.disabled:hover[disabled], .theme-2 .datepicker table tr td.active.disabled[disabled], .theme-2 .datepicker table tr td.active:active, .theme-2 .datepicker table tr td.active:hover, .theme-2 .datepicker table tr td.active:hover.active, .theme-2 .datepicker table tr td.active:hover.disabled, .theme-2 .datepicker table tr td.active:hover:active, .theme-2 .datepicker table tr td.active:hover:hover, .theme-2 .datepicker table tr td.active:hover[disabled], .theme-2 .datepicker table tr td.active[disabled] { background: #6dbd63 } .theme-3 .datepicker table tr td.active.active, .theme-3 .datepicker table tr td.active.disabled, .theme-3 .datepicker table tr td.active.disabled.active, .theme-3 .datepicker table tr td.active.disabled.disabled, .theme-3 .datepicker table tr td.active.disabled:active, .theme-3 .datepicker table tr td.active.disabled:hover, .theme-3 .datepicker table tr td.active.disabled:hover.active, .theme-3 .datepicker table tr td.active.disabled:hover.disabled, .theme-3 .datepicker table tr td.active.disabled:hover:active, .theme-3 .datepicker table tr td.active.disabled:hover:hover, .theme-3 .datepicker table tr td.active.disabled:hover[disabled], .theme-3 .datepicker table tr td.active.disabled[disabled], .theme-3 .datepicker table tr td.active:active, .theme-3 .datepicker table tr td.active:hover, .theme-3 .datepicker table tr td.active:hover.active, .theme-3 .datepicker table tr td.active:hover.disabled, .theme-3 .datepicker table tr td.active:hover:active, .theme-3 .datepicker table tr td.active:hover:hover, .theme-3 .datepicker table tr td.active:hover[disabled], .theme-3 .datepicker table tr td.active[disabled] { background: #497cb1 } .theme-4 .datepicker table tr td.active.active, .theme-4 .datepicker table tr td.active.disabled, .theme-4 .datepicker table tr td.active.disabled.active, .theme-4 .datepicker table tr td.active.disabled.disabled, .theme-4 .datepicker table tr td.active.disabled:active, .theme-4 .datepicker table tr td.active.disabled:hover, .theme-4 .datepicker table tr td.active.disabled:hover.active, .theme-4 .datepicker table tr td.active.disabled:hover.disabled, .theme-4 .datepicker table tr td.active.disabled:hover:active, .theme-4 .datepicker table tr td.active.disabled:hover:hover, .theme-4 .datepicker table tr td.active.disabled:hover[disabled], .theme-4 .datepicker table tr td.active.disabled[disabled], .theme-4 .datepicker table tr td.active:active, .theme-4 .datepicker table tr td.active:hover, .theme-4 .datepicker table tr td.active:hover.active, .theme-4 .datepicker table tr td.active:hover.disabled, .theme-4 .datepicker table tr td.active:hover:active, .theme-4 .datepicker table tr td.active:hover:hover, .theme-4 .datepicker table tr td.active:hover[disabled], .theme-4 .datepicker table tr td.active[disabled] { background: #ec6952 } .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active:hover:active { background: #40babd; text-shadow: none } .theme-2 .datetimepicker table tr td.active.active, .theme-2 .datetimepicker table tr td.active.disabled.active, .theme-2 .datetimepicker table tr td.active.disabled:active, .theme-2 .datetimepicker table tr td.active.disabled:hover.active, .theme-2 .datetimepicker table tr td.active.disabled:hover:active, .theme-2 .datetimepicker table tr td.active:active, .theme-2 .datetimepicker table tr td.active:hover.active, .theme-2 .datetimepicker table tr td.active:hover:active { background: #6dbd63 } .theme-3 .datetimepicker table tr td.active.active, .theme-3 .datetimepicker table tr td.active.disabled.active, .theme-3 .datetimepicker table tr td.active.disabled:active, .theme-3 .datetimepicker table tr td.active.disabled:hover.active, .theme-3 .datetimepicker table tr td.active.disabled:hover:active, .theme-3 .datetimepicker table tr td.active:active, .theme-3 .datetimepicker table tr td.active:hover.active, .theme-3 .datetimepicker table tr td.active:hover:active { background: #497cb1 } .theme-4 .datetimepicker table tr td.active.active, .theme-4 .datetimepicker table tr td.active.disabled.active, .theme-4 .datetimepicker table tr td.active.disabled:active, .theme-4 .datetimepicker table tr td.active.disabled:hover.active, .theme-4 .datetimepicker table tr td.active.disabled:hover:active, .theme-4 .datetimepicker table tr td.active:active, .theme-4 .datetimepicker table tr td.active:hover.active, .theme-4 .datetimepicker table tr td.active:hover:active { background: #ec6952 } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:hover, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td span.active:hover { background: #40babd; border-color: #40babd; text-shadow: none } .theme-2 .datepicker table tr td span.active.active, .theme-2 .datepicker table tr td span.active.disabled.active, .theme-2 .datepicker table tr td span.active.disabled:active, .theme-2 .datepicker table tr td span.active.disabled:focus, .theme-2 .datepicker table tr td span.active.disabled:hover, .theme-2 .datepicker table tr td span.active.disabled:hover.active, .theme-2 .datepicker table tr td span.active.disabled:hover:active, .theme-2 .datepicker table tr td span.active.disabled:hover:focus, .theme-2 .datepicker table tr td span.active.disabled:hover:hover, .theme-2 .datepicker table tr td span.active:active, .theme-2 .datepicker table tr td span.active:focus, .theme-2 .datepicker table tr td span.active:hover, .theme-2 .datepicker table tr td span.active:hover.active, .theme-2 .datepicker table tr td span.active:hover:active, .theme-2 .datepicker table tr td span.active:hover:focus, .theme-2 .datepicker table tr td span.active:hover:hover, .theme-2 .open .dropdown-toggle.datepicker table tr td span.active, .theme-2 .open .dropdown-toggle.datepicker table tr td span.active.disabled, .theme-2 .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .theme-2 .open .dropdown-toggle.datepicker table tr td span.active:hover { background: #6dbd63; border-color: #6dbd63 } .theme-3 .datepicker table tr td span.active.active, .theme-3 .datepicker table tr td span.active.disabled.active, .theme-3 .datepicker table tr td span.active.disabled:active, .theme-3 .datepicker table tr td span.active.disabled:focus, .theme-3 .datepicker table tr td span.active.disabled:hover, .theme-3 .datepicker table tr td span.active.disabled:hover.active, .theme-3 .datepicker table tr td span.active.disabled:hover:active, .theme-3 .datepicker table tr td span.active.disabled:hover:focus, .theme-3 .datepicker table tr td span.active.disabled:hover:hover, .theme-3 .datepicker table tr td span.active:active, .theme-3 .datepicker table tr td span.active:focus, .theme-3 .datepicker table tr td span.active:hover, .theme-3 .datepicker table tr td span.active:hover.active, .theme-3 .datepicker table tr td span.active:hover:active, .theme-3 .datepicker table tr td span.active:hover:focus, .theme-3 .datepicker table tr td span.active:hover:hover, .theme-3 .open .dropdown-toggle.datepicker table tr td span.active, .theme-3 .open .dropdown-toggle.datepicker table tr td span.active.disabled, .theme-3 .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .theme-3 .open .dropdown-toggle.datepicker table tr td span.active:hover { background: #497cb1; border-color: #497cb1 } .theme-4 .datepicker table tr td span.active.active, .theme-4 .datepicker table tr td span.active.disabled.active, .theme-4 .datepicker table tr td span.active.disabled:active, .theme-4 .datepicker table tr td span.active.disabled:focus, .theme-4 .datepicker table tr td span.active.disabled:hover, .theme-4 .datepicker table tr td span.active.disabled:hover.active, .theme-4 .datepicker table tr td span.active.disabled:hover:active, .theme-4 .datepicker table tr td span.active.disabled:hover:focus, .theme-4 .datepicker table tr td span.active.disabled:hover:hover, .theme-4 .datepicker table tr td span.active:active, .theme-4 .datepicker table tr td span.active:focus, .theme-4 .datepicker table tr td span.active:hover, .theme-4 .datepicker table tr td span.active:hover.active, .theme-4 .datepicker table tr td span.active:hover:active, .theme-4 .datepicker table tr td span.active:hover:focus, .theme-4 .datepicker table tr td span.active:hover:hover, .theme-4 .open .dropdown-toggle.datepicker table tr td span.active, .theme-4 .open .dropdown-toggle.datepicker table tr td span.active.disabled, .theme-4 .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .theme-4 .open .dropdown-toggle.datepicker table tr td span.active:hover { background: #ec6952; border-color: #ec6952 } .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { text-shadow: none } .input-daterange .input-group-addon { text-shadow: none; background: #f9f9fb } .datepicker-inline { border: 1px solid #eaeaf1 } .chosen-container .chosen-choices { border: 1px solid #dadae7; box-shadow: none; background-image: none; padding: 6px 12px; height: 34px } .chosen-container .chosen-choices li.search-field input[type=text] { color: #9499a3 } .chosen-container .chosen-drop { border: 1px solid #dadae7 } .chosen-container .chosen-results li.highlighted { background: #40babd; background-image: none } .theme-2 .chosen-container .chosen-results li.highlighted { background: #6dbd63 } .theme-3 .chosen-container .chosen-results li.highlighted { background: #497cb1 } .theme-4 .chosen-container .chosen-results li.highlighted { background: #ec6952 } .chosen-container-single.chosen-container-active .chosen-single, .chosen-container-single .chosen-single { background: none; box-shadow: none; border-radius: 0; background-clip: padding-box } .chosen-container-multi .chosen-choices li.search-choice { border: 1px solid #e8e8e8; padding: 4px 20px 4px 5px; color: #494d55; background: #f5f5f5 } .chosen-container-multi .chosen-choices { border-color: #dadae7; border-radius: 2px; background-clip: padding-box } .chosen-container-multi .chosen-choices li.search-choice a.search-choice-close { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none } .chosen-container-single .chosen-single { border: 1px solid #dadae7; padding: 6px 12px; height: 34px; line-height: 1.42857143 } .chosen-container-single .chosen-single div { top: 5px } .chosen-container-single .chosen-search input[type=text] { border: 1px solid #eaeaf1 } .bootstrap-tagsinput { box-shadow: none; border-color: #dadae7; border-radius: 0; background-clip: padding-box } .bootstrap-tagsinput .tag { font-size: 12px; display: inline-block; margin-bottom: 5px; padding: 6px 8px } .md-editor>textarea { border-color: #dadae7; background: #fff } .md-editor.active { border-color: #bcbcd2; box-shadow: none } .md-editor>.md-preview, .md-editor>textarea { padding: 10px } ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { background: #f9f9fb } ul.wysihtml5-toolbar .btn .fa { margin-right: 0 } .form-control.parsley-error { border-color: #e65348 } .parsley-errors-list { margin-top: 5px; margin-bottom: 5px; padding-left: 0; margin-bottom: 15px } .parsley-errors-list li { list-style: none; color: #f77b6b } .view-editable .table .input-type { width: 20%; font-weight: 600 } .view-editable .table .input-type .label { margin-left: 5px } .editable-click, a.editable-click, a.editable-click:hover { border-color: #9499a3; color: #494d55 } .editable-empty, a.editable-empty, a.editable-empty:focus, a.editable-empty:hover { color: #f77b6b } .dropzone { border: 2px dashed #40babd; background: #fff } .theme-2 .dropzone { border-color: #6dbd63 } .theme-3 .dropzone { border-color: #497cb1 } .theme-4 .dropzone { border-color: #ec6952 } .dz-message { font-weight: 500; font-size: 18px; color: #a2a6af } .bootstrap-tagsinput .tag [data-role=remove]:hover { box-shadow: none; color: rgba(0, 0, 0, .3) } @media (max-width: 767px) { .chosen-container, .wysihtml5-sandbox { width: 100%!important } } .loader-default { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: hsla(0, 0%, 100%, .9) } .loader-default .loader-default-inner { display: table; width: 100%; height: 100% } .loader-default .loader-default-inner .img-container { display: table-cell; text-align: center; vertical-align: middle } .loader-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: hsla(0, 0%, 100%, .9) } .loader-wrapper-1 .spinner { margin: 100px auto; width: 32px; height: 32px; position: relative } .loader-wrapper-1 .container1>div, .loader-wrapper-1 .container2>div, .loader-wrapper-1 .container3>div { width: 8px; height: 8px; background-color: #40babd; border-radius: 100%; position: absolute; animation: b 1.2s infinite ease-in-out; animation-fill-mode: both } .theme-2 .loader-wrapper-1 .container1>div, .theme-2 .loader-wrapper-1 .container2>div, .theme-2 .loader-wrapper-1 .container3>div { background-color: #6dbd63 } .theme-3 .loader-wrapper-1 .container1>div, .theme-3 .loader-wrapper-1 .container2>div, .theme-3 .loader-wrapper-1 .container3>div { background-color: #497cb1 } .theme-4 .loader-wrapper-1 .container1>div, .theme-4 .loader-wrapper-1 .container2>div, .theme-4 .loader-wrapper-1 .container3>div { background-color: #ec6952 } .loader-wrapper-1 .spinner .spinner-container { position: absolute; width: 100%; height: 100% } .loader-wrapper-1 .container2 { transform: rotate(45deg) } .loader-wrapper-1 .container3 { transform: rotate(90deg) } .loader-wrapper-1 .circle1 { top: 0; left: 0 } .loader-wrapper-1 .circle2 { top: 0; right: 0 } .loader-wrapper-1 .circle3 { right: 0; bottom: 0 } .loader-wrapper-1 .circle4 { left: 0; bottom: 0 } .loader-wrapper-1 .container2 .circle1 { animation-delay: -1.1s } .loader-wrapper-1 .container3 .circle1 { animation-delay: -1s } .loader-wrapper-1 .container1 .circle2 { animation-delay: -.9s } .loader-wrapper-1 .container2 .circle2 { animation-delay: -.8s } .loader-wrapper-1 .container3 .circle2 { animation-delay: -.7s } .loader-wrapper-1 .container1 .circle3 { animation-delay: -.6s } .loader-wrapper-1 .container2 .circle3 { animation-delay: -.5s } .loader-wrapper-1 .container3 .circle3 { animation-delay: -.4s } .loader-wrapper-1 .container1 .circle4 { animation-delay: -.3s } .loader-wrapper-1 .container2 .circle4 { animation-delay: -.2s } .loader-wrapper-1 .container3 .circle4 { animation-delay: -.1s } .loader-wrapper-2 .spinner { margin: 100px auto; width: 40px; height: 40px; position: relative; text-align: center; animation: a 2s infinite linear } .loader-wrapper-2 .dot1, .loader-wrapper-2 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #40babd; border-radius: 100%; animation: f 2s infinite ease-in-out } .theme-2 .loader-wrapper-2 .dot1, .theme-2 .loader-wrapper-2 .dot2 { background-color: #6dbd63 } .theme-3 .loader-wrapper-2 .dot1, .theme-3 .loader-wrapper-2 .dot2 { background-color: #497cb1 } .theme-4 .loader-wrapper-2 .dot1, .theme-4 .loader-wrapper-2 .dot2 { background-color: #ec6952 } .loader-wrapper-2 .dot2 { top: auto; bottom: 0; animation-delay: -1s } @keyframes a { to { transform: rotate(1turn); -webkit-transform: rotate(1turn) } } .loader-wrapper-3 .spinner { margin: 100px auto 0; width: 70px; text-align: center } .loader-wrapper-3 .spinner>div { width: 16px; height: 16px; background-color: #40babd; border-radius: 100%; display: inline-block; animation: b 1.4s infinite ease-in-out; animation-fill-mode: both } .theme-2 .loader-wrapper-3 .spinner>div { background-color: #6dbd63 } .theme-3 .loader-wrapper-3 .spinner>div { background-color: #497cb1 } .theme-4 .loader-wrapper-3 .spinner>div { background-color: #ec6952 } .loader-wrapper-3 .spinner .bounce1 { animation-delay: -.32s } .loader-wrapper-3 .spinner .bounce2 { animation-delay: -.16s } @keyframes b { 0%, 80%, to { transform: scale(0); -webkit-transform: scale(0) } 40% { transform: scale(1); -webkit-transform: scale(1) } } .loader-wrapper-4 .spinner { width: 30px; height: 30px; background-color: #40babd; margin: 100px auto; animation: c 1.2s infinite ease-in-out } .theme-2 .loader-wrapper-4 .spinner { background-color: #6dbd63 } .theme-3 .loader-wrapper-4 .spinner { background-color: #497cb1 } .theme-4 .loader-wrapper-4 .spinner { background-color: #ec6952 } @keyframes c { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } to { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } .loader-wrapper-5 .spinner { margin: 100px auto; width: 50px; height: 30px; text-align: center; font-size: 10px } .loader-wrapper-5 .spinner>div { background-color: #40babd; height: 100%; width: 6px; display: inline-block; animation: d 1.2s infinite ease-in-out } .theme-2 .loader-wrapper-5 .spinner>div { background-color: #6dbd63 } .theme-3 .loader-wrapper-5 .spinner>div { background-color: #497cb1 } .theme-4 .loader-wrapper-5 .spinner>div { background-color: #ec6952 } .loader-wrapper-5 .spinner .rect2 { animation-delay: -1.1s } .loader-wrapper-5 .spinner .rect3 { animation-delay: -1s } .loader-wrapper-5 .spinner .rect4 { animation-delay: -.9s } .loader-wrapper-5 .spinner .rect5 { animation-delay: -.8s } @keyframes d { 0%, 40%, to { transform: scaleY(.4); -webkit-transform: scaleY(.4) } 20% { transform: scaleY(1); -webkit-transform: scaleY(1) } } .loader-wrapper-6 .spinner { width: 40px; height: 40px; margin: 100px auto; background-color: #40babd; border-radius: 100%; animation: e 1s infinite ease-in-out } .theme-2 .loader-wrapper-6 .spinner { background-color: #6dbd63 } .theme-3 .loader-wrapper-6 .spinner { background-color: #497cb1 } .theme-4 .loader-wrapper-6 .spinner { background-color: #ec6952 } @keyframes e { 0% { transform: scale(0); -webkit-transform: scale(0) } to { transform: scale(1); -webkit-transform: scale(1); opacity: 0 } } .loader-wrapper-7 .spinner { width: 40px; height: 40px; position: relative; margin: 100px auto } .loader-wrapper-7 .double-bounce1, .loader-wrapper-7 .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #40babd; opacity: .6; position: absolute; top: 0; left: 0; animation: f 2s infinite ease-in-out } .theme-2 .loader-wrapper-7 .double-bounce1, .theme-2 .loader-wrapper-7 .double-bounce2 { background-color: #6dbd63 } .theme-3 .loader-wrapper-7 .double-bounce1, .theme-3 .loader-wrapper-7 .double-bounce2 { background-color: #497cb1 } .theme-4 .loader-wrapper-7 .double-bounce1, .theme-4 .loader-wrapper-7 .double-bounce2 { background-color: #ec6952 } .loader-wrapper-7 .double-bounce2 { animation-delay: -1s } @keyframes f { 0%, to { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } } .loader-wrapper-8 .spinner { margin: 100px auto; width: 36px; height: 36px; position: relative } .loader-wrapper-8 .cube1, .loader-wrapper-8 .cube2 { background-color: #40babd; width: 10px; height: 10px; position: absolute; top: 0; left: 0; animation: g 1.8s infinite ease-in-out } .theme-2 .loader-wrapper-8 .cube1, .theme-2 .loader-wrapper-8 .cube2 { background-color: #6dbd63 } .theme-3 .loader-wrapper-8 .cube1, .theme-3 .loader-wrapper-8 .cube2 { background-color: #497cb1 } .theme-4 .loader-wrapper-8 .cube1, .theme-4 .loader-wrapper-8 .cube2 { background-color: #ec6952 } .loader-wrapper-8 .cube2 { animation-delay: -.9s } @keyframes g { 25% { transform: translateX(42px) rotate(-90deg) scale(.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(.5) } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg) } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5); -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5) } to { transform: rotate(-1turn); -webkit-transform: rotate(-1turn) } } .fc-event { border-color: #40babd; background: #40babd; font-weight: 600; font-size: 12px; color: #fff!important } .theme-2 .fc-event { background: #6dbd63; border-color: #6dbd63 } .theme-3 .fc-event { background: #497cb1; border-color: #497cb1 } .theme-4 .fc-event { background: #ec6952; border-color: #ec6952 } .fa button, button.fc-button { display: inline-block; height: inherit; padding: 6px 12px; font-weight: 600; font-size: 13px; line-height: 1.5; background: #fff; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid #cbcdd2; color: #868c97; box-shadow: none } .fa button.fc-state-active, .fa button:active, .fa button:focus, .fa button:hover, button.fc-button.fc-state-active, button.fc-button:active, button.fc-button:focus, button.fc-button:hover { border-color: #cbcdd2; color: #6c727e; background: #f9f9fb; box-shadow: none } .cal-context a { color: #494d55 } .cal-context a:hover { color: #31343a } .event { display: block; background-color: #616670; width: 10px; height: 10px; margin-right: 5px; margin-bottom: 5px; box-shadow: none; border-radius: 50%; background-clip: padding-box; border: none } .event-important { background-color: #f77b6b } .event-info { background-color: #58bbee } .event-warning { background-color: #f8a13f } .event-inverse { background-color: #1b1b1b } .event-success { background-color: #75c181 } .event-special { background-color: #ea5395 } .day-highlight, .day-highlight:hover { background-color: #fff } .day-highlight.dh-event-important, .day-highlight.dh-event-important:hover { background-color: #fee7e4 } .day-highlight.dh-event-warning, .day-highlight.dh-event-warning:hover { background-color: #fde9d3 } .day-highlight.dh-event-info, .day-highlight.dh-event-info:hover { background-color: #e3f4fc } .day-highlight.dh-event-inverse, .day-highlight.dh-event-inverse:hover { background-color: #c1c1c1 } .day-highlight.dh-event-success, .day-highlight.dh-event-success:hover { background-color: #dff0e1 } .day-highlight.dh-event-special, .day-highlight.dh-event-special:hover { background-color: #fdf2f7 } #cal-day-box .day-highlight.dh-event-important { border-color: #fcd1cc } #cal-day-box .day-highlight.dh-event-warning { border-color: #fcddba } #cal-day-box .day-highlight.dh-event-info { border-color: #cceafa } #cal-day-box .day-highlight.dh-event-inverse { border-color: #cecece } #cal-day-box .day-highlight.dh-event-success { border-color: #cde9d1 } #cal-day-box .day-highlight.dh-event-special { border-color: #fce9f1 } .cal-month-box, .cal-month-box [class*=cal-cell], .cal-week-box, .cal-year-box, .cal-year-box [class*=span] { border-right-color: #eaeaf1 } .cal-month-box .cal-row-fluid, .cal-year-box .row-fluid { border-bottom-color: #eaeaf1 } #cal-slide-content { background: #494d55; box-shadow: none } #cal-slide-content:hover { color: #494d55; background: #616670 } #cal-day-box .cal-day-hour-part { border-bottom-color: #eaeaf1 } #cal-day-box .cal-day-hour:nth-child(odd) { background-color: #fff } .cal-event-list .event.pull-left { margin-top: 6px } #cal-day-tick { bottom: -19px } #cal-week-box { background: #40babd; color: #fff; border-color: #3aa7aa; font-weight: 600 } .theme-2 #cal-week-box { background: #6dbd63; border-color: #5cb551 } .theme-3 #cal-week-box { background: #497cb1; border-color: #426f9f } .theme-4 #cal-week-box { background: #ec6952; border-color: #e9553b } span[data-cal-date] { font-size: 13px } @media (max-width: 767px) { .fc-toolbar .fc-left, .fc-toolbar .fc-right { float: none; margin-bottom: 15px; overflow: hidden } .fc-toolbar .fc-center { display: block; margin-top: 30px; margin-bottom: 15px } .fc-toolbar .fc-center h2 { float: none; font-size: 18px; text-align: left } } .chart-container { padding-top: 15px } .chart-container canvas { max-width: 100% } .chartjs-wrapper { width: 100%; min-height: 200px } .jqstooltip, .jqstooltip *, .jqstooltip:after, .jqstooltip:before { box-sizing: content-box } .chart-easy-pie .percentage { width: 110px; height: 110px; line-height: 110px; vertical-align: middle; position: relative; margin: 0 auto; text-align: center; font-size: 18px } .chart-easy-pie .percentage canvas { position: absolute; left: 0; top: 0 } .chart-easy-pie .note { margin: 10px auto; text-align: center; display: block; color: #a2a6af } body.dragging, body.dragging * { cursor: move!important } .dragged { position: absolute; top: 0; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8; z-index: 5 } .interactive-list { cursor: pointer; padding: 0 } .interactive-list li { margin: 10px 0 } .interactive-list li.placeholder { position: relative; border: none; list-style: none } .interactive-list li.placeholder:before { position: absolute; content: ""; width: 0; height: 0; margin-top: -5px; left: -5px; top: -6px; border: 5px solid transparent; border-left-color: #616670; border-right: none } .interactive-list li>span { display: block; padding: 10px; border: 1px solid #f3f3f3; border-radius: 2px; background-clip: padding-box } .interactive-list li:hover, .interactive-list li:hover>span { border-color: #dadada } .nestable { list-style-position: inside } ul.sortable { list-style: none; position: relative } ul.sortable li>span { padding: 10px 10px 10px 24px } ul.sortable li:hover .fa { color: #9499a3 } ul.sortable .fa { position: absolute; margin-top: 14px; margin-left: 10px; color: #afb3bb } .draggable-column { padding-bottom: 100px } .module-draggable:hover { border-color: #dadada } .ui-sortable-handle { cursor: pointer } .modal .chosen-container { width: 100%!important } .modal .chosen-container li.search-field { width: 100% } .modal .chosen-container li.search-field>input { width: 100%!important } .modal-backdrop { background-color: #494d55 } .modal-backdrop.in { -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } .modal-dialog { position: relative } .modal button.close { position: absolute; right: 15px; top: 11px; font-size: 28px; font-weight: 400; margin: 0; text-shadow: none; -webkit-opacity: .35; -moz-opacity: .35; opacity: .35; color: #494d55 } .modal button.close:hover { -webkit-opacity: .6; -moz-opacity: .6; opacity: .6 } .modal-content { border-radius: 4px; background-clip: padding-box } .modal-title { text-align: center } .modal-header { border-bottom: 0; padding: 30px; padding-bottom: 0 } .modal-body { padding: 30px 60px } .modal-view-controller { position: absolute; left: 20px; top: 15px } .modal-view-controller:hover .fa { color: #616670 } .modal-view-controller .fa { margin-right: 5px; color: #a2a6af } .modal-view-controller a { color: #a2a6af } .modal-view-controller a:hover { color: #616670 } .modal-fullscreen { background: #fff } .modal-fullscreen .modal-content { background: transparent; border: 0; box-shadow: none } .modal-backdrop.modal-backdrop-fullscreen { background: #fff } .modal-backdrop.modal-backdrop-fullscreen.in { background: #fff; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } @media (max-width: 767px) { .modal-body { padding: 30px } .modal-fullscreen .modal-dialog { width: 100%; margin: 0 auto } } @media (min-width: 768px) { .modal-fullscreen .modal-dialog { width: 100%; margin: 0 auto } } @media (min-width: 992px) { .modal-fullscreen .modal-dialog { width: 80%; margin: 0 auto } } .jstree-default .jstree-hovered { background: #f3f3f3 } .jstree-default .jstree-icon { color: #616670 } .jstree-default .jstree-hovered .jstree-icon { color: #494d55 } .jquery-todolist.ui-widget .jquery-todolist-edit-input { padding-right: 50px } .jquery-todolist.ui-widget .jquery-todolist-edit-input input { border: 1px solid #dadae7; padding: 6px 12px } .jquery-todolist.ui-widget .jquery-todolist-edit-input input::-webkit-input-placeholder { color: #afb3bb } .jquery-todolist.ui-widget .jquery-todolist-edit-input input:-moz-placeholder, .jquery-todolist.ui-widget .jquery-todolist-edit-input input::-moz-placeholder { color: #afb3bb } .jquery-todolist.ui-widget .jquery-todolist-edit-input input:-ms-input-placeholder { color: #afb3bb } .jquery-todolist.ui-widget .jquery-todolist-edit-input input:focus { border-color: #65c8cb; outline: none } .theme-2 .jquery-todolist.ui-widget .jquery-todolist-edit-input input:focus { border-color: #8fcc87 } .theme-3 .jquery-todolist.ui-widget .jquery-todolist-edit-input input:focus { border-color: #6b96c2 } .theme-4 .jquery-todolist.ui-widget .jquery-todolist-edit-input input:focus { border-color: #f19180 } .jquery-todolist.ui-widget .jquery-todolist-edit-input input:active { border-color: #65c8cb } .theme-2 .jquery-todolist.ui-widget .jquery-todolist-edit-input input:active { border-color: #8fcc87 } .theme-3 .jquery-todolist.ui-widget .jquery-todolist-edit-input input:active { border-color: #6b96c2 } .theme-4 .jquery-todolist.ui-widget .jquery-todolist-edit-input input:active { border-color: #f19180 } .jquery-todolist.ui-widget .jquery-todolist-edit-save { background-image: none; text-indent: inherit; overflow: hidden; position: absolute; right: 25px; top: 2px; width: 25px; height: 25px; text-align: center; line-height: 1.5; font-size: 18px; color: #75c181 } .jquery-todolist.ui-widget .jquery-todolist-edit-save:before { content: "\f058"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0) } .jquery-todolist.ui-widget .jquery-todolist-item-action-remove { background-image: none; width: 20px; height: 20px; text-indent: inherit; font-size: 14px; top: 4px; right: 8px; -webkit-opacity: .4; -moz-opacity: .4; opacity: .4 } .jquery-todolist.ui-widget .jquery-todolist-item-action-remove:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; color: #f77b6b } .jquery-todolist.ui-widget .jquery-todolist-item-action-remove:before { content: "\f00d"; display: inline-block; width: 32px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0) } .jquery-todolist.ui-widget .jquery-todolist-button { background: #f77b6b; color: #fff; font-weight: 600 } .jquery-todolist.ui-widget .jquery-todolist-button .jquery-todolist-item-action-remove-cancel { padding: 5px; padding-top: 0; font-weight: 700; font-size: 18px; background: #616670 } .jquery-todolist.ui-widget .jquery-todolist-button .jquery-todolist-button-confirm { padding: 5px 10px } .jquery-todolist.ui-widget .jquery-todolist-title.ui-widget-header { padding: 0 } .jquery-todolist.ui-widget .jquery-todolist-title.ui-widget-header .jquery-todolist-title-text { font-size: 16px } .jquery-todolist.ui-widget .jquery-todolist-title.ui-widget-header .jquery-todolist-menu-show { right: 5px; top: -3px; padding: 0; height: auto; font-size: 20px; color: #616670 } .jquery-todolist.ui-widget .jquery-todolist-title.ui-widget-header .jquery-todolist-menu-show:hover { color: #40babd } .theme-2 .jquery-todolist.ui-widget .jquery-todolist-title.ui-widget-header .jquery-todolist-menu-show:hover { color: #6dbd63 } .theme-3 .jquery-todolist.ui-widget .jquery-todolist-title.ui-widget-header .jquery-todolist-menu-show:hover { color: #497cb1 } .theme-4 .jquery-todolist.ui-widget .jquery-todolist-title.ui-widget-header .jquery-todolist-menu-show:hover { color: #ec6952 } .jquery-todolist.ui-widget .jquery-todolist-items { margin: 15px 0 } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item { margin-bottom: 5px } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item .jquery-todolist-item-title { margin-left: 30px; padding: 5px } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item .jquery-todolist-item-title-text { font-size: 13px } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item .jquery-todolist-item-actions-left { top: 2px } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item .jquery-todolist-item-checkbox { background-image: none; width: 20px; height: 20px; text-indent: inherit; font-size: 18px; top: 6px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item .jquery-todolist-item-checkbox:before { content: "\f14a"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0); color: #eaeaf1 } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item.jquery-todolist-item-done { background: #f9f9fb } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item.jquery-todolist-item-done .jquery-todolist-item-title-text { font-size: 13px; color: #868c97 } .jquery-todolist.ui-widget .jquery-todolist-items .jquery-todolist-item.jquery-todolist-item-done .jquery-todolist-item-checkbox:before { color: #75c181 } .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text { border: 1px solid #dadae7 } .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text::-webkit-input-placeholder { color: #afb3bb } .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:-moz-placeholder, .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text::-moz-placeholder { color: #afb3bb } .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:-ms-input-placeholder { color: #afb3bb } .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:focus { border-color: #65c8cb; outline: none } .theme-2 .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:focus { border-color: #8fcc87 } .theme-3 .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:focus { border-color: #6b96c2 } .theme-4 .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:focus { border-color: #f19180 } .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:active { border-color: #65c8cb } .theme-2 .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:active { border-color: #8fcc87 } .theme-3 .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:active { border-color: #6b96c2 } .theme-4 .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-input-text:active { border-color: #f19180 } .jquery-todolist.ui-widget .jquery-todolist-footer .jquery-todolist-add .jquery-todolist-add-action { color: #fff; border-radius: 4px; background-clip: padding-box; background: #75c181; top: 1px; height: 34px; width: 34px; font-size: 30px } .jquery-todolist.ui-widget .jquery-todolist-menu { background: #fff; border: 1px solid #eaeaf1; padding: 10px; text-align: center } .jquery-todolist.ui-widget .jquery-todolist-menu a { margin-bottom: 0; padding: 0 } .jquery-todolist.ui-widget .jquery-todolist-menu .jquery-todolist-menu-actions { right: 5px; top: 0 } .jquery-todolist.ui-widget .jquery-todolist-menu .jquery-todolist-menu-actions a.jquery-todolist-action { font-weight: 700; font-size: 20px; color: #797f8b; padding: 0; top: 0; right: 0 } .jquery-todolist.ui-widget .jquery-todolist-menu .jquery-todolist-menu-actions a.jquery-todolist-action:hover { color: #494d55 } .vector-map, vector-map { width: 100%; height: 300px; max-width: 100%; display: block } .jvectormap-zoomin, .jvectormap-zoomout { width: 15px; height: 15px; line-height: 1.2; font-weight: 700; border-radius: 2px; background-clip: padding-box; padding: 0 } .wizard>.content { min-height: 300px; background: #f5f5f5; margin: 0; margin-bottom: 15px; border-radius: 0; background-clip: padding-box } .wizard.vertical>.content { background: #f5f5f5; margin: 0; margin-left: 30px; margin-bottom: 15px } .wizard>.content>.body { padding: 30px; width: inherit; height: inherit } .wizard>.steps .number { background: rgba(0, 0, 0, .12); font-size: 13px; border-radius: 50%; background-clip: padding-box; color: #fff; display: inline-block; width: 24px; height: 24px; text-align: center; font-weight: 700; padding-top: 2px; margin-right: 5px } .wizard>.steps .current a, .wizard>.steps .current a:active, .wizard>.steps .current a:hover { background: #40babd; font-weight: 600 } .theme-2 .wizard>.steps .current a, .theme-2 .wizard>.steps .current a:active, .theme-2 .wizard>.steps .current a:hover { background: #6dbd63 } .theme-3 .wizard>.steps .current a, .theme-3 .wizard>.steps .current a:active, .theme-3 .wizard>.steps .current a:hover { background: #497cb1 } .theme-4 .wizard>.steps .current a, .theme-4 .wizard>.steps .current a:active, .theme-4 .wizard>.steps .current a:hover { background: #ec6952 } .wizard>.steps .done a, .wizard>.steps .done a:active, .wizard>.steps .done a:hover { background: #9eddde } .theme-2 .wizard>.steps .done a, .theme-2 .wizard>.steps .done a:active, .theme-2 .wizard>.steps .done a:hover { background: #c1e3bd } .theme-3 .wizard>.steps .done a, .theme-3 .wizard>.steps .done a:active, .theme-3 .wizard>.steps .done a:hover { background: #a1bcd8 } .theme-4 .wizard>.steps .done a, .theme-4 .wizard>.steps .done a:active, .theme-4 .wizard>.steps .done a:hover { background: #f9cdc5 } .wizard>.steps .disabled a, .wizard>.steps .disabled a:active, .wizard>.steps .disabled a:hover { background: #f5f5f5; color: #797f8b } .wizard>.steps a, .wizard>.steps a:active, .wizard>.steps a:hover { padding: 10px 20px; margin: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none } .wizard>.steps>ul>li { width: auto; margin-right: 10px; margin-bottom: 30px } .wizard>.steps>ul>li>a { position: relative } .wizard>.steps>ul>li:last-child { margin-right: 0 } .wizard>.steps>ul>li.current .step-arrow { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #40babd; position: absolute; bottom: -10px; margin-left: -10px; left: 50% } .theme-2 .wizard>.steps>ul>li.current .step-arrow { border-top-color: #6dbd63 } .theme-3 .wizard>.steps>ul>li.current .step-arrow { border-top-color: #497cb1 } .theme-4 .wizard>.steps>ul>li.current .step-arrow { border-top-color: #ec6952 } .wizard.vertical>.steps>ul>li.current .step-arrow { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #40babd; bottom: 50%; left: auto; right: -20px; margin-left: auto; top: auto; margin-bottom: -10px } .theme-2 .wizard.vertical>.steps>ul>li.current .step-arrow { border-left-color: #6dbd63 } .theme-3 .wizard.vertical>.steps>ul>li.current .step-arrow { border-left-color: #497cb1 } .theme-4 .wizard.vertical>.steps>ul>li.current .step-arrow { border-left-color: #ec6952 } .wizard>.steps>ul>li.current.done .step-arrow { border-top-color: #9eddde } .theme-2 .wizard>.steps>ul>li.current.done .step-arrow { border-top-color: #c1e3bd } .theme-3 .wizard>.steps>ul>li.current.done .step-arrow { border-top-color: #a1bcd8 } .theme-4 .wizard>.steps>ul>li.current.done .step-arrow { border-top-color: #f9cdc5 } .wizard.vertical>.steps>ul>li.current.done .step-arrow { border-left-color: #9eddde; border-top-color: transparent } .theme-2 .wizard.vertical>.steps>ul>li.current.done .step-arrow { border-left-color: #c1e3bd } .theme-3 .wizard.vertical>.steps>ul>li.current.done .step-arrow { border-left-color: #a1bcd8 } .theme-4 .wizard.vertical>.steps>ul>li.current.done .step-arrow { border-left-color: #f9cdc5 } .wizard>.actions .disabled a, .wizard>.actions .disabled a:active, .wizard>.actions .disabled a:hover { background: #f5f5f5!important; color: #afb3bb!important } .wizard>.actions a, .wizard>.actions a:active, .wizard>.actions a:hover { background: #40babd } .theme-2 .wizard>.actions a, .theme-2 .wizard>.actions a:active, .theme-2 .wizard>.actions a:hover { background: #6dbd63 } .theme-3 .wizard>.actions a, .theme-3 .wizard>.actions a:active, .theme-3 .wizard>.actions a:hover { background: #497cb1 } .theme-4 .wizard>.actions a, .theme-4 .wizard>.actions a:active, .theme-4 .wizard>.actions a:hover { background: #ec6952 } @media (max-width: 767px) { .wizard>.steps>ul>li { display: block; width: 100%; margin-bottom: 5px } .wizard>.steps>ul>li.current .step-arrow { display: none } .wizard.vertical>.steps { width: 100% } .wizard.vertical>.content { width: 100%; margin-left: 0 } .wizard>.content>.body { padding: 20px } } .tags { margin: 0; padding: 0; right: 24px; bottom: -12px; overflow: hidden; list-style: none } .tags .tag { margin-bottom: 15px } .tags .tag a { margin-left: 20px; padding: 0 10px 0 12px; background: #616670; color: #fff; font-weight: 500; text-decoration: none; border-bottom-right-radius: 4px; border-top-right-radius: 4px } .tags .tag a:hover { background: #555963 } .tags .tag a:hover:before { border-color: transparent #555963 transparent transparent } .tags .tag a:before { top: 0; left: -12px; width: 0; height: 0; border-color: transparent #616670 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0 } .tags .tag a:after, .tags .tag a:before { content: ""; float: left; position: absolute } .tags .tag a:after { top: 10px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #fff } .tags .tag.tag-theme a { background: #40babd } .theme-2 .tags .tag.tag-theme a { background: #6dbd63 } .theme-3 .tags .tag.tag-theme a { background: #497cb1 } .theme-4 .tags .tag.tag-theme a { background: #ec6952 } .tags .tag.tag-theme a:hover { background: #3aa7aa } .theme-2 .tags .tag.tag-theme a:hover { background: #5cb551 } .theme-3 .tags .tag.tag-theme a:hover { background: #426f9f } .theme-4 .tags .tag.tag-theme a:hover { background: #e9553b } .tags .tag.tag-theme a:hover:before { border-color: transparent #3aa7aa transparent transparent } .theme-2 .tags .tag.tag-theme a:hover:before { border-color: transparent #5cb551 transparent transparent } .theme-3 .tags .tag.tag-theme a:hover:before { border-color: transparent #426f9f transparent transparent } .theme-4 .tags .tag.tag-theme a:hover:before { border-color: transparent #e9553b transparent transparent } .tags .tag.tag-theme a:before { border-color: transparent #40babd transparent transparent } .theme-2 .tags .tag.tag-theme a:before { border-color: transparent #6dbd63 transparent transparent } .theme-3 .tags .tag.tag-theme a:before { border-color: transparent #497cb1 transparent transparent } .theme-4 .tags .tag.tag-theme a:before { border-color: transparent #ec6952 transparent transparent } .tags .tag.tag-success a { background: #75c181 } .tags .tag.tag-success a:hover { background: #63b971 } .tags .tag.tag-success a:hover:before { border-color: transparent #63b971 transparent transparent } .tags .tag.tag-success a:before { border-color: transparent #75c181 transparent transparent } .tags .tag.tag-info a { background: #58bbee } .tags .tag.tag-info a:hover { background: #41b2ec } .tags .tag.tag-info a:hover:before { border-color: transparent #41b2ec transparent transparent } .tags .tag.tag-info a:before { border-color: transparent #58bbee transparent transparent } .tags .tag.tag-warning a { background: #f8a13f } .tags .tag.tag-warning a:hover { background: #f79526 } .tags .tag.tag-warning a:hover:before { border-color: transparent #f79526 transparent transparent } .tags .tag.tag-warning a:before { border-color: transparent #f8a13f transparent transparent } .tags .tag.tag-danger a { background: #f77b6b } .tags .tag.tag-danger a:hover { background: #f66553 } .tags .tag.tag-danger a:hover:before { border-color: transparent #f66553 transparent transparent } .tags .tag.tag-danger a:before { border-color: transparent #f77b6b transparent transparent } .tags .tag.tag-purple a { background: #8a40a7 } .tags .tag.tag-purple a:hover { background: #7b3995 } .tags .tag.tag-purple a:hover:before { border-color: transparent #7b3995 transparent transparent } .tags .tag.tag-purple a:before { border-color: transparent #8a40a7 transparent transparent } .tags .tag.tag-pink a { background: #ea5395 } .tags .tag.tag-pink a:hover { background: #e73c87 } .tags .tag.tag-pink a:hover:before { border-color: transparent #e73c87 transparent transparent } .tags .tag.tag-pink a:before { border-color: transparent #ea5395 transparent transparent } .tags .tag.tag-yellow a { background: #f2b542 } .tags .tag.tag-yellow a:hover { background: #f0ac2a } .tags .tag.tag-yellow a:hover:before { border-color: transparent #f0ac2a transparent transparent } .tags .tag.tag-yellow a:before { border-color: transparent #f2b542 transparent transparent } .tags .tag, .tags a { float: left; height: 24px; line-height: 24px; position: relative; font-size: 11px } .flot-chart { width: 100%; height: 260px } .flot-chart .legendColorBox>div { border: none!important } .flot-chart .legendLabel { padding-left: 5px } .flotTip { background: rgba(0, 0, 0, .9)!important; color: #fff!important; border: none!important; border-radius: 2px!important; background-clip: padding-box!important } .morris-hover.morris-default-style { background: rgba(0, 0, 0, .8); color: #fff; border: none; border-radius: 4px; background-clip: padding-box; padding: 10px 15px } .chart-container svg { max-width: 100% } .masonry-container { position: relative } .cursor-pointer { cursor: pointer } .no-overflow { overflow: hidden } .text-highlight { color: #40babd } .theme-2 .text-highlight { color: #6dbd63 } .theme-3 .text-highlight { color: #497cb1 } .theme-4 .text-highlight { color: #ec6952 } .text-stronger { font-weight: 600 } .display-block { display: block } .display-inline-block { display: inline-block } .block-relative { position: relative } .padding-xs { padding: 5px } .padding-sm { padding: 15px; font-size: 15px; font-weight: 500; } .padding-md { padding: 30px } .no-margin { margin: 0 } .no-margin-bottom { margin-bottom: 0!important } .no-margin-top { margin-top: 0!important } .no-padding-top { padding-top: 0!important } .no-padding-bottom { padding-bottom: 0!important } .margin-bottom-xs { margin-bottom: 5px } .margin-bottom-sm { margin-bottom: 15px } .margin-bottom-md { margin-bottom: 30px } .margin-bottom-lg { margin-bottom: 60px } .margin-top-xs { margin-top: 5px } .margin-top-sm { margin-top: 15px } .margin-top-md { margin-top: 30px } .margin-top-lg { margin-top: 60px } .shepherd-step { z-index: 3 } @media (max-width: 767px) { .shepherd-step { display: none!important } } .shepherd-element.shepherd-theme-arrows .shepherd-content { -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .15)); filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .15)); border: 1px solid #e6e6e6 } .shepherd-element.shepherd-theme-arrows .shepherd-content footer { padding: 15px 30px; background: #f5f5f5 } .shepherd-text { max-width: 400px; min-width: 300px; color: #494d55 } .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text { padding: 30px } .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button { background: #75c181; text-decoration: none; font-weight: 700 } .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button:hover { background: #63b971 } .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary { background: #eeeff1; color: #616670; text-decoration: none; font-weight: 700 } .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:hover { background: #e6e7ea } .shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header { background: #75c181; color: #fff; padding: 15px 30px; font-weight: 700 } .shepherd-element.shepherd-theme-arrows .shepherd-content header h3 { font-weight: 500 } .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link { -webkit-opacity: .5; -moz-opacity: .5; opacity: .5 } .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } @media (min-width: 768px) { .carousel-indicators { bottom: 10px } } @media (min-width: 992px) { .auth-section .divider { text-align: center; margin-bottom: 30px; text-transform: uppercase; position: absolute; left: 0; top: 0; height: 100% } .auth-section .divider span { background: #fff; display: inline-block; padding: 10px 0; position: relative; top: 80px; margin-left: -10px } .auth-section .divider:before { content: ""; position: absolute; left: 0; top: 0; background: #f3f3f7; height: 100%; width: 1px } .auth-section .social-btns { padding-left: 65px } .auth-section .social-btns .note { text-align: left } } @media print { #side-panel, .header, .main-nav-wrapper { display: none } .content-wrapper { margin-left: 0 } } .config-trigger { display: block; position: absolute; top: 30px; left: -36px; width: 36px; height: 36px; background: #494d55; color: #fff; text-align: center; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; background-clip: padding-box; text-decoration: none } .config-trigger:hover { background: #000; text-decoration: none } .config-trigger .fa { font-size: 22px; padding-top: 7px; display: block; color: #fff } .config-panel { position: absolute; top: 80px; right: -210px; z-index: 2; width: 210px; will-change: transform; transition: transform .5s cubic-bezier(.215, .61, .355, 1) } .config-panel.config-panel-open { transform: translateX(-210px) } .config-panel .panel-inner { position: relative; background: #494d55; color: #fff; padding: 30px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; background-clip: padding-box } .config-panel .panel-title { font-weight: 600; margin-bottom: 15px; font-size: 14px } .config-panel label { color: #fff } .config-panel #color-options { margin-bottom: 0 } .config-panel #color-options li { margin-bottom: 10px } .config-panel #color-options li a { display: block; width: 100%; height: 25px; border: 2px solid transparent; cursor: pointer } .config-panel #color-options li a:hover { -webkit-opacity: .9; -moz-opacity: .9; opacity: .9; border: 2px solid hsla(0, 0%, 100%, .8) } .config-panel #color-options li.active a { border: 2px solid #fff } .config-panel #color-options li.theme-1 a { background: #40babd } .config-panel #color-options li.theme-2 a { background-color: #6dbd63 } .config-panel #color-options li.theme-3 a { background-color: #497cb1 } .config-panel #color-options li.theme-4 a { background-color: #ec6952 } .config-panel a.close { position: absolute; right: 5px; top: 5px; color: #fff; -webkit-opacity: .75; -moz-opacity: .75; opacity: .75 } .config-panel a.close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .config-panel a.close .fa { color: #fff } /**************=========Media css==========*******************/ @media only screen and (max-width: 736px) { .panel .panel-heading .panel-title a { margin-left:12%; } .panel .panel-heading .panel-title { font-size:14px; } } /*ipad*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .panel .panel-heading .panel-title a { margin-left:12%; } } /* iphone 6s landscape*/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { .panel .panel-heading .panel-title a { margin-left:8%; } }
💾 Save
❌ Cancel