diff options
author | 2016-12-24 23:08:46 +0000 | |
---|---|---|
committer | 2016-12-30 15:38:08 +0000 | |
commit | 64605f1cc7117854abb203375deee396e0d65cc1 (patch) | |
tree | 42f863658d915c45b18996be37271813385d3f33 /utils/test/reporting/pages/app/styles/style.css | |
parent | 53ed9e36a13d03455fc04b3f54ed290037359f6b (diff) |
Create Test Reporting landing page
JIRA: RELENG-165
In this patch, I do the follow things:
1.deploy tornado server(currently I haven't write any backend code,
since the backend code depend on the testapi and I need to
communicate with Serena).
2.landing page code(almostly finished. But I haven't the data, so
for now, the data this page shows is a mock json. When the testapi
and my backend code ready, this page will finally finished)
3.deployment: supervisor + nginx + tornado + angular
usage:
docker run -itd -p 8000:8000 opnfv/reporting:<tag>
visit landing page:
http://server_ip:8000/reporting/index.html
test api:
http://server_ip:8000/landing-page/filters
visit old reporting page:
http://server_ip:8000/display/master/yardstick/status-apex.html
Change-Id: I527ab2661ce9e84b2942ebe673afbf5f2bc7878f
Signed-off-by: chenjiankun <chenjiankun1@huawei.com>
Diffstat (limited to 'utils/test/reporting/pages/app/styles/style.css')
-rw-r--r-- | utils/test/reporting/pages/app/styles/style.css | 8229 |
1 files changed, 8229 insertions, 0 deletions
diff --git a/utils/test/reporting/pages/app/styles/style.css b/utils/test/reporting/pages/app/styles/style.css new file mode 100644 index 000000000..1416855d5 --- /dev/null +++ b/utils/test/reporting/pages/app/styles/style.css @@ -0,0 +1,8229 @@ +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); +@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700"); +/* + * + * INSPINIA - Responsive Admin Theme + * version 2.4 + * +*/ +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 100; +} +h1 { + font-size: 30px; +} +h2 { + font-size: 24px; +} +h3 { + font-size: 16px; +} +h4 { + font-size: 14px; +} +h5 { + font-size: 12px; +} +h6 { + font-size: 10px; +} +h3, +h4, +h5 { + margin-top: 5px; + font-weight: 600; +} +.nav > li > a { + color: #a7b1c2; + font-weight: 600; + padding: 14px 20px 14px 25px; +} +.nav.navbar-right > li > a { + color: #999c9e; +} +.nav > li.active > a { + color: #ffffff; +} +.navbar-default .nav > li > a:hover, +.navbar-default .nav > li > a:focus { + background-color: #293846; + color: white; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background: #fff; +} +.nav.navbar-top-links > li > a:hover, +.nav.navbar-top-links > li > a:focus { + background-color: transparent; +} +.nav > li > a i { + margin-right: 6px; +} +.navbar { + border: 0; +} +.navbar-default { + background-color: transparent; + border-color: #2f4050; +} +.navbar-top-links li { + display: inline-block; +} +.navbar-top-links li:last-child { + margin-right: 40px; +} +.body-small .navbar-top-links li:last-child { + margin-right: 0; +} +.navbar-top-links li a { + padding: 20px 10px; + min-height: 50px; +} +.dropdown-menu { + border: medium none; + border-radius: 3px; + box-shadow: 0 0 3px rgba(86, 96, 117, 0.7); + display: none; + float: left; + font-size: 12px; + left: 0; + list-style: none outside none; + padding: 0; + position: absolute; + text-shadow: none; + top: 100%; + z-index: 1000; +} +.dropdown-menu > li > a { + border-radius: 3px; + color: inherit; + line-height: 25px; + margin: 4px; + text-align: left; + font-weight: normal; +} +.dropdown-menu > li > a.font-bold { + font-weight: 600; +} +.navbar-top-links .dropdown-menu li { + display: block; +} +.navbar-top-links .dropdown-menu li:last-child { + margin-right: 0; +} +.navbar-top-links .dropdown-menu li a { + padding: 3px 20px; + min-height: 0; +} +.navbar-top-links .dropdown-menu li a div { + white-space: normal; +} +.navbar-top-links .dropdown-messages, +.navbar-top-links .dropdown-tasks, +.navbar-top-links .dropdown-alerts { + width: 310px; + min-width: 0; +} +.navbar-top-links .dropdown-messages { + margin-left: 5px; +} +.navbar-top-links .dropdown-tasks { + margin-left: -59px; +} +.navbar-top-links .dropdown-alerts { + margin-left: -123px; +} +.navbar-top-links .dropdown-user { + right: 0; + left: auto; +} +.dropdown-messages, +.dropdown-alerts { + padding: 10px 10px 10px 10px; +} +.dropdown-messages li a, +.dropdown-alerts li a { + font-size: 12px; +} +.dropdown-messages li em, +.dropdown-alerts li em { + font-size: 10px; +} +.nav.navbar-top-links .dropdown-alerts a { + font-size: 12px; +} +.nav-header { + padding: 33px 25px; + background: url("patterns/header-profile.png") no-repeat; +} +.pace-done .nav-header { + transition: all 0.4s; +} +.nav > li.active { + border-left: 4px solid #19aa8d; + background: #293846; +} +.nav.nav-second-level > li.active { + border: none; +} +.nav.nav-second-level.collapse[style] { + height: auto !important; +} +.nav-header a { + color: #DFE4ED; +} +.nav-header .text-muted { + color: #8095a8; +} +.minimalize-styl-2 { + padding: 4px 12px; + margin: 14px 5px 5px 20px; + font-size: 14px; + float: left; +} +.navbar-form-custom { + float: left; + height: 50px; + padding: 0; + width: 200px; + display: inline-table; +} +.navbar-form-custom .form-group { + margin-bottom: 0; +} +.nav.navbar-top-links a { + font-size: 14px; +} +.navbar-form-custom .form-control { + background: none repeat scroll 0 0 rgba(0, 0, 0, 0); + border: medium none; + font-size: 14px; + height: 60px; + margin: 0; + z-index: 2000; +} +.count-info .label { + line-height: 12px; + padding: 2px 5px; + position: absolute; + right: 6px; + top: 12px; +} +.arrow { + float: right; +} +.fa.arrow:before { + content: "\f104"; +} +.active > a > .fa.arrow:before { + content: "\f107"; +} +.nav-second-level li, +.nav-third-level li { + border-bottom: none !important; +} +.nav-second-level li a { + padding: 7px 10px 7px 10px; + padding-left: 52px; +} +.nav-third-level li a { + padding-left: 62px; +} +.nav-second-level li:last-child { + margin-bottom: 10px; +} +body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, +.mini-navbar .nav li:focus > .nav-second-level { + display: block; + border-radius: 0 2px 2px 0; + min-width: 140px; + height: auto; +} +body.mini-navbar .navbar-default .nav > li > .nav-second-level li a { + font-size: 12px; + border-radius: 3px; +} +.fixed-nav .slimScrollDiv #side-menu { + padding-bottom: 60px; +} +.mini-navbar .nav-second-level li a { + padding: 10px 10px 10px 15px; +} +.mini-navbar .nav-second-level { + position: absolute; + left: 70px; + top: 0; + background-color: #2f4050; + padding: 10px 10px 10px 10px; + font-size: 12px; +} +.canvas-menu.mini-navbar .nav-second-level { + background: #293846; +} +.mini-navbar li.active .nav-second-level { + left: 65px; +} +.navbar-default .special_link a { + background: #1ab394; + color: white; +} +.navbar-default .special_link a:hover { + background: #17987e !important; + color: white; +} +.navbar-default .special_link a span.label { + background: #fff; + color: #1ab394; +} +.navbar-default .landing_link a { + background: #1cc09f; + color: white; +} +.navbar-default .landing_link a:hover { + background: #1ab394 !important; + color: white; +} +.navbar-default .landing_link a span.label { + background: #fff; + color: #1cc09f; +} +.logo-element { + text-align: center; + font-size: 18px; + font-weight: 600; + color: white; + display: none; + padding: 18px 0; +} +.pace-done .navbar-static-side, +.pace-done .nav-header, +.pace-done li.active, +.pace-done #page-wrapper, +.pace-done .footer { + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; +} +.navbar-fixed-top { + background: #fff; + transition-duration: 0.4s; + border-bottom: 1px solid #e7eaec !important; + z-index: 2030; +} +.navbar-fixed-top, +.navbar-static-top { + background: #f3f3f4; +} +.fixed-nav #wrapper { + margin-top: 0; +} +body.fixed-nav #wrapper .navbar-static-side, +body.fixed-nav #wrapper #page-wrapper { + margin-top: 60px; +} +body.top-navigation.fixed-nav #wrapper #page-wrapper { + margin-top: 0; +} +body.fixed-nav.fixed-nav-basic .navbar-fixed-top { + left: 220px; +} +body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top { + left: 70px; +} +body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top { + left: 0; +} +body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side { + margin-top: 0; +} +body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top { + left: 0; +} +body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top { + left: 220px; +} +.fixed-nav .minimalize-styl-2 { + margin: 14px 5px 5px 15px; +} +.body-small .navbar-fixed-top { + margin-left: 0; +} +body.mini-navbar .navbar-static-side { + width: 70px; +} +body.mini-navbar .profile-element, +body.mini-navbar .nav-label, +body.mini-navbar .navbar-default .nav li a span { + display: none; +} +body.canvas-menu .profile-element { + display: block; +} +body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level { + display: none; +} +body.mini-navbar .navbar-default .nav > li > a { + font-size: 16px; +} +body.mini-navbar .logo-element { + display: block; +} +body.canvas-menu .logo-element { + display: none; +} +body.mini-navbar .nav-header { + padding: 0; + background-color: #1ab394; +} +body.canvas-menu .nav-header { + padding: 33px 25px; +} +body.mini-navbar #page-wrapper { + margin: 0 0 0 70px; +} +body.fixed-sidebar.mini-navbar .footer, +body.canvas-menu.mini-navbar .footer { + margin: 0 0 0 0 !important; +} +body.canvas-menu.mini-navbar #page-wrapper, +body.canvas-menu.mini-navbar .footer { + margin: 0 0 0 0; +} +body.fixed-sidebar .navbar-static-side, +body.canvas-menu .navbar-static-side { + position: fixed; + width: 220px; + z-index: 2001; + height: 100%; +} +body.fixed-sidebar.mini-navbar .navbar-static-side { + width: 0; +} +body.fixed-sidebar.mini-navbar #page-wrapper { + margin: 0 0 0 0; +} +body.body-small.fixed-sidebar.mini-navbar #page-wrapper { + margin: 0 0 0 220px; +} +body.body-small.fixed-sidebar.mini-navbar .navbar-static-side { + width: 220px; +} +.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level, +.canvas-menu.mini-navbar .nav li:focus > .nav-second-level { + display: block; + height: auto; +} +body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a { + font-size: 12px; + border-radius: 3px; +} +body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a { + font-size: 13px; + border-radius: 3px; +} +.fixed-sidebar.mini-navbar .nav-second-level li a, +.canvas-menu.mini-navbar .nav-second-level li a { + padding: 10px 10px 10px 15px; +} +.fixed-sidebar.mini-navbar .nav-second-level, +.canvas-menu.mini-navbar .nav-second-level { + position: relative; + padding: 0; + font-size: 13px; +} +.fixed-sidebar.mini-navbar li.active .nav-second-level, +.canvas-menu.mini-navbar li.active .nav-second-level { + left: 0; +} +body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a, +body.canvas-menu.mini-navbar .navbar-default .nav > li > a { + font-size: 13px; +} +body.fixed-sidebar.mini-navbar .nav-label, +body.fixed-sidebar.mini-navbar .navbar-default .nav li a span, +body.canvas-menu.mini-navbar .nav-label, +body.canvas-menu.mini-navbar .navbar-default .nav li a span { + display: inline; +} +body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span { + display: block; +} +.canvas-menu.mini-navbar .nav-second-level li a, +.fixed-sidebar.mini-navbar .nav-second-level li a { + padding: 7px 10px 7px 52px; +} +.fixed-sidebar.mini-navbar .nav-second-level, +.canvas-menu.mini-navbar .nav-second-level { + left: 0; +} +body.canvas-menu nav.navbar-static-side { + z-index: 2001; + background: #2f4050; + height: 100%; + position: fixed; + display: none; +} +body.canvas-menu.mini-navbar nav.navbar-static-side { + display: block; + width: 220px; +} +.top-navigation #page-wrapper { + margin-left: 0; +} +.top-navigation .navbar-nav .dropdown-menu > .active > a { + background: white; + color: #1ab394; + font-weight: bold; +} +.white-bg .navbar-fixed-top, +.white-bg .navbar-static-top { + background: #fff; +} +.top-navigation .navbar { + margin-bottom: 0; +} +.top-navigation .nav > li > a { + padding: 15px 20px; + color: #676a6c; +} +.top-navigation .nav > li a:hover, +.top-navigation .nav > li a:focus { + background: #fff; + color: #1ab394; +} +.top-navigation .nav > li.active { + background: #fff; + border: none; +} +.top-navigation .nav > li.active > a { + color: #1ab394; +} +.top-navigation .navbar-right { + margin-right: 10px; +} +.top-navigation .navbar-nav .dropdown-menu { + box-shadow: none; + border: 1px solid #e7eaec; +} +.top-navigation .dropdown-menu > li > a { + margin: 0; + padding: 7px 20px; +} +.navbar .dropdown-menu { + margin-top: 0; +} +.top-navigation .navbar-brand { + background: #1ab394; + color: #fff; + padding: 15px 25px; +} +.top-navigation .navbar-top-links li:last-child { + margin-right: 0; +} +.top-navigation.mini-navbar #page-wrapper, +.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper, +.mini-navbar .top-navigation #page-wrapper, +.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper, +.canvas-menu #page-wrapper { + margin: 0; +} +.top-navigation.fixed-nav #wrapper, +.fixed-nav #wrapper.top-navigation { + margin-top: 50px; +} +.top-navigation .footer.fixed { + margin-left: 0 !important; +} +.top-navigation .wrapper.wrapper-content { + padding: 40px; +} +.top-navigation.body-small .wrapper.wrapper-content, +.body-small .top-navigation .wrapper.wrapper-content { + padding: 40px 0 40px 0; +} +.navbar-toggle { + background-color: #1ab394; + color: #fff; + padding: 6px 12px; + font-size: 14px; +} +.top-navigation .navbar-nav .open .dropdown-menu > li > a, +.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 10px 15px 10px 20px; +} +@media (max-width: 768px) { + .top-navigation .navbar-header { + display: block; + float: none; + } +} +.menu-visible-lg, +.menu-visible-md { + display: none !important; +} +@media (min-width: 1200px) { + .menu-visible-lg { + display: block !important; + } +} +@media (min-width: 992px) { + .menu-visible-md { + display: block !important; + } +} +@media (max-width: 767px) { + .menu-visible-md { + display: block !important; + } + .menu-visible-lg { + display: block !important; + } +} +.btn { + border-radius: 3px; +} +.float-e-margins .btn { + margin-bottom: 5px; +} +.btn-w-m { + min-width: 120px; +} +.btn-primary.btn-outline { + color: #1ab394; +} +.btn-success.btn-outline { + color: #1c84c6; +} +.btn-info.btn-outline { + color: #23c6c8; +} +.btn-warning.btn-outline { + color: #f8ac59; +} +.btn-danger.btn-outline { + color: #ed5565; +} +.btn-primary.btn-outline:hover, +.btn-success.btn-outline:hover, +.btn-info.btn-outline:hover, +.btn-warning.btn-outline:hover, +.btn-danger.btn-outline:hover { + color: #fff; +} +.btn-primary { + background-color: #1ab394; + border-color: #1ab394; + color: #FFFFFF; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary, +.btn-primary:active:focus, +.btn-primary:active:hover, +.btn-primary.active:hover, +.btn-primary.active:focus { + background-color: #18a689; + border-color: #18a689; + color: #FFFFFF; +} +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary.disabled:hover, +.btn-primary.disabled:focus, +.btn-primary.disabled:active, +.btn-primary.disabled.active, +.btn-primary[disabled], +.btn-primary[disabled]:hover, +.btn-primary[disabled]:focus, +.btn-primary[disabled]:active, +.btn-primary.active[disabled], +fieldset[disabled] .btn-primary, +fieldset[disabled] .btn-primary:hover, +fieldset[disabled] .btn-primary:focus, +fieldset[disabled] .btn-primary:active, +fieldset[disabled] .btn-primary.active { + background-color: #1dc5a3; + border-color: #1dc5a3; +} +.btn-success { + background-color: #1c84c6; + border-color: #1c84c6; + color: #FFFFFF; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success, +.btn-success:active:focus, +.btn-success:active:hover, +.btn-success.active:hover, +.btn-success.active:focus { + background-color: #1a7bb9; + border-color: #1a7bb9; + color: #FFFFFF; +} +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success.disabled:hover, +.btn-success.disabled:focus, +.btn-success.disabled:active, +.btn-success.disabled.active, +.btn-success[disabled], +.btn-success[disabled]:hover, +.btn-success[disabled]:focus, +.btn-success[disabled]:active, +.btn-success.active[disabled], +fieldset[disabled] .btn-success, +fieldset[disabled] .btn-success:hover, +fieldset[disabled] .btn-success:focus, +fieldset[disabled] .btn-success:active, +fieldset[disabled] .btn-success.active { + background-color: #1f90d8; + border-color: #1f90d8; +} +.btn-info { + background-color: #23c6c8; + border-color: #23c6c8; + color: #FFFFFF; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info, +.btn-info:active:focus, +.btn-info:active:hover, +.btn-info.active:hover, +.btn-info.active:focus { + background-color: #21b9bb; + border-color: #21b9bb; + color: #FFFFFF; +} +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info.disabled:hover, +.btn-info.disabled:focus, +.btn-info.disabled:active, +.btn-info.disabled.active, +.btn-info[disabled], +.btn-info[disabled]:hover, +.btn-info[disabled]:focus, +.btn-info[disabled]:active, +.btn-info.active[disabled], +fieldset[disabled] .btn-info, +fieldset[disabled] .btn-info:hover, +fieldset[disabled] .btn-info:focus, +fieldset[disabled] .btn-info:active, +fieldset[disabled] .btn-info.active { + background-color: #26d7d9; + border-color: #26d7d9; +} +.btn-default { + color: inherit; + background: white; + border: 1px solid #e7eaec; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default, +.btn-default:active:focus, +.btn-default:active:hover, +.btn-default.active:hover, +.btn-default.active:focus { + color: inherit; + border: 1px solid #d2d2d2; +} +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; +} +.btn-default.disabled, +.btn-default.disabled:hover, +.btn-default.disabled:focus, +.btn-default.disabled:active, +.btn-default.disabled.active, +.btn-default[disabled], +.btn-default[disabled]:hover, +.btn-default[disabled]:focus, +.btn-default[disabled]:active, +.btn-default.active[disabled], +fieldset[disabled] .btn-default, +fieldset[disabled] .btn-default:hover, +fieldset[disabled] .btn-default:focus, +fieldset[disabled] .btn-default:active, +fieldset[disabled] .btn-default.active { + color: #cacaca; +} +.btn-warning { + background-color: #f8ac59; + border-color: #f8ac59; + color: #FFFFFF; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning, +.btn-warning:active:focus, +.btn-warning:active:hover, +.btn-warning.active:hover, +.btn-warning.active:focus { + background-color: #f7a54a; + border-color: #f7a54a; + color: #FFFFFF; +} +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning.disabled:hover, +.btn-warning.disabled:focus, +.btn-warning.disabled:active, +.btn-warning.disabled.active, +.btn-warning[disabled], +.btn-warning[disabled]:hover, +.btn-warning[disabled]:focus, +.btn-warning[disabled]:active, +.btn-warning.active[disabled], +fieldset[disabled] .btn-warning, +fieldset[disabled] .btn-warning:hover, +fieldset[disabled] .btn-warning:focus, +fieldset[disabled] .btn-warning:active, +fieldset[disabled] .btn-warning.active { + background-color: #f9b66d; + border-color: #f9b66d; +} +.btn-danger { + background-color: #ed5565; + border-color: #ed5565; + color: #FFFFFF; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger, +.btn-danger:active:focus, +.btn-danger:active:hover, +.btn-danger.active:hover, +.btn-danger.active:focus { + background-color: #ec4758; + border-color: #ec4758; + color: #FFFFFF; +} +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger.disabled:hover, +.btn-danger.disabled:focus, +.btn-danger.disabled:active, +.btn-danger.disabled.active, +.btn-danger[disabled], +.btn-danger[disabled]:hover, +.btn-danger[disabled]:focus, +.btn-danger[disabled]:active, +.btn-danger.active[disabled], +fieldset[disabled] .btn-danger, +fieldset[disabled] .btn-danger:hover, +fieldset[disabled] .btn-danger:focus, +fieldset[disabled] .btn-danger:active, +fieldset[disabled] .btn-danger.active { + background-color: #ef6776; + border-color: #ef6776; +} +.btn-link { + color: inherit; +} +.btn-link:hover, +.btn-link:focus, +.btn-link:active, +.btn-link.active, +.open .dropdown-toggle.btn-link { + color: #1ab394; + text-decoration: none; +} +.btn-link:active, +.btn-link.active, +.open .dropdown-toggle.btn-link { + background-image: none; +} +.btn-link.disabled, +.btn-link.disabled:hover, +.btn-link.disabled:focus, +.btn-link.disabled:active, +.btn-link.disabled.active, +.btn-link[disabled], +.btn-link[disabled]:hover, +.btn-link[disabled]:focus, +.btn-link[disabled]:active, +.btn-link.active[disabled], +fieldset[disabled] .btn-link, +fieldset[disabled] .btn-link:hover, +fieldset[disabled] .btn-link:focus, +fieldset[disabled] .btn-link:active, +fieldset[disabled] .btn-link.active { + color: #cacaca; +} +.btn-white { + color: inherit; + background: white; + border: 1px solid #e7eaec; +} +.btn-white:hover, +.btn-white:focus, +.btn-white:active, +.btn-white.active, +.open .dropdown-toggle.btn-white, +.btn-white:active:focus, +.btn-white:active:hover, +.btn-white.active:hover, +.btn-white.active:focus { + color: inherit; + border: 1px solid #d2d2d2; +} +.btn-white:active, +.btn-white.active { + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; +} +.btn-white:active, +.btn-white.active, +.open .dropdown-toggle.btn-white { + background-image: none; +} +.btn-white.disabled, +.btn-white.disabled:hover, +.btn-white.disabled:focus, +.btn-white.disabled:active, +.btn-white.disabled.active, +.btn-white[disabled], +.btn-white[disabled]:hover, +.btn-white[disabled]:focus, +.btn-white[disabled]:active, +.btn-white.active[disabled], +fieldset[disabled] .btn-white, +fieldset[disabled] .btn-white:hover, +fieldset[disabled] .btn-white:focus, +fieldset[disabled] .btn-white:active, +fieldset[disabled] .btn-white.active { + color: #cacaca; +} +.form-control, +.form-control:focus, +.has-error .form-control:focus, +.has-success .form-control:focus, +.has-warning .form-control:focus, +.navbar-collapse, +.navbar-form, +.navbar-form-custom .form-control:focus, +.navbar-form-custom .form-control:hover, +.open .btn.dropdown-toggle, +.panel, +.popover, +.progress, +.progress-bar { + box-shadow: none; +} +.btn-outline { + color: inherit; + background-color: transparent; + transition: all .5s; +} +.btn-rounded { + border-radius: 50px; +} +.btn-large-dim { + width: 90px; + height: 90px; + font-size: 42px; +} +button.dim { + display: inline-block; + text-decoration: none; + text-transform: uppercase; + text-align: center; + padding-top: 6px; + margin-right: 10px; + position: relative; + cursor: pointer; + border-radius: 5px; + font-weight: 600; + margin-bottom: 20px !important; +} +button.dim:active { + top: 3px; +} +button.btn-primary.dim { + box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999; +} +button.btn-primary.dim:active { + box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999; +} +button.btn-default.dim { + box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999; +} +button.btn-default.dim:active { + box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999; +} +button.btn-warning.dim { + box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999; +} +button.btn-warning.dim:active { + box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999; +} +button.btn-info.dim { + box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999; +} +button.btn-info.dim:active { + box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999; +} +button.btn-success.dim { + box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999; +} +button.btn-success.dim:active { + box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999; +} +button.btn-danger.dim { + box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999; +} +button.btn-danger.dim:active { + box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999; +} +button.dim:before { + font-size: 50px; + line-height: 1em; + font-weight: normal; + color: #fff; + display: block; + padding-top: 10px; +} +button.dim:active:before { + top: 7px; + font-size: 50px; +} +.btn:focus { + outline: none !important; +} +.label { + background-color: #d1dade; + color: #5e5e5e; + font-family: 'Open Sans'; + font-size: 10px; + font-weight: 600; + padding: 3px 8px; + text-shadow: none; +} +.badge { + background-color: #d1dade; + color: #5e5e5e; + font-family: 'Open Sans'; + font-size: 11px; + font-weight: 600; + padding-bottom: 4px; + padding-left: 6px; + padding-right: 6px; + text-shadow: none; +} +.label-primary, +.badge-primary { + background-color: #1ab394; + color: #FFFFFF; +} +.label-success, +.badge-success { + background-color: #1c84c6; + color: #FFFFFF; +} +.label-warning, +.badge-warning { + background-color: #f8ac59; + color: #FFFFFF; +} +.label-warning-light, +.badge-warning-light { + background-color: #f8ac59; + color: #ffffff; +} +.label-danger, +.badge-danger { + background-color: #ed5565; + color: #FFFFFF; +} +.label-info, +.badge-info { + background-color: #23c6c8; + color: #FFFFFF; +} +.label-inverse, +.badge-inverse { + background-color: #262626; + color: #FFFFFF; +} +.label-white, +.badge-white { + background-color: #FFFFFF; + color: #5E5E5E; +} +.label-white, +.badge-disable { + background-color: #2A2E36; + color: #8B91A0; +} +/* TOOGLE SWICH */ +.onoffswitch { + position: relative; + width: 64px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.onoffswitch-checkbox { + display: none; +} +.onoffswitch-label { + display: block; + overflow: hidden; + cursor: pointer; + border: 2px solid #1ab394; + border-radius: 2px; +} +.onoffswitch-inner { + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} +.onoffswitch-inner:before, +.onoffswitch-inner:after { + float: left; + width: 50%; + height: 20px; + padding: 0; + line-height: 20px; + font-size: 12px; + color: white; + font-family: Trebuchet, Arial, sans-serif; + font-weight: bold; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.onoffswitch-inner:before { + content: "ON"; + padding-left: 10px; + background-color: #1ab394; + color: #FFFFFF; +} +.onoffswitch-inner:after { + content: "OFF"; + padding-right: 10px; + background-color: #FFFFFF; + color: #999999; + text-align: right; +} +.onoffswitch-switch { + width: 20px; + margin: 0; + background: #FFFFFF; + border: 2px solid #1ab394; + border-radius: 2px; + position: absolute; + top: 0; + bottom: 0; + right: 44px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; +} +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { + margin-left: 0; +} +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { + right: 0; +} +/* CHOSEN PLUGIN */ +.chosen-container-single .chosen-single { + background: #ffffff; + box-shadow: none; + -moz-box-sizing: border-box; + background-color: #FFFFFF; + border: 1px solid #CBD5DD; + border-radius: 2px; + cursor: text; + height: auto; + margin: 0; + min-height: 30px; + overflow: hidden; + padding: 4px 12px; + position: relative; + width: 100%; +} +.chosen-container-multi .chosen-choices li.search-choice { + background: #f1f1f1; + border: 1px solid #ededed; + border-radius: 2px; + box-shadow: none; + color: #333333; + cursor: default; + line-height: 13px; + margin: 3px 0 3px 5px; + padding: 3px 20px 3px 5px; + position: relative; +} +/* PAGINATIN */ +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + background-color: #f4f4f4; + border-color: #DDDDDD; + color: inherit; + cursor: default; + z-index: 2; +} +.pagination > li > a, +.pagination > li > span { + background-color: #FFFFFF; + border: 1px solid #DDDDDD; + color: inherit; + float: left; + line-height: 1.42857; + margin-left: -1px; + padding: 4px 10px; + position: relative; + text-decoration: none; +} +/* TOOLTIPS */ +.tooltip-inner { + background-color: #2F4050; +} +.tooltip.top .tooltip-arrow { + border-top-color: #2F4050; +} +.tooltip.right .tooltip-arrow { + border-right-color: #2F4050; +} +.tooltip.bottom .tooltip-arrow { + border-bottom-color: #2F4050; +} +.tooltip.left .tooltip-arrow { + border-left-color: #2F4050; +} +/* EASY PIE CHART*/ +.easypiechart { + position: relative; + text-align: center; +} +.easypiechart .h2 { + margin-left: 10px; + margin-top: 10px; + display: inline-block; +} +.easypiechart canvas { + top: 0; + left: 0; +} +.easypiechart .easypie-text { + line-height: 1; + position: absolute; + top: 33px; + width: 100%; + z-index: 1; +} +.easypiechart img { + margin-top: -4px; +} +.jqstooltip { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +/* FULLCALENDAR */ +.fc-state-default { + background-color: #ffffff; + background-image: none; + background-repeat: repeat-x; + box-shadow: none; + color: #333333; + text-shadow: none; +} +.fc-state-default { + border: 1px solid; +} +.fc-button { + color: inherit; + border: 1px solid #e7eaec; + cursor: pointer; + display: inline-block; + height: 1.9em; + line-height: 1.9em; + overflow: hidden; + padding: 0 0.6em; + position: relative; + white-space: nowrap; +} +.fc-state-active { + background-color: #1ab394; + border-color: #1ab394; + color: #ffffff; +} +.fc-header-title h2 { + font-size: 16px; + font-weight: 600; + color: inherit; +} +.fc-content .fc-widget-header, +.fc-content .fc-widget-content { + border-color: #e7eaec; + font-weight: normal; +} +.fc-border-separate tbody { + background-color: #F8F8F8; +} +.fc-state-highlight { + background: none repeat scroll 0 0 #FCF8E3; +} +.external-event { + padding: 5px 10px; + border-radius: 2px; + cursor: pointer; + margin-bottom: 5px; +} +.fc-ltr .fc-event-hori.fc-event-end, +.fc-rtl .fc-event-hori.fc-event-start { + border-radius: 2px; +} +.fc-event, +.fc-agenda .fc-event-time, +.fc-event a { + padding: 4px 6px; + background-color: #1ab394; + /* background color */ + border-color: #1ab394; + /* border color */ +} +.fc-event-time, +.fc-event-title { + color: #717171; + padding: 0 1px; +} +.ui-calendar .fc-event-time, +.ui-calendar .fc-event-title { + color: #fff; +} +/* Chat */ +.chat-activity-list .chat-element { + border-bottom: 1px solid #e7eaec; +} +.chat-element:first-child { + margin-top: 0; +} +.chat-element { + padding-bottom: 15px; +} +.chat-element, +.chat-element .media { + margin-top: 15px; +} +.chat-element, +.media-body { + overflow: hidden; +} +.media-body { + display: block; + width: auto; +} +.chat-element > .pull-left { + margin-right: 10px; +} +.chat-element img.img-circle, +.dropdown-messages-box img.img-circle { + width: 38px; + height: 38px; +} +.chat-element .well { + border: 1px solid #e7eaec; + box-shadow: none; + margin-top: 10px; + margin-bottom: 5px; + padding: 10px 20px; + font-size: 11px; + line-height: 16px; +} +.chat-element .actions { + margin-top: 10px; +} +.chat-element .photos { + margin: 10px 0; +} +.right.chat-element > .pull-right { + margin-left: 10px; +} +.chat-photo { + max-height: 180px; + border-radius: 4px; + overflow: hidden; + margin-right: 10px; + margin-bottom: 10px; +} +.chat { + margin: 0; + padding: 0; + list-style: none; +} +.chat li { + margin-bottom: 10px; + padding-bottom: 5px; + border-bottom: 1px dotted #B3A9A9; +} +.chat li.left .chat-body { + margin-left: 60px; +} +.chat li.right .chat-body { + margin-right: 60px; +} +.chat li .chat-body p { + margin: 0; + color: #777777; +} +.panel .slidedown .glyphicon, +.chat .glyphicon { + margin-right: 5px; +} +.chat-panel .panel-body { + height: 350px; + overflow-y: scroll; +} +/* LIST GROUP */ +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + background-color: #1ab394; + border-color: #1ab394; + color: #FFFFFF; + z-index: 2; +} +.list-group-item-heading { + margin-top: 10px; +} +.list-group-item-text { + margin: 0 0 10px; + color: inherit; + font-size: 12px; + line-height: inherit; +} +.no-padding .list-group-item { + border-left: none; + border-right: none; + border-bottom: none; +} +.no-padding .list-group-item:first-child { + border-left: none; + border-right: none; + border-bottom: none; + border-top: none; +} +.no-padding .list-group { + margin-bottom: 0; +} +.list-group-item { + background-color: inherit; + border: 1px solid #e7eaec; + display: block; + margin-bottom: -1px; + padding: 10px 15px; + position: relative; +} +.elements-list .list-group-item { + border-left: none; + border-right: none; + padding: 15px 25px; +} +.elements-list .list-group-item:first-child { + border-left: none; + border-right: none; + border-top: none !important; +} +.elements-list .list-group { + margin-bottom: 0; +} +.elements-list a { + color: inherit; +} +.elements-list .list-group-item.active, +.elements-list .list-group-item:hover { + background: #f3f3f4; + color: inherit; + border-color: #e7eaec; + /*border-bottom: 1px solid #e7eaec;*/ + /*border-top: 1px solid #e7eaec;*/ + border-radius: 0; +} +.elements-list li.active { + transition: none; +} +.element-detail-box { + padding: 25px; +} +/* FLOT CHART */ +.flot-chart { + display: block; + height: 200px; +} +.widget .flot-chart.dashboard-chart { + display: block; + height: 120px; + margin-top: 40px; +} +.flot-chart.dashboard-chart { + display: block; + height: 180px; + margin-top: 40px; +} +.flot-chart-content { + width: 100%; + height: 100%; +} +.flot-chart-pie-content { + width: 200px; + height: 200px; + margin: auto; +} +.jqstooltip { + position: absolute; + display: block; + left: 0; + top: 0; + visibility: hidden; + background: #2b303a; + background-color: rgba(43, 48, 58, 0.8); + color: white; + text-align: left; + white-space: nowrap; + z-index: 10000; + padding: 5px 5px 5px 5px; + min-height: 22px; + border-radius: 3px; +} +.jqsfield { + color: white; + text-align: left; +} +.fh-150 { + height: 150px; +} +.fh-200 { + height: 200px; +} +.h-150 { + min-height: 150px; +} +.h-200 { + min-height: 200px; +} +.legendLabel { + padding-left: 5px; +} +.stat-list li:first-child { + margin-top: 0; +} +.stat-list { + list-style: none; + padding: 0; + margin: 0; +} +.stat-percent { + float: right; +} +.stat-list li { + margin-top: 15px; + position: relative; +} +/* DATATABLES */ +table.dataTable thead .sorting, +table.dataTable thead .sorting_asc:after, +table.dataTable thead .sorting_desc, +table.dataTable thead .sorting_asc_disabled, +table.dataTable thead .sorting_desc_disabled { + background: transparent; +} +.dataTables_wrapper { + padding-bottom: 30px; +} +.dataTables_length { + float: left; +} +.dataTables_filter label { + margin-right: 5px; +} +.html5buttons { + float: right; +} +.html5buttons a { + border: 1px solid #e7eaec; + background: #fff; + color: #676a6c; + box-shadow: none; + padding: 6px 8px; + font-size: 12px; +} +.html5buttons a:hover, +.html5buttons a:focus:active { + background-color: #eee; + color: inherit; + border-color: #d2d2d2; +} +div.dt-button-info { + z-index: 100; +} +@media (max-width: 768px) { + .html5buttons { + float: none; + margin-top: 10px; + } + .dataTables_length { + float: none; + } +} +/* CIRCLE */ +.img-circle { + border-radius: 50%; +} +.btn-circle { + width: 30px; + height: 30px; + padding: 6px 0; + border-radius: 15px; + text-align: center; + font-size: 12px; + line-height: 1.428571429; +} +.btn-circle.btn-lg { + width: 50px; + height: 50px; + padding: 10px 16px; + border-radius: 25px; + font-size: 18px; + line-height: 1.33; +} +.btn-circle.btn-xl { + width: 70px; + height: 70px; + padding: 10px 16px; + border-radius: 35px; + font-size: 24px; + line-height: 1.33; +} +.show-grid [class^="col-"] { + padding-top: 10px; + padding-bottom: 10px; + border: 1px solid #ddd; + background-color: #eee !important; +} +.show-grid { + margin: 15px 0; +} +/* ANIMATION */ +.css-animation-box h1 { + font-size: 44px; +} +.animation-efect-links a { + padding: 4px 6px; + font-size: 12px; +} +#animation_box { + background-color: #f9f8f8; + border-radius: 16px; + width: 80%; + margin: 0 auto; + padding-top: 80px; +} +.animation-text-box { + position: absolute; + margin-top: 40px; + left: 50%; + margin-left: -100px; + width: 200px; +} +.animation-text-info { + position: absolute; + margin-top: -60px; + left: 50%; + margin-left: -100px; + width: 200px; + font-size: 10px; +} +.animation-text-box h2 { + font-size: 54px; + font-weight: 600; + margin-bottom: 5px; +} +.animation-text-box p { + font-size: 12px; + text-transform: uppercase; +} +/* PEACE */ +.pace { + -webkit-pointer-events: none; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.pace-inactive { + display: none; +} +.pace .pace-progress { + background: #1ab394; + position: fixed; + z-index: 2040; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} +.pace-inactive { + display: none; +} +/* WIDGETS */ +.widget { + border-radius: 5px; + padding: 15px 20px; + margin-bottom: 10px; + margin-top: 10px; +} +.widget.style1 h2 { + font-size: 30px; +} +.widget h2, +.widget h3 { + margin-top: 5px; + margin-bottom: 0; +} +.widget-text-box { + padding: 20px; + border: 1px solid #e7eaec; + background: #ffffff; +} +.widget-head-color-box { + border-radius: 5px 5px 0 0; + margin-top: 10px; +} +.widget .flot-chart { + height: 100px; +} +.vertical-align div { + display: inline-block; + vertical-align: middle; +} +.vertical-align h2, +.vertical-align h3 { + margin: 0; +} +.todo-list { + list-style: none outside none; + margin: 0; + padding: 0; + font-size: 14px; +} +.todo-list.small-list { + font-size: 12px; +} +.todo-list.small-list > li { + background: #f3f3f4; + border-left: none; + border-right: none; + border-radius: 4px; + color: inherit; + margin-bottom: 2px; + padding: 6px 6px 6px 12px; +} +.todo-list.small-list .btn-xs, +.todo-list.small-list .btn-group-xs > .btn { + border-radius: 5px; + font-size: 10px; + line-height: 1.5; + padding: 1px 2px 1px 5px; +} +.todo-list > li { + background: #f3f3f4; + border-left: 6px solid #e7eaec; + border-right: 6px solid #e7eaec; + border-radius: 4px; + color: inherit; + margin-bottom: 2px; + padding: 10px; +} +.todo-list .handle { + cursor: move; + display: inline-block; + font-size: 16px; + margin: 0 5px; +} +.todo-list > li .label { + font-size: 9px; + margin-left: 10px; +} +.check-link { + font-size: 16px; +} +.todo-completed { + text-decoration: line-through; +} +.geo-statistic h1 { + font-size: 36px; + margin-bottom: 0; +} +.glyphicon.fa { + font-family: "FontAwesome"; +} +/* INPUTS */ +.inline { + display: inline-block !important; +} +.input-s-sm { + width: 120px; +} +.input-s { + width: 200px; +} +.input-s-lg { + width: 250px; +} +.i-checks { + padding-left: 0; +} +.form-control, +.single-line { + background-color: #FFFFFF; + background-image: none; + border: 1px solid #e5e6e7; + border-radius: 1px; + color: inherit; + display: block; + padding: 6px 12px; + transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; + width: 100%; + font-size: 14px; +} +.form-control:focus, +.single-line:focus { + border-color: #1ab394 !important; +} +.has-success .form-control { + border-color: #1ab394; +} +.has-warning .form-control { + border-color: #f8ac59; +} +.has-error .form-control { + border-color: #ed5565; +} +.has-success .control-label { + color: #1ab394; +} +.has-warning .control-label { + color: #f8ac59; +} +.has-error .control-label { + color: #ed5565; +} +.input-group-addon { + background-color: #fff; + border: 1px solid #E5E6E7; + border-radius: 1px; + color: inherit; + font-size: 14px; + font-weight: 400; + line-height: 1; + padding: 6px 12px; + text-align: center; +} +.spinner-buttons.input-group-btn .btn-xs { + line-height: 1.13; +} +.spinner-buttons.input-group-btn { + width: 20%; +} +.noUi-connect { + background: none repeat scroll 0 0 #1ab394; + box-shadow: none; +} +.slider_red .noUi-connect { + background: none repeat scroll 0 0 #ed5565; + box-shadow: none; +} +/* UI Sortable */ +.ui-sortable .ibox-title { + cursor: move; +} +.ui-sortable-placeholder { + border: 1px dashed #cecece !important; + visibility: visible !important; + background: #e7eaec; +} +.ibox.ui-sortable-placeholder { + margin: 0 0 23px !important; +} +/* SWITCHES */ +.onoffswitch { + position: relative; + width: 54px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.onoffswitch-checkbox { + display: none; +} +.onoffswitch-label { + display: block; + overflow: hidden; + cursor: pointer; + border: 2px solid #1AB394; + border-radius: 3px; +} +.onoffswitch-inner { + display: block; + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} +.onoffswitch-inner:before, +.onoffswitch-inner:after { + display: block; + float: left; + width: 50%; + height: 16px; + padding: 0; + line-height: 16px; + font-size: 10px; + color: white; + font-family: Trebuchet, Arial, sans-serif; + font-weight: bold; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.onoffswitch-inner:before { + content: "ON"; + padding-left: 7px; + background-color: #1AB394; + color: #FFFFFF; +} +.onoffswitch-inner:after { + content: "OFF"; + padding-right: 7px; + background-color: #FFFFFF; + color: #919191; + text-align: right; +} +.onoffswitch-switch { + display: block; + width: 18px; + margin: 0; + background: #FFFFFF; + border: 2px solid #1AB394; + border-radius: 3px; + position: absolute; + top: 0; + bottom: 0; + right: 36px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; +} +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { + margin-left: 0; +} +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { + right: 0; +} +/* jqGrid */ +.ui-jqgrid { + -moz-box-sizing: content-box; +} +.ui-jqgrid-btable { + border-collapse: separate; +} +.ui-jqgrid-htable { + border-collapse: separate; +} +.ui-jqgrid-titlebar { + height: 40px; + line-height: 15px; + color: #676a6c; + background-color: #F9F9F9; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.ui-jqgrid .ui-jqgrid-title { + float: left; + margin: 1.1em 1em 0.2em; +} +.ui-jqgrid .ui-jqgrid-titlebar { + position: relative; + border-left: 0 solid; + border-right: 0 solid; + border-top: 0 solid; +} +.ui-widget-header { + background: none; + background-image: none; + background-color: #f5f5f6; + text-transform: uppercase; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.ui-jqgrid tr.ui-row-ltr td { + border-right-color: inherit; + border-right-style: solid; + border-right-width: 1px; + text-align: left; + border-color: #DDDDDD; + background-color: inherit; +} +.ui-search-toolbar input[type="text"] { + font-size: 12px; + height: 15px; + border: 1px solid #CCCCCC; + border-radius: 0; +} +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + background: #F9F9F9; + border: 1px solid #DDDDDD; + line-height: 15px; + font-weight: bold; + color: #676a6c; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.ui-widget-content { + box-sizing: content-box; +} +.ui-icon-triangle-1-n { + background-position: 1px -16px; +} +.ui-jqgrid tr.ui-search-toolbar th { + border-top-width: 0 !important; + border-top-color: inherit !important; + border-top-style: ridge !important; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + background: #f5f5f5; + border-collapse: separate; +} +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + background: #f2fbff; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #dddddd; + background: #ffffff; + font-weight: normal; + color: #212121; +} +.ui-jqgrid .ui-pg-input { + font-size: inherit; + width: 50px; + border: 1px solid #CCCCCC; + height: 15px; +} +.ui-jqgrid .ui-pg-selbox { + display: block; + font-size: 1em; + height: 25px; + line-height: 18px; + margin: 0; + width: auto; +} +.ui-jqgrid .ui-pager-control { + position: relative; +} +.ui-jqgrid .ui-jqgrid-pager { + height: 32px; + position: relative; +} +.ui-pg-table .navtable .ui-corner-all { + border-radius: 0; +} +.ui-jqgrid .ui-pg-button:hover { + padding: 1px; + border: 0; +} +.ui-jqgrid .loading { + position: absolute; + top: 45%; + left: 45%; + width: auto; + height: auto; + z-index: 101; + padding: 6px; + margin: 5px; + text-align: center; + font-weight: bold; + display: none; + border-width: 2px !important; + font-size: 11px; +} +.ui-jqgrid .form-control { + height: 10px; + width: auto; + display: inline; + padding: 10px 12px; +} +.ui-jqgrid-pager { + height: 32px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 0; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 0; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 0; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 0; +} +.ui-widget-content { + border: 1px solid #ddd; +} +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 0; +} +.ui-jqgrid .ui-jqgrid-titlebar { + border-bottom: 1px solid #ddd; +} +.ui-jqgrid tr.jqgrow td { + padding: 6px; +} +.ui-jqdialog .ui-jqdialog-titlebar { + padding: 10px 10px; +} +.ui-jqdialog .ui-jqdialog-title { + float: none !important; +} +.ui-jqdialog > .ui-resizable-se { + position: absolute; +} +/* Nestable list */ +.dd { + position: relative; + display: block; + margin: 0; + padding: 0; + list-style: none; + font-size: 13px; + line-height: 20px; +} +.dd-list { + display: block; + position: relative; + margin: 0; + padding: 0; + list-style: none; +} +.dd-list .dd-list { + padding-left: 30px; +} +.dd-collapsed .dd-list { + display: none; +} +.dd-item, +.dd-empty, +.dd-placeholder { + display: block; + position: relative; + margin: 0; + padding: 0; + min-height: 20px; + font-size: 13px; + line-height: 20px; +} +.dd-handle { + display: block; + margin: 5px 0; + padding: 5px 10px; + color: #333; + text-decoration: none; + border: 1px solid #e7eaec; + background: #f5f5f5; + -webkit-border-radius: 3px; + border-radius: 3px; + box-sizing: border-box; + -moz-box-sizing: border-box; +} +.dd-handle span { + font-weight: bold; +} +.dd-handle:hover { + background: #f0f0f0; + cursor: pointer; + font-weight: bold; +} +.dd-item > button { + display: block; + position: relative; + cursor: pointer; + float: left; + width: 25px; + height: 20px; + margin: 5px 0; + padding: 0; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + border: 0; + background: transparent; + font-size: 12px; + line-height: 1; + text-align: center; + font-weight: bold; +} +.dd-item > button:before { + content: '+'; + display: block; + position: absolute; + width: 100%; + text-align: center; + text-indent: 0; +} +.dd-item > button[data-action="collapse"]:before { + content: '-'; +} +#nestable2 .dd-item > button { + font-family: FontAwesome; + height: 34px; + width: 33px; + color: #c1c1c1; +} +#nestable2 .dd-item > button:before { + content: "\f067"; +} +#nestable2 .dd-item > button[data-action="collapse"]:before { + content: "\f068"; +} +.dd-placeholder, +.dd-empty { + margin: 5px 0; + padding: 0; + min-height: 30px; + background: #f2fbff; + border: 1px dashed #b6bcbf; + box-sizing: border-box; + -moz-box-sizing: border-box; +} +.dd-empty { + border: 1px dashed #bbb; + min-height: 100px; + background-color: #e5e5e5; + background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); + background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); + background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); + background-size: 60px 60px; + background-position: 0 0, 30px 30px; +} +.dd-dragel { + position: absolute; + z-index: 9999; + pointer-events: none; +} +.dd-dragel > .dd-item .dd-handle { + margin-top: 0; +} +.dd-dragel .dd-handle { + -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); + box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); +} +/** +* Nestable Extras +*/ +.nestable-lists { + display: block; + clear: both; + padding: 30px 0; + width: 100%; + border: 0; + border-top: 2px solid #ddd; + border-bottom: 2px solid #ddd; +} +#nestable-menu { + padding: 0; + margin: 10px 0 20px 0; +} +#nestable-output, +#nestable2-output { + width: 100%; + font-size: 0.75em; + line-height: 1.333333em; + font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif; + padding: 5px; + box-sizing: border-box; + -moz-box-sizing: border-box; +} +#nestable2 .dd-handle { + color: inherit; + border: 1px dashed #e7eaec; + background: #f3f3f4; + padding: 10px; +} +#nestable2 .dd-handle:hover { + /*background: #bbb;*/ +} +#nestable2 span.label { + margin-right: 10px; +} +#nestable-output, +#nestable2-output { + font-size: 12px; + padding: 25px; + box-sizing: border-box; + -moz-box-sizing: border-box; +} +/* CodeMirror */ +.CodeMirror { + border: 1px solid #eee; + height: auto; +} +.CodeMirror-scroll { + overflow-y: hidden; + overflow-x: auto; +} +/* Google Maps */ +.google-map { + height: 300px; +} +/* Validation */ +label.error { + color: #cc5965; + display: inline-block; + margin-left: 5px; +} +.form-control.error { + border: 1px dotted #cc5965; +} +/* ngGrid */ +.gridStyle { + border: 1px solid #d4d4d4; + width: 100%; + height: 400px; +} +.gridStyle2 { + border: 1px solid #d4d4d4; + width: 500px; + height: 300px; +} +.ngH eaderCell { + border-right: none; + border-bottom: 1px solid #e7eaec; +} +.ngCell { + border-right: none; +} +.ngTopPanel { + background: #F5F5F6; +} +.ngRow.even { + background: #f9f9f9; +} +.ngRow.selected { + background: #EBF2F1; +} +.ngRow { + border-bottom: 1px solid #e7eaec; +} +.ngCell { + background-color: transparent; +} +.ngHeaderCell { + border-right: none; +} +/* Toastr custom style */ +#toast-container > .toast { + background-image: none !important; +} +#toast-container > .toast:before { + position: fixed; + font-family: FontAwesome; + font-size: 24px; + line-height: 24px; + float: left; + color: #FFF; + padding-right: 0.5em; + margin: auto 0.5em auto -1.5em; +} +#toast-container > .toast-warning:before { + content: "\f0e7"; +} +#toast-container > .toast-error:before { + content: "\f071"; +} +#toast-container > .toast-info:before { + content: "\f005"; +} +#toast-container > .toast-success:before { + content: "\f00C"; +} +#toast-container > div { + -moz-box-shadow: 0 0 3px #999; + -webkit-box-shadow: 0 0 3px #999; + box-shadow: 0 0 3px #999; + opacity: .9; + -ms-filter: alpha(opacity=90); + filter: alpha(opacity=90); +} +#toast-container > :hover { + -moz-box-shadow: 0 0 4px #999; + -webkit-box-shadow: 0 0 4px #999; + box-shadow: 0 0 4px #999; + opacity: 1; + -ms-filter: alpha(opacity=100); + filter: alpha(opacity=100); + cursor: pointer; +} +.toast { + background-color: #1ab394; +} +.toast-success { + background-color: #1ab394; +} +.toast-error { + background-color: #ed5565; +} +.toast-info { + background-color: #23c6c8; +} +.toast-warning { + background-color: #f8ac59; +} +.toast-top-full-width { + margin-top: 20px; +} +.toast-bottom-full-width { + margin-bottom: 20px; +} +/* Notifie */ +.cg-notify-message.inspinia-notify { + background: #fff; + padding: 0; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); + border: none; + margin-top: 30px; + color: inherit; +} +.inspinia-notify.alert-warning { + border-left: 6px solid #f8ac59; +} +.inspinia-notify.alert-success { + border-left: 6px solid #1c84c6; +} +.inspinia-notify.alert-danger { + border-left: 6px solid #ed5565; +} +.inspinia-notify.alert-info { + border-left: 6px solid #1ab394; +} +/* Image cropper style */ +.img-container, +.img-preview { + overflow: hidden; + text-align: center; + width: 100%; +} +.img-preview-sm { + height: 130px; + width: 200px; +} +/* Forum styles */ +.forum-post-container .media { + margin: 10px 10px 10px 10px; + padding: 20px 10px 20px 10px; + border-bottom: 1px solid #f1f1f1; +} +.forum-avatar { + float: left; + margin-right: 20px; + text-align: center; + width: 110px; +} +.forum-avatar .img-circle { + height: 48px; + width: 48px; +} +.author-info { + color: #676a6c; + font-size: 11px; + margin-top: 5px; + text-align: center; +} +.forum-post-info { + padding: 9px 12px 6px 12px; + background: #f9f9f9; + border: 1px solid #f1f1f1; +} +.media-body > .media { + background: #f9f9f9; + border-radius: 3px; + border: 1px solid #f1f1f1; +} +.forum-post-container .media-body .photos { + margin: 10px 0; +} +.forum-photo { + max-width: 140px; + border-radius: 3px; +} +.media-body > .media .forum-avatar { + width: 70px; + margin-right: 10px; +} +.media-body > .media .forum-avatar .img-circle { + height: 38px; + width: 38px; +} +.mid-icon { + font-size: 66px; +} +.forum-item { + margin: 10px 0; + padding: 10px 0 20px; + border-bottom: 1px solid #f1f1f1; +} +.views-number { + font-size: 24px; + line-height: 18px; + font-weight: 400; +} +.forum-container, +.forum-post-container { + padding: 30px !important; +} +.forum-item small { + color: #999; +} +.forum-item .forum-sub-title { + color: #999; + margin-left: 50px; +} +.forum-title { + margin: 15px 0 15px 0; +} +.forum-info { + text-align: center; +} +.forum-desc { + color: #999; +} +.forum-icon { + float: left; + width: 30px; + margin-right: 20px; + text-align: center; +} +a.forum-item-title { + color: inherit; + display: block; + font-size: 18px; + font-weight: 600; +} +a.forum-item-title:hover { + color: inherit; +} +.forum-icon .fa { + font-size: 30px; + margin-top: 8px; + color: #9b9b9b; +} +.forum-item.active .fa { + color: #1ab394; +} +.forum-item.active a.forum-item-title { + color: #1ab394; +} +@media (max-width: 992px) { + .forum-info { + margin: 15px 0 10px 0; + /* Comment this is you want to show forum info in small devices */ + display: none; + } + .forum-desc { + float: none !important; + } +} +/* New Timeline style */ +.vertical-container { + /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ + width: 90%; + max-width: 1170px; + margin: 0 auto; +} +.vertical-container::after { + /* clearfix */ + content: ''; + display: table; + clear: both; +} +#vertical-timeline { + position: relative; + padding: 0; + margin-top: 2em; + margin-bottom: 2em; +} +#vertical-timeline::before { + content: ''; + position: absolute; + top: 0; + left: 18px; + height: 100%; + width: 4px; + background: #f1f1f1; +} +.vertical-timeline-content .btn { + float: right; +} +#vertical-timeline.light-timeline:before { + background: #e7eaec; +} +.dark-timeline .vertical-timeline-content:before { + border-color: transparent #f5f5f5 transparent transparent; +} +.dark-timeline.center-orientation .vertical-timeline-content:before { + border-color: transparent transparent transparent #f5f5f5; +} +.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, +.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before { + border-color: transparent #f5f5f5 transparent transparent; +} +.dark-timeline .vertical-timeline-content, +.dark-timeline.center-orientation .vertical-timeline-content { + background: #f5f5f5; +} +@media only screen and (min-width: 1170px) { + #vertical-timeline.center-orientation { + margin-top: 3em; + margin-bottom: 3em; + } + #vertical-timeline.center-orientation:before { + left: 50%; + margin-left: -2px; + } +} +@media only screen and (max-width: 1170px) { + .center-orientation.dark-timeline .vertical-timeline-content:before { + border-color: transparent #f5f5f5 transparent transparent; + } +} +.vertical-timeline-block { + position: relative; + margin: 2em 0; +} +.vertical-timeline-block:after { + content: ""; + display: table; + clear: both; +} +.vertical-timeline-block:first-child { + margin-top: 0; +} +.vertical-timeline-block:last-child { + margin-bottom: 0; +} +@media only screen and (min-width: 1170px) { + .center-orientation .vertical-timeline-block { + margin: 4em 0; + } + .center-orientation .vertical-timeline-block:first-child { + margin-top: 0; + } + .center-orientation .vertical-timeline-block:last-child { + margin-bottom: 0; + } +} +.vertical-timeline-icon { + position: absolute; + top: 0; + left: 0; + width: 40px; + height: 40px; + border-radius: 50%; + font-size: 16px; + border: 3px solid #f1f1f1; + text-align: center; +} +.vertical-timeline-icon i { + display: block; + width: 24px; + height: 24px; + position: relative; + left: 50%; + top: 50%; + margin-left: -12px; + margin-top: -9px; +} +@media only screen and (min-width: 1170px) { + .center-orientation .vertical-timeline-icon { + width: 50px; + height: 50px; + left: 50%; + margin-left: -25px; + -webkit-transform: translateZ(0); + -webkit-backface-visibility: hidden; + font-size: 19px; + } + .center-orientation .vertical-timeline-icon i { + margin-left: -12px; + margin-top: -10px; + } + .center-orientation .cssanimations .vertical-timeline-icon.is-hidden { + visibility: hidden; + } +} +.vertical-timeline-content { + position: relative; + margin-left: 60px; + background: white; + border-radius: 0.25em; + padding: 1em; +} +.vertical-timeline-content:after { + content: ""; + display: table; + clear: both; +} +.vertical-timeline-content h2 { + font-weight: 400; + margin-top: 4px; +} +.vertical-timeline-content p { + margin: 1em 0; + line-height: 1.6; +} +.vertical-timeline-content .vertical-date { + float: left; + font-weight: 500; +} +.vertical-date small { + color: #1ab394; + font-weight: 400; +} +.vertical-timeline-content::before { + content: ''; + position: absolute; + top: 16px; + right: 100%; + height: 0; + width: 0; + border: 7px solid transparent; + border-right: 7px solid white; +} +@media only screen and (min-width: 768px) { + .vertical-timeline-content h2 { + font-size: 18px; + } + .vertical-timeline-content p { + font-size: 13px; + } +} +@media only screen and (min-width: 1170px) { + .center-orientation .vertical-timeline-content { + margin-left: 0; + padding: 1.6em; + width: 45%; + } + .center-orientation .vertical-timeline-content::before { + top: 24px; + left: 100%; + border-color: transparent; + border-left-color: white; + } + .center-orientation .vertical-timeline-content .btn { + float: left; + } + .center-orientation .vertical-timeline-content .vertical-date { + position: absolute; + width: 100%; + left: 122%; + top: 2px; + font-size: 14px; + } + .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content { + float: right; + } + .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before { + top: 24px; + left: auto; + right: 100%; + border-color: transparent; + border-right-color: white; + } + .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn { + float: right; + } + .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date { + left: auto; + right: 122%; + text-align: right; + } + .center-orientation .cssanimations .vertical-timeline-content.is-hidden { + visibility: hidden; + } +} +/* Tabs */ +.tabs-container .panel-body { + background: #fff; + border: 1px solid #e7eaec; + border-radius: 2px; + padding: 20px; + position: relative; +} +.tabs-container .nav-tabs > li.active > a, +.tabs-container .nav-tabs > li.active > a:hover, +.tabs-container .nav-tabs > li.active > a:focus { + border: 1px solid #e7eaec; + border-bottom-color: transparent; + background-color: #fff; +} +.tabs-container .nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.tabs-container .tab-pane .panel-body { + border-top: none; +} +.tabs-container .nav-tabs > li.active > a, +.tabs-container .nav-tabs > li.active > a:hover, +.tabs-container .nav-tabs > li.active > a:focus { + border: 1px solid #e7eaec; + border-bottom-color: transparent; +} +.tabs-container .nav-tabs { + border-bottom: 1px solid #e7eaec; +} +.tabs-container .tab-pane .panel-body { + border-top: none; +} +.tabs-container .tabs-left .tab-pane .panel-body, +.tabs-container .tabs-right .tab-pane .panel-body { + border-top: 1px solid #e7eaec; +} +.tabs-container .nav-tabs > li a:hover { + background: transparent; + border-color: transparent; +} +.tabs-container .tabs-below > .nav-tabs, +.tabs-container .tabs-right > .nav-tabs, +.tabs-container .tabs-left > .nav-tabs { + border-bottom: 0; +} +.tabs-container .tabs-left .panel-body { + position: static; +} +.tabs-container .tabs-left > .nav-tabs, +.tabs-container .tabs-right > .nav-tabs { + width: 20%; +} +.tabs-container .tabs-left .panel-body { + width: 80%; + margin-left: 20%; +} +.tabs-container .tabs-right .panel-body { + width: 80%; + margin-right: 20%; +} +.tabs-container .tab-content > .tab-pane, +.tabs-container .pill-content > .pill-pane { + display: none; +} +.tabs-container .tab-content > .active, +.tabs-container .pill-content > .active { + display: block; +} +.tabs-container .tabs-below > .nav-tabs { + border-top: 1px solid #e7eaec; +} +.tabs-container .tabs-below > .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; +} +.tabs-container .tabs-below > .nav-tabs > li > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.tabs-container .tabs-below > .nav-tabs > li > a:hover, +.tabs-container .tabs-below > .nav-tabs > li > a:focus { + border-top-color: #e7eaec; + border-bottom-color: transparent; +} +.tabs-container .tabs-left > .nav-tabs > li, +.tabs-container .tabs-right > .nav-tabs > li { + float: none; +} +.tabs-container .tabs-left > .nav-tabs > li > a, +.tabs-container .tabs-right > .nav-tabs > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; +} +.tabs-container .tabs-left > .nav-tabs { + float: left; + margin-right: 19px; +} +.tabs-container .tabs-left > .nav-tabs > li > a { + margin-right: -1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.tabs-container .tabs-left > .nav-tabs .active > a, +.tabs-container .tabs-left > .nav-tabs .active > a:hover, +.tabs-container .tabs-left > .nav-tabs .active > a:focus { + border-color: #e7eaec transparent #e7eaec #e7eaec; + *border-right-color: #ffffff; +} +.tabs-container .tabs-right > .nav-tabs { + float: right; + margin-left: 19px; +} +.tabs-container .tabs-right > .nav-tabs > li > a { + margin-left: -1px; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.tabs-container .tabs-right > .nav-tabs .active > a, +.tabs-container .tabs-right > .nav-tabs .active > a:hover, +.tabs-container .tabs-right > .nav-tabs .active > a:focus { + border-color: #e7eaec #e7eaec #e7eaec transparent; + *border-left-color: #ffffff; + z-index: 1; +} +@media (max-width: 767px) { + .tabs-container .nav-tabs > li { + float: none !important; + } + .tabs-container .nav-tabs > li.active > a { + border-bottom: 1px solid #e7eaec !important; + margin: 0; + } +} +/* jsvectormap */ +.jvectormap-container { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; +} +.jvectormap-tip { + position: absolute; + display: none; + border: solid 1px #CDCDCD; + border-radius: 3px; + background: #292929; + color: white; + font-family: sans-serif, Verdana; + font-size: smaller; + padding: 5px; +} +.jvectormap-zoomin, +.jvectormap-zoomout, +.jvectormap-goback { + position: absolute; + left: 10px; + border-radius: 3px; + background: #1ab394; + padding: 3px; + color: white; + cursor: pointer; + line-height: 10px; + text-align: center; + box-sizing: content-box; +} +.jvectormap-zoomin, +.jvectormap-zoomout { + width: 10px; + height: 10px; +} +.jvectormap-zoomin { + top: 10px; +} +.jvectormap-zoomout { + top: 30px; +} +.jvectormap-goback { + bottom: 10px; + z-index: 1000; + padding: 6px; +} +.jvectormap-spinner { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); +} +.jvectormap-legend-title { + font-weight: bold; + font-size: 14px; + text-align: center; +} +.jvectormap-legend-cnt { + position: absolute; +} +.jvectormap-legend-cnt-h { + bottom: 0; + right: 0; +} +.jvectormap-legend-cnt-v { + top: 0; + right: 0; +} +.jvectormap-legend { + background: black; + color: white; + border-radius: 3px; +} +.jvectormap-legend-cnt-h .jvectormap-legend { + float: left; + margin: 0 10px 10px 0; + padding: 3px 3px 1px 3px; +} +.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { + float: left; +} +.jvectormap-legend-cnt-v .jvectormap-legend { + margin: 10px 10px 0 0; + padding: 3px; +} +.jvectormap-legend-cnt-h .jvectormap-legend-tick { + width: 40px; +} +.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { + height: 15px; +} +.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { + height: 20px; + width: 20px; + display: inline-block; + vertical-align: middle; +} +.jvectormap-legend-tick-text { + font-size: 12px; +} +.jvectormap-legend-cnt-h .jvectormap-legend-tick-text { + text-align: center; +} +.jvectormap-legend-cnt-v .jvectormap-legend-tick-text { + display: inline-block; + vertical-align: middle; + line-height: 20px; + padding-left: 3px; +} +/*Slick Carousel */ +.slick-prev:before, +.slick-next:before { + color: #1ab394 !important; +} +/* Payments */ +.payment-card { + background: #ffffff; + padding: 20px; + margin-bottom: 25px; + border: 1px solid #e7eaec; +} +.payment-icon-big { + font-size: 60px; + color: #d1dade; +} +.payments-method.panel-group .panel + .panel { + margin-top: -1px; +} +.payments-method .panel-heading { + padding: 15px; +} +.payments-method .panel { + border-radius: 0; +} +.payments-method .panel-heading h5 { + margin-bottom: 5px; +} +.payments-method .panel-heading i { + font-size: 26px; +} +/* Select2 custom styles */ +.select2-container--default .select2-selection--single, +.select2-container--default .select2-selection--multiple { + border-color: #e7eaec; +} +/* Tour */ +.tour-tour .btn.btn-default { + background-color: #ffffff; + border: 1px solid #d2d2d2; + color: inherit; +} +.tour-step-backdrop { + z-index: 2101; +} +.tour-backdrop { + z-index: 2100; + opacity: .7; +} +.popover[class*=tour-] { + z-index: 2100; +} +body.tour-open .animated { + animation-fill-mode: initial; +} +/* Resizable */ +.resizable-panels .ibox { + clear: none; + margin: 10px; + float: left; + overflow: hidden; + min-height: 150px; + min-width: 150px; +} +.resizable-panels .ibox .ibox-content { + height: calc(100% - 49px); +} +.ui-resizable-helper { + background: rgba(211, 211, 211, 0.4); +} +/* Wizard step fix */ +.wizard > .content > .body { + position: relative; +} +.sidebard-panel { + width: 220px; + background: #ebebed; + padding: 10px 20px; + position: absolute; + right: 0; +} +.sidebard-panel .feed-element img.img-circle { + width: 32px; + height: 32px; +} +.sidebard-panel .feed-element, +.media-body, +.sidebard-panel p { + font-size: 12px; +} +.sidebard-panel .feed-element { + margin-top: 20px; + padding-bottom: 0; +} +.sidebard-panel .list-group { + margin-bottom: 10px; +} +.sidebard-panel .list-group .list-group-item { + padding: 5px 0; + font-size: 12px; + border: 0; +} +.sidebar-content .wrapper, +.wrapper.sidebar-content { + padding-right: 230px !important; +} +.body-small .sidebar-content .wrapper, +.body-small .wrapper.sidebar-content { + padding-right: 20px !important; +} +#right-sidebar { + background-color: #fff; + border-left: 1px solid #e7eaec; + border-top: 1px solid #e7eaec; + overflow: hidden; + position: fixed; + top: 60px; + width: 260px !important; + z-index: 1009; + bottom: 0; + right: -260px; +} +#right-sidebar.sidebar-open { + right: 0; +} +#right-sidebar.sidebar-open.sidebar-top { + top: 0; + border-top: none; +} +.sidebar-container ul.nav-tabs { + border: none; +} +.sidebar-container ul.nav-tabs.navs-4 li { + width: 25%; +} +.sidebar-container ul.nav-tabs.navs-3 li { + width: 33.3333%; +} +.sidebar-container ul.nav-tabs.navs-2 li { + width: 50%; +} +.sidebar-container ul.nav-tabs li { + border: none; +} +.sidebar-container ul.nav-tabs li a { + border: none; + padding: 12px 10px; + margin: 0; + border-radius: 0; + background: #2f4050; + color: #fff; + text-align: center; + border-right: 1px solid #334556; +} +.sidebar-container ul.nav-tabs li.active a { + border: none; + background: #f9f9f9; + color: #676a6c; + font-weight: bold; +} +.sidebar-container .nav-tabs > li.active > a:hover, +.sidebar-container .nav-tabs > li.active > a:focus { + border: none; +} +.sidebar-container ul.sidebar-list { + margin: 0; + padding: 0; +} +.sidebar-container ul.sidebar-list li { + border-bottom: 1px solid #e7eaec; + padding: 15px 20px; + list-style: none; + font-size: 12px; +} +.sidebar-container .sidebar-message:nth-child(2n+2) { + background: #f9f9f9; +} +.sidebar-container ul.sidebar-list li a { + text-decoration: none; + color: inherit; +} +.sidebar-container .sidebar-content { + padding: 15px 20px; + font-size: 12px; +} +.sidebar-container .sidebar-title { + background: #f9f9f9; + padding: 20px; + border-bottom: 1px solid #e7eaec; +} +.sidebar-container .sidebar-title h3 { + margin-bottom: 3px; + padding-left: 2px; +} +.sidebar-container .tab-content h4 { + margin-bottom: 5px; +} +.sidebar-container .sidebar-message > a > .pull-left { + margin-right: 10px; +} +.sidebar-container .sidebar-message > a { + text-decoration: none; + color: inherit; +} +.sidebar-container .sidebar-message { + padding: 15px 20px; +} +.sidebar-container .sidebar-message .message-avatar { + height: 38px; + width: 38px; + border-radius: 50%; +} +.sidebar-container .setings-item { + padding: 15px 20px; + border-bottom: 1px solid #e7eaec; +} +body { + font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + background-color: #2f4050; + font-size: 13px; + color: #676a6c; + overflow-x: hidden; +} +html, +body { + height: 100%; +} +body.full-height-layout #wrapper, +body.full-height-layout #page-wrapper { + height: 100%; +} +#page-wrapper { + min-height: auto; +} +body.boxed-layout { + background: url('patterns/shattered.png'); +} +body.boxed-layout #wrapper { + background-color: #2f4050; + max-width: 1200px; + margin: 0 auto; + -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); +} +.top-navigation.boxed-layout #wrapper, +.boxed-layout #wrapper.top-navigation { + max-width: 1300px !important; +} +.block { + display: block; +} +.clear { + display: block; + overflow: hidden; +} +a { + cursor: pointer; +} +a:hover, +a:focus { + text-decoration: none; +} +.border-bottom { + border-bottom: 1px solid #e7eaec !important; +} +.font-bold { + font-weight: 600; +} +.font-noraml { + font-weight: 400; +} +.text-uppercase { + text-transform: uppercase; +} +.b-r { + border-right: 1px solid #e7eaec; +} +.hr-line-dashed { + border-top: 1px dashed #e7eaec; + color: #ffffff; + background-color: #ffffff; + height: 1px; + margin: 20px 0; +} +.hr-line-solid { + border-bottom: 1px solid #e7eaec; + background-color: rgba(0, 0, 0, 0); + border-style: solid !important; + margin-top: 15px; + margin-bottom: 15px; +} +video { + width: 100% !important; + height: auto !important; +} +/* GALLERY */ +.gallery > .row > div { + margin-bottom: 15px; +} +.fancybox img { + margin-bottom: 5px; + /* Only for demo */ + width: 24%; +} +/* Summernote text editor */ +.note-editor { + height: auto !important; + min-height: 300px; +} +.note-editor.fullscreen { + z-index: 2050; +} +/* MODAL */ +.modal-content { + background-clip: padding-box; + background-color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 4px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + outline: 0 none; + position: relative; +} +.modal-dialog { + z-index: 2200; +} +.modal-body { + padding: 20px 30px 30px 30px; +} +.inmodal .modal-body { + background: #f8fafb; +} +.inmodal .modal-header { + padding: 30px 15px; + text-align: center; +} +.animated.modal.fade .modal-dialog { + -webkit-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; +} +.inmodal .modal-title { + font-size: 26px; +} +.inmodal .modal-icon { + font-size: 84px; + color: #e2e3e3; +} +.modal-footer { + margin-top: 0; +} +/* WRAPPERS */ +#wrapper { + width: 100%; + overflow-x: hidden; +} +.wrapper { + padding: 0 20px; +} +.wrapper-content { + padding: 20px 10px 40px; +} +#page-wrapper { + padding: 0 15px; + min-height: 568px; + position: relative !important; +} +@media (min-width: 768px) { + #page-wrapper { + position: inherit; + margin: 0 0 0 240px; + min-height: 2002px; + } +} +.title-action { + text-align: right; + padding-top: 30px; +} +.ibox-content h1, +.ibox-content h2, +.ibox-content h3, +.ibox-content h4, +.ibox-content h5, +.ibox-title h1, +.ibox-title h2, +.ibox-title h3, +.ibox-title h4, +.ibox-title h5 { + margin-top: 5px; +} +ul.unstyled, +ol.unstyled { + list-style: none outside none; + margin-left: 0; +} +.big-icon { + font-size: 160px !important; + color: #e5e6e7; +} +/* FOOTER */ +.footer { + background: none repeat scroll 0 0 white; + border-top: 1px solid #e7eaec; + bottom: 0; + left: 0; + padding: 10px 20px; + position: absolute; + right: 0; +} +.footer.fixed_full { + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 1000; + padding: 10px 20px; + background: white; + border-top: 1px solid #e7eaec; +} +.footer.fixed { + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 1000; + padding: 10px 20px; + background: white; + border-top: 1px solid #e7eaec; + margin-left: 220px; +} +body.mini-navbar .footer.fixed, +body.body-small.mini-navbar .footer.fixed { + margin: 0 0 0 70px; +} +body.mini-navbar.canvas-menu .footer.fixed, +body.canvas-menu .footer.fixed { + margin: 0 !important; +} +body.fixed-sidebar.body-small.mini-navbar .footer.fixed { + margin: 0 0 0 220px; +} +body.body-small .footer.fixed { + margin-left: 0; +} +/* PANELS */ +.page-heading { + border-top: 0; + padding: 0 10px 20px 10px; +} +.panel-heading h1, +.panel-heading h2 { + margin-bottom: 5px; +} +/* TABLES */ +.table-bordered { + border: 1px solid #EBEBEB; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + background-color: #F5F5F6; + border-bottom-width: 1px; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #e7e7e7; +} +.table > thead > tr > th { + border-bottom: 1px solid #DDDDDD; + vertical-align: bottom; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + border-top: 1px solid #e7eaec; + line-height: 1.42857; + padding: 8px; + vertical-align: top; +} +/* PANELS */ +.panel.blank-panel { + background: none; + margin: 0; +} +.blank-panel .panel-heading { + padding-bottom: 0; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background: none; + border-color: #dddddd #dddddd rgba(0, 0, 0, 0); + border-bottom: #f3f3f4; + border-image: none; + border-style: solid; + border-width: 1px; + color: #555555; + cursor: default; +} +.nav.nav-tabs li { + background: none; + border: none; +} +.nav-tabs > li > a { + color: #A7B1C2; + font-weight: 600; + padding: 10px 20px 10px 25px; +} +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { + background-color: #e6e6e6; + color: #676a6c; +} +.ui-tab .tab-content { + padding: 20px 0; +} +/* GLOBAL */ +.no-padding { + padding: 0 !important; +} +.no-borders { + border: none !important; +} +.no-margins { + margin: 0 !important; +} +.no-top-border { + border-top: 0 !important; +} +.ibox-content.text-box { + padding-bottom: 0; + padding-top: 15px; +} +.border-left-right { + border-left: 1px solid #e7eaec; + border-right: 1px solid #e7eaec; + border-top: none; + border-bottom: none; +} +.border-left { + border-left: 1px solid #e7eaec; + border-right: none; + border-top: none; + border-bottom: none; +} +.border-right { + border-left: none; + border-right: 1px solid #e7eaec; + border-top: none; + border-bottom: none; +} +.full-width { + width: 100% !important; +} +.link-block { + font-size: 12px; + padding: 10px; +} +.nav.navbar-top-links .link-block a { + font-size: 12px; +} +.link-block a { + font-size: 10px; + color: inherit; +} +body.mini-navbar .branding { + display: none; +} +img.circle-border { + border: 6px solid #FFFFFF; + border-radius: 50%; +} +.branding { + float: left; + color: #FFFFFF; + font-size: 18px; + font-weight: 600; + padding: 17px 20px; + text-align: center; + background-color: #1ab394; +} +.login-panel { + margin-top: 25%; +} +.icons-box h3 { + margin-top: 10px; + margin-bottom: 10px; +} +.icons-box .infont a i { + font-size: 25px; + display: block; + color: #676a6c; +} +.icons-box .infont a { + color: #a6a8a9; +} +.icons-box .infont a { + padding: 10px; + margin: 1px; + display: block; +} +.ui-draggable .ibox-title { + cursor: move; +} +.breadcrumb { + background-color: #ffffff; + padding: 0; + margin-bottom: 0; +} +.breadcrumb > li a { + color: inherit; +} +.breadcrumb > .active { + color: inherit; +} +code { + background-color: #F9F2F4; + border-radius: 4px; + color: #ca4440; + font-size: 90%; + padding: 2px 4px; + white-space: nowrap; +} +.ibox { + clear: both; + margin-bottom: 25px; + margin-top: 0; + padding: 0; +} +.ibox.collapsed .ibox-content { + display: none; +} +.ibox.collapsed .fa.fa-chevron-up:before { + content: "\f078"; +} +.ibox.collapsed .fa.fa-chevron-down:before { + content: "\f077"; +} +.ibox:after, +.ibox:before { + display: table; +} +.ibox-title { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background-color: #ffffff; + border-color: #e7eaec; + border-image: none; + border-style: solid solid none; + border-width: 3px 0 0; + color: inherit; + margin-bottom: 0; + padding: 14px 15px 7px; + min-height: 48px; +} +.ibox-content { + background-color: #ffffff; + color: inherit; + padding: 15px 20px 20px 20px; + border-color: #e7eaec; + border-image: none; + border-style: solid solid none; + border-width: 1px 0; +} +.ibox-footer { + color: inherit; + border-top: 1px solid #e7eaec; + font-size: 90%; + background: #ffffff; + padding: 10px 15px; +} +table.table-mail tr td { + padding: 12px; +} +.table-mail .check-mail { + padding-left: 20px; +} +.table-mail .mail-date { + padding-right: 20px; +} +.star-mail, +.check-mail { + width: 40px; +} +.unread td a, +.unread td { + font-weight: 600; + color: inherit; +} +.read td a, +.read td { + font-weight: normal; + color: inherit; +} +.unread td { + background-color: #f9f8f8; +} +.ibox-content { + clear: both; +} +.ibox-heading { + background-color: #f3f6fb; + border-bottom: none; +} +.ibox-heading h3 { + font-weight: 200; + font-size: 24px; +} +.ibox-title h5 { + display: inline-block; + font-size: 14px; + margin: 0 0 7px; + padding: 0; + text-overflow: ellipsis; + float: left; +} +.ibox-title .label { + float: left; + margin-left: 4px; +} +.ibox-tools { + display: block; + float: none; + margin-top: 0; + position: relative; + padding: 0; + text-align: right; +} +.ibox-tools a { + cursor: pointer; + margin-left: 5px; + color: #c4c4c4; +} +.ibox-tools a.btn-primary { + color: #fff; +} +.ibox-tools .dropdown-menu > li > a { + padding: 4px 10px; + font-size: 12px; +} +.ibox .ibox-tools.open > .dropdown-menu { + left: auto; + right: 0; +} +/* BACKGROUNDS */ +.gray-bg { + background-color: #f3f3f4; +} +.white-bg { + background-color: #ffffff; +} +.navy-bg { + background-color: #1ab394; + color: #ffffff; +} +.blue-bg { + background-color: #1c84c6; + color: #ffffff; +} +.lazur-bg { + background-color: #23c6c8; + color: #ffffff; +} +.yellow-bg { + background-color: #f8ac59; + color: #ffffff; +} +.red-bg { + background-color: #ed5565; + color: #ffffff; +} +.black-bg { + background-color: #262626; +} +.panel-primary { + border-color: #1ab394; +} +.panel-primary > .panel-heading { + background-color: #1ab394; + border-color: #1ab394; +} +.panel-success { + border-color: #1c84c6; +} +.panel-success > .panel-heading { + background-color: #1c84c6; + border-color: #1c84c6; + color: #ffffff; +} +.panel-info { + border-color: #23c6c8; +} +.panel-info > .panel-heading { + background-color: #23c6c8; + border-color: #23c6c8; + color: #ffffff; +} +.panel-warning { + border-color: #f8ac59; +} +.panel-warning > .panel-heading { + background-color: #f8ac59; + border-color: #f8ac59; + color: #ffffff; +} +.panel-danger { + border-color: #ed5565; +} +.panel-danger > .panel-heading { + background-color: #ed5565; + border-color: #ed5565; + color: #ffffff; +} +.progress-bar { + background-color: #1ab394; +} +.progress-small, +.progress-small .progress-bar { + height: 10px; +} +.progress-small, +.progress-mini { + margin-top: 5px; +} +.progress-mini, +.progress-mini .progress-bar { + height: 5px; + margin-bottom: 0; +} +.progress-bar-navy-light { + background-color: #3dc7ab; +} +.progress-bar-success { + background-color: #1c84c6; +} +.progress-bar-info { + background-color: #23c6c8; +} +.progress-bar-warning { + background-color: #f8ac59; +} +.progress-bar-danger { + background-color: #ed5565; +} +.panel-title { + font-size: inherit; +} +.jumbotron { + border-radius: 6px; + padding: 40px; +} +.jumbotron h1 { + margin-top: 0; +} +/* COLORS */ +.text-navy { + color: #1ab394; +} +.text-primary { + color: inherit; +} +.text-success { + color: #1c84c6; +} +.text-info { + color: #23c6c8; +} +.text-warning { + color: #f8ac59; +} +.text-danger { + color: #ed5565; +} +.text-muted { + color: #888888; +} +.text-white { + color: #ffffff; +} +.simple_tag { + background-color: #f3f3f4; + border: 1px solid #e7eaec; + border-radius: 2px; + color: inherit; + font-size: 10px; + margin-right: 5px; + margin-top: 5px; + padding: 5px 12px; + display: inline-block; +} +.img-shadow { + -webkit-box-shadow: 0 0 3px 0 #919191; + -moz-box-shadow: 0 0 3px 0 #919191; + box-shadow: 0 0 3px 0 #919191; +} +/* For handle diferent bg color in AngularJS version */ +.dashboards\.dashboard_2 nav.navbar, +.dashboards\.dashboard_3 nav.navbar, +.mailbox\.inbox nav.navbar, +.mailbox\.email_view nav.navbar, +.mailbox\.email_compose nav.navbar, +.dashboards\.dashboard_4_1 nav.navbar, +.metrics nav.navbar, +.metrics\.index nav.navbar, +.dashboards\.dashboard_5 nav.navbar { + background: #fff; +} +/* For handle diferent bg color in MVC version */ +.Dashboard_2 .navbar.navbar-static-top, +.Dashboard_3 .navbar.navbar-static-top, +.Dashboard_4_1 .navbar.navbar-static-top, +.ComposeEmail .navbar.navbar-static-top, +.EmailView .navbar.navbar-static-top, +.Inbox .navbar.navbar-static-top, +.Metrics .navbar.navbar-static-top, +.Dashboard_5 .navbar.navbar-static-top { + background: #fff; +} +a.close-canvas-menu { + position: absolute; + top: 10px; + right: 15px; + z-index: 1011; + color: #a7b1c2; +} +a.close-canvas-menu:hover { + color: #fff; +} +.close-canvas-menu { + display: none; +} +.canvas-menu .close-canvas-menu { + display: block; +} +.light-navbar .navbar.navbar-static-top { + background-color: #ffffff; +} +/* FULL HEIGHT */ +.full-height { + height: 100%; +} +.fh-breadcrumb { + height: calc(100% - 196px); + margin: 0 -15px; + position: relative; +} +.fh-no-breadcrumb { + height: calc(100% - 99px); + margin: 0 -15px; + position: relative; +} +.fh-column { + background: #fff; + height: 100%; + width: 240px; + float: left; +} +.modal-backdrop { + z-index: 2040 !important; +} +.modal { + z-index: 2050 !important; +} +.spiner-example { + height: 200px; + padding-top: 70px; +} +/* MARGINS & PADDINGS */ +.p-xxs { + padding: 5px; +} +.p-xs { + padding: 10px; +} +.p-sm { + padding: 15px; +} +.p-m { + padding: 20px; +} +.p-md { + padding: 25px; +} +.p-lg { + padding: 30px; +} +.p-xl { + padding: 40px; +} +.p-w-xs { + padding: 0 10px; +} +.p-w-sm { + padding: 0 15px; +} +.p-w-m { + padding: 0 20px; +} +.p-w-md { + padding: 0 25px; +} +.p-w-lg { + padding: 0 30px; +} +.p-w-xl { + padding: 0 40px; +} +.m-xxs { + margin: 2px 4px; +} +.m-xs { + margin: 5px; +} +.m-sm { + margin: 10px; +} +.m { + margin: 15px; +} +.m-md { + margin: 20px; +} +.m-lg { + margin: 30px; +} +.m-xl { + margin: 50px; +} +.m-n { + margin: 0 !important; +} +.m-l-none { + margin-left: 0; +} +.m-l-xs { + margin-left: 5px; +} +.m-l-sm { + margin-left: 10px; +} +.m-l { + margin-left: 15px; +} +.m-l-md { + margin-left: 20px; +} +.m-l-lg { + margin-left: 30px; +} +.m-l-xl { + margin-left: 40px; +} +.m-l-n-xxs { + margin-left: -1px; +} +.m-l-n-xs { + margin-left: -5px; +} +.m-l-n-sm { + margin-left: -10px; +} +.m-l-n { + margin-left: -15px; +} +.m-l-n-md { + margin-left: -20px; +} +.m-l-n-lg { + margin-left: -30px; +} +.m-l-n-xl { + margin-left: -40px; +} +.m-t-none { + margin-top: 0; +} +.m-t-xxs { + margin-top: 1px; +} +.m-t-xs { + margin-top: 5px; +} +.m-t-sm { + margin-top: 10px; +} +.m-t { + margin-top: 15px; +} +.m-t-md { + margin-top: 20px; +} +.m-t-lg { + margin-top: 30px; +} +.m-t-xl { + margin-top: 40px; +} +.m-t-n-xxs { + margin-top: -1px; +} +.m-t-n-xs { + margin-top: -5px; +} +.m-t-n-sm { + margin-top: -10px; +} +.m-t-n { + margin-top: -15px; +} +.m-t-n-md { + margin-top: -20px; +} +.m-t-n-lg { + margin-top: -30px; +} +.m-t-n-xl { + margin-top: -40px; +} +.m-r-none { + margin-right: 0; +} +.m-r-xxs { + margin-right: 1px; +} +.m-r-xs { + margin-right: 5px; +} +.m-r-sm { + margin-right: 10px; +} +.m-r { + margin-right: 15px; +} +.m-r-md { + margin-right: 20px; +} +.m-r-lg { + margin-right: 30px; +} +.m-r-xl { + margin-right: 40px; +} +.m-r-n-xxs { + margin-right: -1px; +} +.m-r-n-xs { + margin-right: -5px; +} +.m-r-n-sm { + margin-right: -10px; +} +.m-r-n { + margin-right: -15px; +} +.m-r-n-md { + margin-right: -20px; +} +.m-r-n-lg { + margin-right: -30px; +} +.m-r-n-xl { + margin-right: -40px; +} +.m-b-none { + margin-bottom: 0; +} +.m-b-xxs { + margin-bottom: 1px; +} +.m-b-xs { + margin-bottom: 5px; +} +.m-b-sm { + margin-bottom: 10px; +} +.m-b { + margin-bottom: 15px; +} +.m-b-md { + margin-bottom: 20px; +} +.m-b-lg { + margin-bottom: 30px; +} +.m-b-xl { + margin-bottom: 40px; +} +.m-b-n-xxs { + margin-bottom: -1px; +} +.m-b-n-xs { + margin-bottom: -5px; +} +.m-b-n-sm { + margin-bottom: -10px; +} +.m-b-n { + margin-bottom: -15px; +} +.m-b-n-md { + margin-bottom: -20px; +} +.m-b-n-lg { + margin-bottom: -30px; +} +.m-b-n-xl { + margin-bottom: -40px; +} +.space-15 { + margin: 15px 0; +} +.space-20 { + margin: 20px 0; +} +.space-25 { + margin: 25px 0; +} +.space-30 { + margin: 30px 0; +} +.fullscreen-ibox-mode .animated { + animation: none; +} +body.fullscreen-ibox-mode { + overflow-y: hidden; +} +.ibox.fullscreen { + z-index: 2030; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + margin-bottom: 0; +} +.ibox.fullscreen .collapse-link { + display: none; +} +.ibox.fullscreen .ibox-content { + min-height: calc(100% - 48px); +} +body.modal-open { + padding-right: inherit !important; +} +body.modal-open .animated { + animation-fill-mode: initial; + z-index: inherit; +} +/* Show profile dropdown on fixed sidebar */ +body.mini-navbar.fixed-sidebar .profile-element, +.block { + display: block !important; +} +body.mini-navbar.fixed-sidebar .nav-header { + padding: 33px 25px; +} +body.mini-navbar.fixed-sidebar .logo-element { + display: none; +} +.fullscreen-video .animated { + animation: none; +} +/* SEARCH PAGE */ +.search-form { + margin-top: 10px; +} +.search-result h3 { + margin-bottom: 0; + color: #1E0FBE; +} +.search-result .search-link { + color: #006621; +} +.search-result p { + font-size: 12px; + margin-top: 5px; +} +/* CONTACTS */ +.contact-box { + background-color: #ffffff; + border: 1px solid #e7eaec; + padding: 20px; + margin-bottom: 20px; +} +.contact-box > a { + color: inherit; +} +.contact-box.center-version { + border: 1px solid #e7eaec; + padding: 0; +} +.contact-box.center-version > a { + display: block; + background-color: #ffffff; + padding: 20px; + text-align: center; +} +.contact-box.center-version > a img { + width: 80px; + height: 80px; + margin-top: 10px; + margin-bottom: 10px; +} +.contact-box.center-version address { + margin-bottom: 0; +} +.contact-box .contact-box-footer { + text-align: center; + background-color: #ffffff; + border-top: 1px solid #e7eaec; + padding: 15px 20px; +} +/* INVOICE */ +.invoice-table tbody > tr > td:last-child, +.invoice-table tbody > tr > td:nth-child(4), +.invoice-table tbody > tr > td:nth-child(3), +.invoice-table tbody > tr > td:nth-child(2) { + text-align: right; +} +.invoice-table thead > tr > th:last-child, +.invoice-table thead > tr > th:nth-child(4), +.invoice-table thead > tr > th:nth-child(3), +.invoice-table thead > tr > th:nth-child(2) { + text-align: right; +} +.invoice-total > tbody > tr > td:first-child { + text-align: right; +} +.invoice-total > tbody > tr > td { + border: 0 none; +} +.invoice-total > tbody > tr > td:last-child { + border-bottom: 1px solid #DDDDDD; + text-align: right; + width: 15%; +} +/* ERROR & LOGIN & LOCKSCREEN*/ +.middle-box { + max-width: 400px; + z-index: 100; + margin: 0 auto; + padding-top: 40px; +} +.lockscreen.middle-box { + width: 200px; + padding-top: 110px; +} +.loginscreen.middle-box { + width: 300px; +} +.loginColumns { + max-width: 800px; + margin: 0 auto; + padding: 100px 20px 20px 20px; +} +.passwordBox { + max-width: 460px; + margin: 0 auto; + padding: 100px 20px 20px 20px; +} +.logo-name { + color: #e6e6e6; + font-size: 180px; + font-weight: 800; + letter-spacing: -10px; + margin-bottom: 0; +} +.middle-box h1 { + font-size: 170px; +} +.wrapper .middle-box { + margin-top: 140px; +} +.lock-word { + z-index: 10; + position: absolute; + top: 110px; + left: 50%; + margin-left: -470px; +} +.lock-word span { + font-size: 100px; + font-weight: 600; + color: #e9e9e9; + display: inline-block; +} +.lock-word .first-word { + margin-right: 160px; +} +/* DASBOARD */ +.dashboard-header { + border-top: 0; + padding: 20px 20px 20px 20px; +} +.dashboard-header h2 { + margin-top: 10px; + font-size: 26px; +} +.fist-item { + border-top: none !important; +} +.statistic-box { + margin-top: 40px; +} +.dashboard-header .list-group-item span.label { + margin-right: 10px; +} +.list-group.clear-list .list-group-item { + border-top: 1px solid #e7eaec; + border-bottom: 0; + border-right: 0; + border-left: 0; + padding: 10px 0; +} +ul.clear-list:first-child { + border-top: none !important; +} +/* Intimeline */ +.timeline-item .date i { + position: absolute; + top: 0; + right: 0; + padding: 5px; + width: 30px; + text-align: center; + border-top: 1px solid #e7eaec; + border-bottom: 1px solid #e7eaec; + border-left: 1px solid #e7eaec; + background: #f8f8f8; +} +.timeline-item .date { + text-align: right; + width: 110px; + position: relative; + padding-top: 30px; +} +.timeline-item .content { + border-left: 1px solid #e7eaec; + border-top: 1px solid #e7eaec; + padding-top: 10px; + min-height: 100px; +} +.timeline-item .content:hover { + background: #f6f6f6; +} +/* PIN BOARD */ +ul.notes li, +ul.tag-list li { + list-style: none; +} +ul.notes li h4 { + margin-top: 20px; + font-size: 16px; +} +ul.notes li div { + text-decoration: none; + color: #000; + background: #ffc; + display: block; + height: 140px; + width: 140px; + padding: 1em; + position: relative; +} +ul.notes li div small { + position: absolute; + top: 5px; + right: 5px; + font-size: 10px; +} +ul.notes li div a { + position: absolute; + right: 10px; + bottom: 10px; + color: inherit; +} +ul.notes li { + margin: 10px 40px 50px 0; + float: left; +} +ul.notes li div p { + font-size: 12px; +} +ul.notes li div { + text-decoration: none; + color: #000; + background: #ffc; + display: block; + height: 140px; + width: 140px; + padding: 1em; + /* Firefox */ + -moz-box-shadow: 5px 5px 2px #212121; + /* Safari+Chrome */ + -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7); + /* Opera */ + box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7); +} +ul.notes li div { + -webkit-transform: rotate(-6deg); + -o-transform: rotate(-6deg); + -moz-transform: rotate(-6deg); +} +ul.notes li:nth-child(even) div { + -o-transform: rotate(4deg); + -webkit-transform: rotate(4deg); + -moz-transform: rotate(4deg); + position: relative; + top: 5px; +} +ul.notes li:nth-child(3n) div { + -o-transform: rotate(-3deg); + -webkit-transform: rotate(-3deg); + -moz-transform: rotate(-3deg); + position: relative; + top: -5px; +} +ul.notes li:nth-child(5n) div { + -o-transform: rotate(5deg); + -webkit-transform: rotate(5deg); + -moz-transform: rotate(5deg); + position: relative; + top: -10px; +} +ul.notes li div:hover, +ul.notes li div:focus { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + position: relative; + z-index: 5; +} +ul.notes li div { + text-decoration: none; + color: #000; + background: #ffc; + display: block; + height: 210px; + width: 210px; + padding: 1em; + -moz-box-shadow: 5px 5px 7px #212121; + -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); + box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); + -moz-transition: -moz-transform 0.15s linear; + -o-transition: -o-transform 0.15s linear; + -webkit-transition: -webkit-transform 0.15s linear; +} +/* FILE MANAGER */ +.file-box { + float: left; + width: 220px; +} +.file-manager h5 { + text-transform: uppercase; +} +.file-manager { + list-style: none outside none; + margin: 0; + padding: 0; +} +.folder-list li a { + color: #666666; + display: block; + padding: 5px 0; +} +.folder-list li { + border-bottom: 1px solid #e7eaec; + display: block; +} +.folder-list li i { + margin-right: 8px; + color: #3d4d5d; +} +.category-list li a { + color: #666666; + display: block; + padding: 5px 0; +} +.category-list li { + display: block; +} +.category-list li i { + margin-right: 8px; + color: #3d4d5d; +} +.category-list li a .text-navy { + color: #1ab394; +} +.category-list li a .text-primary { + color: #1c84c6; +} +.category-list li a .text-info { + color: #23c6c8; +} +.category-list li a .text-danger { + color: #EF5352; +} +.category-list li a .text-warning { + color: #F8AC59; +} +.file-manager h5.tag-title { + margin-top: 20px; +} +.tag-list li { + float: left; +} +.tag-list li a { + font-size: 10px; + background-color: #f3f3f4; + padding: 5px 12px; + color: inherit; + border-radius: 2px; + border: 1px solid #e7eaec; + margin-right: 5px; + margin-top: 5px; + display: block; +} +.file { + border: 1px solid #e7eaec; + padding: 0; + background-color: #ffffff; + position: relative; + margin-bottom: 20px; + margin-right: 20px; +} +.file-manager .hr-line-dashed { + margin: 15px 0; +} +.file .icon, +.file .image { + height: 100px; + overflow: hidden; +} +.file .icon { + padding: 15px 10px; + text-align: center; +} +.file-control { + color: inherit; + font-size: 11px; + margin-right: 10px; +} +.file-control.active { + text-decoration: underline; +} +.file .icon i { + font-size: 70px; + color: #dadada; +} +.file .file-name { + padding: 10px; + background-color: #f8f8f8; + border-top: 1px solid #e7eaec; +} +.file-name small { + color: #676a6c; +} +.corner { + position: absolute; + display: inline-block; + width: 0; + height: 0; + line-height: 0; + border: 0.6em solid transparent; + border-right: 0.6em solid #f1f1f1; + border-bottom: 0.6em solid #f1f1f1; + right: 0em; + bottom: 0em; +} +a.compose-mail { + padding: 8px 10px; +} +.mail-search { + max-width: 300px; +} +/* PROFILE */ +.profile-content { + border-top: none !important; +} +.profile-stats { + margin-right: 10px; +} +.profile-image { + width: 120px; + float: left; +} +.profile-image img { + width: 96px; + height: 96px; +} +.profile-info { + margin-left: 120px; +} +.feed-activity-list .feed-element { + border-bottom: 1px solid #e7eaec; +} +.feed-element:first-child { + margin-top: 0; +} +.feed-element { + padding-bottom: 15px; +} +.feed-element, +.feed-element .media { + margin-top: 15px; +} +.feed-element, +.media-body { + overflow: hidden; +} +.feed-element > .pull-left { + margin-right: 10px; +} +.feed-element img.img-circle, +.dropdown-messages-box img.img-circle { + width: 38px; + height: 38px; +} +.feed-element .well { + border: 1px solid #e7eaec; + box-shadow: none; + margin-top: 10px; + margin-bottom: 5px; + padding: 10px 20px; + font-size: 11px; + line-height: 16px; +} +.feed-element .actions { + margin-top: 10px; +} +.feed-element .photos { + margin: 10px 0; +} +.feed-photo { + max-height: 180px; + border-radius: 4px; + overflow: hidden; + margin-right: 10px; + margin-bottom: 10px; +} +.file-list li { + padding: 5px 10px; + font-size: 11px; + border-radius: 2px; + border: 1px solid #e7eaec; + margin-bottom: 5px; +} +.file-list li a { + color: inherit; +} +.file-list li a:hover { + color: #1ab394; +} +.user-friends img { + width: 42px; + height: 42px; + margin-bottom: 5px; + margin-right: 5px; +} +/* MAILBOX */ +.mail-box { + background-color: #ffffff; + border: 1px solid #e7eaec; + border-top: 0; + padding: 0; + margin-bottom: 20px; +} +.mail-box-header { + background-color: #ffffff; + border: 1px solid #e7eaec; + border-bottom: 0; + padding: 30px 20px 20px 20px; +} +.mail-box-header h2 { + margin-top: 0; +} +.mailbox-content .tag-list li a { + background: #ffffff; +} +.mail-body { + border-top: 1px solid #e7eaec; + padding: 20px; +} +.mail-text { + border-top: 1px solid #e7eaec; +} +.mail-text .note-toolbar { + padding: 10px 15px; +} +.mail-body .form-group { + margin-bottom: 5px; +} +.mail-text .note-editor .note-toolbar { + background-color: #F9F8F8; +} +.mail-attachment { + border-top: 1px solid #e7eaec; + padding: 20px; + font-size: 12px; +} +.mailbox-content { + background: none; + border: none; + padding: 10px; +} +.mail-ontact { + width: 23%; +} +/* PROJECTS */ +.project-people, +.project-actions { + text-align: right; + vertical-align: middle; +} +dd.project-people { + text-align: left; + margin-top: 5px; +} +.project-people img { + width: 32px; + height: 32px; +} +.project-title a { + font-size: 14px; + color: #676a6c; + font-weight: 600; +} +.project-list table tr td { + border-top: none; + border-bottom: 1px solid #e7eaec; + padding: 15px 10px; + vertical-align: middle; +} +.project-manager .tag-list li a { + font-size: 10px; + background-color: white; + padding: 5px 12px; + color: inherit; + border-radius: 2px; + border: 1px solid #e7eaec; + margin-right: 5px; + margin-top: 5px; + display: block; +} +.project-files li a { + font-size: 11px; + color: #676a6c; + margin-left: 10px; + line-height: 22px; +} +/* FAQ */ +.faq-item { + padding: 20px; + margin-bottom: 2px; + background: #fff; +} +.faq-question { + font-size: 18px; + font-weight: 600; + color: #1ab394; + display: block; +} +.faq-question:hover { + color: #179d82; +} +.faq-answer { + margin-top: 10px; + background: #f3f3f4; + border: 1px solid #e7eaec; + border-radius: 3px; + padding: 15px; +} +.faq-item .tag-item { + background: #f3f3f4; + padding: 2px 6px; + font-size: 10px; + text-transform: uppercase; +} +/* Chat view */ +.message-input { + height: 90px !important; +} +.chat-avatar { + white: 36px; + height: 36px; + float: left; + margin-right: 10px; +} +.chat-user-name { + padding: 10px; +} +.chat-user { + padding: 8px 10px; + border-bottom: 1px solid #e7eaec; +} +.chat-user a { + color: inherit; +} +.chat-view { + z-index: 20012; +} +.chat-users, +.chat-statistic { + margin-left: -30px; +} +@media (max-width: 992px) { + .chat-users, + .chat-statistic { + margin-left: 0; + } +} +.chat-view .ibox-content { + padding: 0; +} +.chat-message { + padding: 10px 20px; +} +.message-avatar { + height: 48px; + width: 48px; + border: 1px solid #e7eaec; + border-radius: 4px; + margin-top: 1px; +} +.chat-discussion .chat-message.left .message-avatar { + float: left; + margin-right: 10px; +} +.chat-discussion .chat-message.right .message-avatar { + float: right; + margin-left: 10px; +} +.message { + background-color: #fff; + border: 1px solid #e7eaec; + text-align: left; + display: block; + padding: 10px 20px; + position: relative; + border-radius: 4px; +} +.chat-discussion .chat-message.left .message-date { + float: right; +} +.chat-discussion .chat-message.right .message-date { + float: left; +} +.chat-discussion .chat-message.left .message { + text-align: left; + margin-left: 55px; +} +.chat-discussion .chat-message.right .message { + text-align: right; + margin-right: 55px; +} +.message-date { + font-size: 10px; + color: #888888; +} +.message-content { + display: block; +} +.chat-discussion { + background: #eee; + padding: 15px; + height: 400px; + overflow-y: auto; +} +.chat-users { + overflow-y: auto; + height: 400px; +} +.chat-message-form .form-group { + margin-bottom: 0; +} +/* jsTree */ +.jstree-open > .jstree-anchor > .fa-folder:before { + content: "\f07c"; +} +.jstree-default .jstree-icon.none { + width: 0; +} +/* CLIENTS */ +.clients-list { + margin-top: 20px; +} +.clients-list .tab-pane { + position: relative; + height: 600px; +} +.client-detail { + position: relative; + height: 620px; +} +.clients-list table tr td { + height: 46px; + vertical-align: middle; + border: none; +} +.client-link { + font-weight: 600; + color: inherit; +} +.client-link:hover { + color: inherit; +} +.client-avatar { + width: 42px; +} +.client-avatar img { + width: 28px; + height: 28px; + border-radius: 50%; +} +.contact-type { + width: 20px; + color: #c1c3c4; +} +.client-status { + text-align: left; +} +.client-detail .vertical-timeline-content p { + margin: 0; +} +.client-detail .vertical-timeline-icon.gray-bg { + color: #a7aaab; +} +.clients-list .nav-tabs > li.active > a, +.clients-list .nav-tabs > li.active > a:hover, +.clients-list .nav-tabs > li.active > a:focus { + border-bottom: 1px solid #fff; +} +/* BLOG ARTICLE */ +.blog h2 { + font-weight: 700; +} +.blog h5 { + margin: 0 0 5px 0; +} +.blog .btn { + margin: 0 0 5px 0; +} +.article h1 { + font-size: 48px; + font-weight: 700; + color: #2F4050; +} +.article p { + font-size: 15px; + line-height: 26px; +} +.article-title { + text-align: center; + margin: 40px 0 100px 0; +} +.article .ibox-content { + padding: 40px; +} +/* ISSUE TRACKER */ +.issue-tracker .btn-link { + color: #1ab394; +} +table.issue-tracker tbody tr td { + vertical-align: middle; + height: 50px; +} +.issue-info { + width: 50%; +} +.issue-info a { + font-weight: 600; + color: #676a6c; +} +.issue-info small { + display: block; +} +/* TEAMS */ +.team-members { + margin: 10px 0; +} +.team-members img.img-circle { + width: 42px; + height: 42px; + margin-bottom: 5px; +} +/* AGILE BOARD */ +.sortable-list { + padding: 10px 0; +} +.agile-list { + list-style: none; + margin: 0; +} +.agile-list li { + background: #FAFAFB; + border: 1px solid #e7eaec; + margin: 0 0 10px 0; + padding: 10px; + border-radius: 2px; +} +.agile-list li:hover { + cursor: pointer; + background: #fff; +} +.agile-list li.warning-element { + border-left: 3px solid #f8ac59; +} +.agile-list li.danger-element { + border-left: 3px solid #ed5565; +} +.agile-list li.info-element { + border-left: 3px solid #1c84c6; +} +.agile-list li.success-element { + border-left: 3px solid #1ab394; +} +.agile-detail { + margin-top: 5px; + font-size: 12px; +} +/* DIFF */ +ins { + background-color: #c6ffc6; + text-decoration: none; +} +del { + background-color: #ffc6c6; +} +/* E-commerce */ +.product-box { + padding: 0; + border: 1px solid #e7eaec; +} +.product-box:hover, +.product-box.active { + border: 1px solid transparent; + -webkit-box-shadow: 0 3px 7px 0 #a8a8a8; + -moz-box-shadow: 0 3px 7px 0 #a8a8a8; + box-shadow: 0 3px 7px 0 #a8a8a8; +} +.product-imitation { + text-align: center; + padding: 90px 0; + background-color: #f8f8f9; + color: #bebec3; + font-weight: 600; +} +.cart-product-imitation { + text-align: center; + padding-top: 30px; + height: 80px; + width: 80px; + background-color: #f8f8f9; +} +.product-imitation.xl { + padding: 120px 0; +} +.product-desc { + padding: 20px; + position: relative; +} +.ecommerce .tag-list { + padding: 0; +} +.ecommerce .fa-star { + color: #d1dade; +} +.ecommerce .fa-star.active { + color: #f8ac59; +} +.ecommerce .note-editor { + border: 1px solid #e7eaec; +} +table.shoping-cart-table { + margin-bottom: 0; +} +table.shoping-cart-table tr td { + border: none; + text-align: right; +} +table.shoping-cart-table tr td.desc, +table.shoping-cart-table tr td:first-child { + text-align: left; +} +table.shoping-cart-table tr td:last-child { + width: 80px; +} +.product-name { + font-size: 16px; + font-weight: 600; + color: #676a6c; + display: block; + margin: 2px 0 5px 0; +} +.product-name:hover, +.product-name:focus { + color: #1ab394; +} +.product-price { + font-size: 14px; + font-weight: 600; + color: #ffffff; + background-color: #1ab394; + padding: 6px 12px; + position: absolute; + top: -32px; + right: 0; +} +.product-detail .ibox-content { + padding: 30px 30px 50px 30px; +} +.image-imitation { + background-color: #f8f8f9; + text-align: center; + padding: 200px 0; +} +.product-main-price small { + font-size: 10px; +} +.product-images { + margin: 0 20px; +} +/* Social feed */ +.social-feed-separated .social-feed-box { + margin-left: 62px; +} +.social-feed-separated .social-avatar { + float: left; + padding: 0; +} +.social-feed-separated .social-avatar img { + width: 52px; + height: 52px; + border: 1px solid #e7eaec; +} +.social-feed-separated .social-feed-box .social-avatar { + padding: 15px 15px 0 15px; + float: none; +} +.social-feed-box { + /*padding: 15px;*/ + border: 1px solid #e7eaec; + background: #fff; + margin-bottom: 15px; +} +.article .social-feed-box { + margin-bottom: 0; + border-bottom: none; +} +.article .social-feed-box:last-child { + margin-bottom: 0; + border-bottom: 1px solid #e7eaec; +} +.article .social-feed-box p { + font-size: 13px; + line-height: 18px; +} +.social-action { + margin: 15px; +} +.social-avatar { + padding: 15px 15px 0 15px; +} +.social-comment .social-comment { + margin-left: 45px; +} +.social-avatar img { + height: 40px; + width: 40px; + margin-right: 10px; +} +.social-avatar .media-body a { + font-size: 14px; + display: block; +} +.social-body { + padding: 15px; +} +.social-body img { + margin-bottom: 10px; +} +.social-footer { + border-top: 1px solid #e7eaec; + padding: 10px 15px; + background: #f9f9f9; +} +.social-footer .social-comment img { + width: 32px; + margin-right: 10px; +} +.social-comment:first-child { + margin-top: 0; +} +.social-comment { + margin-top: 15px; +} +.social-comment textarea { + font-size: 12px; +} +/* Vote list */ +.vote-item { + padding: 20px 25px; + background: #ffffff; + border-top: 1px solid #e7eaec; +} +.vote-item:last-child { + border-bottom: 1px solid #e7eaec; +} +.vote-item:hover { + background: #fbfbfb; +} +.vote-actions { + float: left; + width: 30px; + margin-right: 15px; + text-align: center; +} +.vote-actions a { + color: #1ab394; + font-weight: 600; +} +.vote-actions { + font-weight: 600; +} +.vote-title { + display: block; + color: inherit; + font-size: 18px; + font-weight: 600; + margin-top: 5px; + margin-bottom: 2px; +} +.vote-title:hover, +.vote-title:focus { + color: inherit; +} +.vote-info, +.vote-title { + margin-left: 45px; +} +.vote-info, +.vote-info a { + color: #b4b6b8; + font-size: 12px; +} +.vote-info a { + margin-right: 10px; +} +.vote-info a:hover { + color: #1ab394; +} +.vote-icon { + text-align: right; + font-size: 38px; + display: block; + color: #e8e9ea; +} +.vote-icon.active { + color: #1ab394; +} +body.body-small .vote-icon { + display: none; +} +.lightBoxGallery { + text-align: center; +} +.lightBoxGallery img { + margin: 5px; +} +#small-chat { + position: fixed; + bottom: 20px; + right: 20px; + z-index: 100; +} +#small-chat .badge { + position: absolute; + top: -3px; + right: -4px; +} +.open-small-chat { + height: 38px; + width: 38px; + display: block; + background: #1ab394; + padding: 9px 8px; + text-align: center; + color: #fff; + border-radius: 50%; +} +.open-small-chat:hover { + color: white; + background: #1ab394; +} +.small-chat-box { + display: none; + position: fixed; + bottom: 20px; + right: 75px; + background: #fff; + border: 1px solid #e7eaec; + width: 230px; + height: 320px; + border-radius: 4px; +} +.small-chat-box.ng-small-chat { + display: block; +} +.body-small .small-chat-box { + bottom: 70px; + right: 20px; +} +.small-chat-box.active { + display: block; +} +.small-chat-box .heading { + background: #2f4050; + padding: 8px 15px; + font-weight: bold; + color: #fff; +} +.small-chat-box .chat-date { + opacity: 0.6; + font-size: 10px; + font-weight: normal; +} +.small-chat-box .content { + padding: 15px 15px; +} +.small-chat-box .content .author-name { + font-weight: bold; + margin-bottom: 3px; + font-size: 11px; +} +.small-chat-box .content > div { + padding-bottom: 20px; +} +.small-chat-box .content .chat-message { + padding: 5px 10px; + border-radius: 6px; + font-size: 11px; + line-height: 14px; + max-width: 80%; + background: #f3f3f4; + margin-bottom: 10px; +} +.small-chat-box .content .chat-message.active { + background: #1ab394; + color: #fff; +} +.small-chat-box .content .left { + text-align: left; + clear: both; +} +.small-chat-box .content .left .chat-message { + float: left; +} +.small-chat-box .content .right { + text-align: right; + clear: both; +} +.small-chat-box .content .right .chat-message { + float: right; +} +.small-chat-box .form-chat { + padding: 10px 10px; +} +/* + * metismenu - v2.0.2 + * A jQuery menu plugin + * https://github.com/onokumus/metisMenu + * + * Made by Osman Nuri Okumus + * Under MIT License + */ +.metismenu .plus-minus, +.metismenu .plus-times { + float: right; +} +.metismenu .arrow { + float: right; + line-height: 1.42857; +} +.metismenu .glyphicon.arrow:before { + content: "\e079"; +} +.metismenu .active > a > .glyphicon.arrow:before { + content: "\e114"; +} +.metismenu .fa.arrow:before { + content: "\f104"; +} +.metismenu .active > a > .fa.arrow:before { + content: "\f107"; +} +.metismenu .ion.arrow:before { + content: "\f3d2"; +} +.metismenu .active > a > .ion.arrow:before { + content: "\f3d0"; +} +.metismenu .fa.plus-minus:before, +.metismenu .fa.plus-times:before { + content: "\f067"; +} +.metismenu .active > a > .fa.plus-times { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.metismenu .active > a > .fa.plus-minus:before { + content: "\f068"; +} +.metismenu .collapse { + display: none; +} +.metismenu .collapse.in { + display: block; +} +.metismenu .collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-duration: .35s; + transition-duration: .35s; + -webkit-transition-property: height, visibility; + transition-property: height, visibility; +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-rotating-plane"></div> + * + */ +.sk-spinner-rotating-plane.sk-spinner { + width: 30px; + height: 30px; + background-color: #1ab394; + margin: 0 auto; + -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; + animation: sk-rotatePlane 1.2s infinite ease-in-out; +} +@-webkit-keyframes sk-rotatePlane { + 0% { + -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); + transform: perspective(120px) rotateX(0deg) rotateY(0deg); + } + 50% { + -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); + transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); + } + 100% { + -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); + transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); + } +} +@keyframes sk-rotatePlane { + 0% { + -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); + transform: perspective(120px) rotateX(0deg) rotateY(0deg); + } + 50% { + -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); + transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); + } + 100% { + -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); + transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-double-bounce"> + * <div class="sk-double-bounce1"></div> + * <div class="sk-double-bounce2"></div> + * </div> + * + */ +.sk-spinner-double-bounce.sk-spinner { + width: 40px; + height: 40px; + position: relative; + margin: 0 auto; +} +.sk-spinner-double-bounce .sk-double-bounce1, +.sk-spinner-double-bounce .sk-double-bounce2 { + width: 100%; + height: 100%; + border-radius: 50%; + background-color: #1ab394; + opacity: 0.6; + position: absolute; + top: 0; + left: 0; + -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; + animation: sk-doubleBounce 2s infinite ease-in-out; +} +.sk-spinner-double-bounce .sk-double-bounce2 { + -webkit-animation-delay: -1s; + animation-delay: -1s; +} +@-webkit-keyframes sk-doubleBounce { + 0%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes sk-doubleBounce { + 0%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-wave"> + * <div class="sk-rect1"></div> + * <div class="sk-rect2"></div> + * <div class="sk-rect3"></div> + * <div class="sk-rect4"></div> + * <div class="sk-rect5"></div> + * </div> + * + */ +.sk-spinner-wave.sk-spinner { + margin: 0 auto; + width: 50px; + height: 30px; + text-align: center; + font-size: 10px; +} +.sk-spinner-wave div { + background-color: #1ab394; + height: 100%; + width: 6px; + display: inline-block; + -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; + animation: sk-waveStretchDelay 1.2s infinite ease-in-out; +} +.sk-spinner-wave .sk-rect2 { + -webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} +.sk-spinner-wave .sk-rect3 { + -webkit-animation-delay: -1s; + animation-delay: -1s; +} +.sk-spinner-wave .sk-rect4 { + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} +.sk-spinner-wave .sk-rect5 { + -webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} +@-webkit-keyframes sk-waveStretchDelay { + 0%, + 40%, + 100% { + -webkit-transform: scaleY(0.4); + transform: scaleY(0.4); + } + 20% { + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@keyframes sk-waveStretchDelay { + 0%, + 40%, + 100% { + -webkit-transform: scaleY(0.4); + transform: scaleY(0.4); + } + 20% { + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-wandering-cubes"> + * <div class="sk-cube1"></div> + * <div class="sk-cube2"></div> + * </div> + * + */ +.sk-spinner-wandering-cubes.sk-spinner { + margin: 0 auto; + width: 32px; + height: 32px; + position: relative; +} +.sk-spinner-wandering-cubes .sk-cube1, +.sk-spinner-wandering-cubes .sk-cube2 { + background-color: #1ab394; + width: 10px; + height: 10px; + position: absolute; + top: 0; + left: 0; + -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; + animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; +} +.sk-spinner-wandering-cubes .sk-cube2 { + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} +@-webkit-keyframes sk-wanderingCubeMove { + 25% { + -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); + transform: translateX(42px) rotate(-90deg) scale(0.5); + } + 50% { + /* Hack to make FF rotate in the right direction */ + -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); + transform: translateX(42px) translateY(42px) rotate(-179deg); + } + 50.1% { + -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); + transform: translateX(42px) translateY(42px) rotate(-180deg); + } + 75% { + -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); + transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} +@keyframes sk-wanderingCubeMove { + 25% { + -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); + transform: translateX(42px) rotate(-90deg) scale(0.5); + } + 50% { + /* Hack to make FF rotate in the right direction */ + -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); + transform: translateX(42px) translateY(42px) rotate(-179deg); + } + 50.1% { + -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); + transform: translateX(42px) translateY(42px) rotate(-180deg); + } + 75% { + -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); + transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-pulse"></div> + * + */ +.sk-spinner-pulse.sk-spinner { + width: 40px; + height: 40px; + margin: 0 auto; + background-color: #1ab394; + border-radius: 100%; + -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; + animation: sk-pulseScaleOut 1s infinite ease-in-out; +} +@-webkit-keyframes sk-pulseScaleOut { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 0; + } +} +@keyframes sk-pulseScaleOut { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 0; + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-chasing-dots"> + * <div class="sk-dot1"></div> + * <div class="sk-dot2"></div> + * </div> + * + */ +.sk-spinner-chasing-dots.sk-spinner { + margin: 0 auto; + width: 40px; + height: 40px; + position: relative; + text-align: center; + -webkit-animation: sk-chasingDotsRotate 2s infinite linear; + animation: sk-chasingDotsRotate 2s infinite linear; +} +.sk-spinner-chasing-dots .sk-dot1, +.sk-spinner-chasing-dots .sk-dot2 { + width: 60%; + height: 60%; + display: inline-block; + position: absolute; + top: 0; + background-color: #1ab394; + border-radius: 100%; + -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; + animation: sk-chasingDotsBounce 2s infinite ease-in-out; +} +.sk-spinner-chasing-dots .sk-dot2 { + top: auto; + bottom: 0; + -webkit-animation-delay: -1s; + animation-delay: -1s; +} +@-webkit-keyframes sk-chasingDotsRotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes sk-chasingDotsRotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes sk-chasingDotsBounce { + 0%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes sk-chasingDotsBounce { + 0%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-three-bounce"> + * <div class="sk-bounce1"></div> + * <div class="sk-bounce2"></div> + * <div class="sk-bounce3"></div> + * </div> + * + */ +.sk-spinner-three-bounce.sk-spinner { + margin: 0 auto; + width: 70px; + text-align: center; +} +.sk-spinner-three-bounce div { + width: 18px; + height: 18px; + background-color: #1ab394; + border-radius: 100%; + display: inline-block; + -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out; + animation: sk-threeBounceDelay 1.4s infinite ease-in-out; + /* Prevent first frame from flickering when animation starts */ + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.sk-spinner-three-bounce .sk-bounce1 { + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; +} +.sk-spinner-three-bounce .sk-bounce2 { + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; +} +@-webkit-keyframes sk-threeBounceDelay { + 0%, + 80%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 40% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes sk-threeBounceDelay { + 0%, + 80%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 40% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-circle"> + * <div class="sk-circle1 sk-circle"></div> + * <div class="sk-circle2 sk-circle"></div> + * <div class="sk-circle3 sk-circle"></div> + * <div class="sk-circle4 sk-circle"></div> + * <div class="sk-circle5 sk-circle"></div> + * <div class="sk-circle6 sk-circle"></div> + * <div class="sk-circle7 sk-circle"></div> + * <div class="sk-circle8 sk-circle"></div> + * <div class="sk-circle9 sk-circle"></div> + * <div class="sk-circle10 sk-circle"></div> + * <div class="sk-circle11 sk-circle"></div> + * <div class="sk-circle12 sk-circle"></div> + * </div> + * + */ +.sk-spinner-circle.sk-spinner { + margin: 0 auto; + width: 22px; + height: 22px; + position: relative; +} +.sk-spinner-circle .sk-circle { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.sk-spinner-circle .sk-circle:before { + content: ''; + display: block; + margin: 0 auto; + width: 20%; + height: 20%; + background-color: #1ab394; + border-radius: 100%; + -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out; + animation: sk-circleBounceDelay 1.2s infinite ease-in-out; + /* Prevent first frame from flickering when animation starts */ + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.sk-spinner-circle .sk-circle2 { + -webkit-transform: rotate(30deg); + -ms-transform: rotate(30deg); + transform: rotate(30deg); +} +.sk-spinner-circle .sk-circle3 { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); +} +.sk-spinner-circle .sk-circle4 { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.sk-spinner-circle .sk-circle5 { + -webkit-transform: rotate(120deg); + -ms-transform: rotate(120deg); + transform: rotate(120deg); +} +.sk-spinner-circle .sk-circle6 { + -webkit-transform: rotate(150deg); + -ms-transform: rotate(150deg); + transform: rotate(150deg); +} +.sk-spinner-circle .sk-circle7 { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.sk-spinner-circle .sk-circle8 { + -webkit-transform: rotate(210deg); + -ms-transform: rotate(210deg); + transform: rotate(210deg); +} +.sk-spinner-circle .sk-circle9 { + -webkit-transform: rotate(240deg); + -ms-transform: rotate(240deg); + transform: rotate(240deg); +} +.sk-spinner-circle .sk-circle10 { + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.sk-spinner-circle .sk-circle11 { + -webkit-transform: rotate(300deg); + -ms-transform: rotate(300deg); + transform: rotate(300deg); +} +.sk-spinner-circle .sk-circle12 { + -webkit-transform: rotate(330deg); + -ms-transform: rotate(330deg); + transform: rotate(330deg); +} +.sk-spinner-circle .sk-circle2:before { + -webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} +.sk-spinner-circle .sk-circle3:before { + -webkit-animation-delay: -1s; + animation-delay: -1s; +} +.sk-spinner-circle .sk-circle4:before { + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} +.sk-spinner-circle .sk-circle5:before { + -webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} +.sk-spinner-circle .sk-circle6:before { + -webkit-animation-delay: -0.7s; + animation-delay: -0.7s; +} +.sk-spinner-circle .sk-circle7:before { + -webkit-animation-delay: -0.6s; + animation-delay: -0.6s; +} +.sk-spinner-circle .sk-circle8:before { + -webkit-animation-delay: -0.5s; + animation-delay: -0.5s; +} +.sk-spinner-circle .sk-circle9:before { + -webkit-animation-delay: -0.4s; + animation-delay: -0.4s; +} +.sk-spinner-circle .sk-circle10:before { + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +.sk-spinner-circle .sk-circle11:before { + -webkit-animation-delay: -0.2s; + animation-delay: -0.2s; +} +.sk-spinner-circle .sk-circle12:before { + -webkit-animation-delay: -0.1s; + animation-delay: -0.1s; +} +@-webkit-keyframes sk-circleBounceDelay { + 0%, + 80%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 40% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes sk-circleBounceDelay { + 0%, + 80%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 40% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-cube-grid"> + * <div class="sk-cube"></div> + * <div class="sk-cube"></div> + * <div class="sk-cube"></div> + * <div class="sk-cube"></div> + * <div class="sk-cube"></div> + * <div class="sk-cube"></div> + * <div class="sk-cube"></div> + * <div class="sk-cube"></div> + * <div class="sk-cube"></div> + * </div> + * + */ +.sk-spinner-cube-grid { + /* + * Spinner positions + * 1 2 3 + * 4 5 6 + * 7 8 9 + */ +} +.sk-spinner-cube-grid.sk-spinner { + width: 30px; + height: 30px; + margin: 0 auto; +} +.sk-spinner-cube-grid .sk-cube { + width: 33%; + height: 33%; + background-color: #1ab394; + float: left; + -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; + animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; +} +.sk-spinner-cube-grid .sk-cube:nth-child(1) { + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; +} +.sk-spinner-cube-grid .sk-cube:nth-child(2) { + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; +} +.sk-spinner-cube-grid .sk-cube:nth-child(3) { + -webkit-animation-delay: 0.4s; + animation-delay: 0.4s; +} +.sk-spinner-cube-grid .sk-cube:nth-child(4) { + -webkit-animation-delay: 0.1s; + animation-delay: 0.1s; +} +.sk-spinner-cube-grid .sk-cube:nth-child(5) { + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; +} +.sk-spinner-cube-grid .sk-cube:nth-child(6) { + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; +} +.sk-spinner-cube-grid .sk-cube:nth-child(7) { + -webkit-animation-delay: 0s; + animation-delay: 0s; +} +.sk-spinner-cube-grid .sk-cube:nth-child(8) { + -webkit-animation-delay: 0.1s; + animation-delay: 0.1s; +} +.sk-spinner-cube-grid .sk-cube:nth-child(9) { + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; +} +@-webkit-keyframes sk-cubeGridScaleDelay { + 0%, + 70%, + 100% { + -webkit-transform: scale3D(1, 1, 1); + transform: scale3D(1, 1, 1); + } + 35% { + -webkit-transform: scale3D(0, 0, 1); + transform: scale3D(0, 0, 1); + } +} +@keyframes sk-cubeGridScaleDelay { + 0%, + 70%, + 100% { + -webkit-transform: scale3D(1, 1, 1); + transform: scale3D(1, 1, 1); + } + 35% { + -webkit-transform: scale3D(0, 0, 1); + transform: scale3D(0, 0, 1); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-wordpress"> + * <span class="sk-inner-circle"></span> + * </div> + * + */ +.sk-spinner-wordpress.sk-spinner { + background-color: #1ab394; + width: 30px; + height: 30px; + border-radius: 30px; + position: relative; + margin: 0 auto; + -webkit-animation: sk-innerCircle 1s linear infinite; + animation: sk-innerCircle 1s linear infinite; +} +.sk-spinner-wordpress .sk-inner-circle { + display: block; + background-color: #fff; + width: 8px; + height: 8px; + position: absolute; + border-radius: 8px; + top: 5px; + left: 5px; +} +@-webkit-keyframes sk-innerCircle { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes sk-innerCircle { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +/* + * Usage: + * + * <div class="sk-spinner sk-spinner-fading-circle"> + * <div class="sk-circle1 sk-circle"></div> + * <div class="sk-circle2 sk-circle"></div> + * <div class="sk-circle3 sk-circle"></div> + * <div class="sk-circle4 sk-circle"></div> + * <div class="sk-circle5 sk-circle"></div> + * <div class="sk-circle6 sk-circle"></div> + * <div class="sk-circle7 sk-circle"></div> + * <div class="sk-circle8 sk-circle"></div> + * <div class="sk-circle9 sk-circle"></div> + * <div class="sk-circle10 sk-circle"></div> + * <div class="sk-circle11 sk-circle"></div> + * <div class="sk-circle12 sk-circle"></div> + * </div> + * + */ +.sk-spinner-fading-circle.sk-spinner { + margin: 0 auto; + width: 22px; + height: 22px; + position: relative; +} +.sk-spinner-fading-circle .sk-circle { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.sk-spinner-fading-circle .sk-circle:before { + content: ''; + display: block; + margin: 0 auto; + width: 18%; + height: 18%; + background-color: #1ab394; + border-radius: 100%; + -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out; + animation: sk-circleFadeDelay 1.2s infinite ease-in-out; + /* Prevent first frame from flickering when animation starts */ + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.sk-spinner-fading-circle .sk-circle2 { + -webkit-transform: rotate(30deg); + -ms-transform: rotate(30deg); + transform: rotate(30deg); +} +.sk-spinner-fading-circle .sk-circle3 { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); +} +.sk-spinner-fading-circle .sk-circle4 { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.sk-spinner-fading-circle .sk-circle5 { + -webkit-transform: rotate(120deg); + -ms-transform: rotate(120deg); + transform: rotate(120deg); +} +.sk-spinner-fading-circle .sk-circle6 { + -webkit-transform: rotate(150deg); + -ms-transform: rotate(150deg); + transform: rotate(150deg); +} +.sk-spinner-fading-circle .sk-circle7 { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.sk-spinner-fading-circle .sk-circle8 { + -webkit-transform: rotate(210deg); + -ms-transform: rotate(210deg); + transform: rotate(210deg); +} +.sk-spinner-fading-circle .sk-circle9 { + -webkit-transform: rotate(240deg); + -ms-transform: rotate(240deg); + transform: rotate(240deg); +} +.sk-spinner-fading-circle .sk-circle10 { + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.sk-spinner-fading-circle .sk-circle11 { + -webkit-transform: rotate(300deg); + -ms-transform: rotate(300deg); + transform: rotate(300deg); +} +.sk-spinner-fading-circle .sk-circle12 { + -webkit-transform: rotate(330deg); + -ms-transform: rotate(330deg); + transform: rotate(330deg); +} +.sk-spinner-fading-circle .sk-circle2:before { + -webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} +.sk-spinner-fading-circle .sk-circle3:before { + -webkit-animation-delay: -1s; + animation-delay: -1s; +} +.sk-spinner-fading-circle .sk-circle4:before { + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} +.sk-spinner-fading-circle .sk-circle5:before { + -webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} +.sk-spinner-fading-circle .sk-circle6:before { + -webkit-animation-delay: -0.7s; + animation-delay: -0.7s; +} +.sk-spinner-fading-circle .sk-circle7:before { + -webkit-animation-delay: -0.6s; + animation-delay: -0.6s; +} +.sk-spinner-fading-circle .sk-circle8:before { + -webkit-animation-delay: -0.5s; + animation-delay: -0.5s; +} +.sk-spinner-fading-circle .sk-circle9:before { + -webkit-animation-delay: -0.4s; + animation-delay: -0.4s; +} +.sk-spinner-fading-circle .sk-circle10:before { + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +.sk-spinner-fading-circle .sk-circle11:before { + -webkit-animation-delay: -0.2s; + animation-delay: -0.2s; +} +.sk-spinner-fading-circle .sk-circle12:before { + -webkit-animation-delay: -0.1s; + animation-delay: -0.1s; +} +@-webkit-keyframes sk-circleFadeDelay { + 0%, + 39%, + 100% { + opacity: 0; + } + 40% { + opacity: 1; + } +} +@keyframes sk-circleFadeDelay { + 0%, + 39%, + 100% { + opacity: 0; + } + 40% { + opacity: 1; + } +} +/* + * + * INSPINIA Landing Page - Responsive Admin Theme + * Copyright 2014 Webapplayers.com + * +*/ +/* GLOBAL STYLES +-------------------------------------------------- */ +/* PACE PLUGIN +-------------------------------------------------- */ +.landing-page.pace .pace-progress { + background: #fff; + position: fixed; + z-index: 2000; + top: 0; + left: 0; + height: 2px; + -webkit-transition: width 1s; + -moz-transition: width 1s; + -o-transition: width 1s; + transition: width 1s; +} +.pace-inactive { + display: none; +} +body.landing-page { + color: #676a6c; + font-family: 'Open Sans', helvetica, arial, sans-serif; + background-color: #fff; +} +.landing-page { + /* CUSTOMIZE THE NAVBAR + -------------------------------------------------- */ + /* Flip around the padding for proper display in narrow viewports */ + /* BACKGROUNDS SLIDER + -------------------------------------------------- */ + /* CUSTOMIZE THE CAROUSEL + -------------------------------------------------- */ + /* Carousel base class */ + /* Since positioning the image, we need to help out the caption */ + /* Declare heights because of positioning of img element */ + /* Sections + ------------------------- */ + /* Buttons - only primary custom button + ------------------------- */ + /* RESPONSIVE CSS + -------------------------------------------------- */ +} +.landing-page span.navy { + color: #1ab394; +} +.landing-page p.text-color { + color: #676a6c; +} +.landing-page a.navy-link { + color: #1ab394; + text-decoration: none; +} +.landing-page a.navy-link:hover { + color: #179d82; +} +.landing-page section p { + color: #aeaeae; + font-size: 13px; +} +.landing-page address { + font-size: 13px; +} +.landing-page h1 { + margin-top: 10px; + font-size: 30px; + font-weight: 200; +} +.landing-page .navy-line { + width: 60px; + height: 1px; + margin: 60px auto 0; + border-bottom: 2px solid #1ab394; +} +.landing-page .navbar-wrapper { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 200; +} +.landing-page .navbar-wrapper > .container { + padding-right: 0; + padding-left: 0; +} +.landing-page .navbar-wrapper .navbar { + padding-right: 15px; + padding-left: 15px; +} +.landing-page .navbar-default.navbar-scroll { + background-color: #fff; + border-color: #fff; + padding: 15px 0; +} +.landing-page .navbar-default { + background-color: transparent; + border-color: transparent; + transition: all 0.3s ease-in-out 0s; +} +.landing-page .navbar-default .nav li a { + color: #fff; + font-family: 'Open Sans', helvetica, arial, sans-serif; + font-weight: 700; + letter-spacing: 1px; + text-transform: uppercase; + font-size: 14px; +} +.landing-page .navbar-nav > li > a { + padding-top: 25px; + border-top: 6px solid transparent; +} +.landing-page .navbar-default .navbar-nav > .active > a, +.landing-page .navbar-default .navbar-nav > .active > a:hover { + background: transparent; + color: #fff; + border-top: 6px solid #1ab394; +} +.landing-page .navbar-default .navbar-nav > li > a:hover, +.landing-page .navbar-default .navbar-nav > li > a:focus { + color: #1ab394; + background: inherit; +} +.landing-page .navbar-default .navbar-nav > .active > a:focus { + background: transparent; + color: #fff; +} +.landing-page .navbar-default .navbar-nav > .active > a:focus { + background: transparent; + color: #ffffff; +} +.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus { + background: transparent; + color: inherit; +} +.landing-page .navbar-default .navbar-brand:hover, +.landing-page .navbar-default .navbar-brand:focus { + background: #179d82; + color: #fff; +} +.landing-page .navbar-default .navbar-brand { + color: #fff; + height: auto; + display: block; + font-size: 14px; + background: #1ab394; + padding: 15px 20px 15px 20px; + border-radius: 0 0 5px 5px; + font-weight: 700; + transition: all 0.3s ease-in-out 0s; +} +.landing-page .navbar-scroll.navbar-default .nav li a { + color: #676a6c; +} +.landing-page .navbar-scroll.navbar-default .nav li a:hover { + color: #1ab394; +} +.landing-page .navbar-wrapper .navbar.navbar-scroll { + padding-top: 0; + padding-bottom: 0; + border-bottom: 1px solid #e7eaec; + border-radius: 0; +} +.landing-page .nav > li.active { + border: none; + background: inherit; +} +.landing-page .nav > li > a { + padding: 25px 10px 15px 10px; +} +.landing-page .navbar-scroll .navbar-nav > li > a { + padding: 20px 10px; +} +.landing-page .navbar-default .navbar-nav > .active > a, +.landing-page .navbar-default .navbar-nav > .active > a:hover { + border-top: 6px solid #1ab394; +} +.landing-page .navbar-fixed-top { + border: none !important; +} +.landing-page .navbar-fixed-top.navbar-scroll { + border-bottom: 1px solid #e7eaec !important; +} +.landing-page .navbar.navbar-scroll .navbar-brand { + margin-top: 15px; + border-radius: 5px; + font-size: 12px; + padding: 10px; + height: auto; +} +.landing-page .header-back { + height: 470px; + width: 100%; +} +/*.landing-page .header-back.one { + background: url('../../images/header_one.jpg') 50% 0 no-repeat; +}*/ +.landing-page .header-back.two { + background: url('../../images/header_two.jpg') 50% 0 no-repeat; +} +.landing-page .carousel { + height: 470px; +} +.landing-page .carousel-caption { + z-index: 10; +} +.landing-page .carousel .item { + height: 470px; + background-color: #777; +} +.landing-page .carousel-inner > .item > img { + position: absolute; + top: 0; + left: 0; + min-width: 100%; + height: 470px; +} +.landing-page .carousel-fade .carousel-inner .item { + opacity: 0; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.landing-page .carousel-fade .carousel-inner .active { + opacity: 1; +} +.landing-page .carousel-fade .carousel-inner .active.left, +.landing-page .carousel-fade .carousel-inner .active.right { + left: 0; + opacity: 0; + z-index: 1; +} +.landing-page .carousel-fade .carousel-inner .next.left, +.landing-page .carousel-fade .carousel-inner .prev.right { + opacity: 1; +} +.landing-page .carousel-fade .carousel-control { + z-index: 2; +} +.landing-page .carousel-control.left, +.landing-page .carousel-control.right { + background: none; +} +.landing-page .carousel-control { + width: 6%; +} +.landing-page .carousel-inner .container { + position: relative; +} +.landing-page .carousel-inner { + overflow: visible; +} +.landing-page .carousel-caption { + position: absolute; + top: 100px; + left: 0; + bottom: auto; + right: auto; + text-align: left; +} +.landing-page .carousel-caption { + position: absolute; + top: 100px; + left: 0; + bottom: auto; + right: auto; + text-align: left; +} +.landing-page .carousel-caption.blank { + top: 140px; +} +.landing-page .carousel-image { + position: absolute; + right: 10px; + top: 150px; +} +.landing-page .carousel-indicators { + padding-right: 60px; +} +.landing-page .carousel-caption h1 { + font-weight: 700; + font-size: 38px; + text-transform: uppercase; + text-shadow: none; + letter-spacing: -1.5px; +} +.landing-page .carousel-caption p { + font-weight: 700; + text-transform: uppercase; + text-shadow: none; +} +.landing-page .caption-link { + color: #fff; + margin-left: 10px; + text-transform: capitalize; + font-weight: 400; +} +.landing-page .caption-link:hover { + text-decoration: none; + color: inherit; +} +.landing-page .services { + padding-top: 60px; +} +.landing-page .services h2 { + font-size: 20px; + letter-spacing: -1px; + font-weight: 600; + text-transform: uppercase; +} +.landing-page .features-block { + margin-top: 40px; +} +.landing-page .features-text { + margin-top: 40px; +} +.landing-page .features small { + color: #1ab394; +} +.landing-page .features h2 { + font-size: 18px; + margin-top: 5px; +} +.landing-page .features-text-alone { + margin: 40px 0; +} +.landing-page .features-text-alone h1 { + font-weight: 200; +} +.landing-page .features-icon { + color: #1ab394; + font-size: 40px; +} +.landing-page .navy-section { + margin-top: 60px; + background: #1ab394; + color: #fff; + padding: 20px 0; +} +.landing-page .gray-section { + background: #f4f4f4; + margin-top: 60px; +} +.landing-page .team-member { + text-align: center; +} +.landing-page .team-member img { + margin: auto; +} +.landing-page .social-icon a { + background: #1ab394; + color: #fff; + padding: 4px 8px; + height: 28px; + width: 28px; + display: block; + border-radius: 50px; +} +.landing-page .social-icon a:hover { + background: #179d82; +} +.landing-page .img-small { + height: 88px; + width: 88px; +} +.landing-page .pricing-plan { + margin: 20px 30px 0 30px; + border-radius: 4px; +} +.landing-page .pricing-plan.selected { + transform: scale(1.1); + background: #f4f4f4; +} +.landing-page .pricing-plan li { + padding: 10px 16px; + border-top: 1px solid #e7eaec; + text-align: center; + color: #aeaeae; +} +.landing-page .pricing-plan .pricing-price span { + font-weight: 700; + color: #1ab394; +} +.landing-page li.pricing-desc { + font-size: 13px; + border-top: none; + padding: 20px 16px; +} +.landing-page li.pricing-title { + background: #1ab394; + color: #fff; + padding: 10px; + border-radius: 4px 4px 0 0; + font-size: 22px; + font-weight: 600; +} +.landing-page .testimonials { + padding-top: 80px; + padding-bottom: 90px; + background-color: #1ab394; + background-image: url('../../images/landing/avatar_all.png'); +} +.landing-page .big-icon { + font-size: 56px !important; +} +.landing-page .features .big-icon { + color: #1ab394 !important; +} +.landing-page .contact { + /*background-image: url('../../images/word_map.png');*/ + background-position: 50% 50%; + background-repeat: no-repeat; + margin-top: 60px; +} +.landing-page section.timeline { + padding-bottom: 30px; +} +.landing-page section.comments { + padding-bottom: 80px; +} +.landing-page .comments-avatar { + margin-top: 25px; + margin-left: 22px; +} +.landing-page .comments-avatar .commens-name { + font-weight: 600; + font-size: 14px; +} +.landing-page .comments-avatar img { + width: 42px; + height: 42px; + border-radius: 50%; + margin-right: 10px; +} +.landing-page .bubble { + position: relative; + height: 120px; + padding: 20px; + background: #FFFFFF; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + font-style: italic; + font-size: 14px; +} +.landing-page .bubble:after { + content: ''; + position: absolute; + border-style: solid; + border-width: 15px 14px 0; + border-color: #FFFFFF transparent; + display: block; + width: 0; + z-index: 1; + bottom: -15px; + left: 30px; +} +.landing-page .btn-primary.btn-outline:hover, +.landing-page .btn-success.btn-outline:hover, +.landing-page .btn-info.btn-outline:hover, +.landing-page .btn-warning.btn-outline:hover, +.landing-page .btn-danger.btn-outline:hover { + color: #fff; +} +.landing-page .btn-primary { + background-color: #1ab394; + border-color: #1ab394; + color: #FFFFFF; + font-size: 14px; + padding: 10px 20px; + font-weight: 600; +} +.landing-page .btn-primary:hover, +.landing-page .btn-primary:focus, +.landing-page .btn-primary:active, +.landing-page .btn-primary.active, +.landing-page .open .dropdown-toggle.btn-primary { + background-color: #179d82; + border-color: #179d82; + color: #FFFFFF; +} +.landing-page .btn-primary:active, +.landing-page .btn-primary.active, +.landing-page .open .dropdown-toggle.btn-primary { + background-image: none; +} +.landing-page .btn-primary.disabled, +.landing-page .btn-primary.disabled:hover, +.landing-page .btn-primary.disabled:focus, +.landing-page .btn-primary.disabled:active, +.landing-page .btn-primary.disabled.active, +.landing-page .btn-primary[disabled], +.landing-page .btn-primary[disabled]:hover, +.landing-page .btn-primary[disabled]:focus, +.landing-page .btn-primary[disabled]:active, +.landing-page .btn-primary.active[disabled], +.landing-page fieldset[disabled] .btn-primary, +.landing-page fieldset[disabled] .btn-primary:hover, +.landing-page fieldset[disabled] .btn-primary:focus, +.landing-page fieldset[disabled] .btn-primary:active, +.landing-page fieldset[disabled] .btn-primary.active { + background-color: #1dc5a3; + border-color: #1dc5a3; +} +@media (min-width: 768px) { + .landing-page { + /* Navbar positioning foo */ + /* The navbar becomes detached from the top, so we round the corners */ + /* Bump up size of carousel content */ + } + .landing-page .navbar-wrapper { + margin-top: 20px; + } + .landing-page .navbar-wrapper .container { + padding-right: 15px; + padding-left: 15px; + } + .landing-page .navbar-wrapper .navbar { + padding-right: 0; + padding-left: 0; + } + .landing-page .navbar-wrapper .navbar { + border-radius: 4px; + } + .landing-page .carousel-caption p { + margin-bottom: 20px; + font-size: 14px; + line-height: 1.4; + } + .landing-page .featurette-heading { + font-size: 50px; + } +} +@media (max-width: 992px) { + .landing-page .carousel-image { + display: none; + } +} +@media (max-width: 768px) { + .landing-page .carousel-caption, + .landing-page .carousel-caption.blank { + left: 5%; + top: 80px; + } + .landing-page .carousel-caption h1 { + font-size: 28px; + } + .landing-page .navbar.navbar-scroll .navbar-brand { + margin-top: 6px; + } + .landing-page .navbar-default { + background-color: #fff; + border-color: #fff; + padding: 15px 0; + } + .landing-page .navbar-default .navbar-nav > .active > a:focus { + background: transparent; + color: inherit; + } + .landing-page .navbar-default .nav li a { + color: #676a6c; + } + .landing-page .navbar-default .nav li a:hover { + color: #1ab394; + } + .landing-page .navbar-wrapper .navbar { + padding-top: 0; + padding-bottom: 5px; + border-bottom: 1px solid #e7eaec; + border-radius: 0; + } + .landing-page .nav > li > a { + padding: 25px 10px 15px 10px; + } + .landing-page .navbar-nav > li > a { + padding: 20px 10px; + } + .landing-page .navbar .navbar-brand { + margin-top: 6px; + border-radius: 5px; + font-size: 12px; + padding: 10px; + height: auto; + } + .landing-page .navbar-wrapper .navbar { + padding-left: 15px; + padding-right: 5px; + } + .landing-page .navbar-default .navbar-nav > .active > a, + .landing-page .navbar-default .navbar-nav > .active > a:hover { + color: inherit; + } + .landing-page .carousel-control { + display: none; + } +} +@media (min-width: 992px) { + .landing-page .featurette-heading { + margin-top: 120px; + } +} +@media (max-width: 768px) { + .landing-page .navbar .navbar-header { + display: block; + float: none; + } + .landing-page .navbar .navbar-header .navbar-toggle { + background-color: #ffffff; + padding: 9px 10px; + border: none; + } +} +body.rtls { + /* Theme config */ +} +body.rtls #page-wrapper { + margin: 0 220px 0 0; +} +body.rtls .nav-second-level li a { + padding: 7px 35px 7px 10px; +} +body.rtls .ibox-title h5 { + float: right; +} +body.rtls .pull-right { + float: left !important; +} +body.rtls .pull-left { + float: right !important; +} +body.rtls .ibox-tools { + float: left; +} +body.rtls .stat-percent { + float: left; +} +body.rtls .navbar-right { + float: left !important; +} +body.rtls .navbar-top-links li:last-child { + margin-left: 40px; + margin-right: 0; +} +body.rtls .minimalize-styl-2 { + float: right; + margin: 14px 20px 5px 5px; +} +body.rtls .feed-element > .pull-left { + margin-left: 10px; + margin-right: 0; +} +body.rtls .timeline-item .date { + text-align: left; +} +body.rtls .timeline-item .date i { + left: 0; + right: auto; +} +body.rtls .timeline-item .content { + border-right: 1px solid #e7eaec; + border-left: none; +} +body.rtls .theme-config { + left: 0; + right: auto; +} +body.rtls .spin-icon { + border-radius: 0 20px 20px 0; +} +body.rtls .toast-close-button { + float: left; +} +body.rtls #toast-container > .toast:before { + margin: auto -1.5em auto 0.5em; +} +body.rtls #toast-container > div { + padding: 15px 50px 15px 15px; +} +body.rtls .center-orientation .vertical-timeline-icon i { + margin-left: 0; + margin-right: -12px; +} +body.rtls .vertical-timeline-icon i { + right: 50%; + left: auto; + margin-left: auto; + margin-right: -12px; +} +body.rtls .file-box { + float: right; +} +body.rtls ul.notes li { + float: right; +} +body.rtls .chat-users, +body.rtls .chat-statistic { + margin-right: -30px; + margin-left: auto; +} +body.rtls .dropdown-menu > li > a { + text-align: right; +} +body.rtls .b-r { + border-left: 1px solid #e7eaec; + border-right: none; +} +body.rtls .dd-list .dd-list { + padding-right: 30px; + padding-left: 0; +} +body.rtls .dd-item > button { + float: right; +} +body.rtls .theme-config-box { + margin-left: -220px; + margin-right: 0; +} +body.rtls .theme-config-box.show { + margin-left: 0; + margin-right: 0; +} +body.rtls .spin-icon { + right: 0; + left: auto; +} +body.rtls .skin-setttings { + margin-right: 40px; + margin-left: 0; +} +body.rtls .skin-setttings { + direction: ltr; +} +body.rtls .footer.fixed { + margin-right: 220px; + margin-left: 0; +} +@media (max-width: 992px) { + body.rtls .chat-users, + body.rtls .chat-statistic { + margin-right: 0; + } +} +body.rtls.mini-navbar .footer.fixed, +body.body-small.mini-navbar .footer.fixed { + margin: 0 70px 0 0; +} +body.rtls.mini-navbar.fixed-sidebar .footer.fixed, +body.body-small.mini-navbar .footer.fixed { + margin: 0 0 0 0; +} +body.rtls.top-navigation .navbar-toggle { + float: right; + margin-left: 15px; + margin-right: 15px; +} +.body-small.rtls.top-navigation .navbar-header { + float: none; +} +body.rtls.top-navigation #page-wrapper { + margin: 0; +} +body.rtls.mini-navbar #page-wrapper { + margin: 0 70px 0 0; +} +body.rtls.mini-navbar.fixed-sidebar #page-wrapper { + margin: 0 0 0 0; +} +body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper { + margin: 0 220px 0 0; +} +body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side { + width: 220px; +} +.body-small.rtls .navbar-fixed-top { + margin-right: 0; +} +.body-small.rtls .navbar-header { + float: right; +} +body.rtls .navbar-top-links li:last-child { + margin-left: 20px; +} +body.rtls .top-navigation #page-wrapper, +body.rtls.mini-navbar .top-navigation #page-wrapper, +body.rtls.mini-navbar.top-navigation #page-wrapper { + margin: 0; +} +body.rtls .top-navigation .footer.fixed, +body.rtls.top-navigation .footer.fixed { + margin: 0; +} +@media (max-width: 768px) { + body.rtls .navbar-top-links li:last-child { + margin-left: 20px; + } + .body-small.rtls #page-wrapper { + position: inherit; + margin: 0 0 0 0; + min-height: 1000px; + } + .body-small.rtls .navbar-static-side { + display: none; + z-index: 2001; + position: absolute; + width: 70px; + } + .body-small.rtls.mini-navbar .navbar-static-side { + display: block; + } + .rtls.fixed-sidebar.body-small .navbar-static-side { + display: none; + z-index: 2001; + position: fixed; + width: 220px; + } + .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side { + display: block; + } +} +.rtls .ltr-support { + direction: ltr; +} +.rtls.mini-navbar .nav-second-level, +.rtls.mini-navbar li.active .nav-second-level { + left: auto; + right: 70px; +} +.rtls #right-sidebar { + left: -260px; + right: auto; +} +.rtls #right-sidebar.sidebar-open { + left: 0; +} +/* + * + * This is style for skin config + * Use only in demo theme + * +*/ +.theme-config { + position: absolute; + top: 90px; + right: 0; + overflow: hidden; +} +.theme-config-box { + margin-right: -220px; + position: relative; + z-index: 2000; + transition-duration: 0.8s; +} +.theme-config-box.show { + margin-right: 0; +} +.spin-icon { + background: #1ab394; + position: absolute; + padding: 7px 10px 7px 13px; + border-radius: 20px 0 0 20px; + font-size: 16px; + top: 0; + left: 0; + width: 40px; + color: #fff; + cursor: pointer; +} +.skin-setttings { + width: 220px; + margin-left: 40px; + background: #f3f3f4; +} +.skin-setttings .title { + background: #efefef; + text-align: center; + text-transform: uppercase; + font-weight: 600; + display: block; + padding: 10px 15px; + font-size: 12px; +} +.setings-item { + padding: 10px 30px; +} +.setings-item.skin { + text-align: center; +} +.setings-item .switch { + float: right; +} +.skin-name a { + text-transform: uppercase; +} +.setings-item a { + color: #fff; +} +.default-skin, +.blue-skin, +.ultra-skin, +.yellow-skin { + text-align: center; +} +.default-skin { + font-weight: 600; + background: #283A49; +} +.default-skin:hover { + background: #1e2e3d; +} +.blue-skin { + font-weight: 600; + background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0; +} +.blue-skin:hover { + background: #0d8ddb; +} +.yellow-skin { + font-weight: 600; + background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%; +} +.yellow-skin:hover { + background: #ce8735; +} +.ultra-skin { + padding: 20px 10px; + font-weight: 600; + background: url("patterns/3.png") repeat scroll 0 0; +} +.ultra-skin:hover { + background: url("patterns/4.png") repeat scroll 0 0; +} +/* + * + * SKIN 1 - INSPINIA - Responsive Admin Theme + * NAME - Blue light + * +*/ +.skin-1 .minimalize-styl-2 { + margin: 14px 5px 5px 30px; +} +.skin-1 .navbar-top-links li:last-child { + margin-right: 30px; +} +.skin-1.fixed-nav .minimalize-styl-2 { + margin: 14px 5px 5px 15px; +} +.skin-1 .spin-icon { + background: #0e9aef !important; +} +.skin-1 .nav-header { + background: #0e9aef; + background: url('patterns/header-profile-skin-1.png'); +} +.skin-1.mini-navbar .nav-second-level { + background: #3e495f; +} +.skin-1 .breadcrumb { + background: transparent; +} +.skin-1 .page-heading { + border: none; +} +.skin-1 .nav > li.active { + background: #3a4459; +} +.skin-1 .nav > li > a { + color: #9ea6b9; +} +.skin-1 .nav > li.active > a { + color: #fff; +} +.skin-1 .navbar-minimalize { + background: #0e9aef; + border-color: #0e9aef; +} +body.skin-1 { + background: #3e495f; +} +.skin-1 .navbar-static-top { + background: #ffffff; +} +.skin-1 .dashboard-header { + background: transparent; + border-bottom: none !important; + border-top: none; + padding: 20px 30px 10px 30px; +} +.fixed-nav.skin-1 .navbar-fixed-top { + background: #fff; +} +.skin-1 .wrapper-content { + padding: 30px 15px; +} +.skin-1 #page-wrapper { + background: #f4f6fa; +} +.skin-1 .ibox-title, +.skin-1 .ibox-content { + border-width: 1px; +} +.skin-1 .ibox-content:last-child { + border-style: solid solid solid solid; +} +.skin-1 .nav > li.active { + border: none; +} +.skin-1 .nav-header { + padding: 35px 25px 25px 25px; +} +.skin-1 .nav-header a.dropdown-toggle { + color: #fff; + margin-top: 10px; +} +.skin-1 .nav-header a.dropdown-toggle .text-muted { + color: #fff; + opacity: 0.8; +} +.skin-1 .profile-element { + text-align: center; +} +.skin-1 .img-circle { + border-radius: 5px; +} +.skin-1 .navbar-default .nav > li > a:hover, +.skin-1 .navbar-default .nav > li > a:focus { + background: #3a4459; + color: #fff; +} +.skin-1 .nav.nav-tabs > li.active > a { + color: #555; +} +.skin-1 .nav.nav-tabs > li.active { + background: transparent; +} +/* + * + * SKIN 2 - INSPINIA - Responsive Admin Theme + * NAME - Inspinia Ultra + * +*/ +body.skin-2 { + color: #565758 !important; +} +.skin-2 .minimalize-styl-2 { + margin: 14px 5px 5px 25px; +} +.skin-2 .navbar-top-links li:last-child { + margin-right: 25px; +} +.skin-2 .spin-icon { + background: #23c6c8 !important; +} +.skin-2 .nav-header { + background: #23c6c8; + background: url('patterns/header-profile-skin-2.png'); +} +.skin-2.mini-navbar .nav-second-level { + background: #ededed; +} +.skin-2 .breadcrumb { + background: transparent; +} +.skin-2.fixed-nav .minimalize-styl-2 { + margin: 14px 5px 5px 15px; +} +.skin-2 .page-heading { + border: none; + background: rgba(255, 255, 255, 0.7); +} +.skin-2 .nav > li.active { + background: #e0e0e0; +} +.skin-2 .logo-element { + padding: 17px 0; +} +.skin-2 .nav > li > a, +.skin-2 .welcome-message { + color: #edf6ff; +} +.skin-2 #top-search::-moz-placeholder { + color: #edf6ff; + opacity: 0.5; +} +.skin-2 #side-menu > li > a, +.skin-2 .nav.nav-second-level > li > a { + color: #586b7d; +} +.skin-2 .nav > li.active > a { + color: #213a53; +} +.skin-2.mini-navbar .nav-header { + background: #213a53; +} +.skin-2 .navbar-minimalize { + background: #23c6c8; + border-color: #23c6c8; +} +.skin-2 .border-bottom { + border-bottom: none !important; +} +.skin-2 #top-search { + color: #fff; +} +body.skin-2 #wrapper { + background-color: #ededed; +} +.skin-2 .navbar-static-top { + background: #213a53; +} +.fixed-nav.skin-2 .navbar-fixed-top { + background: #213a53; + border-bottom: none !important; +} +.skin-2 .nav-header { + padding: 30px 25px 30px 25px; +} +.skin-2 .dashboard-header { + background: rgba(255, 255, 255, 0.4); + border-bottom: none !important; + border-top: none; + padding: 20px 30px 20px 30px; +} +.skin-2 .wrapper-content { + padding: 30px 15px; +} +.skin-2 .dashoard-1 .wrapper-content { + padding: 0 30px 25px 30px; +} +.skin-2 .ibox-title { + background: rgba(255, 255, 255, 0.7); + border: none; + margin-bottom: 1px; +} +.skin-2 .ibox-content { + background: rgba(255, 255, 255, 0.4); + border: none !important; +} +.skin-2 #page-wrapper { + background: #f6f6f6; + background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); + background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); + background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); + background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)"; +} +.skin-2 .ibox-title, +.skin-2 .ibox-content { + border-width: 1px; +} +.skin-2 .ibox-content:last-child { + border-style: solid solid solid solid; +} +.skin-2 .nav > li.active { + border: none; +} +.skin-2 .nav-header a.dropdown-toggle { + color: #edf6ff; + margin-top: 10px; +} +.skin-2 .nav-header a.dropdown-toggle .text-muted { + color: #edf6ff; + opacity: 0.8; +} +.skin-2 .img-circle { + border-radius: 10px; +} +.skin-2 .nav.navbar-top-links > li > a:hover, +.skin-2 .nav.navbar-top-links > li > a:focus { + background: #1a2d41; +} +.skin-2 .navbar-default .nav > li > a:hover, +.skin-2 .navbar-default .nav > li > a:focus { + background: #e0e0e0; + color: #213a53; +} +.skin-2 .nav.nav-tabs > li.active > a { + color: #555; +} +.skin-2 .nav.nav-tabs > li.active { + background: transparent; +} +/* + * + * SKIN 3 - INSPINIA - Responsive Admin Theme + * NAME - Yellow/purple + * +*/ +.skin-3 .minimalize-styl-2 { + margin: 14px 5px 5px 30px; +} +.skin-3 .navbar-top-links li:last-child { + margin-right: 30px; +} +.skin-3.fixed-nav .minimalize-styl-2 { + margin: 14px 5px 5px 15px; +} +.skin-3 .spin-icon { + background: #ecba52 !important; +} +body.boxed-layout.skin-3 #wrapper { + background: #3e2c42; +} +.skin-3 .nav-header { + background: #ecba52; + background: url('patterns/header-profile-skin-3.png'); +} +.skin-3.mini-navbar .nav-second-level { + background: #3e2c42; +} +.skin-3 .breadcrumb { + background: transparent; +} +.skin-3 .page-heading { + border: none; +} +.skin-3 .nav > li.active { + background: #38283c; +} +.fixed-nav.skin-3 .navbar-fixed-top { + background: #fff; +} +.skin-3 .nav > li > a { + color: #948b96; +} +.skin-3 .nav > li.active > a { + color: #fff; +} +.skin-3 .navbar-minimalize { + background: #ecba52; + border-color: #ecba52; +} +body.skin-3 { + background: #3e2c42; +} +.skin-3 .navbar-static-top { + background: #ffffff; +} +.skin-3 .dashboard-header { + background: transparent; + border-bottom: none !important; + border-top: none; + padding: 20px 30px 10px 30px; +} +.skin-3 .wrapper-content { + padding: 30px 15px; +} +.skin-3 #page-wrapper { + background: #f4f6fa; +} +.skin-3 .ibox-title, +.skin-3 .ibox-content { + border-width: 1px; +} +.skin-3 .ibox-content:last-child { + border-style: solid solid solid solid; +} +.skin-3 .nav > li.active { + border: none; +} +.skin-3 .nav-header { + padding: 35px 25px 25px 25px; +} +.skin-3 .nav-header a.dropdown-toggle { + color: #fff; + margin-top: 10px; +} +.skin-3 .nav-header a.dropdown-toggle .text-muted { + color: #fff; + opacity: 0.8; +} +.skin-3 .profile-element { + text-align: center; +} +.skin-3 .img-circle { + border-radius: 5px; +} +.skin-3 .navbar-default .nav > li > a:hover, +.skin-3 .navbar-default .nav > li > a:focus { + background: #38283c; + color: #fff; +} +.skin-3 .nav.nav-tabs > li.active > a { + color: #555; +} +.skin-3 .nav.nav-tabs > li.active { + background: transparent; +} +body.md-skin { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + background-color: #ffffff; +} +.md-skin .nav-header { + background: url("patterns/4.png") no-repeat; +} +.md-skin .label, +.md-skin .badge { + font-family: 'Roboto'; +} +.md-skin .font-bold { + font-weight: 500; +} +.md-skin .wrapper-content { + padding: 30px 20px 40px; +} +@media (max-width: 768px) { + .md-skin .wrapper-content { + padding: 30px 0 40px; + } +} +.md-skin .page-heading { + border-bottom: none !important; + border-top: 0; + padding: 0 10px 20px 10px; + box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14); +} +.md-skin .full-height-layout .page-heading { + border-bottom: 1px solid #e7eaec !important; +} +.md-skin .ibox { + clear: both; + margin-bottom: 25px; + margin-top: 0; + padding: 0; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.md-skin .ibox.border-bottom { + border-bottom: none !important; +} +.md-skin .ibox-title, +.md-skin .ibox-content { + border-style: none; +} +.md-skin .ibox-title h5 { + font-size: 16px; + font-weight: 400; +} +.md-skin a.close-canvas-menu { + color: #ffffff; +} +.md-skin .welcome-message { + color: #ffffff; + font-weight: 300; +} +.md-skin #top-search::-moz-placeholder { + color: #ffffff; +} +.md-skin #top-search::-webkit-input-placeholder { + color: #ffffff; +} +.md-skin #nestable-output, +.md-skin #nestable2-output { + font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif; +} +.md-skin .landing-page { + font-family: 'Roboto', helvetica, arial, sans-serif; +} +.md-skin .landing-page.navbar-default.navbar-scroll { + background-color: #fff !important; +} +.md-skin .landing-page.navbar-default { + background-color: transparent !important; + box-shadow: none; +} +.md-skin .landing-page.navbar-default .nav li a { + font-family: 'Roboto', helvetica, arial, sans-serif; +} +.md-skin .nav > li > a { + color: #676a6c; + padding: 14px 20px 14px 25px; +} +.md-skin .nav.navbar-right > li > a { + color: #ffffff; +} +.md-skin .nav > li.active > a { + color: #5b5d5f; + font-weight: 700; +} +.md-skin .navbar-default .nav > li > a:hover, +.md-skin .navbar-default .nav > li > a:focus { + font-weight: 700; + color: #5b5d5f; +} +.md-skin .nav .open > a, +.md-skin .nav .open > a:hover, +.md-skin .nav .open > a:focus { + background: #1ab394; +} +.md-skin .navbar-top-links li { + display: inline-table; +} +.md-skin .navbar-top-links .dropdown-menu li { + display: block; +} +.md-skin .pace-done .nav-header { + transition: all 0.4s; +} +.md-skin .nav > li.active { + background: #f8f8f9; +} +.md-skin .nav-second-level li a { + padding: 7px 10px 7px 52px; +} +.md-skin .navbar-top-links li a { + padding: 20px 10px; + min-height: 50px; +} +.md-skin .nav > li > a { + font-weight: 400; +} +.md-skin .navbar-static-side .nav > li > a:focus, +.md-skin .navbar-static-side .nav > li > a:hover { + background-color: inherit; +} +.md-skin .navbar-top-links .dropdown-menu li a { + padding: 3px 20px; + min-height: inherit; +} +.md-skin .nav-header .navbar-fixed-top a { + color: #ffffff; +} +.md-skin .nav-header .text-muted { + color: #ffffff; +} +.md-skin .navbar-form-custom .form-control { + font-weight: 300; +} +.md-skin .mini-navbar .nav-second-level { + background-color: inherit; +} +.md-skin .mini-navbar li.active .nav-second-level { + left: 65px; +} +.md-skin .canvas-menu.mini-navbar .nav-second-level { + background: inherit; +} +.md-skin .pace-done .navbar-static-side, +.md-skin .pace-done .nav-header, +.md-skin .pace-done li.active, +.md-skin .pace-done #page-wrapper, +.md-skin .pace-done .footer { + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; +} +.md-skin .navbar-fixed-top { + background: #fff; + transition-duration: 0.4s; + z-index: 2030; + border-bottom: none !important; +} +.md-skin .navbar-fixed-top, +.md-skin .navbar-static-top { + background-color: #1ab394 !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.md-skin .navbar-static-side { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.md-skin #right-sidebar { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border: none; + z-index: 900; +} +.md-skin .white-bg .navbar-fixed-top, +.md-skin .white-bg .navbar-static-top { + background: #fff !important; +} +.md-skin .contact-box { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border: none; +} +.md-skin .dashboard-header { + border-bottom: none !important; + border-top: 0; + padding: 20px 20px 20px 20px; + margin: 30px 20px 0 20px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +@media (max-width: 768px) { + .md-skin .dashboard-header { + margin: 20px 0 0 0; + } +} +.md-skin ul.notes li div { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.md-skin .file { + border: none; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.md-skin .mail-box { + background-color: #ffffff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + padding: 0; + margin-bottom: 20px; + border: none; +} +.md-skin .mail-box-header { + border: none; + background-color: #ffffff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + padding: 30px 20px 20px 20px; +} +.md-skin .mailbox-content { + border: none; + padding: 20px; + background: #ffffff; +} +.md-skin .social-feed-box { + border: none; + background: #fff; + margin-bottom: 15px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.md-skin.landing-page .navbar-default { + background-color: transparent !important; + border-color: transparent; + transition: all 0.3s ease-in-out 0s; + box-shadow: none; +} +.md-skin.landing-page .navbar-default.navbar-scroll, +.md-skin.landing-page.body-small .navbar-default { + background-color: #ffffff !important; +} +.md-skin.landing-page .nav > li.active { + background: inherit; +} +.md-skin.landing-page .navbar-scroll .navbar-nav > li > a { + padding: 20px 10px; +} +.md-skin.landing-page .navbar-default .nav li a { + font-family: 'Roboto', helvetica, arial, sans-serif; +} +.md-skin.landing-page .nav > li > a { + padding: 25px 10px 15px 10px; +} +.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover, +.md-skin.landing-page .navbar-default .navbar-nav > li > a:focus { + background: inherit; + color: #1ab394; +} +.md-skin.landing-page.body-small .nav.navbar-right > li > a { + color: #676a6c; +} +.md-skin .landing_link a, +.md-skin .special_link a { + color: #ffffff !important; +} +.md-skin.canvas-menu.mini-navbar .nav-second-level { + background: #f8f8f9; +} +.md-skin.mini-navbar .nav-second-level { + background-color: #ffffff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.md-skin.mini-navbar .nav-second-level li a { + padding-left: 0; +} +.md-skin.mini-navbar.fixed-sidebar .nav-second-level li a { + padding-left: 52px; +} +.md-skin.top-navigation .nav.navbar-right > li > a { + padding: 15px 20px; + color: #676a6c; +} +.md-skin.top-navigation .nav > li a:hover, +.md-skin .top-navigation .nav > li a:focus, +.md-skin.top-navigation .nav .open > a, +.md-skin.top-navigation .nav .open > a:hover, +.md-skin.top-navigation .nav .open > a:focus { + color: #1ab394; + background: #ffffff; +} +.md-skin.top-navigation .nav > li.active a { + color: #1ab394; + background: #ffffff; +} +.md-skin.fixed-nav #wrapper.top-navigation #page-wrapper { + margin-top: 0; +} +.md-skin.fixed-sidebar.mini-navbar .navbar-static-side { + width: 0; +} +.md-skin.fixed-sidebar.mini-navbar #page-wrapper { + margin: 0 0 0 0; +} +.md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper { + margin: 0 0 0 0; +} +.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side { + width: 220px; + background-color: #ffffff; +} +.md-skin.canvas-menu nav.navbar-static-side { + z-index: 2001; + background: #ffffff; + height: 100%; + position: fixed; + display: none; +} +@media (min-width: 768px) { + #page-wrapper { + position: inherit; + margin: 0 0 0 220px; + min-height: 1200px; + } + .navbar-static-side { + z-index: 2001; + position: absolute; + width: 220px; + } + .navbar-top-links .dropdown-messages, + .navbar-top-links .dropdown-tasks, + .navbar-top-links .dropdown-alerts { + margin-left: auto; + } +} +@media (max-width: 768px) { + #page-wrapper { + position: inherit; + margin: 0 0 0 0; + min-height: 1000px; + } + .body-small .navbar-static-side { + display: none; + z-index: 2001; + position: absolute; + width: 70px; + } + .body-small.mini-navbar .navbar-static-side { + display: block; + } + .lock-word { + display: none; + } + .navbar-form-custom { + display: none; + } + .navbar-header { + display: inline; + float: left; + } + .sidebard-panel { + z-index: 2; + position: relative; + width: auto; + min-height: 100% !important; + } + .sidebar-content .wrapper { + padding-right: 0; + z-index: 1; + } + .fixed-sidebar.body-small .navbar-static-side { + display: none; + z-index: 2001; + position: fixed; + width: 220px; + } + .fixed-sidebar.body-small.mini-navbar .navbar-static-side { + display: block; + } + .ibox-tools { + float: none; + text-align: right; + display: block; + } +} +@media (max-width: 350px) { + .timeline-item .date { + text-align: left; + width: 110px; + position: relative; + padding-top: 30px; + } + .timeline-item .date i { + position: absolute; + top: 0; + left: 15px; + padding: 5px; + width: 30px; + text-align: center; + border: 1px solid #e7eaec; + background: #f8f8f8; + } + .timeline-item .content { + border-left: none; + border-top: 1px solid #e7eaec; + padding-top: 10px; + min-height: 100px; + } + .nav.navbar-top-links li.dropdown { + display: none; + } + .ibox-tools { + float: none; + text-align: left; + display: inline-block; + } +} +/* Only demo */ +@media (max-width: 1000px) { + .welcome-message { + display: none; + } +} +@media print { + nav.navbar-static-side { + display: none; + } + #page-wrapper { + margin: 0; + } +} |