From fc1141184c9878ec06c1d1f42043232e76a66412 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= Date: Tue, 16 Aug 2016 16:07:14 +0200 Subject: [PATCH] FEATURE #1435: add login and layout of new admin theme --- app/Http/routes.php | 2 +- app/MenuPresenters/MetismenuPresenter.php | 82 + config/menus.php | 1 + resources/assets/admin/css/app-blue.css | 2772 + resources/assets/admin/css/app-custom.css | 2772 + resources/assets/admin/css/app-green.css | 2772 + resources/assets/admin/css/app-orange.css | 2772 + resources/assets/admin/css/app-purple.css | 2772 + resources/assets/admin/css/app-red.css | 2772 + resources/assets/admin/css/app-seagreen.css | 2772 + resources/assets/admin/css/app.css | 2772 + .../assets/admin/css/font-awesome.min.css | 4 + resources/assets/admin/css/vendor.css | 12999 ++++ resources/assets/admin/js/app.js | 1361 + resources/assets/admin/js/vendor.js | 57634 ++++++++++++++++ resources/lang/cs/admin/loginForm.php | 17 +- resources/lang/en/admin/loginForm.php | 5 +- .../views/admin/content/overview.blade.php | 193 +- resources/views/admin/layout.blade.php | 105 +- .../admin/layoutWithNavigation.blade.php | 257 + resources/views/admin/loginForm.blade.php | 47 + .../actionLog/overview.blade.php | 0 .../content/edit.blade.php | 0 .../content/editForm.blade.php | 0 .../content/formInputs.blade.php | 0 .../content/formParts/appearance.blade.php | 0 .../formParts/basicInformation.blade.php | 0 .../content/formParts/files.blade.php | 0 .../formParts/metaInformation.blade.php | 0 .../formParts/publicationSetup.blade.php | 0 .../content/new.blade.php | 0 .../content/newForm.blade.php | 0 .../old_admin/content/overview.blade.php | 39 + .../content/overviewTiles.blade.php | 0 .../customFields/edit.blade.php | 0 .../customFields/editForm.blade.php | 0 .../customFields/new.blade.php | 0 .../customFields/newForm.blade.php | 0 .../customFields/overview.blade.php | 0 .../{admin => old_admin}/dashboard.blade.php | 0 .../directories/editForm.blade.php | 0 .../fileManager/directories/newForm.blade.php | 0 .../directories/subdirectoriesTiles.blade.php | 0 .../fileManager/edit.blade.php | 0 .../fileManager/editForm.blade.php | 0 .../fileManager/filesTiles.blade.php | 0 .../fileManager/newFileForm.blade.php | 0 .../fileManager/overview.blade.php | 0 .../history/diff.blade.php | 0 .../history/overview.blade.php | 0 resources/views/old_admin/layout.blade.php | 75 + .../loginForm/form.blade.php | 0 .../search/form.blade.php | 0 .../search/miniSearchForm.blade.php | 0 .../search/page.blade.php | 0 .../search/results.blade.php | 0 .../search/results/content.blade.php | 0 .../settings/overview.blade.php | 0 .../settings/parts/basic.blade.php | 0 .../settings/parts/meta.blade.php | 0 .../settings/parts/social.blade.php | 0 .../snippets/commonSettings.blade.php | 0 .../snippets/aceEditor.blade.php | 0 .../snippets/ckEditor.blade.php | 0 .../templates/directoriesList.blade.php | 0 .../templates/edit.blade.php | 0 .../templates/editForm.blade.php | 0 .../templates/list.blade.php | 0 .../templates/templatesTiles.blade.php | 0 .../userManagement/detail.blade.php | 0 .../userManagement/edit.blade.php | 0 .../userManagement/editForm.blade.php | 0 .../userManagement/new.blade.php | 0 .../userManagement/newForm.blade.php | 0 .../userManagement/overview.blade.php | 0 .../widgets/area/edit.blade.php | 0 .../widgets/area/editForm.blade.php | 0 .../widgets/area/new.blade.php | 0 .../widgets/area/newForm.blade.php | 0 .../widgets/area/overview.blade.php | 0 .../widgets/association.blade.php | 0 .../widgets/htmlCode/edit.blade.php | 0 .../widgets/htmlCode/editForm.blade.php | 0 .../widgets/htmlCode/new.blade.php | 0 .../widgets/htmlCode/newForm.blade.php | 0 .../menu/advanced/extensions/edit.blade.php | 0 .../menu/advanced/extensions/form.blade.php | 0 .../menu/advanced/extensions/new.blade.php | 0 .../menu/advanced/extensions/url.blade.php | 0 .../widgets/menu/edit.blade.php | 0 .../widgets/menu/form.blade.php | 0 .../widgets/menu/new.blade.php | 0 .../widgets/orbitSlider/edit.blade.php | 0 .../widgets/orbitSlider/form.blade.php | 0 .../widgets/orbitSlider/new.blade.php | 0 .../widgets/overview.blade.php | 0 .../cwbs/modules/Article/content.blade.php | 9 + 97 files changed, 94901 insertions(+), 105 deletions(-) create mode 100644 app/MenuPresenters/MetismenuPresenter.php create mode 100644 resources/assets/admin/css/app-blue.css create mode 100644 resources/assets/admin/css/app-custom.css create mode 100644 resources/assets/admin/css/app-green.css create mode 100644 resources/assets/admin/css/app-orange.css create mode 100644 resources/assets/admin/css/app-purple.css create mode 100644 resources/assets/admin/css/app-red.css create mode 100644 resources/assets/admin/css/app-seagreen.css create mode 100644 resources/assets/admin/css/app.css create mode 100644 resources/assets/admin/css/font-awesome.min.css create mode 100644 resources/assets/admin/css/vendor.css create mode 100644 resources/assets/admin/js/app.js create mode 100644 resources/assets/admin/js/vendor.js create mode 100644 resources/views/admin/layoutWithNavigation.blade.php create mode 100644 resources/views/admin/loginForm.blade.php rename resources/views/{admin => old_admin}/actionLog/overview.blade.php (100%) rename resources/views/{admin => old_admin}/content/edit.blade.php (100%) rename resources/views/{admin => old_admin}/content/editForm.blade.php (100%) rename resources/views/{admin => old_admin}/content/formInputs.blade.php (100%) rename resources/views/{admin => old_admin}/content/formParts/appearance.blade.php (100%) rename resources/views/{admin => old_admin}/content/formParts/basicInformation.blade.php (100%) rename resources/views/{admin => old_admin}/content/formParts/files.blade.php (100%) rename resources/views/{admin => old_admin}/content/formParts/metaInformation.blade.php (100%) rename resources/views/{admin => old_admin}/content/formParts/publicationSetup.blade.php (100%) rename resources/views/{admin => old_admin}/content/new.blade.php (100%) rename resources/views/{admin => old_admin}/content/newForm.blade.php (100%) create mode 100644 resources/views/old_admin/content/overview.blade.php rename resources/views/{admin => old_admin}/content/overviewTiles.blade.php (100%) rename resources/views/{admin => old_admin}/customFields/edit.blade.php (100%) rename resources/views/{admin => old_admin}/customFields/editForm.blade.php (100%) rename resources/views/{admin => old_admin}/customFields/new.blade.php (100%) rename resources/views/{admin => old_admin}/customFields/newForm.blade.php (100%) rename resources/views/{admin => old_admin}/customFields/overview.blade.php (100%) rename resources/views/{admin => old_admin}/dashboard.blade.php (100%) rename resources/views/{admin => old_admin}/fileManager/directories/editForm.blade.php (100%) rename resources/views/{admin => old_admin}/fileManager/directories/newForm.blade.php (100%) rename resources/views/{admin => old_admin}/fileManager/directories/subdirectoriesTiles.blade.php (100%) rename resources/views/{admin => old_admin}/fileManager/edit.blade.php (100%) rename resources/views/{admin => old_admin}/fileManager/editForm.blade.php (100%) rename resources/views/{admin => old_admin}/fileManager/filesTiles.blade.php (100%) rename resources/views/{admin => old_admin}/fileManager/newFileForm.blade.php (100%) rename resources/views/{admin => old_admin}/fileManager/overview.blade.php (100%) rename resources/views/{admin => old_admin}/history/diff.blade.php (100%) rename resources/views/{admin => old_admin}/history/overview.blade.php (100%) create mode 100644 resources/views/old_admin/layout.blade.php rename resources/views/{admin => old_admin}/loginForm/form.blade.php (100%) rename resources/views/{admin => old_admin}/search/form.blade.php (100%) rename resources/views/{admin => old_admin}/search/miniSearchForm.blade.php (100%) rename resources/views/{admin => old_admin}/search/page.blade.php (100%) rename resources/views/{admin => old_admin}/search/results.blade.php (100%) rename resources/views/{admin => old_admin}/search/results/content.blade.php (100%) rename resources/views/{admin => old_admin}/settings/overview.blade.php (100%) rename resources/views/{admin => old_admin}/settings/parts/basic.blade.php (100%) rename resources/views/{admin => old_admin}/settings/parts/meta.blade.php (100%) rename resources/views/{admin => old_admin}/settings/parts/social.blade.php (100%) rename resources/views/{admin => old_admin}/settings/snippets/commonSettings.blade.php (100%) rename resources/views/{admin => old_admin}/snippets/aceEditor.blade.php (100%) rename resources/views/{admin => old_admin}/snippets/ckEditor.blade.php (100%) rename resources/views/{admin => old_admin}/templates/directoriesList.blade.php (100%) rename resources/views/{admin => old_admin}/templates/edit.blade.php (100%) rename resources/views/{admin => old_admin}/templates/editForm.blade.php (100%) rename resources/views/{admin => old_admin}/templates/list.blade.php (100%) rename resources/views/{admin => old_admin}/templates/templatesTiles.blade.php (100%) rename resources/views/{admin => old_admin}/userManagement/detail.blade.php (100%) rename resources/views/{admin => old_admin}/userManagement/edit.blade.php (100%) rename resources/views/{admin => old_admin}/userManagement/editForm.blade.php (100%) rename resources/views/{admin => old_admin}/userManagement/new.blade.php (100%) rename resources/views/{admin => old_admin}/userManagement/newForm.blade.php (100%) rename resources/views/{admin => old_admin}/userManagement/overview.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/area/edit.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/area/editForm.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/area/new.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/area/newForm.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/area/overview.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/association.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/htmlCode/edit.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/htmlCode/editForm.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/htmlCode/new.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/htmlCode/newForm.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/menu/advanced/extensions/edit.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/menu/advanced/extensions/form.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/menu/advanced/extensions/new.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/menu/advanced/extensions/url.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/menu/edit.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/menu/form.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/menu/new.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/orbitSlider/edit.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/orbitSlider/form.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/orbitSlider/new.blade.php (100%) rename resources/views/{admin => old_admin}/widgets/overview.blade.php (100%) create mode 100644 resources/views/visitor/cwbs/modules/Article/content.blade.php diff --git a/app/Http/routes.php b/app/Http/routes.php index 471f47b8..ea01f8ba 100644 --- a/app/Http/routes.php +++ b/app/Http/routes.php @@ -265,7 +265,7 @@ Route::group([ // display login form Route::get('admin/login', function () { - return view('admin.loginForm.form'); + return view('admin.loginForm'); }) ->name('loginForm'); diff --git a/app/MenuPresenters/MetismenuPresenter.php b/app/MenuPresenters/MetismenuPresenter.php new file mode 100644 index 00000000..ed90d52d --- /dev/null +++ b/app/MenuPresenters/MetismenuPresenter.php @@ -0,0 +1,82 @@ +' . PHP_EOL; + } + + /** + * {@inheritdoc } + */ + public function getCloseTagWrapper() + { + return PHP_EOL . '' . PHP_EOL; + } + + /** + * {@inheritdoc } + */ + public function getMenuWithoutDropdownWrapper($item) + { + return 'getActiveState($item) . '>' . $item->getIcon() . ' ' . $item->title . '' . PHP_EOL; + } + + /** + * {@inheritdoc } + */ + public function getActiveState(MenuItem $item) + { + $active = ' class="active open"'; + + if (empty($item->getChilds())) { + // for direct menu input return if page is active + return \Request::is($item->getRequest()) ? $active : null; + } else { + // on nested menu inputs loop over children and in case any of them is active, mark active also root level + foreach ($item->getChilds() as $child) { + if ($this->getActiveState($child)) { + return $active; + } + } + } + + return null; + } + + /** + * {@inheritdoc } + */ + public function getDividerWrapper() + { + return '
  • ' . PHP_EOL; + } + + public function getMultiLevelDropdownWrapper($item) + { + return $this->getMenuWithDropDownWrapper($item); + } + + /** + * {@inheritdoc } + */ + public function getMenuWithDropDownWrapper($item) + { + $active = $this->getActiveState($item); + + return '
  • + ' . $item->getIcon() . ' ' . $item->title . ' +
      + ' . $this->getChildMenuItems($item) . ' +
    +
    • ' . PHP_EOL; + } +} \ No newline at end of file diff --git a/config/menus.php b/config/menus.php index aab7b149..920d1843 100644 --- a/config/menus.php +++ b/config/menus.php @@ -12,6 +12,7 @@ return [ 'foundation-drilldown' => 'App\MenuPresenters\FoundationDrilldownMenuPresenter', 'foundation-dropdown' => 'App\MenuPresenters\FoundationDropdownMenuPresenter', 'foundation-dropdown-initialized' => 'App\MenuPresenters\FoundationInitializedDropdownMenuPresenter', + 'metismenu' => 'App\MenuPresenters\MetismenuPresenter', ], 'ordering' => true, diff --git a/resources/assets/admin/css/app-blue.css b/resources/assets/admin/css/app-blue.css new file mode 100644 index 00000000..3b20bbcf --- /dev/null +++ b/resources/assets/admin/css/app-blue.css @@ -0,0 +1,2772 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #52BCD3; } + +#ref .chart .color-primary { + color: #52BCD3; } + +#ref .chart .color-secondary { + color: #7bccdd; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 110px 30px 90px 30px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 120px 50px 100px 50px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 110px 30px 90px 30px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 65px 10px 65px 10px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #52BCD3; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 30px; } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #52BCD3; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #52BCD3; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #52BCD3; + border-color: #52BCD3; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #3eb4ce; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #52BCD3; + border-color: #52BCD3; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #31a7c1; + border-color: #2fa0b9; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #31a7c1; + border-color: #2fa0b9; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #31a7c1; + border-color: #2fa0b9; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #2a8fa4; + border-color: #227284; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #52BCD3; + border-color: #52BCD3; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #52BCD3; + border-color: #52BCD3; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #52BCD3; + background-image: none; + background-color: transparent; + border-color: #52BCD3; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #52BCD3; + border-color: #52BCD3; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #52BCD3; + border-color: #52BCD3; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #a3dbe8; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #a3dbe8; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #52BCD3; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #52BCD3; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #52BCD3; } + .card.card-primary > .card-header { + background-color: #52BCD3; + border-color: #52BCD3; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #52BCD3 !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #52BCD3; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #52BCD3; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #52BCD3; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #52BCD3; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #52BCD3; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #52BCD3 solid; + color: #52BCD3; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 10px 10px 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + -ms-flex-negative: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + -ms-flex-preferred-size: 30px; + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + -ms-flex-order: -8; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + -ms-flex-preferred-size: 100px; + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + -ms-flex-preferred-size: 120px; + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + -ms-flex-order: -4; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + -ms-flex-order: -3; + order: -3; + -ms-flex-preferred-size: 40px !important; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #52BCD3; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #52BCD3; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #52BCD3; + border-bottom: 2px solid #52BCD3; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +a:not(.btn) { + -webkit-transition: color 0.13s; + transition: color 0.13s; + text-decoration: none; + color: #52BCD3; } + a:not(.btn):hover { + text-decoration: inherit; + color: #2c96ad; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #52BCD3; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #52BCD3; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #52BCD3; + border: 1px solid #52BCD3; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #52BCD3; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #52BCD3; + border-bottom-color: transparent; + background-color: #52BCD3; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #52BCD3; + color: #ffffff; } + +#nprogress .bar { + background: #52BCD3 !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #52BCD3, 0 0 5px #52BCD3; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #52BCD3 !important; + border-left-color: #52BCD3 !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #52BCD3; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #52BCD3; + background-color: #52BCD3; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #3eb4ce; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #52BCD3; } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + .header .header-block { + margin-right: 15px; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #52BCD3; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #52BCD3 !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.flot-chart { + display: block; + height: 225px; } + .flot-chart .flot-chart-content { + width: 100%; + height: 100%; } + .flot-chart .flot-chart-pie-content { + width: 225px; + height: 225px; + margin: auto; } + +.dashboard-page #dashboard-downloads-chart, +.dashboard-page #dashboard-visits-chart { + height: 220px; } + +@media (max-width: 543px) { + .dashboard-page .items .card-header { + border: none; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .dashboard-page .items .card-header .header-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #e9edf0; } } + +.dashboard-page .items .card-header .title { + padding-right: 0px; + margin-right: 5px; } + +.dashboard-page .items .card-header .search { + margin: 0; + vertical-align: middle; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search { + min-width: 50%; } } + .dashboard-page .items .card-header .search .search-input { + border: none; + background-color: inherit; + color: #C2CCD6; + width: 100px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } + .dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + transition: color 0.3s ease; + color: #C2CCD6; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search .search-input { + min-width: 130px; } } + .dashboard-page .items .card-header .search .search-input:focus { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus + .search-icon { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-icon { + color: #C2CCD6; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + padding-right: 6px; } + +.dashboard-page .items .card-header .pagination { + display: inline-block; + margin: 0; } + +.dashboard-page .items .item-list .item-col-title { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.dashboard-page .items .item-list .item-col-date { + text-align: right; } + +@media (min-width: 1200px) { + .dashboard-page .items .item-list .item-col-date { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; } } + +@media (max-width: 767px) { + .dashboard-page .items .item-list .item-row { + padding: 0; } + .dashboard-page .items .item-list .item-col { + padding-left: 10px; + padding-right: 10px; } + .dashboard-page .items .item-list .item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 60px; + flex-basis: 60px; + padding-right: 0; } + .dashboard-page .items .item-list .item-col-stats { + text-align: center; } } + +@media (min-width: 544px) and (max-width: 767px) { + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + position: relative; + padding-top: 35px; } + .dashboard-page .items .item-list .item-heading { + position: absolute; + height: 30px; + width: 100%; + left: 0; + top: 5px; + line-height: 30px; + padding-left: 10px; + padding-right: 10px; } } + +@media (max-width: 543px) { + .dashboard-page .items .item-list .item-col { + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col-img { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; + -webkit-box-ordinal-group: -4; + -ms-flex-order: -5; + order: -5; } + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: calc(100% - 50px); + flex-basis: calc(100% - 50px); } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: left; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { + text-align: left; } + .dashboard-page .items .item-list .item-col-date { + border: none; } } + +.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { + margin: 0 auto; + max-width: 250px; + max-height: 250px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomin, +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + background-color: #52BCD3; + height: 20px; + width: 20px; + line-height: 14px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + top: 32px; } + +.dashboard-page .stats .card-block { + padding-bottom: 0; } + +.dashboard-page .stats .stat-col { + margin-bottom: 20px; + float: left; + white-space: nowrap; + overflow: hidden; } + +.dashboard-page .stats .stat-icon { + color: #52BCD3; + display: inline-block; + font-size: 26px; + text-align: center; + vertical-align: middle; + width: 50px; } + +.dashboard-page .stats .stat-chart { + margin-right: 5px; + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat-chart { + margin-right: 0.6vw; } } + +.dashboard-page .stats .stat { + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .value { + font-size: 1.3vw; } } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .name { + font-size: 0.9vw; } } + +.dashboard-page .stats .stat-progress { + height: 2px; + margin: 5px 0; + color: #52BCD3; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { + background-color: #dddddd; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-value { + background-color: #52BCD3; } + .dashboard-page .stats .stat-progress[value]::-moz-progress-bar { + background-color: #dddddd; } + +.dashboard-page .tasks { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: stretch; + align-content: stretch; } + .dashboard-page .tasks .title-block .title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .dashboard-page .tasks label { + width: 100%; + margin-bottom: 0; } + .dashboard-page .tasks label .checkbox:checked + span { + text-decoration: line-through; } + .dashboard-page .tasks label span { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + .dashboard-page .tasks .tasks-block { + max-height: 400px; + overflow-y: scroll; + overflow-x: hidden; + margin: 0; + margin-right: -5px; } + .dashboard-page .tasks .item-list .item-col { + padding-top: 5px; + padding-bottom: 5px; } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + -ms-flex-positive: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: calc(100% - 40px); + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 79px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons { + display: none; } } + +.header .header-block-collapse { + padding-right: 5px; } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #52BCD3; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #52BCD3; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 30px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 30px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 50px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(82, 188, 211, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(82, 188, 211, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #52BCD3; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #52BCD3; + width: 230px; } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #52BCD3; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #52BCD3; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #52BCD3; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #52BCD3; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #52BCD3; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } diff --git a/resources/assets/admin/css/app-custom.css b/resources/assets/admin/css/app-custom.css new file mode 100644 index 00000000..a3b1afec --- /dev/null +++ b/resources/assets/admin/css/app-custom.css @@ -0,0 +1,2772 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #59c2e6; } + +#ref .chart .color-primary { + color: #59c2e6; } + +#ref .chart .color-secondary { + color: #85d2ed; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 110px 30px 90px 30px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 120px 50px 100px 50px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 110px 30px 90px 30px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 65px 10px 65px 10px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #59c2e6; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 30px; } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #59c2e6; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #59c2e6; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #59c2e6; + border-color: #59c2e6; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #43bae3; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #2db2df; + border-color: #24aede; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #2db2df; + border-color: #24aede; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #2db2df; + border-color: #24aede; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #1e9eca; + border-color: #1982a6; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #59c2e6; + background-image: none; + background-color: transparent; + border-color: #59c2e6; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #b2e3f3; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #b2e3f3; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #59c2e6; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #59c2e6; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #59c2e6; } + .card.card-primary > .card-header { + background-color: #59c2e6; + border-color: #59c2e6; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #59c2e6 !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #59c2e6; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #59c2e6; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #59c2e6; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #59c2e6; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #59c2e6; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #59c2e6 solid; + color: #59c2e6; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 10px 10px 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + -ms-flex-negative: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + -ms-flex-preferred-size: 30px; + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + -ms-flex-order: -8; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + -ms-flex-preferred-size: 100px; + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + -ms-flex-preferred-size: 120px; + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + -ms-flex-order: -4; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + -ms-flex-order: -3; + order: -3; + -ms-flex-preferred-size: 40px !important; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #59c2e6; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #59c2e6; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #59c2e6; + border-bottom: 2px solid #59c2e6; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +a:not(.btn) { + -webkit-transition: color 0.13s; + transition: color 0.13s; + text-decoration: none; + color: #59c2e6; } + a:not(.btn):hover { + text-decoration: inherit; + color: #20a5d3; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #59c2e6; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #59c2e6; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #59c2e6; + border: 1px solid #59c2e6; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #59c2e6; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #59c2e6; + border-bottom-color: transparent; + background-color: #59c2e6; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #59c2e6; + color: #ffffff; } + +#nprogress .bar { + background: #59c2e6 !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #59c2e6, 0 0 5px #59c2e6; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #59c2e6 !important; + border-left-color: #59c2e6 !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #59c2e6; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #59c2e6; + background-color: #59c2e6; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #43bae3; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #59c2e6; } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + .header .header-block { + margin-right: 15px; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #59c2e6; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #59c2e6 !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.flot-chart { + display: block; + height: 225px; } + .flot-chart .flot-chart-content { + width: 100%; + height: 100%; } + .flot-chart .flot-chart-pie-content { + width: 225px; + height: 225px; + margin: auto; } + +.dashboard-page #dashboard-downloads-chart, +.dashboard-page #dashboard-visits-chart { + height: 220px; } + +@media (max-width: 543px) { + .dashboard-page .items .card-header { + border: none; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .dashboard-page .items .card-header .header-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #e9edf0; } } + +.dashboard-page .items .card-header .title { + padding-right: 0px; + margin-right: 5px; } + +.dashboard-page .items .card-header .search { + margin: 0; + vertical-align: middle; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search { + min-width: 50%; } } + .dashboard-page .items .card-header .search .search-input { + border: none; + background-color: inherit; + color: #C2CCD6; + width: 100px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } + .dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + transition: color 0.3s ease; + color: #C2CCD6; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search .search-input { + min-width: 130px; } } + .dashboard-page .items .card-header .search .search-input:focus { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus + .search-icon { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-icon { + color: #C2CCD6; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + padding-right: 6px; } + +.dashboard-page .items .card-header .pagination { + display: inline-block; + margin: 0; } + +.dashboard-page .items .item-list .item-col-title { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.dashboard-page .items .item-list .item-col-date { + text-align: right; } + +@media (min-width: 1200px) { + .dashboard-page .items .item-list .item-col-date { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; } } + +@media (max-width: 767px) { + .dashboard-page .items .item-list .item-row { + padding: 0; } + .dashboard-page .items .item-list .item-col { + padding-left: 10px; + padding-right: 10px; } + .dashboard-page .items .item-list .item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 60px; + flex-basis: 60px; + padding-right: 0; } + .dashboard-page .items .item-list .item-col-stats { + text-align: center; } } + +@media (min-width: 544px) and (max-width: 767px) { + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + position: relative; + padding-top: 35px; } + .dashboard-page .items .item-list .item-heading { + position: absolute; + height: 30px; + width: 100%; + left: 0; + top: 5px; + line-height: 30px; + padding-left: 10px; + padding-right: 10px; } } + +@media (max-width: 543px) { + .dashboard-page .items .item-list .item-col { + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col-img { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; + -webkit-box-ordinal-group: -4; + -ms-flex-order: -5; + order: -5; } + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: calc(100% - 50px); + flex-basis: calc(100% - 50px); } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: left; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { + text-align: left; } + .dashboard-page .items .item-list .item-col-date { + border: none; } } + +.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { + margin: 0 auto; + max-width: 250px; + max-height: 250px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomin, +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + background-color: #59c2e6; + height: 20px; + width: 20px; + line-height: 14px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + top: 32px; } + +.dashboard-page .stats .card-block { + padding-bottom: 0; } + +.dashboard-page .stats .stat-col { + margin-bottom: 20px; + float: left; + white-space: nowrap; + overflow: hidden; } + +.dashboard-page .stats .stat-icon { + color: #59c2e6; + display: inline-block; + font-size: 26px; + text-align: center; + vertical-align: middle; + width: 50px; } + +.dashboard-page .stats .stat-chart { + margin-right: 5px; + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat-chart { + margin-right: 0.6vw; } } + +.dashboard-page .stats .stat { + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .value { + font-size: 1.3vw; } } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .name { + font-size: 0.9vw; } } + +.dashboard-page .stats .stat-progress { + height: 2px; + margin: 5px 0; + color: #59c2e6; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { + background-color: #dddddd; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-value { + background-color: #59c2e6; } + .dashboard-page .stats .stat-progress[value]::-moz-progress-bar { + background-color: #dddddd; } + +.dashboard-page .tasks { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: stretch; + align-content: stretch; } + .dashboard-page .tasks .title-block .title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .dashboard-page .tasks label { + width: 100%; + margin-bottom: 0; } + .dashboard-page .tasks label .checkbox:checked + span { + text-decoration: line-through; } + .dashboard-page .tasks label span { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + .dashboard-page .tasks .tasks-block { + max-height: 400px; + overflow-y: scroll; + overflow-x: hidden; + margin: 0; + margin-right: -5px; } + .dashboard-page .tasks .item-list .item-col { + padding-top: 5px; + padding-bottom: 5px; } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + -ms-flex-positive: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: calc(100% - 40px); + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 79px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons { + display: none; } } + +.header .header-block-collapse { + padding-right: 5px; } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #59c2e6; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #59c2e6; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 30px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 30px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 50px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(89, 194, 230, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(89, 194, 230, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #59c2e6; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #59c2e6; + width: 230px; } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #59c2e6; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #59c2e6; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #59c2e6; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #59c2e6; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #59c2e6; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #59c2e6; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } diff --git a/resources/assets/admin/css/app-green.css b/resources/assets/admin/css/app-green.css new file mode 100644 index 00000000..3e24e7c9 --- /dev/null +++ b/resources/assets/admin/css/app-green.css @@ -0,0 +1,2772 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #85CE36; } + +#ref .chart .color-primary { + color: #85CE36; } + +#ref .chart .color-secondary { + color: #9ed85f; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 110px 30px 90px 30px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 120px 50px 100px 50px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 110px 30px 90px 30px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 65px 10px 65px 10px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #85CE36; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 30px; } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #85CE36; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #85CE36; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #85CE36; + border-color: #85CE36; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #78bd2e; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #6ba829; + border-color: #66a027; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #6ba829; + border-color: #66a027; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #6ba829; + border-color: #66a027; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #598b22; + border-color: #446b1a; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #85CE36; + background-image: none; + background-color: transparent; + border-color: #85CE36; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #b7e288; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #b7e288; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #85CE36; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #85CE36; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #85CE36; } + .card.card-primary > .card-header { + background-color: #85CE36; + border-color: #85CE36; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #85CE36 !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #85CE36; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #85CE36; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #85CE36; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #85CE36; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #85CE36; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #85CE36 solid; + color: #85CE36; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 10px 10px 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + -ms-flex-negative: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + -ms-flex-preferred-size: 30px; + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + -ms-flex-order: -8; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + -ms-flex-preferred-size: 100px; + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + -ms-flex-preferred-size: 120px; + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + -ms-flex-order: -4; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + -ms-flex-order: -3; + order: -3; + -ms-flex-preferred-size: 40px !important; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #85CE36; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #85CE36; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #85CE36; + border-bottom: 2px solid #85CE36; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +a:not(.btn) { + -webkit-transition: initial; + transition: initial; + text-decoration: underline; + color: #969696; } + a:not(.btn):hover { + text-decoration: underline; + color: #70b02b; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #85CE36; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #85CE36; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #85CE36; + border: 1px solid #85CE36; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #85CE36; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #85CE36; + border-bottom-color: transparent; + background-color: #85CE36; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #85CE36; + color: #ffffff; } + +#nprogress .bar { + background: #85CE36 !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #85CE36, 0 0 5px #85CE36; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #85CE36 !important; + border-left-color: #85CE36 !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #85CE36; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #85CE36; + background-color: #85CE36; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #78bd2e; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #85CE36; } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + .header .header-block { + margin-right: 15px; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #85CE36; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #85CE36 !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.flot-chart { + display: block; + height: 225px; } + .flot-chart .flot-chart-content { + width: 100%; + height: 100%; } + .flot-chart .flot-chart-pie-content { + width: 225px; + height: 225px; + margin: auto; } + +.dashboard-page #dashboard-downloads-chart, +.dashboard-page #dashboard-visits-chart { + height: 220px; } + +@media (max-width: 543px) { + .dashboard-page .items .card-header { + border: none; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .dashboard-page .items .card-header .header-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #e9edf0; } } + +.dashboard-page .items .card-header .title { + padding-right: 0px; + margin-right: 5px; } + +.dashboard-page .items .card-header .search { + margin: 0; + vertical-align: middle; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search { + min-width: 50%; } } + .dashboard-page .items .card-header .search .search-input { + border: none; + background-color: inherit; + color: #C2CCD6; + width: 100px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } + .dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + transition: color 0.3s ease; + color: #C2CCD6; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search .search-input { + min-width: 130px; } } + .dashboard-page .items .card-header .search .search-input:focus { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus + .search-icon { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-icon { + color: #C2CCD6; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + padding-right: 6px; } + +.dashboard-page .items .card-header .pagination { + display: inline-block; + margin: 0; } + +.dashboard-page .items .item-list .item-col-title { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.dashboard-page .items .item-list .item-col-date { + text-align: right; } + +@media (min-width: 1200px) { + .dashboard-page .items .item-list .item-col-date { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; } } + +@media (max-width: 767px) { + .dashboard-page .items .item-list .item-row { + padding: 0; } + .dashboard-page .items .item-list .item-col { + padding-left: 10px; + padding-right: 10px; } + .dashboard-page .items .item-list .item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 60px; + flex-basis: 60px; + padding-right: 0; } + .dashboard-page .items .item-list .item-col-stats { + text-align: center; } } + +@media (min-width: 544px) and (max-width: 767px) { + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + position: relative; + padding-top: 35px; } + .dashboard-page .items .item-list .item-heading { + position: absolute; + height: 30px; + width: 100%; + left: 0; + top: 5px; + line-height: 30px; + padding-left: 10px; + padding-right: 10px; } } + +@media (max-width: 543px) { + .dashboard-page .items .item-list .item-col { + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col-img { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; + -webkit-box-ordinal-group: -4; + -ms-flex-order: -5; + order: -5; } + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: calc(100% - 50px); + flex-basis: calc(100% - 50px); } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: left; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { + text-align: left; } + .dashboard-page .items .item-list .item-col-date { + border: none; } } + +.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { + margin: 0 auto; + max-width: 250px; + max-height: 250px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomin, +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + background-color: #85CE36; + height: 20px; + width: 20px; + line-height: 14px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + top: 32px; } + +.dashboard-page .stats .card-block { + padding-bottom: 0; } + +.dashboard-page .stats .stat-col { + margin-bottom: 20px; + float: left; + white-space: nowrap; + overflow: hidden; } + +.dashboard-page .stats .stat-icon { + color: #BDBDBD; + display: inline-block; + font-size: 26px; + text-align: center; + vertical-align: middle; + width: 50px; } + +.dashboard-page .stats .stat-chart { + margin-right: 5px; + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat-chart { + margin-right: 0.6vw; } } + +.dashboard-page .stats .stat { + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .value { + font-size: 1.3vw; } } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .name { + font-size: 0.9vw; } } + +.dashboard-page .stats .stat-progress { + height: 2px; + margin: 5px 0; + color: #85CE36; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { + background-color: #dddddd; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-value { + background-color: #85CE36; } + .dashboard-page .stats .stat-progress[value]::-moz-progress-bar { + background-color: #dddddd; } + +.dashboard-page .tasks { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: stretch; + align-content: stretch; } + .dashboard-page .tasks .title-block .title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .dashboard-page .tasks label { + width: 100%; + margin-bottom: 0; } + .dashboard-page .tasks label .checkbox:checked + span { + text-decoration: line-through; } + .dashboard-page .tasks label span { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + .dashboard-page .tasks .tasks-block { + max-height: 400px; + overflow-y: scroll; + overflow-x: hidden; + margin: 0; + margin-right: -5px; } + .dashboard-page .tasks .item-list .item-col { + padding-top: 5px; + padding-bottom: 5px; } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + -ms-flex-positive: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: calc(100% - 40px); + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 79px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons { + display: none; } } + +.header .header-block-collapse { + padding-right: 5px; } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #85CE36; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #85CE36; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 30px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 30px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 50px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(133, 206, 54, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(133, 206, 54, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #85CE36; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #85CE36; + width: 230px; } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #85CE36; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #85CE36; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #85CE36; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #85CE36; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #85CE36; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #85CE36; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } diff --git a/resources/assets/admin/css/app-orange.css b/resources/assets/admin/css/app-orange.css new file mode 100644 index 00000000..45a0126d --- /dev/null +++ b/resources/assets/admin/css/app-orange.css @@ -0,0 +1,2772 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #fe821d; } + +#ref .chart .color-primary { + color: #fe9e50; } + +#ref .chart .color-secondary { + color: #ffd6b6; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 110px 30px 90px 30px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 120px 50px 100px 50px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 110px 30px 90px 30px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 65px 10px 65px 10px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #fe821d; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 30px; } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #fe821d; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #fe821d; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #fe821d; + border-color: #fe821d; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #fe7404; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #fe821d; + border-color: #fe821d; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #e76901; + border-color: #dd6401; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #e76901; + border-color: #dd6401; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #e76901; + border-color: #dd6401; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #c45901; + border-color: #9b4601; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #fe821d; + border-color: #fe821d; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #fe821d; + border-color: #fe821d; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #fe821d; + background-image: none; + background-color: transparent; + border-color: #fe821d; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #fe821d; + border-color: #fe821d; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #fe821d; + border-color: #fe821d; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #feba83; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #feba83; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #fe821d; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #fe821d; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #fe821d; } + .card.card-primary > .card-header { + background-color: #fe821d; + border-color: #fe821d; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #fe821d !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #fe821d; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #fe821d; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #fe821d; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #fe821d; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #fe821d; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #fe821d solid; + color: #fe821d; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 10px 10px 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + -ms-flex-negative: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + -ms-flex-preferred-size: 30px; + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + -ms-flex-order: -8; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + -ms-flex-preferred-size: 100px; + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + -ms-flex-preferred-size: 120px; + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + -ms-flex-order: -4; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + -ms-flex-order: -3; + order: -3; + -ms-flex-preferred-size: 40px !important; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #fe821d; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #fe821d; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #fe821d; + border-bottom: 2px solid #fe821d; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +a:not(.btn) { + -webkit-transition: initial; + transition: initial; + text-decoration: underline; + color: #969696; } + a:not(.btn):hover { + text-decoration: underline; + color: #f9780e; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #fe821d; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #fe821d; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #fe821d; + border: 1px solid #fe821d; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #fe821d; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #fe821d; + border-bottom-color: transparent; + background-color: #fe821d; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #fe821d; + color: #ffffff; } + +#nprogress .bar { + background: #fe821d !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #fe821d, 0 0 5px #fe821d; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #fe821d !important; + border-left-color: #fe821d !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #fe821d; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #fe821d; + background-color: #fe821d; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #fe7404; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #fe821d; } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + .header .header-block { + margin-right: 15px; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #fe821d; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #fe821d !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.flot-chart { + display: block; + height: 225px; } + .flot-chart .flot-chart-content { + width: 100%; + height: 100%; } + .flot-chart .flot-chart-pie-content { + width: 225px; + height: 225px; + margin: auto; } + +.dashboard-page #dashboard-downloads-chart, +.dashboard-page #dashboard-visits-chart { + height: 220px; } + +@media (max-width: 543px) { + .dashboard-page .items .card-header { + border: none; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .dashboard-page .items .card-header .header-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #e9edf0; } } + +.dashboard-page .items .card-header .title { + padding-right: 0px; + margin-right: 5px; } + +.dashboard-page .items .card-header .search { + margin: 0; + vertical-align: middle; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search { + min-width: 50%; } } + .dashboard-page .items .card-header .search .search-input { + border: none; + background-color: inherit; + color: #C2CCD6; + width: 100px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } + .dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + transition: color 0.3s ease; + color: #C2CCD6; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search .search-input { + min-width: 130px; } } + .dashboard-page .items .card-header .search .search-input:focus { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus + .search-icon { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-icon { + color: #C2CCD6; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + padding-right: 6px; } + +.dashboard-page .items .card-header .pagination { + display: inline-block; + margin: 0; } + +.dashboard-page .items .item-list .item-col-title { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.dashboard-page .items .item-list .item-col-date { + text-align: right; } + +@media (min-width: 1200px) { + .dashboard-page .items .item-list .item-col-date { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; } } + +@media (max-width: 767px) { + .dashboard-page .items .item-list .item-row { + padding: 0; } + .dashboard-page .items .item-list .item-col { + padding-left: 10px; + padding-right: 10px; } + .dashboard-page .items .item-list .item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 60px; + flex-basis: 60px; + padding-right: 0; } + .dashboard-page .items .item-list .item-col-stats { + text-align: center; } } + +@media (min-width: 544px) and (max-width: 767px) { + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + position: relative; + padding-top: 35px; } + .dashboard-page .items .item-list .item-heading { + position: absolute; + height: 30px; + width: 100%; + left: 0; + top: 5px; + line-height: 30px; + padding-left: 10px; + padding-right: 10px; } } + +@media (max-width: 543px) { + .dashboard-page .items .item-list .item-col { + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col-img { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; + -webkit-box-ordinal-group: -4; + -ms-flex-order: -5; + order: -5; } + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: calc(100% - 50px); + flex-basis: calc(100% - 50px); } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: left; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { + text-align: left; } + .dashboard-page .items .item-list .item-col-date { + border: none; } } + +.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { + margin: 0 auto; + max-width: 250px; + max-height: 250px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomin, +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + background-color: #fe821d; + height: 20px; + width: 20px; + line-height: 14px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + top: 32px; } + +.dashboard-page .stats .card-block { + padding-bottom: 0; } + +.dashboard-page .stats .stat-col { + margin-bottom: 20px; + float: left; + white-space: nowrap; + overflow: hidden; } + +.dashboard-page .stats .stat-icon { + color: #BDBDBD; + display: inline-block; + font-size: 26px; + text-align: center; + vertical-align: middle; + width: 50px; } + +.dashboard-page .stats .stat-chart { + margin-right: 5px; + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat-chart { + margin-right: 0.6vw; } } + +.dashboard-page .stats .stat { + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .value { + font-size: 1.3vw; } } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .name { + font-size: 0.9vw; } } + +.dashboard-page .stats .stat-progress { + height: 2px; + margin: 5px 0; + color: #fe821d; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { + background-color: #dddddd; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-value { + background-color: #fe821d; } + .dashboard-page .stats .stat-progress[value]::-moz-progress-bar { + background-color: #dddddd; } + +.dashboard-page .tasks { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: stretch; + align-content: stretch; } + .dashboard-page .tasks .title-block .title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .dashboard-page .tasks label { + width: 100%; + margin-bottom: 0; } + .dashboard-page .tasks label .checkbox:checked + span { + text-decoration: line-through; } + .dashboard-page .tasks label span { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + .dashboard-page .tasks .tasks-block { + max-height: 400px; + overflow-y: scroll; + overflow-x: hidden; + margin: 0; + margin-right: -5px; } + .dashboard-page .tasks .item-list .item-col { + padding-top: 5px; + padding-bottom: 5px; } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + -ms-flex-positive: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: calc(100% - 40px); + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 79px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons { + display: none; } } + +.header .header-block-collapse { + padding-right: 5px; } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #fe821d; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #fe821d; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 30px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 30px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 50px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(254, 130, 29, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(254, 130, 29, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #fe821d; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #fe821d; + width: 230px; } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #fe821d; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #fe821d; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #fe821d; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #fe821d; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #fe821d; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #fe821d; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } diff --git a/resources/assets/admin/css/app-purple.css b/resources/assets/admin/css/app-purple.css new file mode 100644 index 00000000..0085c195 --- /dev/null +++ b/resources/assets/admin/css/app-purple.css @@ -0,0 +1,2772 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #7867A7; } + +#ref .chart .color-primary { + color: #8f81b6; } + +#ref .chart .color-secondary { + color: #aca1c9; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 110px 30px 90px 30px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 120px 50px 100px 50px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 110px 30px 90px 30px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 65px 10px 65px 10px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #7867A7; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 30px; } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #7867A7; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #7867A7; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #7867A7; + border-color: #7867A7; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #6b5a9b; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #7867A7; + border-color: #7867A7; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #60508b; + border-color: #5b4d84; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #60508b; + border-color: #5b4d84; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #60508b; + border-color: #5b4d84; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #504374; + border-color: #3e345a; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #7867A7; + border-color: #7867A7; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #7867A7; + border-color: #7867A7; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #7867A7; + background-image: none; + background-color: transparent; + border-color: #7867A7; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #7867A7; + border-color: #7867A7; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #7867A7; + border-color: #7867A7; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #b1a8cc; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #b1a8cc; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #7867A7; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #7867A7; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #7867A7; } + .card.card-primary > .card-header { + background-color: #7867A7; + border-color: #7867A7; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #7867A7 !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #7867A7; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #7867A7; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #7867A7; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #7867A7; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #7867A7; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #7867A7 solid; + color: #7867A7; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 10px 10px 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + -ms-flex-negative: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + -ms-flex-preferred-size: 30px; + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + -ms-flex-order: -8; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + -ms-flex-preferred-size: 100px; + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + -ms-flex-preferred-size: 120px; + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + -ms-flex-order: -4; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + -ms-flex-order: -3; + order: -3; + -ms-flex-preferred-size: 40px !important; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #7867A7; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #7867A7; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #7867A7; + border-bottom: 2px solid #7867A7; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +a:not(.btn) { + -webkit-transition: color 0.13s; + transition: color 0.13s; + text-decoration: none; + color: #7867A7; } + a:not(.btn):hover { + text-decoration: inherit; + color: #55477b; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #7867A7; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #7867A7; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #7867A7; + border: 1px solid #7867A7; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #7867A7; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #7867A7; + border-bottom-color: transparent; + background-color: #7867A7; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #7867A7; + color: #ffffff; } + +#nprogress .bar { + background: #7867A7 !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #7867A7, 0 0 5px #7867A7; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #7867A7 !important; + border-left-color: #7867A7 !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #7867A7; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #7867A7; + background-color: #7867A7; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #6b5a9b; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #7867A7; } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + .header .header-block { + margin-right: 15px; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #7867A7; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #7867A7 !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.flot-chart { + display: block; + height: 225px; } + .flot-chart .flot-chart-content { + width: 100%; + height: 100%; } + .flot-chart .flot-chart-pie-content { + width: 225px; + height: 225px; + margin: auto; } + +.dashboard-page #dashboard-downloads-chart, +.dashboard-page #dashboard-visits-chart { + height: 220px; } + +@media (max-width: 543px) { + .dashboard-page .items .card-header { + border: none; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .dashboard-page .items .card-header .header-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #e9edf0; } } + +.dashboard-page .items .card-header .title { + padding-right: 0px; + margin-right: 5px; } + +.dashboard-page .items .card-header .search { + margin: 0; + vertical-align: middle; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search { + min-width: 50%; } } + .dashboard-page .items .card-header .search .search-input { + border: none; + background-color: inherit; + color: #C2CCD6; + width: 100px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } + .dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + transition: color 0.3s ease; + color: #C2CCD6; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search .search-input { + min-width: 130px; } } + .dashboard-page .items .card-header .search .search-input:focus { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus + .search-icon { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-icon { + color: #C2CCD6; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + padding-right: 6px; } + +.dashboard-page .items .card-header .pagination { + display: inline-block; + margin: 0; } + +.dashboard-page .items .item-list .item-col-title { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.dashboard-page .items .item-list .item-col-date { + text-align: right; } + +@media (min-width: 1200px) { + .dashboard-page .items .item-list .item-col-date { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; } } + +@media (max-width: 767px) { + .dashboard-page .items .item-list .item-row { + padding: 0; } + .dashboard-page .items .item-list .item-col { + padding-left: 10px; + padding-right: 10px; } + .dashboard-page .items .item-list .item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 60px; + flex-basis: 60px; + padding-right: 0; } + .dashboard-page .items .item-list .item-col-stats { + text-align: center; } } + +@media (min-width: 544px) and (max-width: 767px) { + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + position: relative; + padding-top: 35px; } + .dashboard-page .items .item-list .item-heading { + position: absolute; + height: 30px; + width: 100%; + left: 0; + top: 5px; + line-height: 30px; + padding-left: 10px; + padding-right: 10px; } } + +@media (max-width: 543px) { + .dashboard-page .items .item-list .item-col { + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col-img { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; + -webkit-box-ordinal-group: -4; + -ms-flex-order: -5; + order: -5; } + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: calc(100% - 50px); + flex-basis: calc(100% - 50px); } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: left; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { + text-align: left; } + .dashboard-page .items .item-list .item-col-date { + border: none; } } + +.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { + margin: 0 auto; + max-width: 250px; + max-height: 250px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomin, +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + background-color: #7867A7; + height: 20px; + width: 20px; + line-height: 14px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + top: 32px; } + +.dashboard-page .stats .card-block { + padding-bottom: 0; } + +.dashboard-page .stats .stat-col { + margin-bottom: 20px; + float: left; + white-space: nowrap; + overflow: hidden; } + +.dashboard-page .stats .stat-icon { + color: #BDBDBD; + display: inline-block; + font-size: 26px; + text-align: center; + vertical-align: middle; + width: 50px; } + +.dashboard-page .stats .stat-chart { + margin-right: 5px; + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat-chart { + margin-right: 0.6vw; } } + +.dashboard-page .stats .stat { + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .value { + font-size: 1.3vw; } } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .name { + font-size: 0.9vw; } } + +.dashboard-page .stats .stat-progress { + height: 2px; + margin: 5px 0; + color: #7867A7; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { + background-color: #dddddd; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-value { + background-color: #7867A7; } + .dashboard-page .stats .stat-progress[value]::-moz-progress-bar { + background-color: #dddddd; } + +.dashboard-page .tasks { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: stretch; + align-content: stretch; } + .dashboard-page .tasks .title-block .title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .dashboard-page .tasks label { + width: 100%; + margin-bottom: 0; } + .dashboard-page .tasks label .checkbox:checked + span { + text-decoration: line-through; } + .dashboard-page .tasks label span { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + .dashboard-page .tasks .tasks-block { + max-height: 400px; + overflow-y: scroll; + overflow-x: hidden; + margin: 0; + margin-right: -5px; } + .dashboard-page .tasks .item-list .item-col { + padding-top: 5px; + padding-bottom: 5px; } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + -ms-flex-positive: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: calc(100% - 40px); + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 79px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons { + display: none; } } + +.header .header-block-collapse { + padding-right: 5px; } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #7867A7; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #7867A7; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 30px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 30px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 50px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(120, 103, 167, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(120, 103, 167, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #7867A7; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #7867A7; + width: 230px; } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #7867A7; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #7867A7; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #7867A7; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #7867A7; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #7867A7; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } diff --git a/resources/assets/admin/css/app-red.css b/resources/assets/admin/css/app-red.css new file mode 100644 index 00000000..f6e5779a --- /dev/null +++ b/resources/assets/admin/css/app-red.css @@ -0,0 +1,2772 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #FF6161; } + +#ref .chart .color-primary { + color: #FF8585; } + +#ref .chart .color-secondary { + color: #ccc; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 110px 30px 90px 30px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 120px 50px 100px 50px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 110px 30px 90px 30px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 65px 10px 65px 10px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #FF6161; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 30px; } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #FF6161; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #FF6161; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #FF6161; + border-color: #FF6161; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #ff4848; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #FF6161; + border-color: #FF6161; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #ff2e2e; + border-color: #ff2424; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #ff2e2e; + border-color: #ff2424; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #ff2e2e; + border-color: #ff2424; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #ff0a0a; + border-color: #e10000; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #FF6161; + border-color: #FF6161; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #FF6161; + border-color: #FF6161; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #FF6161; + background-image: none; + background-color: transparent; + border-color: #FF6161; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #FF6161; + border-color: #FF6161; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #FF6161; + border-color: #FF6161; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #ffc7c7; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #ffc7c7; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #FF6161; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #FF6161; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #FF6161; } + .card.card-primary > .card-header { + background-color: #FF6161; + border-color: #FF6161; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #FF6161 !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #FF6161; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #FF6161; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #FF6161; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #FF6161; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #FF6161; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #FF6161 solid; + color: #FF6161; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 10px 10px 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + -ms-flex-negative: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + -ms-flex-preferred-size: 30px; + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + -ms-flex-order: -8; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + -ms-flex-preferred-size: 100px; + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + -ms-flex-preferred-size: 120px; + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + -ms-flex-order: -4; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + -ms-flex-order: -3; + order: -3; + -ms-flex-preferred-size: 40px !important; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #FF6161; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #FF6161; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #FF6161; + border-bottom: 2px solid #FF6161; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +a:not(.btn) { + -webkit-transition: initial; + transition: initial; + text-decoration: underline; + color: #969696; } + a:not(.btn):hover { + text-decoration: underline; + color: #E45252; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #FF6161; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #FF6161; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #FF6161; + border: 1px solid #FF6161; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #FF6161; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #FF6161; + border-bottom-color: transparent; + background-color: #FF6161; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #FF6161; + color: #ffffff; } + +#nprogress .bar { + background: #FF6161 !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #FF6161, 0 0 5px #FF6161; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #FF6161 !important; + border-left-color: #FF6161 !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #FF6161; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #FF6161; + background-color: #FF6161; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #ff4848; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #FF6161; } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + .header .header-block { + margin-right: 15px; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #FF6161; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #FF6161 !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.flot-chart { + display: block; + height: 225px; } + .flot-chart .flot-chart-content { + width: 100%; + height: 100%; } + .flot-chart .flot-chart-pie-content { + width: 225px; + height: 225px; + margin: auto; } + +.dashboard-page #dashboard-downloads-chart, +.dashboard-page #dashboard-visits-chart { + height: 220px; } + +@media (max-width: 543px) { + .dashboard-page .items .card-header { + border: none; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .dashboard-page .items .card-header .header-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #e9edf0; } } + +.dashboard-page .items .card-header .title { + padding-right: 0px; + margin-right: 5px; } + +.dashboard-page .items .card-header .search { + margin: 0; + vertical-align: middle; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search { + min-width: 50%; } } + .dashboard-page .items .card-header .search .search-input { + border: none; + background-color: inherit; + color: #C2CCD6; + width: 100px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } + .dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + transition: color 0.3s ease; + color: #C2CCD6; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search .search-input { + min-width: 130px; } } + .dashboard-page .items .card-header .search .search-input:focus { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus + .search-icon { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-icon { + color: #C2CCD6; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + padding-right: 6px; } + +.dashboard-page .items .card-header .pagination { + display: inline-block; + margin: 0; } + +.dashboard-page .items .item-list .item-col-title { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.dashboard-page .items .item-list .item-col-date { + text-align: right; } + +@media (min-width: 1200px) { + .dashboard-page .items .item-list .item-col-date { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; } } + +@media (max-width: 767px) { + .dashboard-page .items .item-list .item-row { + padding: 0; } + .dashboard-page .items .item-list .item-col { + padding-left: 10px; + padding-right: 10px; } + .dashboard-page .items .item-list .item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 60px; + flex-basis: 60px; + padding-right: 0; } + .dashboard-page .items .item-list .item-col-stats { + text-align: center; } } + +@media (min-width: 544px) and (max-width: 767px) { + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + position: relative; + padding-top: 35px; } + .dashboard-page .items .item-list .item-heading { + position: absolute; + height: 30px; + width: 100%; + left: 0; + top: 5px; + line-height: 30px; + padding-left: 10px; + padding-right: 10px; } } + +@media (max-width: 543px) { + .dashboard-page .items .item-list .item-col { + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col-img { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; + -webkit-box-ordinal-group: -4; + -ms-flex-order: -5; + order: -5; } + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: calc(100% - 50px); + flex-basis: calc(100% - 50px); } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: left; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { + text-align: left; } + .dashboard-page .items .item-list .item-col-date { + border: none; } } + +.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { + margin: 0 auto; + max-width: 250px; + max-height: 250px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomin, +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + background-color: #FF6161; + height: 20px; + width: 20px; + line-height: 14px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + top: 32px; } + +.dashboard-page .stats .card-block { + padding-bottom: 0; } + +.dashboard-page .stats .stat-col { + margin-bottom: 20px; + float: left; + white-space: nowrap; + overflow: hidden; } + +.dashboard-page .stats .stat-icon { + color: #FF6161; + display: inline-block; + font-size: 26px; + text-align: center; + vertical-align: middle; + width: 50px; } + +.dashboard-page .stats .stat-chart { + margin-right: 5px; + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat-chart { + margin-right: 0.6vw; } } + +.dashboard-page .stats .stat { + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .value { + font-size: 1.3vw; } } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .name { + font-size: 0.9vw; } } + +.dashboard-page .stats .stat-progress { + height: 2px; + margin: 5px 0; + color: #FF6161; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { + background-color: #dddddd; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-value { + background-color: #FF6161; } + .dashboard-page .stats .stat-progress[value]::-moz-progress-bar { + background-color: #dddddd; } + +.dashboard-page .tasks { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: stretch; + align-content: stretch; } + .dashboard-page .tasks .title-block .title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .dashboard-page .tasks label { + width: 100%; + margin-bottom: 0; } + .dashboard-page .tasks label .checkbox:checked + span { + text-decoration: line-through; } + .dashboard-page .tasks label span { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + .dashboard-page .tasks .tasks-block { + max-height: 400px; + overflow-y: scroll; + overflow-x: hidden; + margin: 0; + margin-right: -5px; } + .dashboard-page .tasks .item-list .item-col { + padding-top: 5px; + padding-bottom: 5px; } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + -ms-flex-positive: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: calc(100% - 40px); + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 79px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons { + display: none; } } + +.header .header-block-collapse { + padding-right: 5px; } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #FF6161; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #FF6161; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 30px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 30px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 50px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(255, 97, 97, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(255, 97, 97, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #FF6161; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #FF6161; + width: 230px; } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #FF6161; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #FF6161; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #FF6161; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #FF6161; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #FF6161; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #FF6161; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } diff --git a/resources/assets/admin/css/app-seagreen.css b/resources/assets/admin/css/app-seagreen.css new file mode 100644 index 00000000..dbab0aad --- /dev/null +++ b/resources/assets/admin/css/app-seagreen.css @@ -0,0 +1,2772 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #4bcf99; } + +#ref .chart .color-primary { + color: #4bcf99; } + +#ref .chart .color-secondary { + color: #73dab0; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 110px 30px 90px 30px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 120px 50px 100px 50px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 110px 30px 90px 30px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 65px 10px 65px 10px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #4bcf99; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 30px; } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #4bcf99; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #4bcf99; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #37ca8e; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #4bcf99; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #4bcf99; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #4bcf99; } + .card.card-primary > .card-header { + background-color: #4bcf99; + border-color: #4bcf99; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #4bcf99 !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #4bcf99; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #4bcf99; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #4bcf99; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #4bcf99; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #4bcf99; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #4bcf99 solid; + color: #4bcf99; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 10px 10px 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + -ms-flex-negative: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + -ms-flex-preferred-size: 30px; + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + -ms-flex-order: -8; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + -ms-flex-preferred-size: 100px; + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + -ms-flex-preferred-size: 120px; + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + -ms-flex-order: -4; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + -ms-flex-order: -3; + order: -3; + -ms-flex-preferred-size: 40px !important; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #4bcf99; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #4bcf99; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #4bcf99; + border-bottom: 2px solid #4bcf99; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +a:not(.btn) { + -webkit-transition: initial; + transition: initial; + text-decoration: underline; + color: #969696; } + a:not(.btn):hover { + text-decoration: underline; + color: #33be85; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #4bcf99; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #4bcf99; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #4bcf99; + border: 1px solid #4bcf99; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #4bcf99; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #4bcf99; + border-bottom-color: transparent; + background-color: #4bcf99; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #4bcf99; + color: #ffffff; } + +#nprogress .bar { + background: #4bcf99 !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #4bcf99, 0 0 5px #4bcf99; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #4bcf99 !important; + border-left-color: #4bcf99 !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #4bcf99; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #4bcf99; + background-color: #4bcf99; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #37ca8e; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #4bcf99; } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + .header .header-block { + margin-right: 15px; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #4bcf99; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #4bcf99 !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.flot-chart { + display: block; + height: 225px; } + .flot-chart .flot-chart-content { + width: 100%; + height: 100%; } + .flot-chart .flot-chart-pie-content { + width: 225px; + height: 225px; + margin: auto; } + +.dashboard-page #dashboard-downloads-chart, +.dashboard-page #dashboard-visits-chart { + height: 220px; } + +@media (max-width: 543px) { + .dashboard-page .items .card-header { + border: none; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .dashboard-page .items .card-header .header-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #e9edf0; } } + +.dashboard-page .items .card-header .title { + padding-right: 0px; + margin-right: 5px; } + +.dashboard-page .items .card-header .search { + margin: 0; + vertical-align: middle; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search { + min-width: 50%; } } + .dashboard-page .items .card-header .search .search-input { + border: none; + background-color: inherit; + color: #C2CCD6; + width: 100px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } + .dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + transition: color 0.3s ease; + color: #C2CCD6; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search .search-input { + min-width: 130px; } } + .dashboard-page .items .card-header .search .search-input:focus { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus + .search-icon { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-icon { + color: #C2CCD6; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + padding-right: 6px; } + +.dashboard-page .items .card-header .pagination { + display: inline-block; + margin: 0; } + +.dashboard-page .items .item-list .item-col-title { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.dashboard-page .items .item-list .item-col-date { + text-align: right; } + +@media (min-width: 1200px) { + .dashboard-page .items .item-list .item-col-date { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; } } + +@media (max-width: 767px) { + .dashboard-page .items .item-list .item-row { + padding: 0; } + .dashboard-page .items .item-list .item-col { + padding-left: 10px; + padding-right: 10px; } + .dashboard-page .items .item-list .item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 60px; + flex-basis: 60px; + padding-right: 0; } + .dashboard-page .items .item-list .item-col-stats { + text-align: center; } } + +@media (min-width: 544px) and (max-width: 767px) { + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + position: relative; + padding-top: 35px; } + .dashboard-page .items .item-list .item-heading { + position: absolute; + height: 30px; + width: 100%; + left: 0; + top: 5px; + line-height: 30px; + padding-left: 10px; + padding-right: 10px; } } + +@media (max-width: 543px) { + .dashboard-page .items .item-list .item-col { + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col-img { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; + -webkit-box-ordinal-group: -4; + -ms-flex-order: -5; + order: -5; } + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: calc(100% - 50px); + flex-basis: calc(100% - 50px); } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: left; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { + text-align: left; } + .dashboard-page .items .item-list .item-col-date { + border: none; } } + +.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { + margin: 0 auto; + max-width: 250px; + max-height: 250px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomin, +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + background-color: #4bcf99; + height: 20px; + width: 20px; + line-height: 14px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + top: 32px; } + +.dashboard-page .stats .card-block { + padding-bottom: 0; } + +.dashboard-page .stats .stat-col { + margin-bottom: 20px; + float: left; + white-space: nowrap; + overflow: hidden; } + +.dashboard-page .stats .stat-icon { + color: #4bcf99; + display: inline-block; + font-size: 26px; + text-align: center; + vertical-align: middle; + width: 50px; } + +.dashboard-page .stats .stat-chart { + margin-right: 5px; + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat-chart { + margin-right: 0.6vw; } } + +.dashboard-page .stats .stat { + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .value { + font-size: 1.3vw; } } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .name { + font-size: 0.9vw; } } + +.dashboard-page .stats .stat-progress { + height: 2px; + margin: 5px 0; + color: #4bcf99; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { + background-color: #dddddd; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-value { + background-color: #4bcf99; } + .dashboard-page .stats .stat-progress[value]::-moz-progress-bar { + background-color: #dddddd; } + +.dashboard-page .tasks { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: stretch; + align-content: stretch; } + .dashboard-page .tasks .title-block .title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .dashboard-page .tasks label { + width: 100%; + margin-bottom: 0; } + .dashboard-page .tasks label .checkbox:checked + span { + text-decoration: line-through; } + .dashboard-page .tasks label span { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + .dashboard-page .tasks .tasks-block { + max-height: 400px; + overflow-y: scroll; + overflow-x: hidden; + margin: 0; + margin-right: -5px; } + .dashboard-page .tasks .item-list .item-col { + padding-top: 5px; + padding-bottom: 5px; } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + -ms-flex-positive: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: calc(100% - 40px); + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 79px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons { + display: none; } } + +.header .header-block-collapse { + padding-right: 5px; } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #4bcf99; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #4bcf99; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 30px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 30px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 50px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(75, 207, 153, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(75, 207, 153, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #4bcf99; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #4bcf99; + width: 230px; } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #4bcf99; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #4bcf99; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #4bcf99; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #4bcf99; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #4bcf99; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } diff --git a/resources/assets/admin/css/app.css b/resources/assets/admin/css/app.css new file mode 100644 index 00000000..a3b1afec --- /dev/null +++ b/resources/assets/admin/css/app.css @@ -0,0 +1,2772 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #59c2e6; } + +#ref .chart .color-primary { + color: #59c2e6; } + +#ref .chart .color-secondary { + color: #85d2ed; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 110px 30px 90px 30px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 120px 50px 100px 50px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 110px 30px 90px 30px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 65px 10px 65px 10px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #59c2e6; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 30px; } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #59c2e6; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #59c2e6; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #59c2e6; + border-color: #59c2e6; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #43bae3; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #2db2df; + border-color: #24aede; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #2db2df; + border-color: #24aede; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #2db2df; + border-color: #24aede; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #1e9eca; + border-color: #1982a6; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #59c2e6; + background-image: none; + background-color: transparent; + border-color: #59c2e6; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #59c2e6; + border-color: #59c2e6; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #b2e3f3; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #b2e3f3; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #59c2e6; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #59c2e6; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #59c2e6; } + .card.card-primary > .card-header { + background-color: #59c2e6; + border-color: #59c2e6; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #59c2e6 !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #59c2e6; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #59c2e6; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #59c2e6; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #59c2e6; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #59c2e6; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #59c2e6 solid; + color: #59c2e6; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 10px 10px 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + -ms-flex-negative: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + -ms-flex-preferred-size: 30px; + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + -ms-flex-order: -8; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + -ms-flex-preferred-size: 100px; + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + -ms-flex-preferred-size: 120px; + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-item-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + -ms-flex-order: -4; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + -ms-flex-preferred-size: 40px; + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + -ms-flex-order: -3; + order: -3; + -ms-flex-preferred-size: 40px !important; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #59c2e6; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #59c2e6; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #59c2e6; + border-bottom: 2px solid #59c2e6; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +a:not(.btn) { + -webkit-transition: color 0.13s; + transition: color 0.13s; + text-decoration: none; + color: #59c2e6; } + a:not(.btn):hover { + text-decoration: inherit; + color: #20a5d3; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #59c2e6; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #59c2e6; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #59c2e6; + border: 1px solid #59c2e6; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #59c2e6; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #59c2e6; + border-bottom-color: transparent; + background-color: #59c2e6; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #59c2e6; + color: #ffffff; } + +#nprogress .bar { + background: #59c2e6 !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #59c2e6, 0 0 5px #59c2e6; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #59c2e6 !important; + border-left-color: #59c2e6 !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #59c2e6; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #59c2e6; + background-color: #59c2e6; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #43bae3; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #59c2e6; } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + .header .header-block { + margin-right: 15px; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #59c2e6; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #59c2e6 !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.flot-chart { + display: block; + height: 225px; } + .flot-chart .flot-chart-content { + width: 100%; + height: 100%; } + .flot-chart .flot-chart-pie-content { + width: 225px; + height: 225px; + margin: auto; } + +.dashboard-page #dashboard-downloads-chart, +.dashboard-page #dashboard-visits-chart { + height: 220px; } + +@media (max-width: 543px) { + .dashboard-page .items .card-header { + border: none; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .dashboard-page .items .card-header .header-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #e9edf0; } } + +.dashboard-page .items .card-header .title { + padding-right: 0px; + margin-right: 5px; } + +.dashboard-page .items .card-header .search { + margin: 0; + vertical-align: middle; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search { + min-width: 50%; } } + .dashboard-page .items .card-header .search .search-input { + border: none; + background-color: inherit; + color: #C2CCD6; + width: 100px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } + .dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + transition: color 0.3s ease; + color: #C2CCD6; } + .dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + transition: color 0.3s ease; + color: #C2CCD6; } + @media (max-width: 543px) { + .dashboard-page .items .card-header .search .search-input { + min-width: 130px; } } + .dashboard-page .items .card-header .search .search-input:focus { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { + /* WebKit, Blink, Edge */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #aab4c0; } + .dashboard-page .items .card-header .search .search-input:focus + .search-icon { + color: #7e8e9f; } + .dashboard-page .items .card-header .search .search-icon { + color: #C2CCD6; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + padding-right: 6px; } + +.dashboard-page .items .card-header .pagination { + display: inline-block; + margin: 0; } + +.dashboard-page .items .item-list .item-col-title { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.dashboard-page .items .item-list .item-col-date { + text-align: right; } + +@media (min-width: 1200px) { + .dashboard-page .items .item-list .item-col-date { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; } } + +@media (max-width: 767px) { + .dashboard-page .items .item-list .item-row { + padding: 0; } + .dashboard-page .items .item-list .item-col { + padding-left: 10px; + padding-right: 10px; } + .dashboard-page .items .item-list .item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 60px; + flex-basis: 60px; + padding-right: 0; } + .dashboard-page .items .item-list .item-col-stats { + text-align: center; } } + +@media (min-width: 544px) and (max-width: 767px) { + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + position: relative; + padding-top: 35px; } + .dashboard-page .items .item-list .item-heading { + position: absolute; + height: 30px; + width: 100%; + left: 0; + top: 5px; + line-height: 30px; + padding-left: 10px; + padding-right: 10px; } } + +@media (max-width: 543px) { + .dashboard-page .items .item-list .item-col { + border-bottom: 1px solid #e9edf0; } + .dashboard-page .items .item-list .item-col-img { + -ms-flex-preferred-size: 50px; + flex-basis: 50px; + -webkit-box-ordinal-group: -4; + -ms-flex-order: -5; + order: -5; } + .dashboard-page .items .item-list .item-col-title { + -ms-flex-preferred-size: calc(100% - 50px); + flex-basis: calc(100% - 50px); } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + text-align: left; } + .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { + text-align: left; } + .dashboard-page .items .item-list .item-col-date { + border: none; } } + +.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { + margin: 0 auto; + max-width: 250px; + max-height: 250px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomin, +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + background-color: #59c2e6; + height: 20px; + width: 20px; + line-height: 14px; } + +.dashboard-page #dashboard-sales-map .jqvmap-zoomout { + top: 32px; } + +.dashboard-page .stats .card-block { + padding-bottom: 0; } + +.dashboard-page .stats .stat-col { + margin-bottom: 20px; + float: left; + white-space: nowrap; + overflow: hidden; } + +.dashboard-page .stats .stat-icon { + color: #59c2e6; + display: inline-block; + font-size: 26px; + text-align: center; + vertical-align: middle; + width: 50px; } + +.dashboard-page .stats .stat-chart { + margin-right: 5px; + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat-chart { + margin-right: 0.6vw; } } + +.dashboard-page .stats .stat { + vertical-align: middle; } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .value { + font-size: 1.3vw; } } + @media (min-width: 1200px) { + .dashboard-page .stats .stat .name { + font-size: 0.9vw; } } + +.dashboard-page .stats .stat-progress { + height: 2px; + margin: 5px 0; + color: #59c2e6; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { + background-color: #dddddd; } + .dashboard-page .stats .stat-progress[value]::-webkit-progress-value { + background-color: #59c2e6; } + .dashboard-page .stats .stat-progress[value]::-moz-progress-bar { + background-color: #dddddd; } + +.dashboard-page .tasks { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: stretch; + align-content: stretch; } + .dashboard-page .tasks .title-block .title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .dashboard-page .tasks label { + width: 100%; + margin-bottom: 0; } + .dashboard-page .tasks label .checkbox:checked + span { + text-decoration: line-through; } + .dashboard-page .tasks label span { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + .dashboard-page .tasks .tasks-block { + max-height: 400px; + overflow-y: scroll; + overflow-x: hidden; + margin: 0; + margin-right: -5px; } + .dashboard-page .tasks .item-list .item-col { + padding-top: 5px; + padding-bottom: 5px; } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + -ms-flex-preferred-size: 70px; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + -ms-flex-positive: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + -ms-flex-preferred-size: calc(100% - 40px); + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + -ms-flex-preferred-size: 79px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons { + display: none; } } + +.header .header-block-collapse { + padding-right: 5px; } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #59c2e6; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #59c2e6; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 30px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 30px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 50px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(89, 194, 230, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(89, 194, 230, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #59c2e6; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #59c2e6; + width: 230px; } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #59c2e6; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #59c2e6; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #59c2e6; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #59c2e6; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #59c2e6; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #59c2e6; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } diff --git a/resources/assets/admin/css/font-awesome.min.css b/resources/assets/admin/css/font-awesome.min.css new file mode 100644 index 00000000..d0603cb4 --- /dev/null +++ b/resources/assets/admin/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} diff --git a/resources/assets/admin/css/vendor.css b/resources/assets/admin/css/vendor.css new file mode 100644 index 00000000..ad53a863 --- /dev/null +++ b/resources/assets/admin/css/vendor.css @@ -0,0 +1,12999 @@ +@charset "UTF-8"; + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2015 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.bounceIn, +.animated.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +.animated.flipOutX, +.animated.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounce { + from, 20%, 53%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +@keyframes bounce { + from, 20%, 53%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + from, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + from, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + from, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + from, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + from, 11.1%, 100% { + -webkit-transform: none; + transform: none; + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +@keyframes jello { + from, 11.1%, 100% { + -webkit-transform: none; + transform: none; + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} + +@-webkit-keyframes bounceIn { + from, 20%, 40%, 60%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + from, 20%, 40%, 60%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + from, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + from, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + from, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + from, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + from, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + from, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + from, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + from, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + from { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + from { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} +/*! + * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-genderless:before, +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} + +.jqvmap-label +{ + position: absolute; + display: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background: #292929; + color: white; + font-family: sans-serif, Verdana; + font-size: smaller; + padding: 3px; +} +.jqvmap-zoomin, .jqvmap-zoomout +{ + position: absolute; + left: 10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background: #000000; + padding: 3px; + color: white; + width: 10px; + height: 10px; + cursor: pointer; + line-height: 10px; + text-align: center; +} +.jqvmap-zoomin +{ + top: 10px; +} +.jqvmap-zoomout +{ + top: 30px; +} +.jqvmap-region +{ + cursor: pointer; +} +.jqvmap-ajax_response +{ + width: 100%; + height: 500px; +} + +/* + * metismenu - v2.0.3 + * A jQuery menu plugin + * https://github.com/onokumus/metisMenu + * + * Made by Osman Nuri Okumus + * Under MIT License + */ + +.metismenu .arrow { + float: right; + line-height: 1.42857; +} + +/* + * Require Bootstrap + * https://github.com/twbs/bootstrap +*/ + +.metismenu .glyphicon.arrow:before { + content: "\e079"; +} +.metismenu .active > a > .glyphicon.arrow:before { + content: "\e114"; +} + +/* + * Require Font-Awesome + * http://fortawesome.github.io/Font-Awesome/ +*/ + +.metismenu .fa.arrow:before { + content: "\f104"; +} +.metismenu .active > a > .fa.arrow:before { + content: "\f107"; +} + +/* + * Require Ionicons + * http://ionicons.com/ +*/ + +.metismenu .ion.arrow:before { + content:"\f3d2" +} +.metismenu .active > a > .ion.arrow:before { + content:"\f3d0"; +} +.metismenu .plus-times { + float: right; +} +.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 .plus-minus { + float: right; +} +.metismenu .fa.plus-minus:before { + content: "\f067"; +} +.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; +} + +/* Make clicks pass-through */ +#nprogress { + pointer-events: none; +} + +#nprogress .bar { + background: #29d; + + position: fixed; + z-index: 1031; + top: 0; + left: 0; + + width: 100%; + height: 2px; +} + +/* Fancy blur effect */ +#nprogress .peg { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #29d, 0 0 5px #29d; + opacity: 1.0; + + -webkit-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +/* Remove these to get rid of the spinner */ +#nprogress .spinner { + display: block; + position: fixed; + z-index: 1031; + top: 15px; + right: 15px; +} + +#nprogress .spinner-icon { + width: 18px; + height: 18px; + box-sizing: border-box; + + border: solid 2px transparent; + border-top-color: #29d; + border-left-color: #29d; + border-radius: 50%; + + -webkit-animation: nprogress-spinner 400ms linear infinite; + animation: nprogress-spinner 400ms linear infinite; +} + +.nprogress-custom-parent { + overflow: hidden; + position: relative; +} + +.nprogress-custom-parent #nprogress .spinner, +.nprogress-custom-parent #nprogress .bar { + position: absolute; +} + +@-webkit-keyframes nprogress-spinner { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); } +} +@keyframes nprogress-spinner { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + + +/*! Quill Editor v0.20.1 + * https://quilljs.com/ + * Copyright (c) 2014, Jason Chen + * Copyright (c) 2013, salesforce.com + */ +.ql-image-tooltip { + padding: 10px; + width: 300px; +} +.ql-image-tooltip:after { + clear: both; + content: ""; + display: table; +} +.ql-image-tooltip a { + border: 1px solid #000; + box-sizing: border-box; + display: inline-block; + float: left; + padding: 5px; + text-align: center; + width: 50%; +} +.ql-image-tooltip img { + bottom: 0; + left: 0; + margin: auto; + max-height: 100%; + max-width: 100%; + position: absolute; + right: 0; + top: 0; +} +.ql-image-tooltip .input { + box-sizing: border-box; + width: 100%; +} +.ql-image-tooltip .preview { + margin: 10px 0px; + position: relative; + border: 1px dashed #000; + height: 200px; +} +.ql-image-tooltip .preview span { + display: inline-block; + position: absolute; + text-align: center; + top: 40%; + width: 100%; +} +.ql-link-tooltip { + padding: 5px 10px; +} +.ql-link-tooltip input.input { + width: 170px; +} +.ql-link-tooltip input.input, +.ql-link-tooltip a.done { + display: none; +} +.ql-link-tooltip a.change { + margin-right: 4px; +} +.ql-link-tooltip.editing input.input, +.ql-link-tooltip.editing a.done { + display: inline-block; +} +.ql-link-tooltip.editing a.url, +.ql-link-tooltip.editing a.change, +.ql-link-tooltip.editing a.remove { + display: none; +} +.ql-multi-cursor { + position: absolute; + left: 0; + top: 0; + z-index: 1000; +} +.ql-multi-cursor .cursor { + margin-left: -1px; + position: absolute; +} +.ql-multi-cursor .cursor-flag { + bottom: 100%; + position: absolute; + white-space: nowrap; +} +.ql-multi-cursor .cursor-name { + display: inline-block; + color: #fff; + padding: 2px 8px; +} +.ql-multi-cursor .cursor-caret { + height: 100%; + position: absolute; + width: 2px; +} +.ql-multi-cursor .cursor.hidden .cursor-flag { + display: none; +} +.ql-multi-cursor .cursor.top .cursor-flag { + bottom: auto; + top: 100%; +} +.ql-multi-cursor .cursor.right .cursor-flag { + right: -2px; +} +.ql-paste-manager { + left: -100000px; + position: absolute; + top: 50%; +} +.ql-toolbar { + box-sizing: border-box; +} +.ql-tooltip { + background-color: #fff; + border: 1px solid #000; + box-sizing: border-box; + position: absolute; + top: 0px; + white-space: nowrap; + z-index: 2000; +} +.ql-tooltip a { + cursor: pointer; + text-decoration: none; +} +.ql-container { + box-sizing: border-box; + cursor: text; + font-family: Helvetica, 'Arial', sans-serif; + font-size: 13px; + height: 100%; + line-height: 1.42; + margin: 0px; + overflow-x: hidden; + overflow-y: auto; + padding: 12px 15px; + position: relative; +} +.ql-editor { + box-sizing: border-box; + min-height: 100%; + outline: none; + tab-size: 4; + white-space: pre-wrap; +} +.ql-editor div { + margin: 0; + padding: 0; +} +.ql-editor a { + text-decoration: underline; +} +.ql-editor b { + font-weight: bold; +} +.ql-editor i { + font-style: italic; +} +.ql-editor s { + text-decoration: line-through; +} +.ql-editor u { + text-decoration: underline; +} +.ql-editor a, +.ql-editor b, +.ql-editor i, +.ql-editor s, +.ql-editor u, +.ql-editor span { + background-color: inherit; +} +.ql-editor img { + max-width: 100%; +} +.ql-editor blockquote, +.ql-editor ol, +.ql-editor ul { + margin: 0 0 0 2em; + padding: 0; +} +.ql-editor ol { + list-style-type: decimal; +} +.ql-editor ul { + list-style-type: disc; +} +.ql-editor.ql-ie-9 br, +.ql-editor.ql-ie-10 br { + display: none; +} + +/*! Quill Editor v0.20.1 + * https://quilljs.com/ + * Copyright (c) 2014, Jason Chen + * Copyright (c) 2013, salesforce.com + */ +.ql-image-tooltip { + padding: 10px; + width: 300px; +} +.ql-image-tooltip:after { + clear: both; + content: ""; + display: table; +} +.ql-image-tooltip a { + border: 1px solid #000; + box-sizing: border-box; + display: inline-block; + float: left; + padding: 5px; + text-align: center; + width: 50%; +} +.ql-image-tooltip img { + bottom: 0; + left: 0; + margin: auto; + max-height: 100%; + max-width: 100%; + position: absolute; + right: 0; + top: 0; +} +.ql-image-tooltip .input { + box-sizing: border-box; + width: 100%; +} +.ql-image-tooltip .preview { + margin: 10px 0px; + position: relative; + border: 1px dashed #000; + height: 200px; +} +.ql-image-tooltip .preview span { + display: inline-block; + position: absolute; + text-align: center; + top: 40%; + width: 100%; +} +.ql-link-tooltip { + padding: 5px 10px; +} +.ql-link-tooltip input.input { + width: 170px; +} +.ql-link-tooltip input.input, +.ql-link-tooltip a.done { + display: none; +} +.ql-link-tooltip a.change { + margin-right: 4px; +} +.ql-link-tooltip.editing input.input, +.ql-link-tooltip.editing a.done { + display: inline-block; +} +.ql-link-tooltip.editing a.url, +.ql-link-tooltip.editing a.change, +.ql-link-tooltip.editing a.remove { + display: none; +} +.ql-multi-cursor { + position: absolute; + left: 0; + top: 0; + z-index: 1000; +} +.ql-multi-cursor .cursor { + margin-left: -1px; + position: absolute; +} +.ql-multi-cursor .cursor-flag { + bottom: 100%; + position: absolute; + white-space: nowrap; +} +.ql-multi-cursor .cursor-name { + display: inline-block; + color: #fff; + padding: 2px 8px; +} +.ql-multi-cursor .cursor-caret { + height: 100%; + position: absolute; + width: 2px; +} +.ql-multi-cursor .cursor.hidden .cursor-flag { + display: none; +} +.ql-multi-cursor .cursor.top .cursor-flag { + bottom: auto; + top: 100%; +} +.ql-multi-cursor .cursor.right .cursor-flag { + right: -2px; +} +.ql-paste-manager { + left: -100000px; + position: absolute; + top: 50%; +} +.ql-toolbar { + box-sizing: border-box; +} +.ql-tooltip { + background-color: #fff; + border: 1px solid #000; + box-sizing: border-box; + position: absolute; + top: 0px; + white-space: nowrap; + z-index: 2000; +} +.ql-tooltip a { + cursor: pointer; + text-decoration: none; +} +.ql-container { + box-sizing: border-box; + cursor: text; + font-family: Helvetica, 'Arial', sans-serif; + font-size: 13px; + height: 100%; + line-height: 1.42; + margin: 0px; + overflow-x: hidden; + overflow-y: auto; + padding: 12px 15px; + position: relative; +} +.ql-editor { + box-sizing: border-box; + min-height: 100%; + outline: none; + tab-size: 4; + white-space: pre-wrap; +} +.ql-editor div { + margin: 0; + padding: 0; +} +.ql-editor a { + text-decoration: underline; +} +.ql-editor b { + font-weight: bold; +} +.ql-editor i { + font-style: italic; +} +.ql-editor s { + text-decoration: line-through; +} +.ql-editor u { + text-decoration: underline; +} +.ql-editor a, +.ql-editor b, +.ql-editor i, +.ql-editor s, +.ql-editor u, +.ql-editor span { + background-color: inherit; +} +.ql-editor img { + max-width: 100%; +} +.ql-editor blockquote, +.ql-editor ol, +.ql-editor ul { + margin: 0 0 0 2em; + padding: 0; +} +.ql-editor ol { + list-style-type: decimal; +} +.ql-editor ul { + list-style-type: disc; +} +.ql-editor.ql-ie-9 br, +.ql-editor.ql-ie-10 br { + display: none; +} +.ql-snow .ql-image-tooltip a { + border: 1px solid #06c; +} +.ql-snow .ql-image-tooltip a.insert { + background-color: #06c; + color: #fff; +} +.ql-snow .ql-image-tooltip .preview { + border-color: #ccc; + color: #ccc; +} +.ql-snow .ql-link-tooltip a, +.ql-snow .ql-link-tooltip span { + line-height: 25px; +} +.ql-snow .ql-multi-cursor .cursor-name { + border-radius: 4px; + font-size: 11px; + font-family: Arial; + margin-left: -50%; + padding: 4px 10px; +} +.ql-snow .ql-multi-cursor .cursor-triangle { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + height: 0px; + margin-left: -3px; + width: 0px; +} +.ql-snow .ql-multi-cursor .cursor.left .cursor-name { + margin-left: -8px; +} +.ql-snow .ql-multi-cursor .cursor.right .cursor-flag { + right: auto; +} +.ql-snow .ql-multi-cursor .cursor.right .cursor-name { + margin-left: -100%; + margin-right: -8px; +} +.ql-snow .ql-multi-cursor .cursor-triangle.bottom { + border-top: 4px solid transparent; + display: block; + margin-bottom: -1px; +} +.ql-snow .ql-multi-cursor .cursor-triangle.top { + border-bottom: 4px solid transparent; + display: none; + margin-top: -1px; +} +.ql-snow .ql-multi-cursor .cursor.top .cursor-triangle.bottom { + display: none; +} +.ql-snow .ql-multi-cursor .cursor.top .cursor-triangle.top { + display: block; +} +.ql-snow.ql-toolbar { + box-sizing: border-box; + padding: 8px; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.ql-snow.ql-toolbar .ql-format-group { + display: inline-block; + margin-right: 15px; + vertical-align: middle; +} +.ql-snow.ql-toolbar .ql-format-separator { + box-sizing: border-box; + background-color: #ddd; + display: inline-block; + height: 14px; + margin-left: 4px; + margin-right: 4px; + vertical-align: middle; + width: 1px; +} +.ql-snow.ql-toolbar .ql-format-button { + box-sizing: border-box; + display: inline-block; + height: 24px; + line-height: 24px; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + background-size: 18px 18px; + box-sizing: border-box; + cursor: pointer; + text-align: center; + width: 24px; +} +.ql-snow.ql-toolbar .ql-picker { + box-sizing: border-box; + color: #444; + display: inline-block; + font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-size: 14px; + font-weight: 500; + position: relative; +} +.ql-snow.ql-toolbar .ql-picker .ql-picker-label { + box-sizing: border-box; + display: inline-block; + height: 24px; + line-height: 24px; + vertical-align: middle; + background-color: #fff; + background-position: right center; + background-repeat: no-repeat; + background-size: 18px 18px; + border: 1px solid transparent; + cursor: pointer; + position: relative; + width: 100%; +} +.ql-snow.ql-toolbar .ql-picker .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label:hover { + color: #06c; +} +.ql-snow.ql-toolbar .ql-picker .ql-picker-options { + background-color: #fff; + border: 1px solid transparent; + box-sizing: border-box; + display: none; + padding: 4px 8px; + position: absolute; + width: 100%; +} +.ql-snow.ql-toolbar .ql-picker .ql-picker-options .ql-picker-item { + background-position: center center; + background-repeat: no-repeat; + background-size: 18px 18px; + box-sizing: border-box; + cursor: pointer; + display: block; + padding-bottom: 5px; + padding-top: 5px; +} +.ql-snow.ql-toolbar .ql-picker .ql-picker-options .ql-picker-item.ql-selected, +.ql-snow.ql-toolbar .ql-picker .ql-picker-options .ql-picker-item:hover { + color: #06c; +} +.ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label { + border-color: #ccc; + color: #ccc; + z-index: 2; +} +.ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-options { + border-color: #ccc; + box-shadow: rgba(0,0,0,0.2) 0 2px 8px; + display: block; + margin-top: -1px; + z-index: 1; +} +.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-label { + background-position: center center; + width: 28px; +} +.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options { + padding: 5px; + width: 152px; +} +.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item { + border: 1px solid transparent; + float: left; + height: 16px; + margin: 2px; + padding: 0px; + width: 16px; +} +.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item.ql-primary-color { + margin-bottom: 8px; +} +.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item.ql-selected, +.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item:hover { + border-color: #000; +} +.ql-snow.ql-toolbar .ql-picker.ql-font { + width: 105px; +} +.ql-snow.ql-toolbar .ql-picker.ql-size { + width: 80px; +} +.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label { + padding-left: 8px; + padding-right: 8px; +} +.ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-label { + background-position: center center; + width: 28px; +} +.ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-item { + box-sizing: border-box; + display: inline-block; + height: 24px; + line-height: 24px; + vertical-align: middle; + padding: 0px; + width: 28px; +} +.ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-options { + padding: 4px 0px; +} +.ql-snow.ql-toolbar .ql-picker .ql-picker-label { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAKlBMVEUAAABJSUlAQEBERERFRUVERERERERERERERERFRUVEREREREREREREREQJcW6NAAAADXRSTlMAFRzExcbLzM/Q0dLbKbcyLwAAADVJREFUCNdjYCAeMKYJQFnSdzdCWbl3r0NZvnev4tFre/cKlNV79yaUpXP3EJTFtEqBBHcAAHyoDQk0vM/lAAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAdElEQVR42mP4//8/VfBINGjVqlUMhw4dEj148OBpEAaxQWKkGgQz5BIQ/4fiSyAxkg2CuuQ/Gj5DjkFHsRh0jJwwwooHzCCQ145g8dpRcgw6j8WgCyQbtH//fhmgxttIhtwGiZETRjDDLoIwiA0UG820FGAA5b25+qRqGXcAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-picker.ql-active:not(.ql-expanded) .ql-picker-label, +.ql-snow.ql-toolbar:not(.ios) .ql-picker:not(.ql-expanded) .ql-picker-label:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAKlBMVEUAAAAAYc4AZMgAZcwAZs0AZs0AZs0AZ8wAZswAZs0AZswAZswAZswAZsx12LPhAAAADXRSTlMAFRzExcbLzM/Q0dLbKbcyLwAAADVJREFUCNdjYCAeMKYJQFnSdzdCWbl3r0NZvnev4tFre/cKlNV79yaUpXP3EJTFtEqBBHcAAHyoDQk0vM/lAAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-bold, +.ql-snow.ql-toolbar .ql-picker.ql-bold .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bold], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bold] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAYFBMVEUAAACAgIBAQEA5OTlAQEBERERAQEBERERERERERERDQ0NERERERERERERDQ0NERERERERFRUVERERERERFRUVERERERERERERERERERERERERERERERERERERERERERESN6WzHAAAAH3RSTlMAAggJDA8cQEtTWHF/i4yTpau+xMXX3O7v8/f6+/z+qN9w2AAAAFZJREFUeNqlzMcSgCAMRVEsYO+9vv//S9FhNIYld5HFmSTCqQ66dazkRzA1lPSQGRZGIsDMKMxRW7+2yCIcyf/QUyUGSnc+dkaqoFumM32pf2BqY+HUBfQaCPgVIBc1AAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-bold.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-bold .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bold].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bold].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-bold:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-bold .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=bold]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=bold]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAYFBMVEUAAAAAgP8AYL8AccYAatUAZswAZMgAZMsAZswAZcsAZcsAZssAZssAZ80AZswAZs0AZswAZ8wAZswAZcwAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsxCU9XcAAAAH3RSTlMAAggJDA8cQEtTWHF/i4yTpau+xMXX3O7v8/f6+/z+qN9w2AAAAFZJREFUeNqlzMcSgCAMRVEsYO+9vv//S9FhNIYld5HFmSTCqQ66dazkRzA1lPSQGRZGIsDMKMxRW7+2yCIcyf/QUyUGSnc+dkaqoFumM32pf2BqY+HUBfQaCPgVIBc1AAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-italic, +.ql-snow.ql-toolbar .ql-picker.ql-italic .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=italic], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=italic] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAi0lEQVR42mMYvoARl4SLi0sNkGoAYmY0qf+MjIztu3fvrkYWZGLADZhB8pS4CN1lQUBqLRDvAQJXHMqIstEISp8BEZQYZAIi/v//f5ZSg0xBBCMj4ymyDQKGjxKQEgLiV8DweUS2QUBXGEOZp0EEJV4zgdJnKDLo379/JsS6iJHSFA0DTDhT9CiAAQBbWyIY/pd4rQAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-italic.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-italic .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=italic].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=italic].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-italic:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-italic .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=italic]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=italic]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAk0lEQVR42u3SsQ3CMBBA0X/2BozACMQswg4EMQMUdOyQVdggdpagZAc4ihjJjYmU66K8xpZsfdnSsVxCzTFdEW6AB0oKcqdrLhQcNaK+PLc79QfapLTDgz8cU9Tv8ibZQqIBgI8OxhexH29KPz90jltgA7zownN+6C0Nowhg+JqEvCZbSDSHNDJBLBNdctWJXv18Ad5dJL0jVfDhAAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-underline, +.ql-snow.ql-toolbar .ql-picker.ql-underline .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=underline], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=underline] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAM1BMVEUAAABLS0tFRUVDQ0NERERDQ0NFRUVFRUVERERDQ0NERERFRUVERERERERERERERERERESvCHKbAAAAEHRSTlMAERpMbW6Bgry9xMXh5PP51ZZfkwAAAEdJREFUeNq9yEEKgDAMRNHERDWq6dz/tFLBQUC6KfRtPnzpsh/sC2AHrcRUo0iuDXONI7gMxVW9wIQWPFb5sMgMk5YTdMmvGw2DA8yS9di7AAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-underline.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-underline .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=underline].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=underline].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-underline:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-underline .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=underline]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=underline]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAM1BMVEUAAAAAadIAYs4AZc0AZcwAZswAZ84AZswAZs0AZ8wAZcwAZs0AZswAZswAZswAZswAZsycBlETAAAAEHRSTlMAERpMbW6Bgry9xMXh5PP51ZZfkwAAAEdJREFUeNq9yEEKgDAMRNHERDWq6dz/tFLBQUC6KfRtPnzpsh/sC2AHrcRUo0iuDXONI7gMxVW9wIQWPFb5sMgMk5YTdMmvGw2DA8yS9di7AAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-strike, +.ql-snow.ql-toolbar .ql-picker.ql-strike .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=strike], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=strike] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAn1BMVEUAAAAAAACAgIBAQEA7OztAQEBLS0tHR0dAQEBJSUlGRkZERERCQkJERERDQ0NERERERERDQ0NFRUVERERERERERERERERERERFRUVERERERERERERFRUVDQ0NFRUVERERFRUVFRUVERERFRUVFRUVFRUVERERFRUVFRUVERERERERERERERERERERERERERERERERERERERERERERERERfrjwTAAAANHRSTlMAAQIMDRAREhQVKCk6PEhLT1xkZWZ4e4CCg4SIiZucoaersLK2wcTFydLX2ODi5err8fX3BKZfrQAAAH5JREFUGBmlwOEWgTAYBuC3isgMxCYAmwRh++7/2qRzttP/HnQTZjdjilkALzhR4wBvQiaLk8WXOJwlHVHjYgxnSmbeR0swGEkpxWZ3vt7fL/w9P4/ist+KdZ7zYYiWiCnScFYiRq1HFo4mxaKIKdJw0ooaVQovkaW1pUzQyQ86Agx4yKmWPAAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-strike.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-strike .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=strike].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=strike].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-strike:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-strike .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=strike]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=strike]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAolBMVEUAAAAAAP8AgP8AatUAYsQAYM8AadIAY8YAZswAYc4AZswAZM0AZcoAZswAZ8oAZswAZMsAZ8oAZswAZcoAZ8sAZswAZssAZssAZs0AZswAZ8wAZs0AZ8wAZs0AZswAZ8wAZ8wAZs0AZ8wAZ8wAZs0AZs0AZs0AZcwAZs0AZcwAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsyiCU+yAAAANXRSTlMAAQIMDRAREhQVKCk6PEhLT1xkZWZ4e4CAgoOEiImbnKGnq7CytsHExcnS19jg4uXq6/H190B1i7AAAAB/SURBVBgZpcDhFoEwGAbgt4pIBmImAJsEYfvu/9ZU52yn/z3oxk/vWuczD453psYRzoR0GkaLHzFYSzqhwvgY1pT0vI8WbzASQvDt/nJ7fN6ovb7P/HrYrTdZxoY+WoJEkoK14iEqPTKwFMkkCBJJClZcUqOM4USiMKYQETr5A2SVDLpJv6ZtAAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-link, +.ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAllBMVEUAAAD///9VVVVJSUk5OTlAQEBHR0dFRUVCQkJHR0dBQUFCQkJGRkZDQ0NGRkZFRUVCQkJDQ0NERERDQ0NERERFRUVERERFRUVDQ0NERERFRUVERERERERFRUVERERERERERERERERFRUVERERFRUVFRUVERERERERERERERERERERERERERERERERERERERERERERERETx5KUoAAAAMXRSTlMAAAYHCQwZGiMkJzIzOUJOYGNlfoCJl5ibnaCxtLa8xsfIycrQ1OHi5uvs7e/19vn8NGTYeAAAAJdJREFUeNqN0McOgkAARdGnFJWiKGBhEEFpSn3//3OGjMmQ6MK7PMuLxVe/CXDTPl5DJmk3cOTTmZE7MDQES11RyhBY5vQU9aOB2z3gWVFMsXywYx3t9Q9tXsyDjlOVLQlOyanOL1ibkqB7l5odM01QSJqK6GdXmGwUHVhowImJIr2iMI9sLUWwa5LtFjPCSjSJBUl//HoDlmQPy0DFuCkAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-link.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-link:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-link .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=link]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=link]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAmVBMVEUAAAD///8AVdUAbdsAccYAatUAZswAYs4AZswAY80AacsAZswAZM0AZ8kAZM0AZcsAZcoAZMsAZcoAZcoAZssAZs0AZs0AZ8wAZs0AZswAZs0AZswAZs0AZswAZs0AZs0AZs0AZ8wAZswAZcwAZs0AZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsy/jsjWAAAAMnRSTlMAAAYHCQwZGiMkJzIzOUJOYGNlfoCAiZeYm52gsbS2vMbHyMnK0NTh4ubr7O3v9fb5/BM/koAAAACXSURBVHjajdDbEoFQAIXhpROqiAjaSdGJSq33fzjTbDO7GS78l9/lj9lXvwnw0le8gEzSuufAhzshr2doCpaGopQhoOX0Fb0GE9fbnidFMYV2Z8c62hgfWj6Z7zqOVY4kuCXHuqBgbUmC4Z9rdsx0QSFpLGKQXWCxUbRloQNHJoqMisI6sLUVwalJtitMCHPRJDYk/fHrDdIHECSPJag6AAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-image, +.ql-snow.ql-toolbar .ql-picker.ql-image .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=image], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=image] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAABERERERERFRUVEREREREQbmEZBAAAABXRSTlMAeMTFxj7M9NAAAABBSURBVAjXY2DAD1RDQSAYyAqFABALLANmMRnAWMwODIIMUFnGUAEIS1A0NADMYgTqhLBY4SyEKXCTTcGMEAJuAgBa9RKl6Fva+wAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-image.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-image .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=image].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=image].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-image:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-image .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=image]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=image]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAAAAZswAZcwAZs0AZs0AZszYB6XUAAAABXRSTlMAeMTFxj7M9NAAAABBSURBVAjXY2DAD1RDQSAYyAqFABALLANmMRnAWMwODIIMUFnGUAEIS1A0NADMYgTqhLBY4SyEKXCTTcGMEAJuAgBa9RKl6Fva+wAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-list, +.ql-snow.ql-toolbar .ql-picker.ql-list .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=list], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=list] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAS1BMVEUAAABCQkJFRUVGRkZFRUVCQkJFRUVDQ0NFRUVFRUVFRUVERERERERERERERERFRUVERERERERERERERERERERERERERERERERERET32eciAAAAGHRSTlMAMjRCQ0lOfYKQlJmaocTFxuHi5OXm9falfyKhAAAATElEQVR42mMgFnCKYIpJMDDwSUABP1yIHyYkABYRlBAmwngucV50IXZGIXTjmQTZ0I0XIcp4DjEedCFWFlF041mZRdCN5xDjZiAdAACXwgbrzvG+ZgAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-list.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-list .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=list].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=list].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-list:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-list .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=list]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=list]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAS1BMVEUAAAAAZswAZ8kAZM0AZ8oAZcsAZcsAZswAZswAZ80AZs0AZs0AZ80AZ8wAZcwAZs0AZs0AZswAZswAZswAZswAZswAZswAZswAZswCB3gJAAAAGHRSTlMAMjRCQ0lOfYKQlJmaocTFxuHi5OXm9falfyKhAAAATElEQVR42mMgFnCKYIpJMDDwSUABP1yIHyYkABYRlBAmwngucV50IXZGIXTjmQTZ0I0XIcp4DjEedCFWFlF041mZRdCN5xDjZiAdAACXwgbrzvG+ZgAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-bullet, +.ql-snow.ql-toolbar .ql-picker.ql-bullet .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bullet], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bullet] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAABxJREFUCNdjYMAPhBhdgMAJyFJmArGcGRgGXAcA/t0ImAOSO9kAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-bullet.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-bullet .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bullet].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bullet].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-bullet:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-bullet .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=bullet]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=bullet]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAAAAZcwAZs0AZs0AZsyEYJIjAAAABHRSTlMAxMXG4b8ciAAAABxJREFUCNdjYMAPhBhdgMAJyFJmArGcGRgGXAcA/t0ImAOSO9kAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-authorship, +.ql-snow.ql-toolbar .ql-picker.ql-authorship .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=authorship], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=authorship] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAARVBMVEUAAABFRUVFRUUAAAAAAABERERDQ0NEREQAAABERERERERERERERERERERFRUVERERERERERERERERERERERERERERERERVeSBUAAAAFnRSTlMAMDtOT1JfYmassMfN09Ta6vD4+fz9w8DTTwAAAExJREFUGBmVwEkSgCAMBMBRQUEU4zb/f6oFF5KbNLp4EQ8rkxnWQ76whBRYkYwwxo08ZijDzWJBs7La0ZysLjSJVUKXKSgOhQuKw08fJOYE1SddZQoAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-authorship.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-authorship .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=authorship].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=authorship].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-authorship:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-authorship .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=authorship]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=authorship]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAARVBMVEUAAAAAZcoAaMsAZc4AZ8sAZ8oAZswAZcsAZ80AZs0AZ8wAZ8wAZswAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZszAoUIuAAAAFnRSTlMAMDtOT1JfYmassMfN09Ta6vD4+fz9w8DTTwAAAExJREFUGBmVwEkSgCAMBMBRQUEU4zb/f6oFF5KbNLp4EQ8rkxnWQ76whBRYkYwwxo08ZijDzWJBs7La0ZysLjSJVUKXKSgOhQuKw08fJOYE1SddZQoAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-color, +.ql-snow.ql-toolbar .ql-picker.ql-color .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=color], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=color] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAgVBMVEUAAAAAAACAgIBAQEBVVVVDQ0NGRkZGRkZFRUVERERDQ0NDQ0NDQ0NCQkIAAABFRUUAAABDQ0NEREREREREREQAAABDQ0NDQ0NERERFRUVERERERERERERDQ0NERERERERFRUVFRUVERERERERERERERERERERERERERERERERERERLPkdWAAAAKnRSTlMAAQIEBhMWISUtLkVMTU5OT1BTVlpmeX6OkJmdvL3GztTj5/Hy8/b3/f5utmv0AAAAX0lEQVR42pXIRQ6AQABDUdzd3bX3PyCWwAwr+Is2ecyvuKriXmQD5otKoKBFQz+sKkU5khQZKdK8yMoyiQTFOIseEbqLWv6mAPW+bAPvJmN0j/N7nfmTFRI5Jzk0fWwD4sYJPnqIyzwAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-color.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-color .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=color].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=color].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-color:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-color .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=color]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=color]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAgVBMVEUAAAAAAP8AgP8AgL8AVdUAa8kAaNEAZMkAZ8gAZswAZM0AZMsAZc0AZ8oAZcsAZc4AZ8sAZswAZcsAZc0AZswAZ80AZcoAZcoAZs0AZ80AZs0AZs0AZs0AZ8wAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsy3JBcuAAAAKnRSTlMAAQIEBhMWISUtLkVMTU5OT1BTVlpmeX6OkJmdvL3GztTj5/Hy8/b3/f5utmv0AAAAX0lEQVR42pXIRQ6AQABDUdzd3bX3PyCWwAwr+Is2ecyvuKriXmQB5otKoKBFQz+sKkU5khQZKdK8yMoyiQTFOIseEbqLWv6mAPW+bAPvJmN0j/N7nfmTHRI5Jzk0fWwD4foJPqgJbeoAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-background, +.ql-snow.ql-toolbar .ql-picker.ql-background .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=background], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=background] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAnFBMVEUAAAAAAACAgIBAQEAAAABVVVUAAAAAAAAAAABDQ0MAAABGRkZGRkYAAABFRUVERERDQ0MAAAAAAAAAAAAAAABDQ0MAAABDQ0MAAABCQkJFRUVDQ0NERERERERERERDQ0NDQ0NERERFRUVERERERERERERDQ0NERERERERFRUVFRUVERERERERERERERERERERERERERERERERERETMTXVbAAAAM3RSTlMAAQIEBgYHCBMTFBYhIyUtLjE2N0JFS0xNTU5QU1ZaeX6OkJmdvL3GztTj5/Hy8/b3/f5Qd6EEAAAAf0lEQVR42o2PRw6DQBRDHVJISCUhvTd69/3vhgT6MLPDmoX15KfRR++c6mdKgVIOTRFoeJ6hE+tCnjXRgUv+oc02jJNyrYk/vj/8jhRxnheLVZHNupn1Yp3nVIgzjhoUDlvxQR/AIOBtKbNjerUB+x7vhZjARPkLyslbYIe+qQDqMQxGJwkBGwAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-background.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-background .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=background].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=background].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-background:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-background .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=background]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=background]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAllBMVEUAAAAAAP8AgP8AgL8AVdUAbbYAYL8Aa8kAZswAaNEAZMkAZswAZ8gAZswAZM0AaMsAaNAAZswAZM0AZMsAZswAZc0AZ8oAZ80AZcsAZswAZcsAZc0AZswAZcoAZcoAZs0AZ80AZs0AZs0AZs0AZ8wAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsy8dW5vAAAAMXRSTlMAAQIEBgcIExQWISMlLS4xNjdCRUtMTU1OUFNWWnl+jpCZnby9xs7U4+fx8vP29/3+dqGBzgAAAH5JREFUeNqNj0cOg0AUQx1CgFQS0nujd9//ckigDzM7rFlYT34afYzOuX2WFCjl0BWBRhAYOnEu5EkTPfjkH9pswzSr15r44/vDr6mI87JarKrCHmbOi22ethDPTDoUT3vxwRDAJOJtKbNjfnUB957uhVjATPkLyslbYIexaQB/ngudkm14XQAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-left, +.ql-snow.ql-toolbar .ql-picker.ql-left .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=left], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=left] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAAClJREFUCNdjYMAPRFxcnCAsFRcXZwYiAFCHC0STCpjlTJwOJwaYDoIaAKIACBBRNsu4AAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-left.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-left .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=left].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=left].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-left:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-left .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=left]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=left]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAAAAZcwAZs0AZs0AZsyEYJIjAAAABHRSTlMAxMXG4b8ciAAAAClJREFUCNdjYMAPRFxcnCAsFRcXZwYiAFCHC0STCpjlTJwOJwaYDoIaAKIACBBRNsu4AAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-right, +.ql-snow.ql-toolbar .ql-picker.ql-right .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=right], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=right] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAAChJREFUCNdjYCAIRFxcnCAsFRcXZ2KUu0B0qIBZzgzEaXFigGkhpAMAmbwIEMJ9k/cAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-right.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-right .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=right].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=right].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-right:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-right .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=right]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=right]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAAAAZcwAZs0AZs0AZsyEYJIjAAAABHRSTlMAxMXG4b8ciAAAAChJREFUCNdjYCAIRFxcnCAsFRcXZ2KUu0B0qIBZzgzEaXFigGkhpAMAmbwIEMJ9k/cAAAAASUVORK5CYII="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-center, +.ql-snow.ql-toolbar .ql-picker.ql-center .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=center], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=center] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAAC1JREFUCNdjYCAAGF1cXBTALCYgy4CBIBBxAQEnIEsFzHJmIMYKiCVMYBYhSwCyqQhMfft6AQAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-center.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-center .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=center].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=center].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-center:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-center .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=center]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=center]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAAAAZcwAZs0AZs0AZsyEYJIjAAAABHRSTlMAxMXG4b8ciAAAAC1JREFUCNdjYCAAGF1cXBTALCYgy4CBIBBxAQEnIEsFzHJmIMYKiCVMYBYhSwCyqQhMfft6AQAAAABJRU5ErkJggg=="); +} +.ql-snow.ql-toolbar .ql-format-button.ql-justify, +.ql-snow.ql-toolbar .ql-picker.ql-justify .ql-picker-label, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=justify], +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=justify] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAABpJREFUCNdjYMAPRFxAwAnIUgGznBkYBlwHAJGzCjB/C3owAAAAAElFTkSuQmCC"); +} +.ql-snow.ql-toolbar .ql-format-button.ql-justify.ql-active, +.ql-snow.ql-toolbar .ql-picker.ql-justify .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=justify].ql-active, +.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=justify].ql-selected, +.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-justify:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-justify .ql-picker-label:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=justify]:hover, +.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=justify]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAALklEQVR42mMYvoARzko9cwTIsyZR+zGGWcZgPUwIMUZGShwyGtijgT0a2EMMAADESwwWta/i5QAAAABJRU5ErkJggg=="); +} +@media (-webkit-min-device-pixel-ratio: 2) { + .ql-snow.ql-toolbar .ql-picker .ql-picker-label { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAABCQkJDQ0NDQ0NERERERERERERERERERERERERERERehmmoAAAACnRSTlMATVRbaeXo6fz+NPhZJgAAAF9JREFUKM9jYBjkQC0JXYS5a4UBmpDFqlXN6IpWrUJTprEKCJpQhLJAQsswhZaiCImDhAJp5kMxkPGJZLjLEiQ0GUWIZdaqVSsdUM33XLVqCpqVLLPQFTEwmAcP9qQAAFUgKabkwE6gAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAJFBMVEWqqqr////AwMDAwMDAwMDBwcHBwcHBwcHBwcHBwcHBwcHBwcEexLCPAAAAC3RSTlMAAE1UW2nl6On8/tZA57EAAABxSURBVHjazc4hFkBAGMTxL3AAp+AGniYiyaLnBETHoKkknbc7l7OrzW7zhP3HX5mRxCskEsknEaZoU6VDNbAyRRugSqICpoVotnT7dBFllnpefPuHUpjGD78aSztRfAK65cUOOIQpPnXrkFSDEFFB0APtK1HCkKpz1wAAAABJRU5ErkJggg=="); + } + .ql-snow.ql-toolbar .ql-picker.ql-active:not(.ql-expanded) .ql-picker-label, + .ql-snow.ql-toolbar:not(.ios) .ql-picker:not(.ql-expanded) .ql-picker-label:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAAAAZ8oAZMsAZc0AZswAZswAZswAZswAZswAZswAZswhMkyGAAAACnRSTlMATVRbaeXo6fz+NPhZJgAAAF9JREFUKM9jYBjkQC0JXYS5a4UBmpDFqlXN6IpWrUJTprEKCJpQhLJAQsswhZaiCImDhAJp5kMxkPGJZLjLEiQ0GUWIZdaqVSsdUM33XLVqCpqVLLPQFTEwmAcP9qQAAFUgKabkwE6gAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-bold, + .ql-snow.ql-toolbar .ql-picker.ql-bold .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bold], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bold] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAxlBMVEUAAABVVVUzMzNVVVVJSUlGRkZAQEBJSUlAQEBAQEBAQEBHR0dCQkJGRkZAQEBGRkZCQkJERERDQ0NDQ0NGRkZERERDQ0NFRUVCQkJFRUVERERDQ0NDQ0NFRUVDQ0NERERERERERERERERERERERERERERERERERERFRUVDQ0NERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERfjmwgAAAAQXRSTlMAAwUGBwsMDhAUGBkbHSAhIykuOUJERUpNUVZYXGRne3yAi4+SmqWmq67R1tfY2dve5ujp7/Dy8/T19vf4+fv8/mUg1b0AAACrSURBVDjL5dPFDgJBEEXRxt3d3d11gPv/P8WCEAgZuno/b1WLk1TqJaWUI1Jc8852Mqz5bdHHALDK2CF+ckgYIHp/0GtypxpHYKlFSqkycJeQD7hIKADMJFQHulrkSrYs2MflCnZZgzKvo7RJmZeSAWIf1V3nihSGAG19BUq1gKmEQsBZQkHAklATmOuQN5zvP4COQQWnmIxuFfERWOTsXmrztWg8qHqUU/IEzOhNFx6Ncl4AAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-bold.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-bold .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bold].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bold].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-bold:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-bold .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=bold]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=bold]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAxlBMVEUAAAAAVaoAZswAVdUAbdsAXdEAatUAbcgAYM8AZswAasoAZswAaNAAasoAaMcAZMkAZswAZM0AZM0AZ8kAZM0AZcsAZMsAZMsAZ8oAZc0AZc0AZcsAZ8oAZswAZssAZssAZcwAZssAZ80AZs0AZ8wAZ80AZswAZ8wAZ8wAZ8wAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsyeO+aMAAAAQXRSTlMAAwUGBwsMDhAUGBkbHSAhIykuOUJERUpNUVZYXGRne3yAi4+SmqWmq67R1tfY2dve5ujp7/Dy8/T19vf4+fv8/mUg1b0AAACrSURBVDjL5dPFDgJBEEXRxt3d3d11gPv/P8WCEAgZuno/b1WLk1TqJaWUI1Jc8852Mqz5bdHHALDK2CF+ckgYIHp/0GtypxpHYKlFSqkycJeQD7hIKADMJFQHulrkSrYs2MflCnZZgzKvo7RJmZeSAWIf1V3nihSGAG19BUq1gKmEQsBZQkHAklATmOuQN5zvP4COQQWnmIxuFfERWOTsXmrztWg8qHqUU/IEzOhNFx6Ncl4AAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-italic, + .ql-snow.ql-toolbar .ql-picker.ql-italic .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=italic], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=italic] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAjVBMVEUAAAAAAACAgIBAQEBVVVVAQEBAQEBCQkJCQkJFRUVDQ0NBQUFDQ0NDQ0NDQ0NFRUVERERERERERERDQ0NERERDQ0NERERERERERERFRUVFRUVERERFRUVERERERERDQ0NERERERERERERDQ0NFRUVEREREREREREREREREREREREREREREREREREREREQUqV1+AAAALnRSTlMAAQIEBggMGyMlKisuUFhZXmJmb3R9hIiKjZGTlKWprrG0uL3BxObt8PL19/j9SqrrawAAAIJJREFUOMvl0jUOQgEQRVHc3d1dzv6XRwch+WRq4NYnmVdMKvU35RZXz+7LQiJqe6uXiDrvqJuI8vM7ALd14fOwIabR+i1agUmfUA1QGedMgJrYRZPGGEVoh0ZgMmeUAlTBMbrWwiZCEwwitEc9MNkLigGq4RBda2MVoRn6X/jfv9YDjuYgGnCpSqcAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-italic.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-italic .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=italic].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=italic].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-italic:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-italic .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=italic]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=italic]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAjVBMVEUAAAAAAP8AgP8AgL8AVdUAYL8AatUAaNAAZswAZ8gAZ8gAZcoAZM0AZswAZcsAZMsAZMsAZcsAZ8sAZcoAZcoAZswAZs0AZ8wAZs0AZ8wAZswAZs0AZs0AZswAZ8wAZ8wAZs0AZswAZ8wAZ8wAZs0AZcwAZswAZswAZswAZswAZswAZswAZswAZswAZsyyI9XbAAAALnRSTlMAAQIEBggMGyMlKisuUFhZXmJmb3R9hIiKjZGTlKWprrG0uL3BxObt8PL19/j9SqrrawAAAIJJREFUOMvl0jUOQgEQRVHc3d1dzv6XRwch+WRq4NYnmVdMKvU35RZXz+7LQiJqe6uXiDrvqJuI8vM7ALd14fOwIabR+i1agUmfUA1QGedMgJrYRZPGGEVoh0ZgMmeUAlTBMbrWwiZCEwwitEc9MNkLigGq4RBda2MVoRn6X/jfv9YDjuYgGnCpSqcAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-underline, + .ql-snow.ql-toolbar .ql-picker.ql-underline .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=underline], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=underline] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAAAAAAzMzNAQEBGRkZERERERERCQkJERERDQ0NFRUVERERERERFRUVERERERERERERFRUVERERERERERERDQ0NFRUVERERERERERERERERERERERERERET15sOLAAAAHXRSTlMAAQUMLC04TU9UVYePkJKkxMXG2Nrf4+jz9/n6/qlZ0HQAAACUSURBVHja7Y3BDsIgEAW3UCmCFatQxLL//5uuiQ0py1EPxs5tHhMW/oMhxoF5TUSMzGuQqH2PfiO60yiLStIHi260qqKKNLDI0XouOpI6Fh1f/x9W6xOpYZHwNM/9u5lJvACGzvSQRiWlOiUkNDSwuMFCi87mkmTbQRvt18aXWwxhXFiW4IyAr3LBJtMmmtrRFT7ME0B0HEswIOSJAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-underline.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-underline .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=underline].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=underline].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-underline:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-underline .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=underline]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=underline]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAAAAP8AZswAatUAaMsAZswAZM0AZ8oAZMsAZMsAZswAZswAZs0AZ80AZ8wAZ8wAZcwAZs0AZs0AZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZszogqY1AAAAHXRSTlMAAQUMLC04TU9UVYePkJKkxMXG2Nrf4+jz9/n6/qlZ0HQAAACUSURBVHja7Y3BDsIgEAW3UCmCFatQxLL//5uuiQ0py1EPxs5tHhMW/oMhxoF5TUSMzGuQqH2PfiO60yiLStIHi260qqKKNLDI0XouOpI6Fh1f/x9W6xOpYZHwNM/9u5lJvACGzvSQRiWlOiUkNDSwuMFCi87mkmTbQRvt18aXWwxhXFiW4IyAr3LBJtMmmtrRFT7ME0B0HEswIOSJAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-strike, + .ql-snow.ql-toolbar .ql-picker.ql-strike .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=strike], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=strike] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABLFBMVEUAAACAgIBVVVVAQEAzMzNVVVVAQEA5OTlNTU1JSUlERERHR0dDQ0NGRkZDQ0NAQEBCQkJAQEBGRkZAQEBGRkZERERBQUFERERGRkZCQkJGRkZERERFRUVERERDQ0NFRUVERERDQ0NFRUVCQkJDQ0NFRUVCQkJDQ0NERERDQ0NERERERERDQ0NFRUVERERERERERERERERFRUVERERDQ0NFRUVERERERERFRUVERERERERDQ0NDQ0NFRUVERERERERFRUVERERERERFRUVERERERERDQ0NERERFRUVERERERERERERFRUVERERERERERERERERFRUVERERERERERERFRUVERERERERERERERERERERERERERERERERERERERERERERERERERERERET5TTiyAAAAY3RSTlMAAgMEBQYICQoODxITFhcYGxwdICEtLzEzNjc4P0BFRkdISk1YWWBjaWtsdHZ3f4CHiImKjJGSk5SVl5ufo6Smp625uru8vb/BwsPExcbMzs/Q0dPi4+Tl6+zv8PL19vf4+/z2SQ4sAAABE0lEQVQ4y2NgGDmAV8c5PCkxxFGDE6cSDuOEZCiI0WXGroY/OBkJeHJhU8Pkm4wCXBixKFIHyUTqibJzS5lEgNhqWBT5AMWD+CFsHg8gxxuLoniguCyMIwLkxGFRBPKZDKEw8gMqCuAloEgb7HADMTZ8ijisjHTUlCSFOdgFxeVUNPXM7Z38QmJ9EApQxFFCyxeuxhtFPC7U39nBQl9LVV5CiAMpiFDEOYQlldR0jGwM8DmOVVDRLBpkpDIBr/KBXOBKKNSEgYpiMUQjgaLChBQ5A0W94AHO6wXkumEoUgY5NcpUUYCFRUDBNAqHw22T0YAdNp9bo6qxZMLqI4VAhJIgBZwelzZ0D4uLC3M3lB5B5QgAFQdgZ6NzzvYAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-strike.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-strike .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=strike].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=strike].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-strike:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-strike .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=strike]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=strike]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABLFBMVEUAAAAAgP8AVaoAgL8AZswAVdUAYL8AccYAZswAbcgAZswAY8YAa8kAaNEAZMgAasoAaNAAZMgAasoAaMcAZMkAZswAZ8kAaMsAZM0AaMsAZswAZM0AZcoAZMsAZMsAZswAZc0AZ8oAZMsAZ8oAZcsAZMsAZcoAZMsAZswAZssAZssAZcoAZssAZcwAZssAZs0AZswAZ8wAZs0AZs0AZswAZswAZ8wAZs0AZs0AZ80AZ8wAZswAZ8wAZs0AZ8wAZ8wAZs0AZs0AZswAZ8wAZs0AZs0AZ8wAZcwAZs0AZ8wAZswAZcwAZs0AZs0AZ8wAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswL5dPDAAAAY3RSTlMAAgMEBQYICQoODxITFhcYGxwdICEtLzEzNjc4P0BFRkdISk1YWWBjaWtsdHZ3f4CHiImKjJGSk5SVl5ufo6Smp625uru8vb/BwsPExcbMzs/Q0dPi4+Tl6+zv8PL19vf4+/z2SQ4sAAABE0lEQVQ4y2NgGDmAV8c5PCkxxFGDE6cSDuOEZCiI0WXGroY/OBkJeHJhU8Pkm4wCXBixKFIHyUTqibJzS5lEgNhqWBT5AMWD+CFsHg8gxxuLoniguCyMIwLkxGFRBPKZDKEw8gMqCuAloEgb7HADMTZ8ijisjHTUlCSFOdgFxeVUNPXM7Z38QmJ9EApQxFFCyxeuxhtFPC7U39nBQl9LVV5CiAMpiFDEOYQlldR0jGwM8DmOVVDRLBpkpDIBr/KBXOBKKNSEgYpiMUQjgaLChBQ5A0W94AHO6wXkumEoUgY5NcpUUYCFRUDBNAqHw22T0YAdNp9bo6qxZMLqI4VAhJIgBZwelzZ0D4uLC3M3lB5B5QgAFQdgZ6NzzvYAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-link, + .ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABDlBMVEUAAAD///8AAACAgIBVVVVAQEAzMzNVVVVAQEBNTU1HR0dAQEBJSUlGRkZDQ0NAQEBERERHR0dGRkZDQ0NBQUFGRkZERERCQkJGRkZFRUVCQkJFRUVERERDQ0NDQ0NCQkJFRUVDQ0NERERDQ0NFRUVDQ0NFRUVFRUVFRUVFRUVERERDQ0NFRUVERERFRUVERERERERDQ0NFRUVFRUVERERERERERERERERFRUVERERERERERERFRUVDQ0NERERERERFRUVERERERERERERERERERERERERERERERERERERERERFRUVERERERERERERERERERERERERERERERERERERERERERERERERERERERESFPz0UAAAAWXRSTlMAAAECAwQFBggKEhQVFhccHiQoKissLTIzNDpGR0hMTU5QUlRVW12BgoaHjI2PmJmam5ygpKWosbKztLW6vcDD0NLT2Nna3N7g4eLj5Ofo6err7u/w8vn7/A90CXkAAAFqSURBVDjLzdTHUgJREIXho8yo6JgFc0LFjAkVMZAFJYrCzP/+L+JCtJipS5U7Patbt79Vd1dr6BfRHyBJUiie6dSSiwrEh2aeAPAO7cEoUqWXdHgQirQAOh7A46gZzVQBzsfmSgAnRhR6AjiS5OQAd9aE4t9GmqoCCRPKAGe9zzhQDxlQBzpjknab9c2RD2DBgGrgzUlqQnfrHlg3oGug6Eh1oFsAEtvLVhAteUBuSjseP2lfzQf6dARQjY/s9SncY9uH7DQA7+ky/XkI+8YSfvRVC6k3AO4s34BHT90+1N2yYq8A+/5V0Wyi0ac2NJkD3KgfSaGF9QRQ9oCC5JSAiyCStA2k9jzISooCFQNaBlpWrJBdkTThQsOA7DYQ+3pbKeDWgHQFvDiSNJwEWDWheRfIOZKVBLiRCekYoBiZSAHkx83IfgDABXielhkpfAcAkJ/WICTrwAXgZlyDkRS9rDRu1wJL98/u0yeVYHcP1mwWWgAAAABJRU5ErkJggg=="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-link.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-link:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-link .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=link]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=link]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABDlBMVEUAAAD///8AAP8AgP8AVaoAgL8AZswAVdUAYL8AZswAY8YAZswAYc4AaNEAZMgAZMgAZswAY80AZswAZ8gAZcoAaMsAZswAZswAZM0AZ8kAZcoAZswAZc0AZ8oAZc0AZ8oAZcsAZswAZ8oAZMsAZswAZc0AZcsAZ84AZswAZ84AZswAZswAZ8wAZs0AZs0AZs0AZ80AZswAZ8wAZswAZ8wAZswAZs0AZs0AZs0AZ8wAZswAZ8wAZ8wAZ8wAZs0AZswAZs0AZswAZswAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsxCnEEHAAAAWXRSTlMAAAECAwQFBggKEhQVFhccHiQoKissLTIzNDpGR0hMTU5QUlRVW12BgoaHjI2PmJmam5ygpKWosbKztLW6vcDD0NLT2Nna3N7g4eLj5Ofo6err7u/w8vn7/A90CXkAAAFqSURBVDjLzdTHUgJREIXho8yo6JgFc0LFjAkVMZAFJYrCzP/+L+JCtJipS5U7Patbt79Vd1dr6BfRHyBJUiie6dSSiwrEh2aeAPAO7cEoUqWXdHgQirQAOh7A46gZzVQBzsfmSgAnRhR6AjiS5OQAd9aE4t9GmqoCCRPKAGe9zzhQDxlQBzpjknab9c2RD2DBgGrgzUlqQnfrHlg3oGug6Eh1oFsAEtvLVhAteUBuSjseP2lfzQf6dARQjY/s9SncY9uH7DQA7+ky/XkI+8YSfvRVC6k3AO4s34BHT90+1N2yYq8A+/5V0Wyi0ac2NJkD3KgfSaGF9QRQ9oCC5JSAiyCStA2k9jzISooCFQNaBlpWrJBdkTThQsOA7DYQ+3pbKeDWgHQFvDiSNJwEWDWheRfIOZKVBLiRCekYoBiZSAHkx83IfgDABXielhkpfAcAkJ/WICTrwAXgZlyDkRS9rDRu1wJL98/u0yeVYHcP1mwWWgAAAABJRU5ErkJggg=="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-image, + .ql-snow.ql-toolbar .ql-picker.ql-image .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=image], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=image] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAFVBMVEUAAABCQkJEREREREREREREREREREQL6X1nAAAABnRSTlMATXjl6OmAFiJpAAAAZklEQVR42sXQsQ3AIAxEUeQZoKdyzwg0DALo9h8hiCYXo4R0/MbSK1ycO5EHlScVpj4Jj97p/vtJPi9U+kptXIlMIY2r1b4XIBpSoDJJFIyYtKohAWBIV8Ke9kv8X7WwtEmBKbkDXfWkWdehkaSCAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-image.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-image .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=image].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=image].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-image:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-image .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=image]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=image]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAFVBMVEUAAAAAZ8oAZswAZswAZswAZswAZsx4QzxlAAAABnRSTlMATXjl6OmAFiJpAAAAZklEQVR42sXQsQ3AIAxEUeQZoKdyzwg0DALo9h8hiCYXo4R0/MbSK1ycO5EHlScVpj4Jj97p/vtJPi9U+kptXIlMIY2r1b4XIBpSoDJJFIyYtKohAWBIV8Ke9kv8X7WwtEmBKbkDXfWkWdehkaSCAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-list, + .ql-snow.ql-toolbar .ql-picker.ql-list .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=list], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=list] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAw1BMVEUAAAAAAABVVVVAQEBERERAQEBJSUlGRkZHR0dFRUVCQkJERERAQEBGRkZDQ0NFRUVDQ0NCQkJGRkZDQ0NCQkJERERDQ0NFRUVERERFRUVERERDQ0NERERERERDQ0NFRUVERERERERERERERERERERERERERERFRUVERERERERERERFRUVERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERESFbZw4AAAAQHRSTlMAAQYIDxAVFhkaGx4gKCo0NTY3OU10fYKIiYqMj56fo6SmqKmvtLe6vr/ExcbLz9fh4uXm5+jp7O/w8vP3+vv9Z7IwDAAAAK1JREFUOMvV0scOglAQQFGwYO+oiIq9YldEFPX+/1e5cGEii2FFdNY3b/JORlF+dAqNrS1GQyDEW+9Id/gaRw9EgQacMNEhuO4caD7rlgDS/2yAVWTiia53HWeEaMLzwUKIdvt08n4TxLMptc1UEo/38YqCuGZzKknimxDi6jpa8Vjn6I4kcQNgLkSmVSvjizeeb9ITbzxXxxLETatSxRfEWwAzicC4uANN+at5AdptTQ0Ubk4LAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-list.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-list .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=list].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=list].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-list:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-list .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=list]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=list]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAw1BMVEUAAAAAAP8AVdUAYL8AZswAYM8AYc4AaNEAZswAYs4AaNAAZswAaMcAZswAZ8gAZ8kAZcoAaMsAZswAZ8kAZ8oAZcoAZswAZswAZ8wAZs0AZs0AZswAZs0AZs0AZ8wAZs0AZ8wAZ8wAZs0AZ8wAZswAZswAZs0AZ8wAZswAZcwAZcwAZs0AZs0AZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZszno9YmAAAAQHRSTlMAAQYIDxAVFhkaGx4gKCo0NTY3OU10fYKIiYqMj56fo6SmqKmvtLe6vr/ExcbLz9fh4uXm5+jp7O/w8vP3+vv9Z7IwDAAAAK1JREFUOMvV0scOglAQQFGwYO+oiIq9YldEFPX+/1e5cGEii2FFdNY3b/JORlF+dAqNrS1GQyDEW+9Id/gaRw9EgQacMNEhuO4caD7rlgDS/2yAVWTiia53HWeEaMLzwUKIdvt08n4TxLMptc1UEo/38YqCuGZzKknimxDi6jpa8Vjn6I4kcQNgLkSmVSvjizeeb9ITbzxXxxLETatSxRfEWwAzicC4uANN+at5AdptTQ0Ubk4LAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-bullet, + .ql-snow.ql-toolbar .ql-picker.ql-bullet .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bullet], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bullet] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAAAzSURBVCjPY2AYACBsyCAcCgOGYCHTYAZTuFAwRCgISSgILCSiyCACF1JkGBgw6voBcj0AFsUtDasGrUcAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-bullet.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-bullet .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bullet].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bullet].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-bullet:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-bullet .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=bullet]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=bullet]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAAAzSURBVCjPY2AYACBsyCAcCgOGYCHTYAZTuFAwRCgISSgILCSiyCACF1JkGBgw6voBcj0AFsUtDasGrUcAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-authorship, + .ql-snow.ql-toolbar .ql-picker.ql-authorship .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=authorship], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=authorship] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAllBMVEUAAACAgIBAQEBCQkIAAABCQkJAQEBGRkZERERERERCQkJGRkZDQ0NDQ0NDQ0MAAAAAAAAAAABDQ0NFRUVERERFRUVERERFRUVERERFRUVERERERERERERERERERERERERERERFRUVEREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREQe3JVeAAAAMXRSTlMAAhgbHx8gIS0xMjM5VFdcXWZyd3yChImPkKy4yMrO0tPj5ebq7e7v8PLz9/j6/P3+mEwo9QAAAJxJREFUGBnVwNcOgjAYBeCj4l7FjeAGUZzn/V9O0kikSftf44c/0A+Tc9iFqHll7tKEJKAWQLKjtockpZZC8qL2hiSjlkESUYsgmVNbQtKhNoCgNrwz95w14NTe8Os2gUP9wJ8p7NYsebRg06NhAZsVDRFstjQksMlogs2Rhhg2o5glpxGqz1O+g/JQUL6TQkH5TmMUPOU7jD1U1AdG8S1kERvjygAAAABJRU5ErkJggg=="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-authorship.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-authorship .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=authorship].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=authorship].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-authorship:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-authorship .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=authorship]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=authorship]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAllBMVEUAAAAAgP8AasoAaNAAY84AaMcAZMkAZswAaMsAZswAZM0AZ8kAZMsAZ8oAZ8oAZcsAZc4AZ80AZcwAZcwAZcwAZswAZs0AZs0AZs0AZ80AZs0AZ8wAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsyCDIYeAAAAMXRSTlMAAhgbHyAhLTEyMzlUV1xdXWZyd3yChImPkKy4yMrO0tPj5ebq7e7v8PLz9/j6/P3+PxHOPAAAAJxJREFUGBnVwNcOgjAYBeCj1j0q7oEbRHGe9385SSORJu1/jR/+QGcdn9ctiNSVmYuCZEljCcmOxh6ShEYCyYvGG5KURgpJSCOEZEpjDkmTRheCSu/OzHNSg1djw6/bCB7VA3/GcFux4FGHS5uWGVwWtIRw2dISwyWlDS5HWiK49CMWnPooP6UDD62Q04GXRk4HXgPk1DDwGCiU1AcZWy1RmD8CRQAAAABJRU5ErkJggg=="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-color, + .ql-snow.ql-toolbar .ql-picker.ql-color .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=color], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=color] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAz1BMVEUAAAAAAACAgIBVVVVAQEBVVVU5OTk7OztLS0tHR0dGRkZCQkIAAABERERDQ0NDQ0NDQ0NDQ0NGRkZERERERERCQkJFRUVERERFRUVEREQAAAAAAABDQ0NFRUVEREQAAABERERFRUVERERDQ0NDQ0NERERERERERERERERERERERERERERERERERERFRUVFRUVERERERERERERERERERERDQ0NERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERbYaT1AAAARHRSTlMAAQIDBAYJDRESFhsfIiYqNUFCREtNVVZZWlxdY2RlZm1zdXZ9hI6Tl6Sws7nExcnS09XY2d/g5ejp6+zt8PP09/n9/idH/qoAAADKSURBVBgZ1cDXUsJAAIXhg2KMGruxsGoUe8cWoij1f/9nYiZDGJjsLrfwaRHEWRZrhuAXWoH8zgBO5VVpADTktU9uVz5P5B7lsdUn19+U2x3w+gbcyilsA0cnwP+qXOpAWl1pAhdyqKZAXboGvpZkdwi0Q2m9CxzI7oUJz7LaYdJgWzYPTLmXxUaPKZ01ld0A7xXllr+BK5VlwLlGLoFPlWXQCjQSduBDZfFPM9bY8V+6p7kXmcTBRCqYxMmoYBKnmgqRSRxqkebUEKsKOlxMa6IbAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-color.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-color .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=color].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=color].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-color:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-color .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=color]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=color]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA0lBMVEUAAAAAAP8AgP8AVaoAgL8AVdUAccYAYsQAadIAY8YAaNEAaNAAY84AacsAZckAZ8gAZcoAZswAZM0AZcsAZswAZ8oAZswAZc0AZMsAZswAZ8oAZcsAZc4AZMsAZswAZcoAZ80AZcwAZswAZssAZssAZswAZs0AZs0AZs0AZ8wAZ8wAZ8wAZ8wAZswAZcwAZs0AZcwAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswVaivDAAAARXRSTlMAAQIDBAYJDRESFhsfIiYqNUFCREtNVVZZWlxdXWNkZWZtc3V2fYSOk5eksLO5xMXJ0tPV2Nnf4OXo6evs7fDz9Pf5/f6Y2SWXAAAAy0lEQVQYGdXA11LCQACF4YNijBq7sbCWKPaOLURREPjf/5WYyRAGJrvLLXyaB3GWxZoi+IFWIL9TgBN5VRoADXntktuWzyO5B3ls9Mj11uV2C7y8AjdyCtvAwRHwtyyXOpBWl5rAuRyqKVCXroDPBdntA+1QWv0H9mT3zJgnWW0xrr8pm3sm3MlircuEzorKroG3inKLX8ClyjLgTEMXwIfKMmgFGgo78K6y+LsZa+TwN93RzItM4mAiFUziZFQwiVNNheg4cahFmlEDFzs7cwmPHM8AAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-background, + .ql-snow.ql-toolbar .ql-picker.ql-background .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=background], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=background] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA4VBMVEUAAAAAAACAgIBVVVVAQEBVVVU5OTk7OztLS0tHR0dGRkZCQkJERERDQ0NDQ0NDQ0NDQ0NERERCQkJEREQAAAADAwMGBgZDQ0NEREQODg5ERERDQ0NFRUVERERERERERERDQ0MiIiJDQ0MmJiZEREQrKytEREREREQyMjIyMjJEREREREREREQ4ODhERERERERFRUVFRUVERERERERERERERERAQEBERERERERBQUFERERERERERERBQUFERERERERERERBQUFERERERERERERDQ0NERERERERDQ0NERERERESZD8GyAAAASnRSTlMAAQIDBAYJDRESFhsiJio1QURJS01QU1RWWVpjZGVtdXZ4fYCEiI6TnZ6ksLO3ucTFydLT193g4OLl5ebn6enq6+7w8vP39/n+/rihcb4AAADbSURBVHjazZPFDsMwEERdZkpTZmbmpszd//+grhpFSaS1e+khc1jbmrG1z7KZdSXLgvo79M9ziKCkKJIeoUPJA8AxKT6H5QGVE3dlmwJqKqaLwVdRIV1fDfVEdKGXGnoFBXQtDIwnWJp8uswd/XQWy8XD7aqD9srp2uJQ5NElVuiWGKvisLFz6Bpo3ryM+R84iXO6GoFBQ5ouAka9wyRdF0waUHSBpzl09xF0dTRmNnXu2OOiTNDtAKCg7W3jYk7QnQGObu0KvVeAJUFXU9aS/h5Sp0VFtui/s6w+XSJAbiVJ3G0AAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-background.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-background .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=background].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=background].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-background:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-background .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=background]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=background]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA5FBMVEUAAAAAAP8AgP8AVaoAgL8AZswAVdUAYL8AccYAYsQAadIAY8YAaNEAasoAZswAYsQAaNAAacsAZckAadEAZ8gAZcoAZswAZswAZMkAZM0AZcsAZ8sAZswAaM0AZ8oAZ80AZswAZc0AZMsAZswAZMsAZswAZcoAZcwAZswAZssAZssAZswAZs0AZs0AZs0AZ8wAZ8wAZ8wAZ8wAZswAZcwAZs0AZcwAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsxJPDLdAAAAS3RSTlMAAQIDBAUGCAkNERIWGBkaGyImJyo1N0FCQkRFS0xNTVVWWVpjZGVtc3V2fYSOk5eksLO5xMXJ0tPV2Nnf4OXo6evs7fDz9Pf5/f60OfwzAAABG0lEQVR42s2T6VKDQBCEGyUJoqgSjcYg8dZ43/EieCUa5/3fx661qMAu7O98P4bZnq5lZlkwvXS7k1hf1BTdZFEsFpvUMU15IU7TuKiYJu9d5MODZZ8WcCBk39ZVAKcvpG+ZrgNsimIdTtV0TeBGFNewdBWORTFesUx3QcP9A8N59XT+kPWdPYavOQQVXfVYTtz6gI8jvfUsdRNWe8ApHy8z5ftgm8WhDyx8M4nKumoBd5LjVkkaAdYkz+8qpQLqtK+kwKU5XRPLP1JgNF8y3RkLjw4Us69cnMDb0qdLqR9myjEXz2brNPG2NSKQqOGPRJ5gEr8NYoT/9yHE7mfShoarovYptDw7kiWLyZTbNZBa9saK33tDWZlPK39U3ELkzhssBgAAAABJRU5ErkJggg=="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-left, + .ql-snow.ql-toolbar .ql-picker.ql-left .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=left], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=left] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYACAcCgaGSEKmEKFgTKEgJCERiJAiw0ACqOuR/WCKLBSMKRSE7PqB9YMwuttRnBqMKRSEGvYD6HYAD8opyeJDvUUAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-left.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-left .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=left].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=left].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-left:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-left .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=left]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=left]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYACAcCgaGSEKmEKFgTKEgJCERiJAiw0ACqOuR/WCKLBSMKRSE7PqB9YMwuttRnBqMKRSEGvYD6HYAD8opyeJDvUUAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-right, + .ql-snow.ql-toolbar .ql-picker.ql-right .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=right], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=right] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYMCAcCgaGSEKmEKFgTKEgJCERiJDiwLob2fWmyELBmEJByO4eWNejuN8QNZCRw94U3fUo7h8Q1wMAuRspyVIXC2UAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-right.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-right .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=right].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=right].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-right:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-right .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=right]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=right]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYMCAcCgaGSEKmEKFgTKEgJCERiJDiwLob2fWmyELBmEJByO4eWNejuN8QNZCRw94U3fUo7h8Q1wMAuRspyVIXC2UAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-center, + .ql-snow.ql-toolbar .ql-picker.ql-center .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=center], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=center] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYGCAcCgaGSEKmEKFgTKEgJCERiJAiw4ABqNORPWCKLBSMKRSE7PQB9oAwuuNR3BqMKRSEGvID53gA5GspyQ9EElMAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-center.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-center .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=center].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=center].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-center:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-center .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=center]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=center]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYGCAcCgaGSEKmEKFgTKEgJCERiJAiw4ABqNORPWCKLBSMKRSE7PQB9oAwuuNR3BqMKRSEGvID53gA5GspyQ9EElMAAAAASUVORK5CYII="); + } + .ql-snow.ql-toolbar .ql-format-button.ql-justify, + .ql-snow.ql-toolbar .ql-picker.ql-justify .ql-picker-label, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=justify], + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=justify] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAAAoSURBVCjPY2AYACAcigQMwUKmyELBmEJBYCERZCFFhoEBo64fINcDAAcQNGkJNhVcAAAAAElFTkSuQmCC"); + } + .ql-snow.ql-toolbar .ql-format-button.ql-justify.ql-active, + .ql-snow.ql-toolbar .ql-picker.ql-justify .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=justify].ql-active, + .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=justify].ql-selected, + .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-justify:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-justify .ql-picker-label:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=justify]:hover, + .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=justify]:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAAAoSURBVCjPY2AYACAcigQMwUKmyELBmEJBYCERZCFFhoEBo64fINcDAAcQNGkJNhVcAAAAAElFTkSuQmCC"); + } +} +.ql-snow .ql-tooltip { + border: 1px solid #ccc; + box-shadow: 0px 0px 5px #ddd; + color: #222; +} +.ql-snow .ql-tooltip a { + color: #06c; +} +.ql-snow .ql-tooltip .input { + border: 1px solid #ccc; + margin: 0px; + padding: 5px; +} +.ql-snow a { + color: #06c; +} + +/* + * The MIT License + * Copyright (c) 2012 Matias Meno + */ +@-webkit-keyframes passing-through { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30%, 70% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } + 100% { + opacity: 0; + -webkit-transform: translateY(-40px); + -moz-transform: translateY(-40px); + -ms-transform: translateY(-40px); + -o-transform: translateY(-40px); + transform: translateY(-40px); } } +@-moz-keyframes passing-through { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30%, 70% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } + 100% { + opacity: 0; + -webkit-transform: translateY(-40px); + -moz-transform: translateY(-40px); + -ms-transform: translateY(-40px); + -o-transform: translateY(-40px); + transform: translateY(-40px); } } +@keyframes passing-through { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30%, 70% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } + 100% { + opacity: 0; + -webkit-transform: translateY(-40px); + -moz-transform: translateY(-40px); + -ms-transform: translateY(-40px); + -o-transform: translateY(-40px); + transform: translateY(-40px); } } +@-webkit-keyframes slide-in { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } } +@-moz-keyframes slide-in { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } } +@keyframes slide-in { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } } +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + 10% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); } + 20% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } } +@-moz-keyframes pulse { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + 10% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); } + 20% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } } +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + 10% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); } + 20% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } } +.dropzone, .dropzone * { + box-sizing: border-box; } + +.dropzone { + min-height: 150px; + border: 2px solid rgba(0, 0, 0, 0.3); + background: white; + padding: 20px 20px; } + .dropzone.dz-clickable { + cursor: pointer; } + .dropzone.dz-clickable * { + cursor: default; } + .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { + cursor: pointer; } + .dropzone.dz-started .dz-message { + display: none; } + .dropzone.dz-drag-hover { + border-style: solid; } + .dropzone.dz-drag-hover .dz-message { + opacity: 0.5; } + .dropzone .dz-message { + text-align: center; + margin: 2em 0; } + .dropzone .dz-preview { + position: relative; + display: inline-block; + vertical-align: top; + margin: 16px; + min-height: 100px; } + .dropzone .dz-preview:hover { + z-index: 1000; } + .dropzone .dz-preview:hover .dz-details { + opacity: 1; } + .dropzone .dz-preview.dz-file-preview .dz-image { + border-radius: 20px; + background: #999; + background: linear-gradient(to bottom, #eee, #ddd); } + .dropzone .dz-preview.dz-file-preview .dz-details { + opacity: 1; } + .dropzone .dz-preview.dz-image-preview { + background: white; } + .dropzone .dz-preview.dz-image-preview .dz-details { + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -ms-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } + .dropzone .dz-preview .dz-remove { + font-size: 14px; + text-align: center; + display: block; + cursor: pointer; + border: none; } + .dropzone .dz-preview .dz-remove:hover { + text-decoration: underline; } + .dropzone .dz-preview:hover .dz-details { + opacity: 1; } + .dropzone .dz-preview .dz-details { + z-index: 20; + position: absolute; + top: 0; + left: 0; + opacity: 0; + font-size: 13px; + min-width: 100%; + max-width: 100%; + padding: 2em 1em; + text-align: center; + color: rgba(0, 0, 0, 0.9); + line-height: 150%; } + .dropzone .dz-preview .dz-details .dz-size { + margin-bottom: 1em; + font-size: 16px; } + .dropzone .dz-preview .dz-details .dz-filename { + white-space: nowrap; } + .dropzone .dz-preview .dz-details .dz-filename:hover span { + border: 1px solid rgba(200, 200, 200, 0.8); + background-color: rgba(255, 255, 255, 0.8); } + .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { + overflow: hidden; + text-overflow: ellipsis; } + .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { + border: 1px solid transparent; } + .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { + background-color: rgba(255, 255, 255, 0.4); + padding: 0 0.4em; + border-radius: 3px; } + .dropzone .dz-preview:hover .dz-image img { + -webkit-transform: scale(1.05, 1.05); + -moz-transform: scale(1.05, 1.05); + -ms-transform: scale(1.05, 1.05); + -o-transform: scale(1.05, 1.05); + transform: scale(1.05, 1.05); + -webkit-filter: blur(8px); + filter: blur(8px); } + .dropzone .dz-preview .dz-image { + border-radius: 20px; + overflow: hidden; + width: 120px; + height: 120px; + position: relative; + display: block; + z-index: 10; } + .dropzone .dz-preview .dz-image img { + display: block; } + .dropzone .dz-preview.dz-success .dz-success-mark { + -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } + .dropzone .dz-preview.dz-error .dz-error-mark { + opacity: 1; + -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } + .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { + pointer-events: none; + opacity: 0; + z-index: 500; + position: absolute; + display: block; + top: 50%; + left: 50%; + margin-left: -27px; + margin-top: -27px; } + .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { + display: block; + width: 54px; + height: 54px; } + .dropzone .dz-preview.dz-processing .dz-progress { + opacity: 1; + -webkit-transition: all 0.2s linear; + -moz-transition: all 0.2s linear; + -ms-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; } + .dropzone .dz-preview.dz-complete .dz-progress { + opacity: 0; + -webkit-transition: opacity 0.4s ease-in; + -moz-transition: opacity 0.4s ease-in; + -ms-transition: opacity 0.4s ease-in; + -o-transition: opacity 0.4s ease-in; + transition: opacity 0.4s ease-in; } + .dropzone .dz-preview:not(.dz-processing) .dz-progress { + -webkit-animation: pulse 6s ease infinite; + -moz-animation: pulse 6s ease infinite; + -ms-animation: pulse 6s ease infinite; + -o-animation: pulse 6s ease infinite; + animation: pulse 6s ease infinite; } + .dropzone .dz-preview .dz-progress { + opacity: 1; + z-index: 1000; + pointer-events: none; + position: absolute; + height: 16px; + left: 50%; + top: 50%; + margin-top: -8px; + width: 80px; + margin-left: -40px; + background: rgba(255, 255, 255, 0.9); + -webkit-transform: scale(1); + border-radius: 8px; + overflow: hidden; } + .dropzone .dz-preview .dz-progress .dz-upload { + background: #333; + background: linear-gradient(to bottom, #666, #444); + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 0; + -webkit-transition: width 300ms ease-in-out; + -moz-transition: width 300ms ease-in-out; + -ms-transition: width 300ms ease-in-out; + -o-transition: width 300ms ease-in-out; + transition: width 300ms ease-in-out; } + .dropzone .dz-preview.dz-error .dz-error-message { + display: block; } + .dropzone .dz-preview.dz-error:hover .dz-error-message { + opacity: 1; + pointer-events: auto; } + .dropzone .dz-preview .dz-error-message { + pointer-events: none; + z-index: 1000; + position: absolute; + display: block; + display: none; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + -moz-transition: opacity 0.3s ease; + -ms-transition: opacity 0.3s ease; + -o-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-radius: 8px; + font-size: 13px; + top: 130px; + left: -10px; + width: 140px; + background: #be2626; + background: linear-gradient(to bottom, #be2626, #a92222); + padding: 0.5em 1.2em; + color: white; } + .dropzone .dz-preview .dz-error-message:after { + content: ''; + position: absolute; + top: -6px; + left: 64px; + width: 0; + height: 0; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #be2626; } + +/*! + * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background-color: transparent; +} + +a:active { + outline: 0; +} + +a:hover { + outline: 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +h1 { + margin: .67em 0; + font-size: 2em; +} + +mark { + color: #000; + background: #ff0; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -.5em; +} + +sub { + bottom: -.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 1em 40px; +} + +hr { + height: 0; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + margin: 0; + font: inherit; + color: inherit; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + padding: .35em .625em .75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} + +legend { + padding: 0; + border: 0; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-spacing: 0; + border-collapse: collapse; +} + +td, +th { + padding: 0; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre, + blockquote { + border: 1px solid #999; + + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .navbar { + display: none; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +*, +*::before, +*::after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +@-moz-viewport { + width: device-width; +} + +@-ms-viewport { + width: device-width; +} + +@-webkit-viewport { + width: device-width; +} + +@viewport { + width: device-width; +} + +html { + font-size: 16px; + + -webkit-tap-highlight-color: transparent; +} + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1rem; + line-height: 1.5; + color: #373a3c; + background-color: #fff; +} + +[tabindex="-1"]:focus { + outline: none !important; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: .5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818a91; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: bold; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +a { + color: #0275d8; + text-decoration: none; +} + +a:focus, a:hover { + color: #014c8c; + text-decoration: underline; +} + +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; +} + +[role="button"] { + cursor: pointer; +} + +a, +area, +button, +[role="button"], +input, +label, +select, +summary, +textarea { + -ms-touch-action: manipulation; + touch-action: manipulation; +} + +table { + background-color: transparent; +} + +caption { + padding-top: .75rem; + padding-bottom: .75rem; + color: #818a91; + text-align: left; + caption-side: bottom; +} + +th { + text-align: left; +} + +label { + display: inline-block; + margin-bottom: .5rem; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +textarea { + margin: 0; + line-height: inherit; + border-radius: 0; +} + +textarea { + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; +} + +input[type="search"] { + -webkit-box-sizing: inherit; + box-sizing: inherit; + -webkit-appearance: none; +} + +output { + display: inline-block; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: .5rem; + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +.h1 { + font-size: 2.5rem; +} + +.h2 { + font-size: 2rem; +} + +.h3 { + font-size: 1.75rem; +} + +.h4 { + font-size: 1.5rem; +} + +.h5 { + font-size: 1.25rem; +} + +.h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, .1); +} + +small, +.small { + font-size: 80%; + font-weight: normal; +} + +mark, +.mark { + padding: .2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 5px; +} + +.dl-horizontal { + margin-right: -1.875rem; + margin-left: -1.875rem; +} + +.dl-horizontal::after { + display: table; + clear: both; + content: ""; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + padding: .5rem 1rem; + margin-bottom: 1rem; + font-size: 1.25rem; + border-left: .25rem solid #eceeef; +} + +.blockquote-footer { + display: block; + font-size: 80%; + line-height: 1.5; + color: #818a91; +} + +.blockquote-footer::before { + content: "\2014 \00A0"; +} + +.blockquote-reverse { + padding-right: 1rem; + padding-left: 0; + text-align: right; + border-right: .25rem solid #eceeef; + border-left: 0; +} + +.blockquote-reverse .blockquote-footer::before { + content: ""; +} + +.blockquote-reverse .blockquote-footer::after { + content: "\00A0 \2014"; +} + +.img-fluid, .carousel-inner > .carousel-item > img, +.carousel-inner > .carousel-item > a > img { + display: block; + max-width: 100%; + height: auto; +} + +.img-rounded { + border-radius: .3rem; +} + +.img-thumbnail { + display: inline-block; + max-width: 100%; + height: auto; + padding: .25rem; + line-height: 1.5; + background-color: #fff; + border: 1px solid #ddd; + border-radius: .25rem; + -webkit-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} + +.img-circle { + border-radius: 50%; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: .5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #818a91; +} + +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} + +code { + padding: .2rem .4rem; + font-size: 90%; + color: #bd4147; + background-color: #f7f7f9; + border-radius: .25rem; +} + +kbd { + padding: .2rem .4rem; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: .2rem; +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + font-size: 90%; + line-height: 1.5; + color: #373a3c; +} + +pre code { + padding: 0; + font-size: inherit; + color: inherit; + background-color: transparent; + border-radius: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + padding-right: .9375rem; + padding-left: .9375rem; + margin-right: auto; + margin-left: auto; +} + +.container::after { + display: table; + clear: both; + content: ""; +} + +@media (min-width: 544px) { + .container { + max-width: 576px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 940px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + padding-right: .9375rem; + padding-left: .9375rem; + margin-right: auto; + margin-left: auto; +} + +.container-fluid::after { + display: table; + clear: both; + content: ""; +} + +.row { + margin-right: -.9375rem; + margin-left: -.9375rem; +} + +.row::after { + display: table; + clear: both; + content: ""; +} + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + position: relative; + min-height: 1px; + padding-right: .9375rem; + padding-left: .9375rem; +} + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} + +.col-xs-1 { + width: 8.333333%; +} + +.col-xs-2 { + width: 16.666667%; +} + +.col-xs-3 { + width: 25%; +} + +.col-xs-4 { + width: 33.333333%; +} + +.col-xs-5 { + width: 41.666667%; +} + +.col-xs-6 { + width: 50%; +} + +.col-xs-7 { + width: 58.333333%; +} + +.col-xs-8 { + width: 66.666667%; +} + +.col-xs-9 { + width: 75%; +} + +.col-xs-10 { + width: 83.333333%; +} + +.col-xs-11 { + width: 91.666667%; +} + +.col-xs-12 { + width: 100%; +} + +.col-xs-pull-0 { + right: auto; +} + +.col-xs-pull-1 { + right: 8.333333%; +} + +.col-xs-pull-2 { + right: 16.666667%; +} + +.col-xs-pull-3 { + right: 25%; +} + +.col-xs-pull-4 { + right: 33.333333%; +} + +.col-xs-pull-5 { + right: 41.666667%; +} + +.col-xs-pull-6 { + right: 50%; +} + +.col-xs-pull-7 { + right: 58.333333%; +} + +.col-xs-pull-8 { + right: 66.666667%; +} + +.col-xs-pull-9 { + right: 75%; +} + +.col-xs-pull-10 { + right: 83.333333%; +} + +.col-xs-pull-11 { + right: 91.666667%; +} + +.col-xs-pull-12 { + right: 100%; +} + +.col-xs-push-0 { + left: auto; +} + +.col-xs-push-1 { + left: 8.333333%; +} + +.col-xs-push-2 { + left: 16.666667%; +} + +.col-xs-push-3 { + left: 25%; +} + +.col-xs-push-4 { + left: 33.333333%; +} + +.col-xs-push-5 { + left: 41.666667%; +} + +.col-xs-push-6 { + left: 50%; +} + +.col-xs-push-7 { + left: 58.333333%; +} + +.col-xs-push-8 { + left: 66.666667%; +} + +.col-xs-push-9 { + left: 75%; +} + +.col-xs-push-10 { + left: 83.333333%; +} + +.col-xs-push-11 { + left: 91.666667%; +} + +.col-xs-push-12 { + left: 100%; +} + +.col-xs-offset-0 { + margin-left: 0; +} + +.col-xs-offset-1 { + margin-left: 8.333333%; +} + +.col-xs-offset-2 { + margin-left: 16.666667%; +} + +.col-xs-offset-3 { + margin-left: 25%; +} + +.col-xs-offset-4 { + margin-left: 33.333333%; +} + +.col-xs-offset-5 { + margin-left: 41.666667%; +} + +.col-xs-offset-6 { + margin-left: 50%; +} + +.col-xs-offset-7 { + margin-left: 58.333333%; +} + +.col-xs-offset-8 { + margin-left: 66.666667%; +} + +.col-xs-offset-9 { + margin-left: 75%; +} + +.col-xs-offset-10 { + margin-left: 83.333333%; +} + +.col-xs-offset-11 { + margin-left: 91.666667%; +} + +.col-xs-offset-12 { + margin-left: 100%; +} + +@media (min-width: 544px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-1 { + width: 8.333333%; + } + .col-sm-2 { + width: 16.666667%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-4 { + width: 33.333333%; + } + .col-sm-5 { + width: 41.666667%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-7 { + width: 58.333333%; + } + .col-sm-8 { + width: 66.666667%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-10 { + width: 83.333333%; + } + .col-sm-11 { + width: 91.666667%; + } + .col-sm-12 { + width: 100%; + } + .col-sm-pull-0 { + right: auto; + } + .col-sm-pull-1 { + right: 8.333333%; + } + .col-sm-pull-2 { + right: 16.666667%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-4 { + right: 33.333333%; + } + .col-sm-pull-5 { + right: 41.666667%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-7 { + right: 58.333333%; + } + .col-sm-pull-8 { + right: 66.666667%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-10 { + right: 83.333333%; + } + .col-sm-pull-11 { + right: 91.666667%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-push-0 { + left: auto; + } + .col-sm-push-1 { + left: 8.333333%; + } + .col-sm-push-2 { + left: 16.666667%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-4 { + left: 33.333333%; + } + .col-sm-push-5 { + left: 41.666667%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-7 { + left: 58.333333%; + } + .col-sm-push-8 { + left: 66.666667%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-10 { + left: 83.333333%; + } + .col-sm-push-11 { + left: 91.666667%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-offset-0 { + margin-left: 0; + } + .col-sm-offset-1 { + margin-left: 8.333333%; + } + .col-sm-offset-2 { + margin-left: 16.666667%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-4 { + margin-left: 33.333333%; + } + .col-sm-offset-5 { + margin-left: 41.666667%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-7 { + margin-left: 58.333333%; + } + .col-sm-offset-8 { + margin-left: 66.666667%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-10 { + margin-left: 83.333333%; + } + .col-sm-offset-11 { + margin-left: 91.666667%; + } + .col-sm-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 768px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-1 { + width: 8.333333%; + } + .col-md-2 { + width: 16.666667%; + } + .col-md-3 { + width: 25%; + } + .col-md-4 { + width: 33.333333%; + } + .col-md-5 { + width: 41.666667%; + } + .col-md-6 { + width: 50%; + } + .col-md-7 { + width: 58.333333%; + } + .col-md-8 { + width: 66.666667%; + } + .col-md-9 { + width: 75%; + } + .col-md-10 { + width: 83.333333%; + } + .col-md-11 { + width: 91.666667%; + } + .col-md-12 { + width: 100%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-pull-1 { + right: 8.333333%; + } + .col-md-pull-2 { + right: 16.666667%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-4 { + right: 33.333333%; + } + .col-md-pull-5 { + right: 41.666667%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-7 { + right: 58.333333%; + } + .col-md-pull-8 { + right: 66.666667%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-10 { + right: 83.333333%; + } + .col-md-pull-11 { + right: 91.666667%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-push-0 { + left: auto; + } + .col-md-push-1 { + left: 8.333333%; + } + .col-md-push-2 { + left: 16.666667%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-4 { + left: 33.333333%; + } + .col-md-push-5 { + left: 41.666667%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-7 { + left: 58.333333%; + } + .col-md-push-8 { + left: 66.666667%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-10 { + left: 83.333333%; + } + .col-md-push-11 { + left: 91.666667%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-offset-0 { + margin-left: 0; + } + .col-md-offset-1 { + margin-left: 8.333333%; + } + .col-md-offset-2 { + margin-left: 16.666667%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-4 { + margin-left: 33.333333%; + } + .col-md-offset-5 { + margin-left: 41.666667%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-7 { + margin-left: 58.333333%; + } + .col-md-offset-8 { + margin-left: 66.666667%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-10 { + margin-left: 83.333333%; + } + .col-md-offset-11 { + margin-left: 91.666667%; + } + .col-md-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 992px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-1 { + width: 8.333333%; + } + .col-lg-2 { + width: 16.666667%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.333333%; + } + .col-lg-5 { + width: 41.666667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.333333%; + } + .col-lg-8 { + width: 66.666667%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.333333%; + } + .col-lg-11 { + width: 91.666667%; + } + .col-lg-12 { + width: 100%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-pull-1 { + right: 8.333333%; + } + .col-lg-pull-2 { + right: 16.666667%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-4 { + right: 33.333333%; + } + .col-lg-pull-5 { + right: 41.666667%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-7 { + right: 58.333333%; + } + .col-lg-pull-8 { + right: 66.666667%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-10 { + right: 83.333333%; + } + .col-lg-pull-11 { + right: 91.666667%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-push-1 { + left: 8.333333%; + } + .col-lg-push-2 { + left: 16.666667%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-4 { + left: 33.333333%; + } + .col-lg-push-5 { + left: 41.666667%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-7 { + left: 58.333333%; + } + .col-lg-push-8 { + left: 66.666667%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-10 { + left: 83.333333%; + } + .col-lg-push-11 { + left: 91.666667%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-offset-0 { + margin-left: 0; + } + .col-lg-offset-1 { + margin-left: 8.333333%; + } + .col-lg-offset-2 { + margin-left: 16.666667%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-4 { + margin-left: 33.333333%; + } + .col-lg-offset-5 { + margin-left: 41.666667%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-7 { + margin-left: 58.333333%; + } + .col-lg-offset-8 { + margin-left: 66.666667%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-10 { + margin-left: 83.333333%; + } + .col-lg-offset-11 { + margin-left: 91.666667%; + } + .col-lg-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 1200px) { + .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + float: left; + } + .col-xl-1 { + width: 8.333333%; + } + .col-xl-2 { + width: 16.666667%; + } + .col-xl-3 { + width: 25%; + } + .col-xl-4 { + width: 33.333333%; + } + .col-xl-5 { + width: 41.666667%; + } + .col-xl-6 { + width: 50%; + } + .col-xl-7 { + width: 58.333333%; + } + .col-xl-8 { + width: 66.666667%; + } + .col-xl-9 { + width: 75%; + } + .col-xl-10 { + width: 83.333333%; + } + .col-xl-11 { + width: 91.666667%; + } + .col-xl-12 { + width: 100%; + } + .col-xl-pull-0 { + right: auto; + } + .col-xl-pull-1 { + right: 8.333333%; + } + .col-xl-pull-2 { + right: 16.666667%; + } + .col-xl-pull-3 { + right: 25%; + } + .col-xl-pull-4 { + right: 33.333333%; + } + .col-xl-pull-5 { + right: 41.666667%; + } + .col-xl-pull-6 { + right: 50%; + } + .col-xl-pull-7 { + right: 58.333333%; + } + .col-xl-pull-8 { + right: 66.666667%; + } + .col-xl-pull-9 { + right: 75%; + } + .col-xl-pull-10 { + right: 83.333333%; + } + .col-xl-pull-11 { + right: 91.666667%; + } + .col-xl-pull-12 { + right: 100%; + } + .col-xl-push-0 { + left: auto; + } + .col-xl-push-1 { + left: 8.333333%; + } + .col-xl-push-2 { + left: 16.666667%; + } + .col-xl-push-3 { + left: 25%; + } + .col-xl-push-4 { + left: 33.333333%; + } + .col-xl-push-5 { + left: 41.666667%; + } + .col-xl-push-6 { + left: 50%; + } + .col-xl-push-7 { + left: 58.333333%; + } + .col-xl-push-8 { + left: 66.666667%; + } + .col-xl-push-9 { + left: 75%; + } + .col-xl-push-10 { + left: 83.333333%; + } + .col-xl-push-11 { + left: 91.666667%; + } + .col-xl-push-12 { + left: 100%; + } + .col-xl-offset-0 { + margin-left: 0; + } + .col-xl-offset-1 { + margin-left: 8.333333%; + } + .col-xl-offset-2 { + margin-left: 16.666667%; + } + .col-xl-offset-3 { + margin-left: 25%; + } + .col-xl-offset-4 { + margin-left: 33.333333%; + } + .col-xl-offset-5 { + margin-left: 41.666667%; + } + .col-xl-offset-6 { + margin-left: 50%; + } + .col-xl-offset-7 { + margin-left: 58.333333%; + } + .col-xl-offset-8 { + margin-left: 66.666667%; + } + .col-xl-offset-9 { + margin-left: 75%; + } + .col-xl-offset-10 { + margin-left: 83.333333%; + } + .col-xl-offset-11 { + margin-left: 91.666667%; + } + .col-xl-offset-12 { + margin-left: 100%; + } +} + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; +} + +.table th, +.table td { + padding: .75rem; + line-height: 1.5; + vertical-align: top; + border-top: 1px solid #eceeef; +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #eceeef; +} + +.table tbody + tbody { + border-top: 2px solid #eceeef; +} + +.table .table { + background-color: #fff; +} + +.table-sm th, +.table-sm td { + padding: .3rem; +} + +.table-bordered { + border: 1px solid #eceeef; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #eceeef; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: #f9f9f9; +} + +.table-hover tbody tr:hover { + background-color: #f5f5f5; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: #f5f5f5; +} + +.table-hover .table-active:hover { + background-color: #e8e8e8; +} + +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: #e8e8e8; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #dff0d8; +} + +.table-hover .table-success:hover { + background-color: #d0e9c6; +} + +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #d0e9c6; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #d9edf7; +} + +.table-hover .table-info:hover { + background-color: #c4e3f3; +} + +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #c4e3f3; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #fcf8e3; +} + +.table-hover .table-warning:hover { + background-color: #faf2cc; +} + +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #faf2cc; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f2dede; +} + +.table-hover .table-danger:hover { + background-color: #ebcccc; +} + +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #ebcccc; +} + +.table-responsive { + display: block; + width: 100%; + min-height: .01%; + overflow-x: auto; +} + +.thead-inverse th { + color: #fff; + background-color: #373a3c; +} + +.thead-default th { + color: #55595c; + background-color: #eceeef; +} + +.table-inverse { + color: #eceeef; + background-color: #373a3c; +} + +.table-inverse.table-bordered { + border: 0; +} + +.table-inverse th, +.table-inverse td, +.table-inverse thead th { + border-color: #55595c; +} + +.table-reflow thead { + float: left; +} + +.table-reflow tbody { + display: block; + white-space: nowrap; +} + +.table-reflow th, +.table-reflow td { + border-top: 1px solid #eceeef; + border-left: 1px solid #eceeef; +} + +.table-reflow th:last-child, +.table-reflow td:last-child { + border-right: 1px solid #eceeef; +} + +.table-reflow thead:last-child tr:last-child th, +.table-reflow thead:last-child tr:last-child td, +.table-reflow tbody:last-child tr:last-child th, +.table-reflow tbody:last-child tr:last-child td, +.table-reflow tfoot:last-child tr:last-child th, +.table-reflow tfoot:last-child tr:last-child td { + border-bottom: 1px solid #eceeef; +} + +.table-reflow tr { + float: left; +} + +.table-reflow tr th, +.table-reflow tr td { + display: block !important; + border: 1px solid #eceeef; +} + +.form-control { + display: block; + width: 100%; + padding: .375rem .75rem; + font-size: 1rem; + line-height: 1.5; + color: #55595c; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: .25rem; +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus { + border-color: #66afe9; + outline: none; +} + +.form-control::-webkit-input-placeholder { + color: #999; + opacity: 1; +} + +.form-control::-moz-placeholder { + color: #999; + opacity: 1; +} + +.form-control:-ms-input-placeholder { + color: #999; + opacity: 1; +} + +.form-control::placeholder { + color: #999; + opacity: 1; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #eceeef; + opacity: 1; +} + +.form-control:disabled { + cursor: not-allowed; +} + +.form-control-file, +.form-control-range { + display: block; +} + +.form-control-label { + padding: .375rem .75rem; + margin-bottom: 0; +} + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 2.25rem; + } + input[type="date"].input-sm, + .input-group-sm input[type="date"].form-control, + input[type="time"].input-sm, + .input-group-sm + input[type="time"].form-control, + input[type="datetime-local"].input-sm, + .input-group-sm + input[type="datetime-local"].form-control, + input[type="month"].input-sm, + .input-group-sm + input[type="month"].form-control { + line-height: 1.8625rem; + } + input[type="date"].input-lg, + .input-group-lg input[type="date"].form-control, + input[type="time"].input-lg, + .input-group-lg + input[type="time"].form-control, + input[type="datetime-local"].input-lg, + .input-group-lg + input[type="datetime-local"].form-control, + input[type="month"].input-lg, + .input-group-lg + input[type="month"].form-control { + line-height: 3.166667rem; + } +} + +.form-control-static { + min-height: 2.25rem; + padding-top: .375rem; + padding-bottom: .375rem; + margin-bottom: 0; +} + +.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, +.input-group-sm > .form-control-static.input-group-addon, +.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, +.input-group-lg > .form-control-static.input-group-addon, +.input-group-lg > .input-group-btn > .form-control-static.btn { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + padding: .275rem .75rem; + font-size: .875rem; + line-height: 1.5; + border-radius: .2rem; +} + +.form-control-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + padding: .75rem 1.25rem; + font-size: 1.25rem; + line-height: 1.333333; + border-radius: .3rem; +} + +.form-group { + margin-bottom: 1rem; +} + +.radio, +.checkbox { + position: relative; + display: block; + margin-bottom: .75rem; +} + +.radio label, +.checkbox label { + padding-left: 1.25rem; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} + +.radio label input:only-child, +.checkbox label input:only-child { + position: static; +} + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-top: .25rem; + margin-left: -1.25rem; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -.25rem; +} + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 1.25rem; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; + cursor: pointer; +} + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: .75rem; +} + +input[type="radio"]:disabled, input[type="radio"].disabled, +input[type="checkbox"]:disabled, +input[type="checkbox"].disabled { + cursor: not-allowed; +} + +.radio-inline.disabled, +.checkbox-inline.disabled { + cursor: not-allowed; +} + +.radio.disabled label, +.checkbox.disabled label { + cursor: not-allowed; +} + +.form-control-success, +.form-control-warning, +.form-control-danger { + padding-right: 2.25rem; + background-repeat: no-repeat; + background-position: center right .5625rem; + -webkit-background-size: 1.4625rem 1.4625rem; + background-size: 1.4625rem 1.4625rem; +} + +.has-success .text-help, +.has-success .form-control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #5cb85c; +} + +.has-success .form-control { + border-color: #5cb85c; +} + +.has-success .input-group-addon { + color: #5cb85c; + background-color: #eaf6ea; + border-color: #5cb85c; +} + +.has-success .form-control-feedback { + color: #5cb85c; +} + +.has-success .form-control-success { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); +} + +.has-warning .text-help, +.has-warning .form-control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #f0ad4e; +} + +.has-warning .form-control { + border-color: #f0ad4e; +} + +.has-warning .input-group-addon { + color: #f0ad4e; + background-color: white; + border-color: #f0ad4e; +} + +.has-warning .form-control-feedback { + color: #f0ad4e; +} + +.has-warning .form-control-warning { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); +} + +.has-danger .text-help, +.has-danger .form-control-label, +.has-danger .radio, +.has-danger .checkbox, +.has-danger .radio-inline, +.has-danger .checkbox-inline, +.has-danger.radio label, +.has-danger.checkbox label, +.has-danger.radio-inline label, +.has-danger.checkbox-inline label { + color: #d9534f; +} + +.has-danger .form-control { + border-color: #d9534f; +} + +.has-danger .input-group-addon { + color: #d9534f; + background-color: #fdf7f7; + border-color: #d9534f; +} + +.has-danger .form-control-feedback { + color: #d9534f; +} + +.has-danger .form-control-danger { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); +} + +@media (min-width: 544px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-static { + display: inline-block; + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .form-control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} + +.btn { + display: inline-block; + padding: .375rem 1rem; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: 1px solid transparent; + border-radius: .25rem; +} + +.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn:focus, .btn:hover { + text-decoration: none; +} + +.btn.focus { + text-decoration: none; +} + +.btn:active, .btn.active { + background-image: none; + outline: 0; +} + +.btn.disabled, .btn:disabled { + cursor: not-allowed; + opacity: .65; +} + +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; +} + +.btn-primary { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; +} + +.btn-primary:hover { + color: #fff; + background-color: #025aa5; + border-color: #01549b; +} + +.btn-primary:focus, .btn-primary.focus { + color: #fff; + background-color: #025aa5; + border-color: #01549b; +} + +.btn-primary:active, .btn-primary.active, +.open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #025aa5; + background-image: none; + border-color: #01549b; +} + +.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, +.open > .btn-primary.dropdown-toggle:hover, +.open > .btn-primary.dropdown-toggle:focus, +.open > .btn-primary.dropdown-toggle.focus { + color: #fff; + background-color: #014682; + border-color: #01315a; +} + +.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { + background-color: #0275d8; + border-color: #0275d8; +} + +.btn-primary.disabled:hover, .btn-primary:disabled:hover { + background-color: #0275d8; + border-color: #0275d8; +} + +.btn-secondary { + color: #373a3c; + background-color: #fff; + border-color: #ccc; +} + +.btn-secondary:hover { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; +} + +.btn-secondary:focus, .btn-secondary.focus { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; +} + +.btn-secondary:active, .btn-secondary.active, +.open > .btn-secondary.dropdown-toggle { + color: #373a3c; + background-color: #e6e6e6; + background-image: none; + border-color: #adadad; +} + +.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, +.open > .btn-secondary.dropdown-toggle:hover, +.open > .btn-secondary.dropdown-toggle:focus, +.open > .btn-secondary.dropdown-toggle.focus { + color: #373a3c; + background-color: #d4d4d4; + border-color: #8c8c8c; +} + +.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus { + background-color: #fff; + border-color: #ccc; +} + +.btn-secondary.disabled:hover, .btn-secondary:disabled:hover { + background-color: #fff; + border-color: #ccc; +} + +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-info:hover { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; +} + +.btn-info:focus, .btn-info.focus { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; +} + +.btn-info:active, .btn-info.active, +.open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b0d5; + background-image: none; + border-color: #2aabd2; +} + +.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, +.open > .btn-info.dropdown-toggle:hover, +.open > .btn-info.dropdown-toggle:focus, +.open > .btn-info.dropdown-toggle.focus { + color: #fff; + background-color: #269abc; + border-color: #1f7e9a; +} + +.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-info.disabled:hover, .btn-info:disabled:hover { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success:hover { + color: #fff; + background-color: #449d44; + border-color: #419641; +} + +.btn-success:focus, .btn-success.focus { + color: #fff; + background-color: #449d44; + border-color: #419641; +} + +.btn-success:active, .btn-success.active, +.open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #449d44; + background-image: none; + border-color: #419641; +} + +.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, +.open > .btn-success.dropdown-toggle:hover, +.open > .btn-success.dropdown-toggle:focus, +.open > .btn-success.dropdown-toggle.focus { + color: #fff; + background-color: #398439; + border-color: #2d672d; +} + +.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success.disabled:hover, .btn-success:disabled:hover { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning:hover { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; +} + +.btn-warning:focus, .btn-warning.focus { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; +} + +.btn-warning:active, .btn-warning.active, +.open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + background-image: none; + border-color: #eb9316; +} + +.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, +.open > .btn-warning.dropdown-toggle:hover, +.open > .btn-warning.dropdown-toggle:focus, +.open > .btn-warning.dropdown-toggle.focus { + color: #fff; + background-color: #d58512; + border-color: #b06d0f; +} + +.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning.disabled:hover, .btn-warning:disabled:hover { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; +} + +.btn-danger:focus, .btn-danger.focus { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; +} + +.btn-danger:active, .btn-danger.active, +.open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c9302c; + background-image: none; + border-color: #c12e2a; +} + +.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, +.open > .btn-danger.dropdown-toggle:hover, +.open > .btn-danger.dropdown-toggle:focus, +.open > .btn-danger.dropdown-toggle.focus { + color: #fff; + background-color: #ac2925; + border-color: #8b211e; +} + +.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger.disabled:hover, .btn-danger:disabled:hover { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-primary-outline { + color: #0275d8; + background-color: transparent; + background-image: none; + border-color: #0275d8; +} + +.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, +.open > .btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; +} + +.btn-primary-outline:hover { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; +} + +.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus { + border-color: #43a7fd; +} + +.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover { + border-color: #43a7fd; +} + +.btn-secondary-outline { + color: #ccc; + background-color: transparent; + background-image: none; + border-color: #ccc; +} + +.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, +.open > .btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #ccc; + border-color: #ccc; +} + +.btn-secondary-outline:hover { + color: #fff; + background-color: #ccc; + border-color: #ccc; +} + +.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus { + border-color: white; +} + +.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover { + border-color: white; +} + +.btn-info-outline { + color: #5bc0de; + background-color: transparent; + background-image: none; + border-color: #5bc0de; +} + +.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, +.open > .btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-info-outline:hover { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus { + border-color: #b0e1ef; +} + +.btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover { + border-color: #b0e1ef; +} + +.btn-success-outline { + color: #5cb85c; + background-color: transparent; + background-image: none; + border-color: #5cb85c; +} + +.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, +.open > .btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success-outline:hover { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus { + border-color: #a3d7a3; +} + +.btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover { + border-color: #a3d7a3; +} + +.btn-warning-outline { + color: #f0ad4e; + background-color: transparent; + background-image: none; + border-color: #f0ad4e; +} + +.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, +.open > .btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning-outline:hover { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus { + border-color: #f8d9ac; +} + +.btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover { + border-color: #f8d9ac; +} + +.btn-danger-outline { + color: #d9534f; + background-color: transparent; + background-image: none; + border-color: #d9534f; +} + +.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, +.open > .btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger-outline:hover { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus { + border-color: #eba5a3; +} + +.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover { + border-color: #eba5a3; +} + +.btn-link { + font-weight: normal; + color: #0275d8; + border-radius: 0; +} + +.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { + background-color: transparent; +} + +.btn-link, .btn-link:focus, .btn-link:active { + border-color: transparent; +} + +.btn-link:hover { + border-color: transparent; +} + +.btn-link:focus, .btn-link:hover { + color: #014c8c; + text-decoration: underline; + background-color: transparent; +} + +.btn-link:disabled:focus, .btn-link:disabled:hover { + color: #818a91; + text-decoration: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: .75rem 1.25rem; + font-size: 1.25rem; + line-height: 1.333333; + border-radius: .3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: .25rem .75rem; + font-size: .875rem; + line-height: 1.5; + border-radius: .2rem; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + opacity: 0; + -webkit-transition: opacity .15s linear; + -o-transition: opacity .15s linear; + transition: opacity .15s linear; +} + +.fade.in { + opacity: 1; +} + +.collapse { + display: none; +} + +.collapse.in { + display: block; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition-timing-function: ease; + -o-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-duration: .35s; + -o-transition-duration: .35s; + transition-duration: .35s; + -webkit-transition-property: height; + -o-transition-property: height; + transition-property: height; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-right: .25rem; + margin-left: .25rem; + vertical-align: middle; + content: ""; + border-top: .3em solid; + border-right: .3em solid transparent; + border-left: .3em solid transparent; +} + +.dropdown-toggle:focus { + outline: 0; +} + +.dropup .dropdown-toggle::after { + border-top: 0; + border-bottom: .3em solid; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 1rem; + color: #373a3c; + text-align: left; + list-style: none; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: .25rem; +} + +.dropdown-divider { + height: 1px; + margin: .5rem 0; + overflow: hidden; + background-color: #e5e5e5; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.5; + color: #373a3c; + text-align: inherit; + white-space: nowrap; + background: none; + border: 0; +} + +.dropdown-item:focus, .dropdown-item:hover { + color: #2b2d2f; + text-decoration: none; + background-color: #f5f5f5; +} + +.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { + color: #fff; + text-decoration: none; + background-color: #0275d8; + outline: 0; +} + +.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { + color: #818a91; +} + +.dropdown-item.disabled:focus, .dropdown-item.disabled:hover { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; +} + +.open > .dropdown-menu { + display: block; +} + +.open > a { + outline: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: .875rem; + line-height: 1.5; + color: #818a91; + white-space: nowrap; +} + +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: .3em solid; +} + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} + +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} + +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 2; +} + +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 2; +} + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} + +.btn-toolbar { + margin-left: -5px; +} + +.btn-toolbar::after { + display: table; + clear: both; + content: ""; +} + +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} + +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +.btn-group > .btn:first-child { + margin-left: 0; +} + +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group > .btn-group { + float: left; +} + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} + +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} + +.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} + +.btn .caret { + margin-left: 0; +} + +.btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: .3em .3em 0; + border-bottom-width: 0; +} + +.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { + border-width: 0 .3em .3em; +} + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} + +.btn-group-vertical > .btn-group::after { + display: table; + clear: both; + content: ""; +} + +.btn-group-vertical > .btn-group > .btn { + float: none; +} + +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} + +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: .25rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: .25rem; +} + +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} + +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: table; + border-collapse: separate; +} + +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} + +.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { + z-index: 3; +} + +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} + +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} + +.input-group-addon { + padding: .375rem .75rem; + font-size: 1rem; + font-weight: normal; + line-height: 1; + color: #55595c; + text-align: center; + background-color: #eceeef; + border: 1px solid #ccc; + border-radius: .25rem; +} + +.input-group-addon.form-control-sm, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: .275rem .75rem; + font-size: .875rem; + border-radius: .2rem; +} + +.input-group-addon.form-control-lg, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: .75rem 1.25rem; + font-size: 1.25rem; + border-radius: .3rem; +} + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} + +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group-addon:first-child { + border-right: 0; +} + +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} + +.input-group-btn > .btn { + position: relative; +} + +.input-group-btn > .btn + .btn { + margin-left: -1px; +} + +.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { + z-index: 3; +} + +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} + +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + z-index: 2; + margin-left: -1px; +} + +.input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover, +.input-group-btn:last-child > .btn-group:focus, +.input-group-btn:last-child > .btn-group:active, +.input-group-btn:last-child > .btn-group:hover { + z-index: 3; +} + +.c-input { + position: relative; + display: inline; + padding-left: 1.5rem; + color: #555; + cursor: pointer; +} + +.c-input > input { + position: absolute; + z-index: -1; + opacity: 0; +} + +.c-input > input:checked ~ .c-indicator { + color: #fff; + background-color: #0074d9; +} + +.c-input > input:focus ~ .c-indicator { + -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; + box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; +} + +.c-input > input:active ~ .c-indicator { + color: #fff; + background-color: #84c6ff; +} + +.c-input + .c-input { + margin-left: 1rem; +} + +.c-indicator { + position: absolute; + top: 0; + left: 0; + display: block; + width: 1rem; + height: 1rem; + font-size: 65%; + line-height: 1rem; + color: #eee; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #eee; + background-repeat: no-repeat; + background-position: center center; + -webkit-background-size: 50% 50%; + background-size: 50% 50%; +} + +.c-checkbox .c-indicator { + border-radius: .25rem; +} + +.c-checkbox input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); +} + +.c-checkbox input:indeterminate ~ .c-indicator { + background-color: #0074d9; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); +} + +.c-radio .c-indicator { + border-radius: 50%; +} + +.c-radio input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); +} + +.c-inputs-stacked .c-input { + display: inline; +} + +.c-inputs-stacked .c-input::after { + display: block; + margin-bottom: .25rem; + content: ""; +} + +.c-inputs-stacked .c-input + .c-input { + margin-left: 0; +} + +.c-select { + display: inline-block; + max-width: 100%; + -webkit-appearance: none; + padding: .375rem 1.75rem .375rem .75rem; + padding-right: .75rem \9; + color: #55595c; + vertical-align: middle; + background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center; + background-image: none \9; + -webkit-background-size: 8px 10px; + background-size: 8px 10px; + border: 1px solid #ccc; + + -moz-appearance: none; +} + +.c-select:focus { + border-color: #51a7e8; + outline: none; +} + +.c-select::-ms-expand { + opacity: 0; +} + +.c-select-sm { + padding-top: 3px; + padding-bottom: 3px; + font-size: 12px; +} + +.c-select-sm:not([multiple]) { + height: 26px; + min-height: 26px; +} + +.file { + position: relative; + display: inline-block; + height: 2.5rem; + cursor: pointer; +} + +.file input { + min-width: 14rem; + margin: 0; + filter: alpha(opacity=0); + opacity: 0; +} + +.file-custom { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 5; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #fff; + border: 1px solid #ddd; + border-radius: .25rem; +} + +.file-custom::after { + content: "Choose file..."; +} + +.file-custom::before { + position: absolute; + top: -.075rem; + right: -.075rem; + bottom: -.075rem; + z-index: 6; + display: block; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + content: "Browse"; + background-color: #eee; + border: 1px solid #ddd; + border-radius: 0 .25rem .25rem 0; +} + +.nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: inline-block; +} + +.nav-link:focus, .nav-link:hover { + text-decoration: none; +} + +.nav-link.disabled { + color: #818a91; +} + +.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { + color: #818a91; + cursor: not-allowed; + background-color: transparent; +} + +.nav-inline .nav-item { + display: inline-block; +} + +.nav-inline .nav-item + .nav-item, +.nav-inline .nav-link + .nav-link { + margin-left: 1rem; +} + +.nav-tabs { + border-bottom: 1px solid #ddd; +} + +.nav-tabs::after { + display: table; + clear: both; + content: ""; +} + +.nav-tabs .nav-item { + float: left; + margin-bottom: -1px; +} + +.nav-tabs .nav-item + .nav-item { + margin-left: .2rem; +} + +.nav-tabs .nav-link { + display: block; + padding: .5em 1em; + border: 1px solid transparent; + border-radius: .25rem .25rem 0 0; +} + +.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { + border-color: #eceeef #eceeef #ddd; +} + +.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { + color: #818a91; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, +.nav-tabs .nav-item.open .nav-link, +.nav-tabs .nav-item.open .nav-link:focus, +.nav-tabs .nav-item.open .nav-link:hover { + color: #55595c; + background-color: #fff; + border-color: #ddd #ddd transparent; +} + +.nav-pills::after { + display: table; + clear: both; + content: ""; +} + +.nav-pills .nav-item { + float: left; +} + +.nav-pills .nav-item + .nav-item { + margin-left: .2rem; +} + +.nav-pills .nav-link { + display: block; + padding: .5em 1em; + border-radius: .25rem; +} + +.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, +.nav-pills .nav-item.open .nav-link, +.nav-pills .nav-item.open .nav-link:focus, +.nav-pills .nav-item.open .nav-link:hover { + color: #fff; + cursor: default; + background-color: #0275d8; +} + +.nav-stacked .nav-item { + display: block; + float: none; +} + +.nav-stacked .nav-item + .nav-item { + margin-top: .2rem; + margin-left: 0; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.navbar { + position: relative; + padding: .5rem 1rem; +} + +.navbar::after { + display: table; + clear: both; + content: ""; +} + +@media (min-width: 544px) { + .navbar { + border-radius: .25rem; + } +} + +.navbar-full { + z-index: 1000; +} + +@media (min-width: 544px) { + .navbar-full { + border-radius: 0; + } +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} + +@media (min-width: 544px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar-sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1030; + width: 100%; +} + +@media (min-width: 544px) { + .navbar-sticky-top { + border-radius: 0; + } +} + +.navbar-brand { + float: left; + padding-top: .25rem; + padding-bottom: .25rem; + margin-right: 1rem; + font-size: 1.25rem; +} + +.navbar-brand:focus, .navbar-brand:hover { + text-decoration: none; +} + +.navbar-brand > img { + display: block; +} + +.navbar-divider { + float: left; + width: 1px; + padding-top: .425rem; + padding-bottom: .425rem; + margin-right: 1rem; + margin-left: 1rem; + overflow: hidden; +} + +.navbar-divider::before { + content: "\00a0"; +} + +.navbar-toggler { + padding: .5rem .75rem; + font-size: 1.25rem; + line-height: 1; + background: none; + border: 1px solid transparent; + border-radius: .25rem; +} + +.navbar-toggler:focus, .navbar-toggler:hover { + text-decoration: none; +} + +@media (min-width: 544px) { + .navbar-toggleable-xs { + display: block !important; + } +} + +@media (min-width: 768px) { + .navbar-toggleable-sm { + display: block !important; + } +} + +@media (min-width: 992px) { + .navbar-toggleable-md { + display: block !important; + } +} + +.navbar-nav .nav-item { + float: left; +} + +.navbar-nav .nav-link { + display: block; + padding-top: .425rem; + padding-bottom: .425rem; +} + +.navbar-nav .nav-link + .nav-link { + margin-left: 1rem; +} + +.navbar-nav .nav-item + .nav-item { + margin-left: 1rem; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, .8); +} + +.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { + color: rgba(0, 0, 0, .8); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, .3); +} + +.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { + color: rgba(0, 0, 0, .6); +} + +.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .active > .nav-link:focus, +.navbar-light .navbar-nav .active > .nav-link:hover, +.navbar-light .navbar-nav .nav-link.open, +.navbar-light .navbar-nav .nav-link.open:focus, +.navbar-light .navbar-nav .nav-link.open:hover, +.navbar-light .navbar-nav .nav-link.active, +.navbar-light .navbar-nav .nav-link.active:focus, +.navbar-light .navbar-nav .nav-link.active:hover { + color: rgba(0, 0, 0, .8); +} + +.navbar-light .navbar-divider { + background-color: rgba(0, 0, 0, .075); +} + +.navbar-dark .navbar-brand { + color: white; +} + +.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { + color: white; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, .5); +} + +.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { + color: rgba(255, 255, 255, .75); +} + +.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link:focus, +.navbar-dark .navbar-nav .active > .nav-link:hover, +.navbar-dark .navbar-nav .nav-link.open, +.navbar-dark .navbar-nav .nav-link.open:focus, +.navbar-dark .navbar-nav .nav-link.open:hover, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .nav-link.active:focus, +.navbar-dark .navbar-nav .nav-link.active:hover { + color: white; +} + +.navbar-dark .navbar-divider { + background-color: rgba(255, 255, 255, .075); +} + +.card { + position: relative; + display: block; + margin-bottom: .75rem; + background-color: #fff; + border: 1px solid #e5e5e5; + border-radius: .25rem; +} + +.card-block { + padding: 1.25rem; +} + +.card-title { + margin-bottom: .75rem; +} + +.card-subtitle { + margin-top: -.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} + +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card > .list-group:first-child .list-group-item:first-child { + border-radius: .25rem .25rem 0 0; +} + +.card > .list-group:last-child .list-group-item:last-child { + border-radius: 0 0 .25rem .25rem; +} + +.card-header { + padding: .75rem 1.25rem; + background-color: #f5f5f5; + border-bottom: 1px solid #e5e5e5; +} + +.card-header:first-child { + border-radius: .25rem .25rem 0 0; +} + +.card-footer { + padding: .75rem 1.25rem; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; +} + +.card-footer:last-child { + border-radius: 0 0 .25rem .25rem; +} + +.card-primary { + background-color: #0275d8; + border-color: #0275d8; +} + +.card-success { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.card-info { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.card-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.card-danger { + background-color: #d9534f; + border-color: #d9534f; +} + +.card-primary-outline { + background-color: transparent; + border-color: #0275d8; +} + +.card-secondary-outline { + background-color: transparent; + border-color: #ccc; +} + +.card-info-outline { + background-color: transparent; + border-color: #5bc0de; +} + +.card-success-outline { + background-color: transparent; + border-color: #5cb85c; +} + +.card-warning-outline { + background-color: transparent; + border-color: #f0ad4e; +} + +.card-danger-outline { + background-color: transparent; + border-color: #d9534f; +} + +.card-inverse .card-header, +.card-inverse .card-footer { + border-bottom: 1px solid rgba(255, 255, 255, .2); +} + +.card-inverse .card-header, +.card-inverse .card-footer, +.card-inverse .card-title, +.card-inverse .card-blockquote { + color: #fff; +} + +.card-inverse .card-link, +.card-inverse .card-text, +.card-inverse .card-blockquote > footer { + color: rgba(255, 255, 255, .65); +} + +.card-inverse .card-link:focus, .card-inverse .card-link:hover { + color: #fff; +} + +.card-blockquote { + padding: 0; + margin-bottom: 0; + border-left: 0; +} + +.card-img { + border-radius: .25rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img-top { + border-radius: .25rem .25rem 0 0; +} + +.card-img-bottom { + border-radius: 0 0 .25rem .25rem; +} + +@media (min-width: 544px) { + .card-deck { + display: table; + table-layout: fixed; + border-spacing: 1.25rem 0; + } + .card-deck .card { + display: table-cell; + width: 1%; + vertical-align: top; + } + .card-deck-wrapper { + margin-right: -1.25rem; + margin-left: -1.25rem; + } +} + +@media (min-width: 544px) { + .card-group { + display: table; + width: 100%; + table-layout: fixed; + } + .card-group .card { + display: table-cell; + vertical-align: top; + } + .card-group .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group .card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group .card:first-child .card-img-top { + border-top-right-radius: 0; + } + .card-group .card:first-child .card-img-bottom { + border-bottom-right-radius: 0; + } + .card-group .card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group .card:last-child .card-img-top { + border-top-left-radius: 0; + } + .card-group .card:last-child .card-img-bottom { + border-bottom-left-radius: 0; + } + .card-group .card:not(:first-child):not(:last-child) { + border-radius: 0; + } + .card-group .card:not(:first-child):not(:last-child) .card-img-top, + .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { + border-radius: 0; + } +} + +@media (min-width: 544px) { + .card-columns { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + -webkit-column-gap: 1.25rem; + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.breadcrumb { + padding: .75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #eceeef; + border-radius: .25rem; +} + +.breadcrumb::after { + display: table; + clear: both; + content: ""; +} + +.breadcrumb > li { + float: left; +} + +.breadcrumb > li + li::before { + padding-right: .5rem; + padding-left: .5rem; + color: #818a91; + content: "/"; +} + +.breadcrumb > .active { + color: #818a91; +} + +.pagination { + display: inline-block; + padding-left: 0; + margin-top: 1rem; + margin-bottom: 1rem; + border-radius: .25rem; +} + +.page-item { + display: inline; +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; +} + +.page-item:last-child .page-link { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; +} + +.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { + z-index: 2; + color: #fff; + cursor: default; + background-color: #0275d8; + border-color: #0275d8; +} + +.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { + color: #818a91; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; +} + +.page-link { + position: relative; + float: left; + padding: .5rem .75rem; + margin-left: -1px; + line-height: 1.5; + color: #0275d8; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; +} + +.page-link:focus, .page-link:hover { + color: #014c8c; + background-color: #eceeef; + border-color: #ddd; +} + +.pagination-lg .page-link { + padding: .75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.333333; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: .3rem; + border-bottom-left-radius: .3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: .3rem; + border-bottom-right-radius: .3rem; +} + +.pagination-sm .page-link { + padding: .275rem .75rem; + font-size: .875rem; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: .2rem; + border-bottom-left-radius: .2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: .2rem; + border-bottom-right-radius: .2rem; +} + +.pager { + padding-left: 0; + margin-top: 1rem; + margin-bottom: 1rem; + text-align: center; + list-style: none; +} + +.pager::after { + display: table; + clear: both; + content: ""; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} + +.pager li > a:focus, .pager li > a:hover { + text-decoration: none; + background-color: #eceeef; +} + +.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { + color: #818a91; + cursor: not-allowed; + background-color: #fff; +} + +.pager .disabled > span { + color: #818a91; + cursor: not-allowed; + background-color: #fff; +} + +.pager-next > a, +.pager-next > span { + float: right; +} + +.pager-prev > a, +.pager-prev > span { + float: left; +} + +.label { + display: inline-block; + padding: .25em .4em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25rem; +} + +.label:empty { + display: none; +} + +.btn .label { + position: relative; + top: -1px; +} + +a.label:focus, a.label:hover { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.label-pill { + padding-right: .6em; + padding-left: .6em; + border-radius: 10rem; +} + +.label-default { + background-color: #818a91; +} + +.label-default[href]:focus, .label-default[href]:hover { + background-color: #687077; +} + +.label-primary { + background-color: #0275d8; +} + +.label-primary[href]:focus, .label-primary[href]:hover { + background-color: #025aa5; +} + +.label-success { + background-color: #5cb85c; +} + +.label-success[href]:focus, .label-success[href]:hover { + background-color: #449d44; +} + +.label-info { + background-color: #5bc0de; +} + +.label-info[href]:focus, .label-info[href]:hover { + background-color: #31b0d5; +} + +.label-warning { + background-color: #f0ad4e; +} + +.label-warning[href]:focus, .label-warning[href]:hover { + background-color: #ec971f; +} + +.label-danger { + background-color: #d9534f; +} + +.label-danger[href]:focus, .label-danger[href]:hover { + background-color: #c9302c; +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #eceeef; + border-radius: .3rem; +} + +@media (min-width: 544px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-hr { + border-top-color: #d0d5d8; +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + padding: 15px; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: .25rem; +} + +.alert > p, +.alert > ul { + margin-bottom: 0; +} + +.alert > p + p { + margin-top: 5px; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: bold; +} + +.alert-dismissible { + padding-right: 35px; +} + +.alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} + +.alert-success { + color: #3c763d; + background-color: #dff0d8; + border-color: #d0e9c6; +} + +.alert-success hr { + border-top-color: #c1e2b3; +} + +.alert-success .alert-link { + color: #2b542c; +} + +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bcdff1; +} + +.alert-info hr { + border-top-color: #a6d5ec; +} + +.alert-info .alert-link { + color: #245269; +} + +.alert-warning { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faf2cc; +} + +.alert-warning hr { + border-top-color: #f7ecb5; +} + +.alert-warning .alert-link { + color: #66512c; +} + +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebcccc; +} + +.alert-danger hr { + border-top-color: #e4b9b9; +} + +.alert-danger .alert-link { + color: #843534; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +@-o-keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +.progress { + display: block; + width: 100%; + height: 1rem; + margin-bottom: 1rem; +} + +.progress[value] { + -webkit-appearance: none; + color: #0074d9; + border: 0; + + -moz-appearance: none; + appearance: none; +} + +.progress[value]::-webkit-progress-bar { + background-color: #eee; + border-radius: .25rem; +} + +.progress[value]::-webkit-progress-value::before { + content: attr(value); +} + +.progress[value]::-webkit-progress-value { + background-color: #0074d9; + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; +} + +.progress[value="100"]::-webkit-progress-value { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; +} + +@media screen and (min-width: 0\0) { + .progress { + background-color: #eee; + border-radius: .25rem; + } + .progress-bar { + display: inline-block; + height: 1rem; + text-indent: -999rem; + background-color: #0074d9; + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; + } + .progress[width^="0"] { + min-width: 2rem; + color: #818a91; + background-color: transparent; + background-image: none; + } + .progress[width="100%"] { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; + } +} + +.progress-striped[value]::-webkit-progress-value { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + -webkit-background-size: 1rem 1rem; + background-size: 1rem 1rem; +} + +.progress-striped[value]::-moz-progress-bar { + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +@media screen and (min-width: 0\0) { + .progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + -webkit-background-size: 1rem 1rem; + background-size: 1rem 1rem; + } +} + +.progress-animated[value]::-webkit-progress-value { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-animated[value]::-moz-progress-bar { + animation: progress-bar-stripes 2s linear infinite; +} + +@media screen and (min-width: 0\0) { + .progress-animated .progress-bar-striped { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; + } +} + +.progress-success[value]::-webkit-progress-value { + background-color: #5cb85c; +} + +.progress-success[value]::-moz-progress-bar { + background-color: #5cb85c; +} + +@media screen and (min-width: 0\0) { + .progress-success .progress-bar { + background-color: #5cb85c; + } +} + +.progress-info[value]::-webkit-progress-value { + background-color: #5bc0de; +} + +.progress-info[value]::-moz-progress-bar { + background-color: #5bc0de; +} + +@media screen and (min-width: 0\0) { + .progress-info .progress-bar { + background-color: #5bc0de; + } +} + +.progress-warning[value]::-webkit-progress-value { + background-color: #f0ad4e; +} + +.progress-warning[value]::-moz-progress-bar { + background-color: #f0ad4e; +} + +@media screen and (min-width: 0\0) { + .progress-warning .progress-bar { + background-color: #f0ad4e; + } +} + +.progress-danger[value]::-webkit-progress-value { + background-color: #d9534f; +} + +.progress-danger[value]::-moz-progress-bar { + background-color: #d9534f; +} + +@media screen and (min-width: 0\0) { + .progress-danger .progress-bar { + background-color: #d9534f; + } +} + +.media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media, +.media-body { + overflow: hidden; + zoom: 1; +} + +.media-body { + width: 10000px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +.media-object { + display: block; +} + +.media-object.img-thumbnail { + max-width: none; +} + +.media-right { + padding-left: 10px; +} + +.media-left { + padding-right: 10px; +} + +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.media-list { + padding-left: 0; + list-style: none; +} + +.list-group { + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item { + position: relative; + display: block; + padding: .75rem 1.25rem; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; +} + +.list-group-item:first-child { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; +} + +.list-group-flush .list-group-item { + border-width: 1px 0; + border-radius: 0; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} + +a.list-group-item, +button.list-group-item { + width: 100%; + color: #555; + text-align: inherit; +} + +a.list-group-item .list-group-item-heading, +button.list-group-item .list-group-item-heading { + color: #333; +} + +a.list-group-item:focus, a.list-group-item:hover, +button.list-group-item:focus, +button.list-group-item:hover { + color: #555; + text-decoration: none; + background-color: #f5f5f5; +} + +.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { + color: #818a91; + cursor: not-allowed; + background-color: #eceeef; +} + +.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { + color: inherit; +} + +.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { + color: #818a91; +} + +.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { + z-index: 2; + color: #fff; + background-color: #0275d8; + border-color: #0275d8; +} + +.list-group-item.active .list-group-item-heading, +.list-group-item.active .list-group-item-heading > small, +.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading > small, +.list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading > small, +.list-group-item.active:hover .list-group-item-heading > .small { + color: inherit; +} + +.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { + color: #a8d6fe; +} + +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} + +a.list-group-item-success, +button.list-group-item-success { + color: #3c763d; +} + +a.list-group-item-success .list-group-item-heading, +button.list-group-item-success .list-group-item-heading { + color: inherit; +} + +a.list-group-item-success:focus, a.list-group-item-success:hover, +button.list-group-item-success:focus, +button.list-group-item-success:hover { + color: #3c763d; + background-color: #d0e9c6; +} + +a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, +button.list-group-item-success.active, +button.list-group-item-success.active:focus, +button.list-group-item-success.active:hover { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} + +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} + +a.list-group-item-info, +button.list-group-item-info { + color: #31708f; +} + +a.list-group-item-info .list-group-item-heading, +button.list-group-item-info .list-group-item-heading { + color: inherit; +} + +a.list-group-item-info:focus, a.list-group-item-info:hover, +button.list-group-item-info:focus, +button.list-group-item-info:hover { + color: #31708f; + background-color: #c4e3f3; +} + +a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, +button.list-group-item-info.active, +button.list-group-item-info.active:focus, +button.list-group-item-info.active:hover { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} + +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} + +a.list-group-item-warning, +button.list-group-item-warning { + color: #8a6d3b; +} + +a.list-group-item-warning .list-group-item-heading, +button.list-group-item-warning .list-group-item-heading { + color: inherit; +} + +a.list-group-item-warning:focus, a.list-group-item-warning:hover, +button.list-group-item-warning:focus, +button.list-group-item-warning:hover { + color: #8a6d3b; + background-color: #faf2cc; +} + +a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, +button.list-group-item-warning.active, +button.list-group-item-warning.active:focus, +button.list-group-item-warning.active:hover { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} + +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} + +a.list-group-item-danger, +button.list-group-item-danger { + color: #a94442; +} + +a.list-group-item-danger .list-group-item-heading, +button.list-group-item-danger .list-group-item-heading { + color: inherit; +} + +a.list-group-item-danger:focus, a.list-group-item-danger:hover, +button.list-group-item-danger:focus, +button.list-group-item-danger:hover { + color: #a94442; + background-color: #ebcccc; +} + +a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, +button.list-group-item-danger.active, +button.list-group-item-danger.active:focus, +button.list-group-item-danger.active:hover { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; +} + +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9 { + padding-bottom: 42.857143%; +} + +.embed-responsive-16by9 { + padding-bottom: 56.25%; +} + +.embed-responsive-4by3 { + padding-bottom: 75%; +} + +.embed-responsive-1by1 { + padding-bottom: 100%; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .2; +} + +.close:focus, .close:hover { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: .5; +} + +button.close { + -webkit-appearance: none; + padding: 0; + cursor: pointer; + background: transparent; + border: 0; +} + +.modal-open { + overflow: hidden; +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + -webkit-overflow-scrolling: touch; + outline: 0; +} + +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform .3s ease-out; + -o-transition: transform .3s ease-out, -o-transform .3s ease-out; + transition: -webkit-transform .3s ease-out; + transition: transform .3s ease-out; + transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out; + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + -o-transform: translate(0, -25%); + transform: translate(0, -25%); +} + +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} + +.modal-content { + position: relative; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: .3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.in { + opacity: .5; +} + +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; +} + +.modal-header::after { + display: table; + clear: both; + content: ""; +} + +.modal-header .close { + margin-top: -2px; +} + +.modal-title { + margin: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + padding: 15px; +} + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} + +.modal-footer::after { + display: table; + clear: both; + content: ""; +} + +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} + +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} + +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 544px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-sm { + width: 300px; + } +} + +@media (min-width: 768px) { + .modal-lg { + width: 900px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: .875rem; + font-style: normal; + font-weight: normal; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + white-space: normal; + opacity: 0; + + line-break: auto; +} + +.tooltip.in { + opacity: .9; +} + +.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { + padding: 5px 0; + margin-top: -3px; +} + +.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} + +.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { + padding: 0 5px; + margin-left: 3px; +} + +.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; +} + +.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { + padding: 5px 0; + margin-top: 3px; +} + +.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} + +.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { + padding: 0 5px; + margin-left: -3px; +} + +.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; + border-radius: .25rem; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + padding: 1px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: .875rem; + font-style: normal; + font-weight: normal; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + white-space: normal; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: .3rem; + + line-break: auto; +} + +.popover.popover-top, .popover.bs-tether-element-attached-bottom { + margin-top: -10px; +} + +.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: rgba(0, 0, 0, .25); + border-bottom-width: 0; +} + +.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { + bottom: 1px; + margin-left: -10px; + content: ""; + border-top-color: #fff; + border-bottom-width: 0; +} + +.popover.popover-right, .popover.bs-tether-element-attached-left { + margin-left: 10px; +} + +.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: rgba(0, 0, 0, .25); + border-left-width: 0; +} + +.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { + bottom: -10px; + left: 1px; + content: ""; + border-right-color: #fff; + border-left-width: 0; +} + +.popover.popover-bottom, .popover.bs-tether-element-attached-top { + margin-top: 10px; +} + +.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: rgba(0, 0, 0, .25); +} + +.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { + top: 1px; + margin-left: -10px; + content: ""; + border-top-width: 0; + border-bottom-color: #fff; +} + +.popover.popover-left, .popover.bs-tether-element-attached-right { + margin-left: -10px; +} + +.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: rgba(0, 0, 0, .25); +} + +.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { + right: 1px; + bottom: -10px; + content: ""; + border-right-width: 0; + border-left-color: #fff; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: -.7rem -.7rem 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +.popover-arrow, .popover-arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover-arrow { + border-width: 11px; +} + +.popover-arrow::after { + content: ""; + border-width: 10px; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner > .carousel-item { + position: relative; + display: none; + -webkit-transition: .6s ease-in-out left; + -o-transition: .6s ease-in-out left; + transition: .6s ease-in-out left; +} + +.carousel-inner > .carousel-item > img, +.carousel-inner > .carousel-item > a > img { + line-height: 1; +} + +@media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .carousel-item { + -webkit-transition: -webkit-transform .6s ease-in-out; + -o-transition: transform .6s ease-in-out, -o-transform .6s ease-in-out; + transition: -webkit-transform .6s ease-in-out; + transition: transform .6s ease-in-out; + transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; + } + .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { + left: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { + left: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { + left: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} + +.carousel-inner > .active { + left: 0; +} + +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel-inner > .next { + left: 100%; +} + +.carousel-inner > .prev { + left: -100%; +} + +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} + +.carousel-inner > .active.left { + left: -100%; +} + +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); + opacity: .5; +} + +.carousel-control.left { + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-repeat: repeat-x; +} + +.carousel-control.right { + right: 0; + left: auto; + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-repeat: repeat-x; +} + +.carousel-control:focus, .carousel-control:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; +} + +.carousel-control .icon-prev, +.carousel-control .icon-next { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + line-height: 1; +} + +.carousel-control .icon-prev { + left: 50%; + margin-left: -10px; +} + +.carousel-control .icon-next { + right: 50%; + margin-right: -10px; +} + +.carousel-control .icon-prev::before { + content: "\2039"; +} + +.carousel-control .icon-next::before { + content: "\203a"; +} + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; +} + +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: transparent; + border: 1px solid #fff; + border-radius: 10px; +} + +.carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); +} + +.carousel-caption .btn { + text-shadow: none; +} + +@media (min-width: 544px) { + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .carousel-control .icon-prev { + margin-left: -15px; + } + .carousel-control .icon-next { + margin-right: -15px; + } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} + +.clearfix::after { + display: table; + clear: both; + content: ""; +} + +.center-block { + display: block; + margin-right: auto; + margin-left: auto; +} + +.pull-xs-left { + float: left !important; +} + +.pull-xs-right { + float: right !important; +} + +.pull-xs-none { + float: none !important; +} + +@media (min-width: 544px) { + .pull-sm-left { + float: left !important; + } + .pull-sm-right { + float: right !important; + } + .pull-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .pull-md-left { + float: left !important; + } + .pull-md-right { + float: right !important; + } + .pull-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .pull-lg-left { + float: left !important; + } + .pull-lg-right { + float: right !important; + } + .pull-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .pull-xl-left { + float: left !important; + } + .pull-xl-right { + float: right !important; + } + .pull-xl-none { + float: none !important; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} + +.invisible { + visibility: hidden !important; +} + +.text-hide { + font: "0/0" a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-xs-left { + text-align: left !important; +} + +.text-xs-right { + text-align: right !important; +} + +.text-xs-center { + text-align: center !important; +} + +@media (min-width: 544px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-normal { + font-weight: normal; +} + +.font-weight-bold { + font-weight: bold; +} + +.font-italic { + font-style: italic; +} + +.text-muted { + color: #818a91; +} + +.text-primary { + color: #0275d8 !important; +} + +a.text-primary:focus, a.text-primary:hover { + color: #025aa5; +} + +.text-success { + color: #5cb85c !important; +} + +a.text-success:focus, a.text-success:hover { + color: #449d44; +} + +.text-info { + color: #5bc0de !important; +} + +a.text-info:focus, a.text-info:hover { + color: #31b0d5; +} + +.text-warning { + color: #f0ad4e !important; +} + +a.text-warning:focus, a.text-warning:hover { + color: #ec971f; +} + +.text-danger { + color: #d9534f !important; +} + +a.text-danger:focus, a.text-danger:hover { + color: #c9302c; +} + +.bg-inverse { + color: #eceeef; + background-color: #373a3c; +} + +.bg-faded { + background-color: #f7f7f9; +} + +.bg-primary { + color: #fff !important; + background-color: #0275d8 !important; +} + +a.bg-primary:focus, a.bg-primary:hover { + background-color: #025aa5; +} + +.bg-success { + color: #fff !important; + background-color: #5cb85c !important; +} + +a.bg-success:focus, a.bg-success:hover { + background-color: #449d44; +} + +.bg-info { + color: #fff !important; + background-color: #5bc0de !important; +} + +a.bg-info:focus, a.bg-info:hover { + background-color: #31b0d5; +} + +.bg-warning { + color: #fff !important; + background-color: #f0ad4e !important; +} + +a.bg-warning:focus, a.bg-warning:hover { + background-color: #ec971f; +} + +.bg-danger { + color: #fff !important; + background-color: #d9534f !important; +} + +a.bg-danger:focus, a.bg-danger:hover { + background-color: #c9302c; +} + +.m-x-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.m-a-0 { + margin: 0 0 !important; +} + +.m-t-0 { + margin-top: 0 !important; +} + +.m-r-0 { + margin-right: 0 !important; +} + +.m-b-0 { + margin-bottom: 0 !important; +} + +.m-l-0 { + margin-left: 0 !important; +} + +.m-x-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.m-y-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.m-a-1 { + margin: 1rem 1rem !important; +} + +.m-t-1 { + margin-top: 1rem !important; +} + +.m-r-1 { + margin-right: 1rem !important; +} + +.m-b-1 { + margin-bottom: 1rem !important; +} + +.m-l-1 { + margin-left: 1rem !important; +} + +.m-x-1 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.m-y-1 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.m-a-2 { + margin: 1.5rem 1.5rem !important; +} + +.m-t-2 { + margin-top: 1.5rem !important; +} + +.m-r-2 { + margin-right: 1.5rem !important; +} + +.m-b-2 { + margin-bottom: 1.5rem !important; +} + +.m-l-2 { + margin-left: 1.5rem !important; +} + +.m-x-2 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.m-y-2 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.m-a-3 { + margin: 3rem 3rem !important; +} + +.m-t-3 { + margin-top: 3rem !important; +} + +.m-r-3 { + margin-right: 3rem !important; +} + +.m-b-3 { + margin-bottom: 3rem !important; +} + +.m-l-3 { + margin-left: 3rem !important; +} + +.m-x-3 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.m-y-3 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.p-a-0 { + padding: 0 0 !important; +} + +.p-t-0 { + padding-top: 0 !important; +} + +.p-r-0 { + padding-right: 0 !important; +} + +.p-b-0 { + padding-bottom: 0 !important; +} + +.p-l-0 { + padding-left: 0 !important; +} + +.p-x-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.p-y-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.p-a-1 { + padding: 1rem 1rem !important; +} + +.p-t-1 { + padding-top: 1rem !important; +} + +.p-r-1 { + padding-right: 1rem !important; +} + +.p-b-1 { + padding-bottom: 1rem !important; +} + +.p-l-1 { + padding-left: 1rem !important; +} + +.p-x-1 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.p-y-1 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.p-a-2 { + padding: 1.5rem 1.5rem !important; +} + +.p-t-2 { + padding-top: 1.5rem !important; +} + +.p-r-2 { + padding-right: 1.5rem !important; +} + +.p-b-2 { + padding-bottom: 1.5rem !important; +} + +.p-l-2 { + padding-left: 1.5rem !important; +} + +.p-x-2 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.p-y-2 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.p-a-3 { + padding: 3rem 3rem !important; +} + +.p-t-3 { + padding-top: 3rem !important; +} + +.p-r-3 { + padding-right: 3rem !important; +} + +.p-b-3 { + padding-bottom: 3rem !important; +} + +.p-l-3 { + padding-left: 3rem !important; +} + +.p-x-3 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.p-y-3 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.pos-f-t { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.hidden-xs-up { + display: none !important; +} + +@media (max-width: 543px) { + .hidden-xs-down { + display: none !important; + } +} + +@media (min-width: 544px) { + .hidden-sm-up { + display: none !important; + } +} + +@media (max-width: 767px) { + .hidden-sm-down { + display: none !important; + } +} + +@media (min-width: 768px) { + .hidden-md-up { + display: none !important; + } +} + +@media (max-width: 991px) { + .hidden-md-down { + display: none !important; + } +} + +@media (min-width: 992px) { + .hidden-lg-up { + display: none !important; + } +} + +@media (max-width: 1199px) { + .hidden-lg-down { + display: none !important; + } +} + +@media (min-width: 1200px) { + .hidden-xl-up { + display: none !important; + } +} + +.hidden-xl-down { + display: none !important; +} + +.visible-print-block { + display: none !important; +} + +@media print { + .visible-print-block { + display: block !important; + } +} + +.visible-print-inline { + display: none !important; +} + +@media print { + .visible-print-inline { + display: inline !important; + } +} + +.visible-print-inline-block { + display: none !important; +} + +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} + +@media print { + .hidden-print { + display: none !important; + } +} +/*# sourceMappingURL=bootstrap.css.map */ + +.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0} +.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0} diff --git a/resources/assets/admin/js/app.js b/resources/assets/admin/js/app.js new file mode 100644 index 00000000..d5c2a42a --- /dev/null +++ b/resources/assets/admin/js/app.js @@ -0,0 +1,1361 @@ +var config = window.config = {}; + +// Config reference element +var $ref = $ ("#ref"); + +// Configure responsive bootstrap toolkit +config.ResponsiveBootstrapToolkitVisibilityDivs = { + 'xs': $ ('
    '), + 'sm': $ ('
    '), + 'md': $ ('
    '), + 'lg': $ ('
    '), + 'xl': $ ('
    '), +}; + +ResponsiveBootstrapToolkit.use ('Custom', config.ResponsiveBootstrapToolkitVisibilityDivs); + +//validation configuration +config.validations = { + debug: true, + errorClass: 'has-error', + validClass: 'success', + errorElement: "span", + + // add error class + highlight: function (element, errorClass, validClass) { + $ (element).parents ("div.form-group") + .addClass (errorClass) + .removeClass (validClass); + }, + + // add error class + unhighlight: function (element, errorClass, validClass) { + $ (element).parents (".has-error") + .removeClass (errorClass) + .addClass (validClass); + }, + + // submit handler + submitHandler: function (form) { + form.submit (); + } +} + +//delay time configuration +config.delayTime = 50; + +// chart configurations +config.chart = {}; + +config.chart.colorPrimary = tinycolor ($ref.find (".chart .color-primary").css ("color")); +config.chart.colorSecondary = tinycolor ($ref.find (".chart .color-secondary").css ("color")); +/*********************************************** + * Animation Settings + ***********************************************/ +function animate(options) { + var animationName = "animated " + options.name; + var animationEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend"; + $ (options.selector) + .addClass (animationName) + .one (animationEnd, + function () { + $ (this).removeClass (animationName); + } + ); +} + +$ (function () { + var $itemActions = $ (".item-actions-dropdown"); + + $ (document).on ('click', function (e) { + if (!$ (e.target).closest ('.item-actions-dropdown').length) { + $itemActions.removeClass ('active'); + } + }); + + $ ('.item-actions-toggle-btn').on ('click', function (e) { + e.preventDefault (); + + var $thisActionList = $ (this).closest ('.item-actions-dropdown'); + + $itemActions.not ($thisActionList).removeClass ('active'); + + $thisActionList.toggleClass ('active'); + }); +}); + +/*********************************************** + * NProgress Settings + ***********************************************/ +var npSettings = { + easing: 'ease', + speed: 500 +} + +NProgress.configure (npSettings); +$ (function () { + setSameHeights (); + + var resizeTimer; + + $ (window).resize (function () { + clearTimeout (resizeTimer); + resizeTimer = setTimeout (setSameHeights, 150); + }); +}); + +function setSameHeights($container) { + + $container = $container || $ ('.sameheight-container'); + + var viewport = ResponsiveBootstrapToolkit.current (); + + $container.each (function () { + + var $items = $ (this).find (".sameheight-item"); + + // Get max height of items in container + var maxHeight = 0; + + $items.each (function () { + $ (this).css ({height: 'auto'}); + maxHeight = Math.max (maxHeight, $ (this).innerHeight ()); + }); + + // Set heights of items + $items.each (function () { + // Ignored viewports for item + var excludedStr = $ (this).data ('exclude') || ''; + var excluded = excludedStr.split (','); + + // Set height of element if it's not excluded on + if (excluded.indexOf (viewport) === -1) { + $ (this).innerHeight (maxHeight); + } + }); + }); +} + +$ (function () { + animate ({ + name: 'flipInY', + selector: '.error-card > .error-title-block' + }); + + setTimeout (function () { + var $el = $ ('.error-card > .error-container'); + + animate ({ + name: 'fadeInUp', + selector: $el + }); + + $el.addClass ('visible'); + }, 1000); +}) +//LoginForm validation +$ (function () { + if (!$ ('#login-form').length) { + return false; + } + + var loginValidationSettings = { + rules: { + username: { + required: true, + email: true + }, + password: "required", + agree: "required" + }, + messages: { + username: { + required: "Please enter username", + email: "Please enter a valid email address" + }, + password: "Please enter password", + agree: "Please accept our policy" + }, + invalidHandler: function () { + animate ({ + name: 'shake', + selector: '.auth-container > .card' + }); + } + } + + $.extend (loginValidationSettings, config.validations); + + $ ('#login-form').validate (loginValidationSettings); +}) +//LoginForm validation +$ (function () { + if (!$ ('#reset-form').length) { + return false; + } + + var resetValidationSettings = { + rules: { + email1: { + required: true, + email: true + } + }, + messages: { + email1: { + required: "Please enter email address", + email: "Please enter a valid email address" + } + }, + invalidHandler: function () { + animate ({ + name: 'shake', + selector: '.auth-container > .card' + }); + } + } + + $.extend (resetValidationSettings, config.validations); + + $ ('#reset-form').validate (resetValidationSettings); +}) +//LoginForm validation +$ (function () { + if (!$ ('#signup-form').length) { + return false; + } + + var signupValidationSettings = { + rules: { + firstname: { + required: true, + }, + lastname: { + required: true, + }, + email: { + required: true, + email: true + }, + password: { + required: true, + minlength: 8 + }, + retype_password: { + required: true, + minlength: 8, + equalTo: "#password" + }, + agree: { + required: true, + } + }, + groups: { + name: "firstname lastname", + pass: "password retype_password", + }, + errorPlacement: function (error, element) { + if ( + element.attr ("name") == "firstname" || + element.attr ("name") == "lastname" + ) { + error.insertAfter ($ ("#lastname").closest ('.row')); + element.parents ("div.form-group") + .addClass ('has-error'); + } + else if ( + element.attr ("name") == "password" || + element.attr ("name") == "retype_password" + ) { + error.insertAfter ($ ("#retype_password").closest ('.row')); + element.parents ("div.form-group") + .addClass ('has-error'); + } + else if (element.attr ("name") == "agree") { + error.insertAfter ("#agree-text"); + } + else { + error.insertAfter (element); + } + }, + messages: { + firstname: "Please enter firstname and lastname", + lastname: "Please enter firstname and lastname", + email: { + required: "Please enter email", + email: "Please enter a valid email address" + }, + password: { + required: "Please enter password fields.", + minlength: "Passwords should be at least 8 characters." + }, + retype_password: { + required: "Please enter password fields.", + minlength: "Passwords should be at least 8 characters." + }, + agree: "Please accept our policy" + }, + invalidHandler: function () { + animate ({ + name: 'shake', + selector: '.auth-container > .card' + }); + } + } + + $.extend (signupValidationSettings, config.validations); + + $ ('#signup-form').validate (signupValidationSettings); +}); +$ (function () { + + $ (".wyswyg").each (function () { + + var $toolbar = $ (this).find (".toolbar"); + var $editor = $ (this).find (".editor"); + + var editor = new Quill ($editor.get (0), { + theme: 'snow' + }); + + editor.addModule ('toolbar', { + container: $toolbar.get (0) // Selector for toolbar container + }); + + }); + +}); +$ (function () { + + $ ('#sidebar-menu, #customize-menu').metisMenu ({ + activeClass: 'open' + }); + + $ ('#sidebar-collapse-btn').on ('click', function (event) { + event.preventDefault (); + + $ ("#app").toggleClass ("sidebar-open"); + }); + + $ ("#sidebar-overlay").on ('click', function () { + $ ("#app").removeClass ("sidebar-open"); + }); + +}); +//Flot Bar Chart +$ (function () { + + if (!$ ('#flot-bar-chart').length) { + return false; + } + + function drawFlotCharts() { + + var barOptions = { + series: { + bars: { + show: true, + barWidth: 0.6, + fill: true, + fillColor: { + colors: [{ + opacity: 0.8 + }, { + opacity: 0.8 + }] + } + } + }, + xaxis: { + tickDecimals: 0 + }, + colors: [config.chart.colorPrimary], + grid: { + color: "#999999", + hoverable: true, + clickable: true, + tickColor: "#D4D4D4", + borderWidth: 0 + }, + legend: { + show: false + }, + tooltip: true, + tooltipOpts: { + content: "x: %x, y: %y" + } + }; + var barData = { + label: "bar", + data: [ + [1, 34], + [2, 25], + [3, 19], + [4, 34], + [5, 32], + [6, 44] + ] + }; + $.plot ($ ("#flot-bar-chart"), [barData], barOptions); + + // Flot line chart + var lineOptions = { + series: { + lines: { + show: true, + lineWidth: 2, + fill: true, + fillColor: { + colors: [{ + opacity: 0.0 + }, { + opacity: 0.0 + }] + } + } + }, + xaxis: { + tickDecimals: 0 + }, + colors: [config.chart.colorPrimary], + grid: { + color: "#999999", + hoverable: true, + clickable: true, + tickColor: "#D4D4D4", + borderWidth: 0 + }, + legend: { + show: false + }, + tooltip: true, + tooltipOpts: { + content: "x: %x, y: %y" + } + }; + var barData = { + label: "bar", + data: [ + [1, 34], + [2, 25], + [3, 19], + [4, 34], + [5, 32], + [6, 44] + ] + }; + $.plot ($ ("#flot-line-chart"), [barData], lineOptions); + + //Flot Pie Chart + var data = [{ + label: "Sales 1", + data: 21, + color: tinycolor (config.chart.colorPrimary.toString ()).lighten (20), + }, { + label: "Sales 2", + data: 15, + color: tinycolor (config.chart.colorPrimary.toString ()).lighten (10), + }, { + label: "Sales 3", + data: 7, + color: tinycolor (config.chart.colorPrimary.toString ()), + }, { + label: "Sales 4", + data: 52, + color: tinycolor (config.chart.colorPrimary.toString ()).darken (10), + }]; + + var plotObj = $.plot ($ ("#flot-pie-chart"), data, { + series: { + pie: { + show: true + } + }, + grid: { + hoverable: true + }, + tooltip: true, + tooltipOpts: { + content: "%p.0%, %s", // show percentages, rounding to 2 decimal places + shifts: { + x: 20, + y: 0 + }, + defaultTheme: false + } + }); + + //live chart example + var container = $ ("#flot-line-chart-moving"); + container.empty (); + // Determine how many data points to keep based on the placeholder's initial size; + // this gives us a nice high-res plot while avoiding more than one point per pixel. + + var maximum = container.outerWidth () / 10 || 100; + + // + + var data = []; + + function getRandomData() { + + if (data.length) { + data = data.slice (1); + } + + while (data.length < maximum) { + var previous = data.length ? data[data.length - 1] : 50; + var y = previous + Math.random () * 10 - 5; + data.push (y < 0 ? 0 : y > 100 ? 100 : y); + } + + // zip the generated y values with the x values + + var res = []; + for (var i = 0; i < data.length; ++i) { + res.push ([i, data[i]]) + } + + return res; + } + + series = [{ + data: getRandomData (), + lines: { + fill: true + } + }]; + + var plot = $.plot (container, series, { + grid: { + + color: "#999999", + tickColor: "#D4D4D4", + borderWidth: 0, + minBorderMargin: 20, + labelMargin: 10, + backgroundColor: { + colors: ["#ffffff", "#ffffff"] + }, + margin: { + top: 8, + bottom: 20, + left: 20 + }, + markings: function (axes) { + var markings = []; + var xaxis = axes.xaxis; + for (var x = Math.floor (xaxis.min); x < xaxis.max; x += xaxis.tickSize * 2) { + markings.push ({ + xaxis: { + from: x, + to: x + xaxis.tickSize + }, + color: "#fff" + }); + } + return markings; + } + }, + colors: [config.chart.colorPrimary.toString ()], + xaxis: { + tickFormatter: function () { + return ""; + } + }, + yaxis: { + min: 0, + max: 110 + }, + legend: { + show: true + } + }); + + // Update the random dataset at 25FPS for a smoothly-animating chart + + setInterval (function updateRandom() { + series[0].data = getRandomData (); + plot.setData (series); + plot.draw (); + }, 40); + + //Flot Multiple Axes Line Chart + var oilpricesFull = [[1167692400000, 61.05], [1167778800000, 58.32], [1167865200000, 57.35], [1167951600000, 56.31], [1168210800000, 55.55], [1168297200000, 55.64], [1168383600000, 54.02], [1168470000000, 51.88], [1168556400000, 52.99], [1168815600000, 52.99], [1168902000000, 51.21], [1168988400000, 52.24], [1169074800000, 50.48], [1169161200000, 51.99], [1169420400000, 51.13], [1169506800000, 55.04], [1169593200000, 55.37], [1169679600000, 54.23], [1169766000000, 55.42], [1170025200000, 54.01], [1170111600000, 56.97], [1170198000000, 58.14], [1170284400000, 58.14], [1170370800000, 59.02], [1170630000000, 58.74], [1170716400000, 58.88], [1170802800000, 57.71], [1170889200000, 59.71], [1170975600000, 59.89], [1171234800000, 57.81], [1171321200000, 59.06], [1171407600000, 58.00], [1171494000000, 57.99], [1171580400000, 59.39], [1171839600000, 59.39], [1171926000000, 58.07], [1172012400000, 60.07], [1172098800000, 61.14], [1172444400000, 61.39], [1172530800000, 61.46], [1172617200000, 61.79], [1172703600000, 62.00], [1172790000000, 60.07], [1173135600000, 60.69], [1173222000000, 61.82], [1173308400000, 60.05], [1173654000000, 58.91], [1173740400000, 57.93], [1173826800000, 58.16], [1173913200000, 57.55], [1173999600000, 57.11], [1174258800000, 56.59], [1174345200000, 59.61], [1174518000000, 61.69], [1174604400000, 62.28], [1174860000000, 62.91], [1174946400000, 62.93], [1175032800000, 64.03], [1175119200000, 66.03], [1175205600000, 65.87], [1175464800000, 64.64], [1175637600000, 64.38], [1175724000000, 64.28], [1175810400000, 64.28], [1176069600000, 61.51], [1176156000000, 61.89], [1176242400000, 62.01], [1176328800000, 63.85], [1176415200000, 63.63], [1176674400000, 63.61], [1176760800000, 63.10], [1176847200000, 63.13], [1176933600000, 61.83], [1177020000000, 63.38], [1177279200000, 64.58], [1177452000000, 65.84], [1177538400000, 65.06], [1177624800000, 66.46], [1177884000000, 64.40], [1178056800000, 63.68], [1178143200000, 63.19], [1178229600000, 61.93], [1178488800000, 61.47], [1178575200000, 61.55], [1178748000000, 61.81], [1178834400000, 62.37], [1179093600000, 62.46], [1179180000000, 63.17], [1179266400000, 62.55], [1179352800000, 64.94], [1179698400000, 66.27], [1179784800000, 65.50], [1179871200000, 65.77], [1179957600000, 64.18], [1180044000000, 65.20], [1180389600000, 63.15], [1180476000000, 63.49], [1180562400000, 65.08], [1180908000000, 66.30], [1180994400000, 65.96], [1181167200000, 66.93], [1181253600000, 65.98], [1181599200000, 65.35], [1181685600000, 66.26], [1181858400000, 68.00], [1182117600000, 69.09], [1182204000000, 69.10], [1182290400000, 68.19], [1182376800000, 68.19], [1182463200000, 69.14], [1182722400000, 68.19], [1182808800000, 67.77], [1182895200000, 68.97], [1182981600000, 69.57], [1183068000000, 70.68], [1183327200000, 71.09], [1183413600000, 70.92], [1183586400000, 71.81], [1183672800000, 72.81], [1183932000000, 72.19], [1184018400000, 72.56], [1184191200000, 72.50], [1184277600000, 74.15], [1184623200000, 75.05], [1184796000000, 75.92], [1184882400000, 75.57], [1185141600000, 74.89], [1185228000000, 73.56], [1185314400000, 75.57], [1185400800000, 74.95], [1185487200000, 76.83], [1185832800000, 78.21], [1185919200000, 76.53], [1186005600000, 76.86], [1186092000000, 76.00], [1186437600000, 71.59], [1186696800000, 71.47], [1186956000000, 71.62], [1187042400000, 71.00], [1187301600000, 71.98], [1187560800000, 71.12], [1187647200000, 69.47], [1187733600000, 69.26], [1187820000000, 69.83], [1187906400000, 71.09], [1188165600000, 71.73], [1188338400000, 73.36], [1188511200000, 74.04], [1188856800000, 76.30], [1189116000000, 77.49], [1189461600000, 78.23], [1189548000000, 79.91], [1189634400000, 80.09], [1189720800000, 79.10], [1189980000000, 80.57], [1190066400000, 81.93], [1190239200000, 83.32], [1190325600000, 81.62], [1190584800000, 80.95], [1190671200000, 79.53], [1190757600000, 80.30], [1190844000000, 82.88], [1190930400000, 81.66], [1191189600000, 80.24], [1191276000000, 80.05], [1191362400000, 79.94], [1191448800000, 81.44], [1191535200000, 81.22], [1191794400000, 79.02], [1191880800000, 80.26], [1191967200000, 80.30], [1192053600000, 83.08], [1192140000000, 83.69], [1192399200000, 86.13], [1192485600000, 87.61], [1192572000000, 87.40], [1192658400000, 89.47], [1192744800000, 88.60], [1193004000000, 87.56], [1193090400000, 87.56], [1193176800000, 87.10], [1193263200000, 91.86], [1193612400000, 93.53], [1193698800000, 94.53], [1193871600000, 95.93], [1194217200000, 93.98], [1194303600000, 96.37], [1194476400000, 95.46], [1194562800000, 96.32], [1195081200000, 93.43], [1195167600000, 95.10], [1195426800000, 94.64], [1195513200000, 95.10], [1196031600000, 97.70], [1196118000000, 94.42], [1196204400000, 90.62], [1196290800000, 91.01], [1196377200000, 88.71], [1196636400000, 88.32], [1196809200000, 90.23], [1196982000000, 88.28], [1197241200000, 87.86], [1197327600000, 90.02], [1197414000000, 92.25], [1197586800000, 90.63], [1197846000000, 90.63], [1197932400000, 90.49], [1198018800000, 91.24], [1198105200000, 91.06], [1198191600000, 90.49], [1198710000000, 96.62], [1198796400000, 96.00], [1199142000000, 99.62], [1199314800000, 99.18], [1199401200000, 95.09], [1199660400000, 96.33], [1199833200000, 95.67], [1200351600000, 91.90], [1200438000000, 90.84], [1200524400000, 90.13], [1200610800000, 90.57], [1200956400000, 89.21], [1201042800000, 86.99], [1201129200000, 89.85], [1201474800000, 90.99], [1201561200000, 91.64], [1201647600000, 92.33], [1201734000000, 91.75], [1202079600000, 90.02], [1202166000000, 88.41], [1202252400000, 87.14], [1202338800000, 88.11], [1202425200000, 91.77], [1202770800000, 92.78], [1202857200000, 93.27], [1202943600000, 95.46], [1203030000000, 95.46], [1203289200000, 101.74], [1203462000000, 98.81], [1203894000000, 100.88], [1204066800000, 99.64], [1204153200000, 102.59], [1204239600000, 101.84], [1204498800000, 99.52], [1204585200000, 99.52], [1204671600000, 104.52], [1204758000000, 105.47], [1204844400000, 105.15], [1205103600000, 108.75], [1205276400000, 109.92], [1205362800000, 110.33], [1205449200000, 110.21], [1205708400000, 105.68], [1205967600000, 101.84], [1206313200000, 100.86], [1206399600000, 101.22], [1206486000000, 105.90], [1206572400000, 107.58], [1206658800000, 105.62], [1206914400000, 101.58], [1207000800000, 100.98], [1207173600000, 103.83], [1207260000000, 106.23], [1207605600000, 108.50], [1207778400000, 110.11], [1207864800000, 110.14], [1208210400000, 113.79], [1208296800000, 114.93], [1208383200000, 114.86], [1208728800000, 117.48], [1208815200000, 118.30], [1208988000000, 116.06], [1209074400000, 118.52], [1209333600000, 118.75], [1209420000000, 113.46], [1209592800000, 112.52], [1210024800000, 121.84], [1210111200000, 123.53], [1210197600000, 123.69], [1210543200000, 124.23], [1210629600000, 125.80], [1210716000000, 126.29], [1211148000000, 127.05], [1211320800000, 129.07], [1211493600000, 132.19], [1211839200000, 128.85], [1212357600000, 127.76], [1212703200000, 138.54], [1212962400000, 136.80], [1213135200000, 136.38], [1213308000000, 134.86], [1213653600000, 134.01], [1213740000000, 136.68], [1213912800000, 135.65], [1214172000000, 134.62], [1214258400000, 134.62], [1214344800000, 134.62], [1214431200000, 139.64], [1214517600000, 140.21], [1214776800000, 140.00], [1214863200000, 140.97], [1214949600000, 143.57], [1215036000000, 145.29], [1215381600000, 141.37], [1215468000000, 136.04], [1215727200000, 146.40], [1215986400000, 145.18], [1216072800000, 138.74], [1216159200000, 134.60], [1216245600000, 129.29], [1216332000000, 130.65], [1216677600000, 127.95], [1216850400000, 127.95], [1217282400000, 122.19], [1217455200000, 124.08], [1217541600000, 125.10], [1217800800000, 121.41], [1217887200000, 119.17], [1217973600000, 118.58], [1218060000000, 120.02], [1218405600000, 114.45], [1218492000000, 113.01], [1218578400000, 116.00], [1218751200000, 113.77], [1219010400000, 112.87], [1219096800000, 114.53], [1219269600000, 114.98], [1219356000000, 114.98], [1219701600000, 116.27], [1219788000000, 118.15], [1219874400000, 115.59], [1219960800000, 115.46], [1220306400000, 109.71], [1220392800000, 109.35], [1220565600000, 106.23], [1220824800000, 106.34]]; + var exchangeratesFull = [[1167606000000, 0.7580], [1167692400000, 0.7580], [1167778800000, 0.75470], [1167865200000, 0.75490], [1167951600000, 0.76130], [1168038000000, 0.76550], [1168124400000, 0.76930], [1168210800000, 0.76940], [1168297200000, 0.76880], [1168383600000, 0.76780], [1168470000000, 0.77080], [1168556400000, 0.77270], [1168642800000, 0.77490], [1168729200000, 0.77410], [1168815600000, 0.77410], [1168902000000, 0.77320], [1168988400000, 0.77270], [1169074800000, 0.77370], [1169161200000, 0.77240], [1169247600000, 0.77120], [1169334000000, 0.7720], [1169420400000, 0.77210], [1169506800000, 0.77170], [1169593200000, 0.77040], [1169679600000, 0.7690], [1169766000000, 0.77110], [1169852400000, 0.7740], [1169938800000, 0.77450], [1170025200000, 0.77450], [1170111600000, 0.7740], [1170198000000, 0.77160], [1170284400000, 0.77130], [1170370800000, 0.76780], [1170457200000, 0.76880], [1170543600000, 0.77180], [1170630000000, 0.77180], [1170716400000, 0.77280], [1170802800000, 0.77290], [1170889200000, 0.76980], [1170975600000, 0.76850], [1171062000000, 0.76810], [1171148400000, 0.7690], [1171234800000, 0.7690], [1171321200000, 0.76980], [1171407600000, 0.76990], [1171494000000, 0.76510], [1171580400000, 0.76130], [1171666800000, 0.76160], [1171753200000, 0.76140], [1171839600000, 0.76140], [1171926000000, 0.76070], [1172012400000, 0.76020], [1172098800000, 0.76110], [1172185200000, 0.76220], [1172271600000, 0.76150], [1172358000000, 0.75980], [1172444400000, 0.75980], [1172530800000, 0.75920], [1172617200000, 0.75730], [1172703600000, 0.75660], [1172790000000, 0.75670], [1172876400000, 0.75910], [1172962800000, 0.75820], [1173049200000, 0.75850], [1173135600000, 0.76130], [1173222000000, 0.76310], [1173308400000, 0.76150], [1173394800000, 0.760], [1173481200000, 0.76130], [1173567600000, 0.76270], [1173654000000, 0.76270], [1173740400000, 0.76080], [1173826800000, 0.75830], [1173913200000, 0.75750], [1173999600000, 0.75620], [1174086000000, 0.7520], [1174172400000, 0.75120], [1174258800000, 0.75120], [1174345200000, 0.75170], [1174431600000, 0.7520], [1174518000000, 0.75110], [1174604400000, 0.7480], [1174690800000, 0.75090], [1174777200000, 0.75310], [1174860000000, 0.75310], [1174946400000, 0.75270], [1175032800000, 0.74980], [1175119200000, 0.74930], [1175205600000, 0.75040], [1175292000000, 0.750], [1175378400000, 0.74910], [1175464800000, 0.74910], [1175551200000, 0.74850], [1175637600000, 0.74840], [1175724000000, 0.74920], [1175810400000, 0.74710], [1175896800000, 0.74590], [1175983200000, 0.74770], [1176069600000, 0.74770], [1176156000000, 0.74830], [1176242400000, 0.74580], [1176328800000, 0.74480], [1176415200000, 0.7430], [1176501600000, 0.73990], [1176588000000, 0.73950], [1176674400000, 0.73950], [1176760800000, 0.73780], [1176847200000, 0.73820], [1176933600000, 0.73620], [1177020000000, 0.73550], [1177106400000, 0.73480], [1177192800000, 0.73610], [1177279200000, 0.73610], [1177365600000, 0.73650], [1177452000000, 0.73620], [1177538400000, 0.73310], [1177624800000, 0.73390], [1177711200000, 0.73440], [1177797600000, 0.73270], [1177884000000, 0.73270], [1177970400000, 0.73360], [1178056800000, 0.73330], [1178143200000, 0.73590], [1178229600000, 0.73590], [1178316000000, 0.73720], [1178402400000, 0.7360], [1178488800000, 0.7360], [1178575200000, 0.7350], [1178661600000, 0.73650], [1178748000000, 0.73840], [1178834400000, 0.73950], [1178920800000, 0.74130], [1179007200000, 0.73970], [1179093600000, 0.73960], [1179180000000, 0.73850], [1179266400000, 0.73780], [1179352800000, 0.73660], [1179439200000, 0.740], [1179525600000, 0.74110], [1179612000000, 0.74060], [1179698400000, 0.74050], [1179784800000, 0.74140], [1179871200000, 0.74310], [1179957600000, 0.74310], [1180044000000, 0.74380], [1180130400000, 0.74430], [1180216800000, 0.74430], [1180303200000, 0.74430], [1180389600000, 0.74340], [1180476000000, 0.74290], [1180562400000, 0.74420], [1180648800000, 0.7440], [1180735200000, 0.74390], [1180821600000, 0.74370], [1180908000000, 0.74370], [1180994400000, 0.74290], [1181080800000, 0.74030], [1181167200000, 0.73990], [1181253600000, 0.74180], [1181340000000, 0.74680], [1181426400000, 0.7480], [1181512800000, 0.7480], [1181599200000, 0.7490], [1181685600000, 0.74940], [1181772000000, 0.75220], [1181858400000, 0.75150], [1181944800000, 0.75020], [1182031200000, 0.74720], [1182117600000, 0.74720], [1182204000000, 0.74620], [1182290400000, 0.74550], [1182376800000, 0.74490], [1182463200000, 0.74670], [1182549600000, 0.74580], [1182636000000, 0.74270], [1182722400000, 0.74270], [1182808800000, 0.7430], [1182895200000, 0.74290], [1182981600000, 0.7440], [1183068000000, 0.7430], [1183154400000, 0.74220], [1183240800000, 0.73880], [1183327200000, 0.73880], [1183413600000, 0.73690], [1183500000000, 0.73450], [1183586400000, 0.73450], [1183672800000, 0.73450], [1183759200000, 0.73520], [1183845600000, 0.73410], [1183932000000, 0.73410], [1184018400000, 0.7340], [1184104800000, 0.73240], [1184191200000, 0.72720], [1184277600000, 0.72640], [1184364000000, 0.72550], [1184450400000, 0.72580], [1184536800000, 0.72580], [1184623200000, 0.72560], [1184709600000, 0.72570], [1184796000000, 0.72470], [1184882400000, 0.72430], [1184968800000, 0.72440], [1185055200000, 0.72350], [1185141600000, 0.72350], [1185228000000, 0.72350], [1185314400000, 0.72350], [1185400800000, 0.72620], [1185487200000, 0.72880], [1185573600000, 0.73010], [1185660000000, 0.73370], [1185746400000, 0.73370], [1185832800000, 0.73240], [1185919200000, 0.72970], [1186005600000, 0.73170], [1186092000000, 0.73150], [1186178400000, 0.72880], [1186264800000, 0.72630], [1186351200000, 0.72630], [1186437600000, 0.72420], [1186524000000, 0.72530], [1186610400000, 0.72640], [1186696800000, 0.7270], [1186783200000, 0.73120], [1186869600000, 0.73050], [1186956000000, 0.73050], [1187042400000, 0.73180], [1187128800000, 0.73580], [1187215200000, 0.74090], [1187301600000, 0.74540], [1187388000000, 0.74370], [1187474400000, 0.74240], [1187560800000, 0.74240], [1187647200000, 0.74150], [1187733600000, 0.74190], [1187820000000, 0.74140], [1187906400000, 0.73770], [1187992800000, 0.73550], [1188079200000, 0.73150], [1188165600000, 0.73150], [1188252000000, 0.7320], [1188338400000, 0.73320], [1188424800000, 0.73460], [1188511200000, 0.73280], [1188597600000, 0.73230], [1188684000000, 0.7340], [1188770400000, 0.7340], [1188856800000, 0.73360], [1188943200000, 0.73510], [1189029600000, 0.73460], [1189116000000, 0.73210], [1189202400000, 0.72940], [1189288800000, 0.72660], [1189375200000, 0.72660], [1189461600000, 0.72540], [1189548000000, 0.72420], [1189634400000, 0.72130], [1189720800000, 0.71970], [1189807200000, 0.72090], [1189893600000, 0.7210], [1189980000000, 0.7210], [1190066400000, 0.7210], [1190152800000, 0.72090], [1190239200000, 0.71590], [1190325600000, 0.71330], [1190412000000, 0.71050], [1190498400000, 0.70990], [1190584800000, 0.70990], [1190671200000, 0.70930], [1190757600000, 0.70930], [1190844000000, 0.70760], [1190930400000, 0.7070], [1191016800000, 0.70490], [1191103200000, 0.70120], [1191189600000, 0.70110], [1191276000000, 0.70190], [1191362400000, 0.70460], [1191448800000, 0.70630], [1191535200000, 0.70890], [1191621600000, 0.70770], [1191708000000, 0.70770], [1191794400000, 0.70770], [1191880800000, 0.70910], [1191967200000, 0.71180], [1192053600000, 0.70790], [1192140000000, 0.70530], [1192226400000, 0.7050], [1192312800000, 0.70550], [1192399200000, 0.70550], [1192485600000, 0.70450], [1192572000000, 0.70510], [1192658400000, 0.70510], [1192744800000, 0.70170], [1192831200000, 0.70], [1192917600000, 0.69950], [1193004000000, 0.69940], [1193090400000, 0.70140], [1193176800000, 0.70360], [1193263200000, 0.70210], [1193349600000, 0.70020], [1193436000000, 0.69670], [1193522400000, 0.6950], [1193612400000, 0.6950], [1193698800000, 0.69390], [1193785200000, 0.6940], [1193871600000, 0.69220], [1193958000000, 0.69190], [1194044400000, 0.69140], [1194130800000, 0.68940], [1194217200000, 0.68910], [1194303600000, 0.69040], [1194390000000, 0.6890], [1194476400000, 0.68340], [1194562800000, 0.68230], [1194649200000, 0.68070], [1194735600000, 0.68150], [1194822000000, 0.68150], [1194908400000, 0.68470], [1194994800000, 0.68590], [1195081200000, 0.68220], [1195167600000, 0.68270], [1195254000000, 0.68370], [1195340400000, 0.68230], [1195426800000, 0.68220], [1195513200000, 0.68220], [1195599600000, 0.67920], [1195686000000, 0.67460], [1195772400000, 0.67350], [1195858800000, 0.67310], [1195945200000, 0.67420], [1196031600000, 0.67440], [1196118000000, 0.67390], [1196204400000, 0.67310], [1196290800000, 0.67610], [1196377200000, 0.67610], [1196463600000, 0.67850], [1196550000000, 0.68180], [1196636400000, 0.68360], [1196722800000, 0.68230], [1196809200000, 0.68050], [1196895600000, 0.67930], [1196982000000, 0.68490], [1197068400000, 0.68330], [1197154800000, 0.68250], [1197241200000, 0.68250], [1197327600000, 0.68160], [1197414000000, 0.67990], [1197500400000, 0.68130], [1197586800000, 0.68090], [1197673200000, 0.68680], [1197759600000, 0.69330], [1197846000000, 0.69330], [1197932400000, 0.69450], [1198018800000, 0.69440], [1198105200000, 0.69460], [1198191600000, 0.69640], [1198278000000, 0.69650], [1198364400000, 0.69560], [1198450800000, 0.69560], [1198537200000, 0.6950], [1198623600000, 0.69480], [1198710000000, 0.69280], [1198796400000, 0.68870], [1198882800000, 0.68240], [1198969200000, 0.67940], [1199055600000, 0.67940], [1199142000000, 0.68030], [1199228400000, 0.68550], [1199314800000, 0.68240], [1199401200000, 0.67910], [1199487600000, 0.67830], [1199574000000, 0.67850], [1199660400000, 0.67850], [1199746800000, 0.67970], [1199833200000, 0.680], [1199919600000, 0.68030], [1200006000000, 0.68050], [1200092400000, 0.6760], [1200178800000, 0.6770], [1200265200000, 0.6770], [1200351600000, 0.67360], [1200438000000, 0.67260], [1200524400000, 0.67640], [1200610800000, 0.68210], [1200697200000, 0.68310], [1200783600000, 0.68420], [1200870000000, 0.68420], [1200956400000, 0.68870], [1201042800000, 0.69030], [1201129200000, 0.68480], [1201215600000, 0.68240], [1201302000000, 0.67880], [1201388400000, 0.68140], [1201474800000, 0.68140], [1201561200000, 0.67970], [1201647600000, 0.67690], [1201734000000, 0.67650], [1201820400000, 0.67330], [1201906800000, 0.67290], [1201993200000, 0.67580], [1202079600000, 0.67580], [1202166000000, 0.6750], [1202252400000, 0.6780], [1202338800000, 0.68330], [1202425200000, 0.68560], [1202511600000, 0.69030], [1202598000000, 0.68960], [1202684400000, 0.68960], [1202770800000, 0.68820], [1202857200000, 0.68790], [1202943600000, 0.68620], [1203030000000, 0.68520], [1203116400000, 0.68230], [1203202800000, 0.68130], [1203289200000, 0.68130], [1203375600000, 0.68220], [1203462000000, 0.68020], [1203548400000, 0.68020], [1203634800000, 0.67840], [1203721200000, 0.67480], [1203807600000, 0.67470], [1203894000000, 0.67470], [1203980400000, 0.67480], [1204066800000, 0.67330], [1204153200000, 0.6650], [1204239600000, 0.66110], [1204326000000, 0.65830], [1204412400000, 0.6590], [1204498800000, 0.6590], [1204585200000, 0.65810], [1204671600000, 0.65780], [1204758000000, 0.65740], [1204844400000, 0.65320], [1204930800000, 0.65020], [1205017200000, 0.65140], [1205103600000, 0.65140], [1205190000000, 0.65070], [1205276400000, 0.6510], [1205362800000, 0.64890], [1205449200000, 0.64240], [1205535600000, 0.64060], [1205622000000, 0.63820], [1205708400000, 0.63820], [1205794800000, 0.63410], [1205881200000, 0.63440], [1205967600000, 0.63780], [1206054000000, 0.64390], [1206140400000, 0.64780], [1206226800000, 0.64810], [1206313200000, 0.64810], [1206399600000, 0.64940], [1206486000000, 0.64380], [1206572400000, 0.63770], [1206658800000, 0.63290], [1206745200000, 0.63360], [1206831600000, 0.63330], [1206914400000, 0.63330], [1207000800000, 0.6330], [1207087200000, 0.63710], [1207173600000, 0.64030], [1207260000000, 0.63960], [1207346400000, 0.63640], [1207432800000, 0.63560], [1207519200000, 0.63560], [1207605600000, 0.63680], [1207692000000, 0.63570], [1207778400000, 0.63540], [1207864800000, 0.6320], [1207951200000, 0.63320], [1208037600000, 0.63280], [1208124000000, 0.63310], [1208210400000, 0.63420], [1208296800000, 0.63210], [1208383200000, 0.63020], [1208469600000, 0.62780], [1208556000000, 0.63080], [1208642400000, 0.63240], [1208728800000, 0.63240], [1208815200000, 0.63070], [1208901600000, 0.62770], [1208988000000, 0.62690], [1209074400000, 0.63350], [1209160800000, 0.63920], [1209247200000, 0.640], [1209333600000, 0.64010], [1209420000000, 0.63960], [1209506400000, 0.64070], [1209592800000, 0.64230], [1209679200000, 0.64290], [1209765600000, 0.64720], [1209852000000, 0.64850], [1209938400000, 0.64860], [1210024800000, 0.64670], [1210111200000, 0.64440], [1210197600000, 0.64670], [1210284000000, 0.65090], [1210370400000, 0.64780], [1210456800000, 0.64610], [1210543200000, 0.64610], [1210629600000, 0.64680], [1210716000000, 0.64490], [1210802400000, 0.6470], [1210888800000, 0.64610], [1210975200000, 0.64520], [1211061600000, 0.64220], [1211148000000, 0.64220], [1211234400000, 0.64250], [1211320800000, 0.64140], [1211407200000, 0.63660], [1211493600000, 0.63460], [1211580000000, 0.6350], [1211666400000, 0.63460], [1211752800000, 0.63460], [1211839200000, 0.63430], [1211925600000, 0.63460], [1212012000000, 0.63790], [1212098400000, 0.64160], [1212184800000, 0.64420], [1212271200000, 0.64310], [1212357600000, 0.64310], [1212444000000, 0.64350], [1212530400000, 0.6440], [1212616800000, 0.64730], [1212703200000, 0.64690], [1212789600000, 0.63860], [1212876000000, 0.63560], [1212962400000, 0.6340], [1213048800000, 0.63460], [1213135200000, 0.6430], [1213221600000, 0.64520], [1213308000000, 0.64670], [1213394400000, 0.65060], [1213480800000, 0.65040], [1213567200000, 0.65030], [1213653600000, 0.64810], [1213740000000, 0.64510], [1213826400000, 0.6450], [1213912800000, 0.64410], [1213999200000, 0.64140], [1214085600000, 0.64090], [1214172000000, 0.64090], [1214258400000, 0.64280], [1214344800000, 0.64310], [1214431200000, 0.64180], [1214517600000, 0.63710], [1214604000000, 0.63490], [1214690400000, 0.63330], [1214776800000, 0.63340], [1214863200000, 0.63380], [1214949600000, 0.63420], [1215036000000, 0.6320], [1215122400000, 0.63180], [1215208800000, 0.6370], [1215295200000, 0.63680], [1215381600000, 0.63680], [1215468000000, 0.63830], [1215554400000, 0.63710], [1215640800000, 0.63710], [1215727200000, 0.63550], [1215813600000, 0.6320], [1215900000000, 0.62770], [1215986400000, 0.62760], [1216072800000, 0.62910], [1216159200000, 0.62740], [1216245600000, 0.62930], [1216332000000, 0.63110], [1216418400000, 0.6310], [1216504800000, 0.63120], [1216591200000, 0.63120], [1216677600000, 0.63040], [1216764000000, 0.62940], [1216850400000, 0.63480], [1216936800000, 0.63780], [1217023200000, 0.63680], [1217109600000, 0.63680], [1217196000000, 0.63680], [1217282400000, 0.6360], [1217368800000, 0.6370], [1217455200000, 0.64180], [1217541600000, 0.64110], [1217628000000, 0.64350], [1217714400000, 0.64270], [1217800800000, 0.64270], [1217887200000, 0.64190], [1217973600000, 0.64460], [1218060000000, 0.64680], [1218146400000, 0.64870], [1218232800000, 0.65940], [1218319200000, 0.66660], [1218405600000, 0.66660], [1218492000000, 0.66780], [1218578400000, 0.67120], [1218664800000, 0.67050], [1218751200000, 0.67180], [1218837600000, 0.67840], [1218924000000, 0.68110], [1219010400000, 0.68110], [1219096800000, 0.67940], [1219183200000, 0.68040], [1219269600000, 0.67810], [1219356000000, 0.67560], [1219442400000, 0.67350], [1219528800000, 0.67630], [1219615200000, 0.67620], [1219701600000, 0.67770], [1219788000000, 0.68150], [1219874400000, 0.68020], [1219960800000, 0.6780], [1220047200000, 0.67960], [1220133600000, 0.68170], [1220220000000, 0.68170], [1220306400000, 0.68320], [1220392800000, 0.68770], [1220479200000, 0.69120], [1220565600000, 0.69140], [1220652000000, 0.70090], [1220738400000, 0.70120], [1220824800000, 0.7010], [1220911200000, 0.70050] + ]; + + oilprices = []; + exchangerates = []; + + oilpricesFull.map (function (item, index) { + if (index % 8 === 0) { + oilprices.push (item); + } + }); + + exchangeratesFull.map (function (item, index) { + if (index % 8 === 0) { + exchangerates.push (item); + } + }); + + function euroFormatter(v, axis) { + return v.toFixed (axis.tickDecimals) + "€"; + } + + function doPlot(position) { + $.plot ($ ("#flot-line-chart-multi"), [{ + data: oilprices, + label: "Oil price ($)" + }, { + data: exchangerates, + label: "USD/EUR exchange rate", + yaxis: 2 + }], { + xaxes: [{ + mode: 'time' + }], + yaxes: [{ + min: 0 + }, { + // align if we are to the right + alignTicksWithAxis: position == "right" ? 1 : null, + position: position, + tickFormatter: euroFormatter + }], + legend: { + position: 'sw' + }, + colors: [config.chart.colorPrimary.toString ()], + grid: { + color: "#999999", + hoverable: true, + clickable: true, + tickColor: "#D4D4D4", + borderWidth: 0, + hoverable: true //IMPORTANT! this is needed for tooltip to work, + + }, + tooltip: true, + tooltipOpts: { + content: "%s for %x was %y", + xDateFormat: "%y-%m-%d", + + onHover: function (flotItem, $tooltipEl) { + // console.log(flotItem, $tooltipEl); + } + } + + }); + } + + doPlot ("right"); + + $ ("button").click (function () { + doPlot ($ (this).text ()); + }); + + } + + drawFlotCharts (); + + $ (document).on ("themechange", function () { + drawFlotCharts (); + }); + +}); +$ (function () { + + if (!$ ('#morris-one-line-chart').length) { + return false; + } + + function drawMorrisCharts() { + + $ ('#morris-one-line-chart').empty (); + + Morris.Line ({ + element: 'morris-one-line-chart', + data: [ + {year: '2008', value: 5}, + {year: '2009', value: 10}, + {year: '2010', value: 8}, + {year: '2011', value: 22}, + {year: '2012', value: 8}, + {year: '2014', value: 10}, + {year: '2015', value: 5} + ], + xkey: 'year', + ykeys: ['value'], + resize: true, + lineWidth: 4, + labels: ['Value'], + lineColors: [config.chart.colorPrimary.toString ()], + pointSize: 5, + }); + + $ ('#morris-area-chart').empty (); + + Morris.Area ({ + element: 'morris-area-chart', + data: [{period: '2010 Q1', iphone: 2666, ipad: null, itouch: 2647}, + {period: '2010 Q2', iphone: 2778, ipad: 2294, itouch: 2441}, + {period: '2010 Q3', iphone: 4912, ipad: 1969, itouch: 2501}, + {period: '2010 Q4', iphone: 3767, ipad: 3597, itouch: 5689}, + {period: '2011 Q1', iphone: 6810, ipad: 1914, itouch: 2293}, + {period: '2011 Q2', iphone: 5670, ipad: 4293, itouch: 1881}, + {period: '2011 Q3', iphone: 4820, ipad: 3795, itouch: 1588}, + {period: '2011 Q4', iphone: 15073, ipad: 5967, itouch: 5175}, + {period: '2012 Q1', iphone: 10687, ipad: 4460, itouch: 2028}, + {period: '2012 Q2', iphone: 8432, ipad: 5713, itouch: 1791}], + xkey: 'period', + ykeys: ['iphone', 'ipad', 'itouch'], + labels: ['iPhone', 'iPad', 'iPod Touch'], + pointSize: 2, + hideHover: 'auto', + resize: true, + lineColors: [ + tinycolor (config.chart.colorPrimary.toString ()).lighten (10).toString (), + tinycolor (config.chart.colorPrimary.toString ()).darken (10).toString (), + config.chart.colorPrimary.toString () + ], + lineWidth: 2, + pointSize: 1, + }); + + $ ('#morris-donut-chart').empty (); + + Morris.Donut ({ + element: 'morris-donut-chart', + data: [{label: "Download Sales", value: 12}, + {label: "In-Store Sales", value: 30}, + {label: "Mail-Order Sales", value: 20}], + resize: true, + colors: [ + tinycolor (config.chart.colorPrimary.toString ()).lighten (10).toString (), + tinycolor (config.chart.colorPrimary.toString ()).darken (10).toString (), + config.chart.colorPrimary.toString () + ], + }); + + $ ('#morris-bar-chart').empty (); + + Morris.Bar ({ + element: 'morris-bar-chart', + data: [{y: '2006', a: 60, b: 50}, + {y: '2007', a: 75, b: 65}, + {y: '2008', a: 50, b: 40}, + {y: '2009', a: 75, b: 65}, + {y: '2010', a: 50, b: 40}, + {y: '2011', a: 75, b: 65}, + {y: '2012', a: 100, b: 90}], + xkey: 'y', + ykeys: ['a', 'b'], + labels: ['Series A', 'Series B'], + hideHover: 'auto', + resize: true, + barColors: [ + config.chart.colorPrimary.toString (), + tinycolor (config.chart.colorPrimary.toString ()).darken (10).toString () + ], + }); + + $ ('#morris-line-chart').empty (); + + Morris.Line ({ + element: 'morris-line-chart', + data: [{y: '2006', a: 100, b: 90}, + {y: '2007', a: 75, b: 65}, + {y: '2008', a: 50, b: 40}, + {y: '2009', a: 75, b: 65}, + {y: '2010', a: 50, b: 40}, + {y: '2011', a: 75, b: 65}, + {y: '2012', a: 100, b: 90}], + xkey: 'y', + ykeys: ['a', 'b'], + labels: ['Series A', 'Series B'], + hideHover: 'auto', + resize: true, + lineColors: [ + config.chart.colorPrimary.toString (), + tinycolor (config.chart.colorPrimary.toString ()).darken (10).toString () + ], + }); + } + + drawMorrisCharts (); + + $ (document).on ("themechange", function () { + drawMorrisCharts (); + }); +}); +$ (function () { + + if (!$ ('#dashboard-visits-chart').length) { + return false; + } + + // drawing visits chart + drawVisitsChart (); + + var el = null; + var item = 'visits'; + + $ ('a[data-toggle="tab"]').on ('shown.bs.tab', function (e) { + + el = e.target; + item = $ (el).attr ('href').replace ('#', ''); + switchHistoryCharts (item); + + }); + + $ (document).on ("themechange", function () { + switchHistoryCharts (item); + }); + + function switchHistoryCharts(item) { + var chartSelector = "#dashboard-" + item + "-chart"; + + if ($ (chartSelector).has ('svg').length) { + $ (chartSelector).empty (); + } + + switch (item) { + case 'visits': + drawVisitsChart (); + break; + case 'downloads': + drawDownloadsChart (); + break; + } + } + + function drawVisitsChart() { + var dataVisits = [ + {x: '2015-09-01', y: 70}, + {x: '2015-09-02', y: 75}, + {x: '2015-09-03', y: 50}, + {x: '2015-09-04', y: 75}, + {x: '2015-09-05', y: 50}, + {x: '2015-09-06', y: 75}, + {x: '2015-09-07', y: 86} + ]; + + Morris.Line ({ + element: 'dashboard-visits-chart', + data: dataVisits, + xkey: 'x', + ykeys: ['y'], + ymin: 'auto 40', + labels: ['Visits'], + xLabels: "day", + hideHover: 'auto', + yLabelFormat: function (y) { + // Only integers + if (y === parseInt (y, 10)) { + return y; + } + else { + return ''; + } + }, + resize: true, + lineColors: [ + config.chart.colorSecondary.toString (), + ], + pointFillColors: [ + config.chart.colorPrimary.toString (), + ] + }); + } + + function drawDownloadsChart() { + + var dataDownloads = [ + { + year: '2006', + downloads: 1300 + }, + { + year: '2007', + downloads: 1526 + }, + { + year: '2008', + downloads: 2000 + }, + { + year: '2009', + downloads: 1800 + }, + { + year: '2010', + downloads: 1650 + }, + { + year: '2011', + downloads: 620 + }, + { + year: '2012', + downloads: 1000 + }, + { + year: '2013', + downloads: 1896 + }, + { + year: '2014', + downloads: 850 + }, + { + year: '2015', + downloads: 1500 + } + ]; + + Morris.Bar ({ + element: 'dashboard-downloads-chart', + data: dataDownloads, + xkey: 'year', + ykeys: ['downloads'], + labels: ['Downloads'], + hideHover: 'auto', + resize: true, + barColors: [ + config.chart.colorPrimary.toString (), + tinycolor (config.chart.colorPrimary.toString ()).darken (10).toString () + ], + }); + } +}); + +$ (function () { + + function drawDashboardItemsListSparklines() { + $ (".dashboard-page .items .sparkline").each (function () { + var type = $ (this).data ('type'); + + // There is predefined data + if ($ (this).data ('data')) { + var data = $ (this).data ('data').split (',').map (function (item) { + if (item.indexOf (":") > 0) { + return item.split (":"); + } + else { + return item; + } + }); + } + // Generate random data + else { + var data = []; + for (var i = 0; i < 17; i++) { + data.push (Math.round (100 * Math.random ())); + } + } + + $ (this).sparkline (data, { + barColor: config.chart.colorPrimary.toString (), + height: $ (this).height (), + type: type + }); + }); + } + + drawDashboardItemsListSparklines (); + + $ (document).on ("themechange", function () { + drawDashboardItemsListSparklines (); + }); +}); +$ (function () { + + var $dashboardSalesBreakdownChart = $ ('#dashboard-sales-breakdown-chart'); + + if (!$dashboardSalesBreakdownChart.length) { + return false; + } + + function drawSalesChart() { + + $dashboardSalesBreakdownChart.empty (); + + Morris.Donut ({ + element: 'dashboard-sales-breakdown-chart', + data: [{label: "Download Sales", value: 12}, + {label: "In-Store Sales", value: 30}, + {label: "Mail-Order Sales", value: 20}], + resize: true, + colors: [ + tinycolor (config.chart.colorPrimary.toString ()).lighten (10).toString (), + tinycolor (config.chart.colorPrimary.toString ()).darken (8).toString (), + config.chart.colorPrimary.toString () + ], + }); + + var $sameheightContainer = $dashboardSalesBreakdownChart.closest (".sameheight-container"); + + setSameHeights ($sameheightContainer); + } + + drawSalesChart (); + + $ (document).on ("themechange", function () { + drawSalesChart (); + }); + +}) +$ (function () { + + var $dashboardSalesMap = $ ('#dashboard-sales-map'); + + if (!$dashboardSalesMap.length) { + return false; + } + + function drawSalesMap() { + + $dashboardSalesMap.empty (); + + var color = config.chart.colorPrimary.toHexString (); + var darkColor = tinycolor (config.chart.colorPrimary.toString ()).darken (40).toHexString (); + var selectedColor = tinycolor (config.chart.colorPrimary.toString ()).darken (10).toHexString (); + + var sales_data = { + us: 2000, + ru: 2000, + gb: 10000, + fr: 10000, + de: 10000, + cn: 10000, + in: 10000, + sa: 10000, + ca: 10000, + br: 5000, + au: 5000 + }; + + $dashboardSalesMap.vectorMap ({ + map: 'world_en', + backgroundColor: 'transparent', + color: '#E5E3E5', + hoverOpacity: 0.7, + selectedColor: selectedColor, + enableZoom: true, + showTooltip: true, + values: sales_data, + scaleColors: [color, darkColor], + normalizeFunction: 'linear' + }); + } + + drawSalesMap (); + + $ (document).on ("themechange", function () { + drawSalesMap (); + }); +}); +$ (function () { + + $ ('.actions-list > li').on ('click', '.check', function (e) { + e.preventDefault (); + + $ (this).parents ('.tasks-item') + .find ('.checkbox') + .prop ("checked", true); + + removeActionList (); + }); + +}); +//LoginForm validation +$ (function () { + if (!$ ('.form-control').length) { + return false; + } + + $ ('.form-control').focus (function () { + $ (this).siblings ('.input-group-addon').addClass ('focus'); + }); + + $ ('.form-control').blur (function () { + $ (this).siblings ('.input-group-addon').removeClass ('focus'); + }); +}); +$ (function () { + + // set sortable options + $ ('.images-container').sortable ({ + animation: 150, + handle: ".control-btn.move", + draggable: ".image-container", + onMove: function (evt) { + var $relatedElem = $ (evt.related); + + if ($relatedElem.hasClass ('add-image')) { + return false; + } + } + }); + + $controlsButtons = $ ('.controls'); + + $controlsButtonsStar = $controlsButtons.find ('.star'); + $controlsButtonsRemove = $controlsButtons.find ('.remove'); + + $controlsButtonsStar.on ('click', function (e) { + e.preventDefault (); + + $controlsButtonsStar.removeClass ('active'); + $controlsButtonsStar.parents ('.image-container').removeClass ('main'); + + $ (this).addClass ('active'); + + $ (this).parents ('.image-container').addClass ('main'); + }) + +}) +$ (function () { + + if (!$ ('#select-all-items').length) { + return false; + } + + $ ('#select-all-items').on ('change', function () { + var $this = $ (this).children (':checkbox').get (0); + + $ (this).parents ('li') + .siblings () + .find (':checkbox') + .prop ('checked', $this.checked) + .val ($this.checked) + .change (); + }); + + function drawItemsListSparklines() { + $ (".items-list-page .sparkline").each (function () { + var type = $ (this).data ('type'); + + // Generate random data + var data = []; + for (var i = 0; i < 17; i++) { + data.push (Math.round (100 * Math.random ())); + } + + $ (this).sparkline (data, { + barColor: config.chart.colorPrimary.toString (), + height: $ (this).height (), + type: type + }); + }); + } + + drawItemsListSparklines (); + + $ (document).on ("themechange", function () { + drawItemsListSparklines (); + }); + +}); +$ (function () { + $ ('.nav-profile > li > a').on ('click', function () { + var $el = $ (this).next (); + + animate ({ + name: 'flipInX', + selector: $el + }); + }); +}) +var modalMedia = { + $el: $ ("#modal-media"), + result: {}, + options: {}, + open: function (options) { + options = options || {}; + this.options = options; + + this.$el.modal ('show'); + }, + close: function () { + if ($.isFunction (this.options.beforeClose)) { + this.options.beforeClose (this.result); + } + + this.$el.modal ('hide'); + + if ($.isFunction (this.options.afterClose)) { + this.options.beforeClose (this.result); + } + } +}; +$ (function () { + + // Local storage settings + var themeSettings = getThemeSettings (); + + // Elements + + var $app = $ ('#app'); + var $styleLink = $ ('#theme-style'); + var $customizeMenu = $ ('#customize-menu'); + + // Color switcher + var $customizeMenuColorBtns = $customizeMenu.find ('.color-item'); + + // Position switchers + var $customizeMenuRadioBtns = $customizeMenu.find ('.radio'); + + // ///////////////////////////////////////////////// + + // Initial state + + // On setting event, set corresponding options + + // Update customize view based on options + + // Update theme based on options + + /************************************************ + * Initial State + *************************************************/ + + setThemeSettings (); + + /************************************************ + * Events + *************************************************/ + + // set theme type + $customizeMenuColorBtns.on ('click', function () { + themeSettings.themeName = $ (this).data ('theme'); + + setThemeSettings (); + }); + + $customizeMenuRadioBtns.on ('click', function () { + + var optionName = $ (this).prop ('name'); + var value = $ (this).val (); + + themeSettings[optionName] = value; + + setThemeSettings (); + }); + + function setThemeSettings() { + setThemeState () + .delay (config.delayTime) + .queue (function (next) { + + setThemeColor (); + setThemeControlsState (); + saveThemeSettings (); + + $ (document).trigger ("themechange"); + + next (); + }); + } + + /************************************************ + * Update theme based on options + *************************************************/ + + function setThemeState() { + // set theme type + if (themeSettings.themeName) { + $styleLink.attr ('href', window.assetsPath + '/css/app-' + themeSettings.themeName + '.css'); + } + else { + $styleLink.attr ('href', window.assetsPath + '/css/app.css'); + } + + // App classes + $app.removeClass ('header-fixed footer-fixed sidebar-fixed'); + + // set header + $app.addClass (themeSettings.headerPosition); + + // set footer + $app.addClass (themeSettings.footerPosition); + + // set footer + $app.addClass (themeSettings.sidebarPosition); + + return $app; + } + + /************************************************ + * Update theme controls based on options + *************************************************/ + + function setThemeControlsState() { + // set color switcher + $customizeMenuColorBtns.each (function () { + if ($ (this).data ('theme') === themeSettings.themeName) { + $ (this).addClass ('active'); + } + else { + $ (this).removeClass ('active'); + } + }); + + // set radio buttons + $customizeMenuRadioBtns.each (function () { + var name = $ (this).prop ('name'); + var value = $ (this).val (); + + if (themeSettings[name] === value) { + $ (this).prop ("checked", true); + } + else { + $ (this).prop ("checked", false); + } + }); + } + + /************************************************ + * Update theme color + *************************************************/ + function setThemeColor() { + config.chart.colorPrimary = tinycolor ($ref.find (".chart .color-primary").css ("color")); + config.chart.colorSecondary = tinycolor ($ref.find (".chart .color-secondary").css ("color")); + } + + /************************************************ + * Storage Functions + *************************************************/ + + function getThemeSettings() { + var settings = (localStorage.getItem ('themeSettings')) ? JSON.parse (localStorage.getItem ('themeSettings')) : {}; + + settings.headerPosition = settings.headerPosition || ''; + settings.sidebarPosition = settings.sidebarPosition || ''; + settings.footerPosition = settings.footerPosition || ''; + + return settings; + } + + function saveThemeSettings() { + localStorage.setItem ('themeSettings', JSON.stringify (themeSettings)); + } + +}); +$ (function () { + + $ ("body").addClass ("loaded"); + +}); + +/*********************************************** + * NProgress Settings + ***********************************************/ + +// start load bar +NProgress.start (); + +// end loading bar +NProgress.done (); \ No newline at end of file diff --git a/resources/assets/admin/js/vendor.js b/resources/assets/admin/js/vendor.js new file mode 100644 index 00000000..2cbaab31 --- /dev/null +++ b/resources/assets/admin/js/vendor.js @@ -0,0 +1,57634 @@ +/*! + * jQuery JavaScript Library v2.1.4 + * http://jquery.com/ + * + * Includes Sizzle.js + * http://sizzlejs.com/ + * + * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors + * Released under the MIT license + * http://jquery.org/license + * + * Date: 2015-04-28T16:01Z + */ + +(function( global, factory ) { + + if ( typeof module === "object" && typeof module.exports === "object" ) { + // For CommonJS and CommonJS-like environments where a proper `window` + // is present, execute the factory and get jQuery. + // For environments that do not have a `window` with a `document` + // (such as Node.js), expose a factory as module.exports. + // This accentuates the need for the creation of a real `window`. + // e.g. var jQuery = require("jquery")(window); + // See ticket #14549 for more info. + module.exports = global.document ? + factory( global, true ) : + function( w ) { + if ( !w.document ) { + throw new Error( "jQuery requires a window with a document" ); + } + return factory( w ); + }; + } else { + factory( global ); + } + +// Pass this if window is not defined yet +}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) { + +// Support: Firefox 18+ +// Can't be in strict mode, several libs including ASP.NET trace +// the stack via arguments.caller.callee and Firefox dies if +// you try to trace through "use strict" call chains. (#13335) +// + +var arr = []; + +var slice = arr.slice; + +var concat = arr.concat; + +var push = arr.push; + +var indexOf = arr.indexOf; + +var class2type = {}; + +var toString = class2type.toString; + +var hasOwn = class2type.hasOwnProperty; + +var support = {}; + + + +var + // Use the correct document accordingly with window argument (sandbox) + document = window.document, + + version = "2.1.4", + + // Define a local copy of jQuery + jQuery = function( selector, context ) { + // The jQuery object is actually just the init constructor 'enhanced' + // Need init if jQuery is called (just allow error to be thrown if not included) + return new jQuery.fn.init( selector, context ); + }, + + // Support: Android<4.1 + // Make sure we trim BOM and NBSP + rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, + + // Matches dashed string for camelizing + rmsPrefix = /^-ms-/, + rdashAlpha = /-([\da-z])/gi, + + // Used by jQuery.camelCase as callback to replace() + fcamelCase = function( all, letter ) { + return letter.toUpperCase(); + }; + +jQuery.fn = jQuery.prototype = { + // The current version of jQuery being used + jquery: version, + + constructor: jQuery, + + // Start with an empty selector + selector: "", + + // The default length of a jQuery object is 0 + length: 0, + + toArray: function() { + return slice.call( this ); + }, + + // Get the Nth element in the matched element set OR + // Get the whole matched element set as a clean array + get: function( num ) { + return num != null ? + + // Return just the one element from the set + ( num < 0 ? this[ num + this.length ] : this[ num ] ) : + + // Return all the elements in a clean array + slice.call( this ); + }, + + // Take an array of elements and push it onto the stack + // (returning the new matched element set) + pushStack: function( elems ) { + + // Build a new jQuery matched element set + var ret = jQuery.merge( this.constructor(), elems ); + + // Add the old object onto the stack (as a reference) + ret.prevObject = this; + ret.context = this.context; + + // Return the newly-formed element set + return ret; + }, + + // Execute a callback for every element in the matched set. + // (You can seed the arguments with an array of args, but this is + // only used internally.) + each: function( callback, args ) { + return jQuery.each( this, callback, args ); + }, + + map: function( callback ) { + return this.pushStack( jQuery.map(this, function( elem, i ) { + return callback.call( elem, i, elem ); + })); + }, + + slice: function() { + return this.pushStack( slice.apply( this, arguments ) ); + }, + + first: function() { + return this.eq( 0 ); + }, + + last: function() { + return this.eq( -1 ); + }, + + eq: function( i ) { + var len = this.length, + j = +i + ( i < 0 ? len : 0 ); + return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] ); + }, + + end: function() { + return this.prevObject || this.constructor(null); + }, + + // For internal use only. + // Behaves like an Array's method, not like a jQuery method. + push: push, + sort: arr.sort, + splice: arr.splice +}; + +jQuery.extend = jQuery.fn.extend = function() { + var options, name, src, copy, copyIsArray, clone, + target = arguments[0] || {}, + i = 1, + length = arguments.length, + deep = false; + + // Handle a deep copy situation + if ( typeof target === "boolean" ) { + deep = target; + + // Skip the boolean and the target + target = arguments[ i ] || {}; + i++; + } + + // Handle case when target is a string or something (possible in deep copy) + if ( typeof target !== "object" && !jQuery.isFunction(target) ) { + target = {}; + } + + // Extend jQuery itself if only one argument is passed + if ( i === length ) { + target = this; + i--; + } + + for ( ; i < length; i++ ) { + // Only deal with non-null/undefined values + if ( (options = arguments[ i ]) != null ) { + // Extend the base object + for ( name in options ) { + src = target[ name ]; + copy = options[ name ]; + + // Prevent never-ending loop + if ( target === copy ) { + continue; + } + + // Recurse if we're merging plain objects or arrays + if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { + if ( copyIsArray ) { + copyIsArray = false; + clone = src && jQuery.isArray(src) ? src : []; + + } else { + clone = src && jQuery.isPlainObject(src) ? src : {}; + } + + // Never move original objects, clone them + target[ name ] = jQuery.extend( deep, clone, copy ); + + // Don't bring in undefined values + } else if ( copy !== undefined ) { + target[ name ] = copy; + } + } + } + } + + // Return the modified object + return target; +}; + +jQuery.extend({ + // Unique for each copy of jQuery on the page + expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), + + // Assume jQuery is ready without the ready module + isReady: true, + + error: function( msg ) { + throw new Error( msg ); + }, + + noop: function() {}, + + isFunction: function( obj ) { + return jQuery.type(obj) === "function"; + }, + + isArray: Array.isArray, + + isWindow: function( obj ) { + return obj != null && obj === obj.window; + }, + + isNumeric: function( obj ) { + // parseFloat NaNs numeric-cast false positives (null|true|false|"") + // ...but misinterprets leading-number strings, particularly hex literals ("0x...") + // subtraction forces infinities to NaN + // adding 1 corrects loss of precision from parseFloat (#15100) + return !jQuery.isArray( obj ) && (obj - parseFloat( obj ) + 1) >= 0; + }, + + isPlainObject: function( obj ) { + // Not plain objects: + // - Any object or value whose internal [[Class]] property is not "[object Object]" + // - DOM nodes + // - window + if ( jQuery.type( obj ) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) { + return false; + } + + if ( obj.constructor && + !hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) { + return false; + } + + // If the function hasn't returned already, we're confident that + // |obj| is a plain object, created by {} or constructed with new Object + return true; + }, + + isEmptyObject: function( obj ) { + var name; + for ( name in obj ) { + return false; + } + return true; + }, + + type: function( obj ) { + if ( obj == null ) { + return obj + ""; + } + // Support: Android<4.0, iOS<6 (functionish RegExp) + return typeof obj === "object" || typeof obj === "function" ? + class2type[ toString.call(obj) ] || "object" : + typeof obj; + }, + + // Evaluates a script in a global context + globalEval: function( code ) { + var script, + indirect = eval; + + code = jQuery.trim( code ); + + if ( code ) { + // If the code includes a valid, prologue position + // strict mode pragma, execute code by injecting a + // script tag into the document. + if ( code.indexOf("use strict") === 1 ) { + script = document.createElement("script"); + script.text = code; + document.head.appendChild( script ).parentNode.removeChild( script ); + } else { + // Otherwise, avoid the DOM node creation, insertion + // and removal by using an indirect global eval + indirect( code ); + } + } + }, + + // Convert dashed to camelCase; used by the css and data modules + // Support: IE9-11+ + // Microsoft forgot to hump their vendor prefix (#9572) + camelCase: function( string ) { + return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); + }, + + nodeName: function( elem, name ) { + return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); + }, + + // args is for internal usage only + each: function( obj, callback, args ) { + var value, + i = 0, + length = obj.length, + isArray = isArraylike( obj ); + + if ( args ) { + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback.apply( obj[ i ], args ); + + if ( value === false ) { + break; + } + } + } else { + for ( i in obj ) { + value = callback.apply( obj[ i ], args ); + + if ( value === false ) { + break; + } + } + } + + // A special, fast, case for the most common use of each + } else { + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback.call( obj[ i ], i, obj[ i ] ); + + if ( value === false ) { + break; + } + } + } else { + for ( i in obj ) { + value = callback.call( obj[ i ], i, obj[ i ] ); + + if ( value === false ) { + break; + } + } + } + } + + return obj; + }, + + // Support: Android<4.1 + trim: function( text ) { + return text == null ? + "" : + ( text + "" ).replace( rtrim, "" ); + }, + + // results is for internal usage only + makeArray: function( arr, results ) { + var ret = results || []; + + if ( arr != null ) { + if ( isArraylike( Object(arr) ) ) { + jQuery.merge( ret, + typeof arr === "string" ? + [ arr ] : arr + ); + } else { + push.call( ret, arr ); + } + } + + return ret; + }, + + inArray: function( elem, arr, i ) { + return arr == null ? -1 : indexOf.call( arr, elem, i ); + }, + + merge: function( first, second ) { + var len = +second.length, + j = 0, + i = first.length; + + for ( ; j < len; j++ ) { + first[ i++ ] = second[ j ]; + } + + first.length = i; + + return first; + }, + + grep: function( elems, callback, invert ) { + var callbackInverse, + matches = [], + i = 0, + length = elems.length, + callbackExpect = !invert; + + // Go through the array, only saving the items + // that pass the validator function + for ( ; i < length; i++ ) { + callbackInverse = !callback( elems[ i ], i ); + if ( callbackInverse !== callbackExpect ) { + matches.push( elems[ i ] ); + } + } + + return matches; + }, + + // arg is for internal usage only + map: function( elems, callback, arg ) { + var value, + i = 0, + length = elems.length, + isArray = isArraylike( elems ), + ret = []; + + // Go through the array, translating each of the items to their new values + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret.push( value ); + } + } + + // Go through every key on the object, + } else { + for ( i in elems ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret.push( value ); + } + } + } + + // Flatten any nested arrays + return concat.apply( [], ret ); + }, + + // A global GUID counter for objects + guid: 1, + + // Bind a function to a context, optionally partially applying any + // arguments. + proxy: function( fn, context ) { + var tmp, args, proxy; + + if ( typeof context === "string" ) { + tmp = fn[ context ]; + context = fn; + fn = tmp; + } + + // Quick check to determine if target is callable, in the spec + // this throws a TypeError, but we will just return undefined. + if ( !jQuery.isFunction( fn ) ) { + return undefined; + } + + // Simulated bind + args = slice.call( arguments, 2 ); + proxy = function() { + return fn.apply( context || this, args.concat( slice.call( arguments ) ) ); + }; + + // Set the guid of unique handler to the same of original handler, so it can be removed + proxy.guid = fn.guid = fn.guid || jQuery.guid++; + + return proxy; + }, + + now: Date.now, + + // jQuery.support is not used in Core but other projects attach their + // properties to it so it needs to exist. + support: support +}); + +// Populate the class2type map +jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) { + class2type[ "[object " + name + "]" ] = name.toLowerCase(); +}); + +function isArraylike( obj ) { + + // Support: iOS 8.2 (not reproducible in simulator) + // `in` check used to prevent JIT error (gh-2145) + // hasOwn isn't used here due to false negatives + // regarding Nodelist length in IE + var length = "length" in obj && obj.length, + type = jQuery.type( obj ); + + if ( type === "function" || jQuery.isWindow( obj ) ) { + return false; + } + + if ( obj.nodeType === 1 && length ) { + return true; + } + + return type === "array" || length === 0 || + typeof length === "number" && length > 0 && ( length - 1 ) in obj; +} +var Sizzle = +/*! + * Sizzle CSS Selector Engine v2.2.0-pre + * http://sizzlejs.com/ + * + * Copyright 2008, 2014 jQuery Foundation, Inc. and other contributors + * Released under the MIT license + * http://jquery.org/license + * + * Date: 2014-12-16 + */ +(function( window ) { + +var i, + support, + Expr, + getText, + isXML, + tokenize, + compile, + select, + outermostContext, + sortInput, + hasDuplicate, + + // Local document vars + setDocument, + document, + docElem, + documentIsHTML, + rbuggyQSA, + rbuggyMatches, + matches, + contains, + + // Instance-specific data + expando = "sizzle" + 1 * new Date(), + preferredDoc = window.document, + dirruns = 0, + done = 0, + classCache = createCache(), + tokenCache = createCache(), + compilerCache = createCache(), + sortOrder = function( a, b ) { + if ( a === b ) { + hasDuplicate = true; + } + return 0; + }, + + // General-purpose constants + MAX_NEGATIVE = 1 << 31, + + // Instance methods + hasOwn = ({}).hasOwnProperty, + arr = [], + pop = arr.pop, + push_native = arr.push, + push = arr.push, + slice = arr.slice, + // Use a stripped-down indexOf as it's faster than native + // http://jsperf.com/thor-indexof-vs-for/5 + indexOf = function( list, elem ) { + var i = 0, + len = list.length; + for ( ; i < len; i++ ) { + if ( list[i] === elem ) { + return i; + } + } + return -1; + }, + + booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped", + + // Regular expressions + + // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace + whitespace = "[\\x20\\t\\r\\n\\f]", + // http://www.w3.org/TR/css3-syntax/#characters + characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+", + + // Loosely modeled on CSS identifier characters + // An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors + // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier + identifier = characterEncoding.replace( "w", "w#" ), + + // Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors + attributes = "\\[" + whitespace + "*(" + characterEncoding + ")(?:" + whitespace + + // Operator (capture 2) + "*([*^$|!~]?=)" + whitespace + + // "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]" + "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace + + "*\\]", + + pseudos = ":(" + characterEncoding + ")(?:\\((" + + // To reduce the number of selectors needing tokenize in the preFilter, prefer arguments: + // 1. quoted (capture 3; capture 4 or capture 5) + "('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" + + // 2. simple (capture 6) + "((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" + + // 3. anything else (capture 2) + ".*" + + ")\\)|)", + + // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter + rwhitespace = new RegExp( whitespace + "+", "g" ), + rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), + + rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), + rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ), + + rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ), + + rpseudo = new RegExp( pseudos ), + ridentifier = new RegExp( "^" + identifier + "$" ), + + matchExpr = { + "ID": new RegExp( "^#(" + characterEncoding + ")" ), + "CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ), + "TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ), + "ATTR": new RegExp( "^" + attributes ), + "PSEUDO": new RegExp( "^" + pseudos ), + "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace + + "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + + "*(\\d+)|))" + whitespace + "*\\)|)", "i" ), + "bool": new RegExp( "^(?:" + booleans + ")$", "i" ), + // For use in libraries implementing .is() + // We use this for POS matching in `select` + "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + + whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" ) + }, + + rinputs = /^(?:input|select|textarea|button)$/i, + rheader = /^h\d$/i, + + rnative = /^[^{]+\{\s*\[native \w/, + + // Easily-parseable/retrievable ID or TAG or CLASS selectors + rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, + + rsibling = /[+~]/, + rescape = /'|\\/g, + + // CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters + runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ), + funescape = function( _, escaped, escapedWhitespace ) { + var high = "0x" + escaped - 0x10000; + // NaN means non-codepoint + // Support: Firefox<24 + // Workaround erroneous numeric interpretation of +"0x" + return high !== high || escapedWhitespace ? + escaped : + high < 0 ? + // BMP codepoint + String.fromCharCode( high + 0x10000 ) : + // Supplemental Plane codepoint (surrogate pair) + String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 ); + }, + + // Used for iframes + // See setDocument() + // Removing the function wrapper causes a "Permission Denied" + // error in IE + unloadHandler = function() { + setDocument(); + }; + +// Optimize for push.apply( _, NodeList ) +try { + push.apply( + (arr = slice.call( preferredDoc.childNodes )), + preferredDoc.childNodes + ); + // Support: Android<4.0 + // Detect silently failing push.apply + arr[ preferredDoc.childNodes.length ].nodeType; +} catch ( e ) { + push = { apply: arr.length ? + + // Leverage slice if possible + function( target, els ) { + push_native.apply( target, slice.call(els) ); + } : + + // Support: IE<9 + // Otherwise append directly + function( target, els ) { + var j = target.length, + i = 0; + // Can't trust NodeList.length + while ( (target[j++] = els[i++]) ) {} + target.length = j - 1; + } + }; +} + +function Sizzle( selector, context, results, seed ) { + var match, elem, m, nodeType, + // QSA vars + i, groups, old, nid, newContext, newSelector; + + if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) { + setDocument( context ); + } + + context = context || document; + results = results || []; + nodeType = context.nodeType; + + if ( typeof selector !== "string" || !selector || + nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) { + + return results; + } + + if ( !seed && documentIsHTML ) { + + // Try to shortcut find operations when possible (e.g., not under DocumentFragment) + if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) { + // Speed-up: Sizzle("#ID") + if ( (m = match[1]) ) { + if ( nodeType === 9 ) { + elem = context.getElementById( m ); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document (jQuery #6963) + if ( elem && elem.parentNode ) { + // Handle the case where IE, Opera, and Webkit return items + // by name instead of ID + if ( elem.id === m ) { + results.push( elem ); + return results; + } + } else { + return results; + } + } else { + // Context is not a document + if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) && + contains( context, elem ) && elem.id === m ) { + results.push( elem ); + return results; + } + } + + // Speed-up: Sizzle("TAG") + } else if ( match[2] ) { + push.apply( results, context.getElementsByTagName( selector ) ); + return results; + + // Speed-up: Sizzle(".CLASS") + } else if ( (m = match[3]) && support.getElementsByClassName ) { + push.apply( results, context.getElementsByClassName( m ) ); + return results; + } + } + + // QSA path + if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) { + nid = old = expando; + newContext = context; + newSelector = nodeType !== 1 && selector; + + // qSA works strangely on Element-rooted queries + // We can work around this by specifying an extra ID on the root + // and working up from there (Thanks to Andrew Dupont for the technique) + // IE 8 doesn't work on object elements + if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) { + groups = tokenize( selector ); + + if ( (old = context.getAttribute("id")) ) { + nid = old.replace( rescape, "\\$&" ); + } else { + context.setAttribute( "id", nid ); + } + nid = "[id='" + nid + "'] "; + + i = groups.length; + while ( i-- ) { + groups[i] = nid + toSelector( groups[i] ); + } + newContext = rsibling.test( selector ) && testContext( context.parentNode ) || context; + newSelector = groups.join(","); + } + + if ( newSelector ) { + try { + push.apply( results, + newContext.querySelectorAll( newSelector ) + ); + return results; + } catch(qsaError) { + } finally { + if ( !old ) { + context.removeAttribute("id"); + } + } + } + } + } + + // All others + return select( selector.replace( rtrim, "$1" ), context, results, seed ); +} + +/** + * Create key-value caches of limited size + * @returns {Function(string, Object)} Returns the Object data after storing it on itself with + * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength) + * deleting the oldest entry + */ +function createCache() { + var keys = []; + + function cache( key, value ) { + // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) + if ( keys.push( key + " " ) > Expr.cacheLength ) { + // Only keep the most recent entries + delete cache[ keys.shift() ]; + } + return (cache[ key + " " ] = value); + } + return cache; +} + +/** + * Mark a function for special use by Sizzle + * @param {Function} fn The function to mark + */ +function markFunction( fn ) { + fn[ expando ] = true; + return fn; +} + +/** + * Support testing using an element + * @param {Function} fn Passed the created div and expects a boolean result + */ +function assert( fn ) { + var div = document.createElement("div"); + + try { + return !!fn( div ); + } catch (e) { + return false; + } finally { + // Remove from its parent by default + if ( div.parentNode ) { + div.parentNode.removeChild( div ); + } + // release memory in IE + div = null; + } +} + +/** + * Adds the same handler for all of the specified attrs + * @param {String} attrs Pipe-separated list of attributes + * @param {Function} handler The method that will be applied + */ +function addHandle( attrs, handler ) { + var arr = attrs.split("|"), + i = attrs.length; + + while ( i-- ) { + Expr.attrHandle[ arr[i] ] = handler; + } +} + +/** + * Checks document order of two siblings + * @param {Element} a + * @param {Element} b + * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b + */ +function siblingCheck( a, b ) { + var cur = b && a, + diff = cur && a.nodeType === 1 && b.nodeType === 1 && + ( ~b.sourceIndex || MAX_NEGATIVE ) - + ( ~a.sourceIndex || MAX_NEGATIVE ); + + // Use IE sourceIndex if available on both nodes + if ( diff ) { + return diff; + } + + // Check if b follows a + if ( cur ) { + while ( (cur = cur.nextSibling) ) { + if ( cur === b ) { + return -1; + } + } + } + + return a ? 1 : -1; +} + +/** + * Returns a function to use in pseudos for input types + * @param {String} type + */ +function createInputPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === type; + }; +} + +/** + * Returns a function to use in pseudos for buttons + * @param {String} type + */ +function createButtonPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return (name === "input" || name === "button") && elem.type === type; + }; +} + +/** + * Returns a function to use in pseudos for positionals + * @param {Function} fn + */ +function createPositionalPseudo( fn ) { + return markFunction(function( argument ) { + argument = +argument; + return markFunction(function( seed, matches ) { + var j, + matchIndexes = fn( [], seed.length, argument ), + i = matchIndexes.length; + + // Match elements found at the specified indexes + while ( i-- ) { + if ( seed[ (j = matchIndexes[i]) ] ) { + seed[j] = !(matches[j] = seed[j]); + } + } + }); + }); +} + +/** + * Checks a node for validity as a Sizzle context + * @param {Element|Object=} context + * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value + */ +function testContext( context ) { + return context && typeof context.getElementsByTagName !== "undefined" && context; +} + +// Expose support vars for convenience +support = Sizzle.support = {}; + +/** + * Detects XML nodes + * @param {Element|Object} elem An element or a document + * @returns {Boolean} True iff elem is a non-HTML XML node + */ +isXML = Sizzle.isXML = function( elem ) { + // documentElement is verified for cases where it doesn't yet exist + // (such as loading iframes in IE - #4833) + var documentElement = elem && (elem.ownerDocument || elem).documentElement; + return documentElement ? documentElement.nodeName !== "HTML" : false; +}; + +/** + * Sets document-related variables once based on the current document + * @param {Element|Object} [doc] An element or document object to use to set the document + * @returns {Object} Returns the current document + */ +setDocument = Sizzle.setDocument = function( node ) { + var hasCompare, parent, + doc = node ? node.ownerDocument || node : preferredDoc; + + // If no document and documentElement is available, return + if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) { + return document; + } + + // Set our document + document = doc; + docElem = doc.documentElement; + parent = doc.defaultView; + + // Support: IE>8 + // If iframe document is assigned to "document" variable and if iframe has been reloaded, + // IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936 + // IE6-8 do not support the defaultView property so parent will be undefined + if ( parent && parent !== parent.top ) { + // IE11 does not have attachEvent, so all must suffer + if ( parent.addEventListener ) { + parent.addEventListener( "unload", unloadHandler, false ); + } else if ( parent.attachEvent ) { + parent.attachEvent( "onunload", unloadHandler ); + } + } + + /* Support tests + ---------------------------------------------------------------------- */ + documentIsHTML = !isXML( doc ); + + /* Attributes + ---------------------------------------------------------------------- */ + + // Support: IE<8 + // Verify that getAttribute really returns attributes and not properties + // (excepting IE8 booleans) + support.attributes = assert(function( div ) { + div.className = "i"; + return !div.getAttribute("className"); + }); + + /* getElement(s)By* + ---------------------------------------------------------------------- */ + + // Check if getElementsByTagName("*") returns only elements + support.getElementsByTagName = assert(function( div ) { + div.appendChild( doc.createComment("") ); + return !div.getElementsByTagName("*").length; + }); + + // Support: IE<9 + support.getElementsByClassName = rnative.test( doc.getElementsByClassName ); + + // Support: IE<10 + // Check if getElementById returns elements by name + // The broken getElementById methods don't pick up programatically-set names, + // so use a roundabout getElementsByName test + support.getById = assert(function( div ) { + docElem.appendChild( div ).id = expando; + return !doc.getElementsByName || !doc.getElementsByName( expando ).length; + }); + + // ID find and filter + if ( support.getById ) { + Expr.find["ID"] = function( id, context ) { + if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { + var m = context.getElementById( id ); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document #6963 + return m && m.parentNode ? [ m ] : []; + } + }; + Expr.filter["ID"] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + return elem.getAttribute("id") === attrId; + }; + }; + } else { + // Support: IE6/7 + // getElementById is not reliable as a find shortcut + delete Expr.find["ID"]; + + Expr.filter["ID"] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id"); + return node && node.value === attrId; + }; + }; + } + + // Tag + Expr.find["TAG"] = support.getElementsByTagName ? + function( tag, context ) { + if ( typeof context.getElementsByTagName !== "undefined" ) { + return context.getElementsByTagName( tag ); + + // DocumentFragment nodes don't have gEBTN + } else if ( support.qsa ) { + return context.querySelectorAll( tag ); + } + } : + + function( tag, context ) { + var elem, + tmp = [], + i = 0, + // By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too + results = context.getElementsByTagName( tag ); + + // Filter out possible comments + if ( tag === "*" ) { + while ( (elem = results[i++]) ) { + if ( elem.nodeType === 1 ) { + tmp.push( elem ); + } + } + + return tmp; + } + return results; + }; + + // Class + Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) { + if ( documentIsHTML ) { + return context.getElementsByClassName( className ); + } + }; + + /* QSA/matchesSelector + ---------------------------------------------------------------------- */ + + // QSA and matchesSelector support + + // matchesSelector(:active) reports false when true (IE9/Opera 11.5) + rbuggyMatches = []; + + // qSa(:focus) reports false when true (Chrome 21) + // We allow this because of a bug in IE8/9 that throws an error + // whenever `document.activeElement` is accessed on an iframe + // So, we allow :focus to pass through QSA all the time to avoid the IE error + // See http://bugs.jquery.com/ticket/13378 + rbuggyQSA = []; + + if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) { + // Build QSA regex + // Regex strategy adopted from Diego Perini + assert(function( div ) { + // Select is set to empty string on purpose + // This is to test IE's treatment of not explicitly + // setting a boolean content attribute, + // since its presence should be enough + // http://bugs.jquery.com/ticket/12359 + docElem.appendChild( div ).innerHTML = "" + + ""; + + // Support: IE8, Opera 11-12.16 + // Nothing should be selected when empty strings follow ^= or $= or *= + // The test attribute must be unknown in Opera but "safe" for WinRT + // http://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section + if ( div.querySelectorAll("[msallowcapture^='']").length ) { + rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" ); + } + + // Support: IE8 + // Boolean attributes and "value" are not treated correctly + if ( !div.querySelectorAll("[selected]").length ) { + rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" ); + } + + // Support: Chrome<29, Android<4.2+, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.7+ + if ( !div.querySelectorAll( "[id~=" + expando + "-]" ).length ) { + rbuggyQSA.push("~="); + } + + // Webkit/Opera - :checked should return selected option elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + // IE8 throws error here and will not see later tests + if ( !div.querySelectorAll(":checked").length ) { + rbuggyQSA.push(":checked"); + } + + // Support: Safari 8+, iOS 8+ + // https://bugs.webkit.org/show_bug.cgi?id=136851 + // In-page `selector#id sibing-combinator selector` fails + if ( !div.querySelectorAll( "a#" + expando + "+*" ).length ) { + rbuggyQSA.push(".#.+[+~]"); + } + }); + + assert(function( div ) { + // Support: Windows 8 Native Apps + // The type and name attributes are restricted during .innerHTML assignment + var input = doc.createElement("input"); + input.setAttribute( "type", "hidden" ); + div.appendChild( input ).setAttribute( "name", "D" ); + + // Support: IE8 + // Enforce case-sensitivity of name attribute + if ( div.querySelectorAll("[name=d]").length ) { + rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" ); + } + + // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) + // IE8 throws error here and will not see later tests + if ( !div.querySelectorAll(":enabled").length ) { + rbuggyQSA.push( ":enabled", ":disabled" ); + } + + // Opera 10-11 does not throw on post-comma invalid pseudos + div.querySelectorAll("*,:x"); + rbuggyQSA.push(",.*:"); + }); + } + + if ( (support.matchesSelector = rnative.test( (matches = docElem.matches || + docElem.webkitMatchesSelector || + docElem.mozMatchesSelector || + docElem.oMatchesSelector || + docElem.msMatchesSelector) )) ) { + + assert(function( div ) { + // Check to see if it's possible to do matchesSelector + // on a disconnected node (IE 9) + support.disconnectedMatch = matches.call( div, "div" ); + + // This should fail with an exception + // Gecko does not error, returns false instead + matches.call( div, "[s!='']:x" ); + rbuggyMatches.push( "!=", pseudos ); + }); + } + + rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") ); + rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") ); + + /* Contains + ---------------------------------------------------------------------- */ + hasCompare = rnative.test( docElem.compareDocumentPosition ); + + // Element contains another + // Purposefully does not implement inclusive descendent + // As in, an element does not contain itself + contains = hasCompare || rnative.test( docElem.contains ) ? + function( a, b ) { + var adown = a.nodeType === 9 ? a.documentElement : a, + bup = b && b.parentNode; + return a === bup || !!( bup && bup.nodeType === 1 && ( + adown.contains ? + adown.contains( bup ) : + a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16 + )); + } : + function( a, b ) { + if ( b ) { + while ( (b = b.parentNode) ) { + if ( b === a ) { + return true; + } + } + } + return false; + }; + + /* Sorting + ---------------------------------------------------------------------- */ + + // Document order sorting + sortOrder = hasCompare ? + function( a, b ) { + + // Flag for duplicate removal + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + // Sort on method existence if only one input has compareDocumentPosition + var compare = !a.compareDocumentPosition - !b.compareDocumentPosition; + if ( compare ) { + return compare; + } + + // Calculate position if both inputs belong to the same document + compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ? + a.compareDocumentPosition( b ) : + + // Otherwise we know they are disconnected + 1; + + // Disconnected nodes + if ( compare & 1 || + (!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) { + + // Choose the first element that is related to our preferred document + if ( a === doc || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) { + return -1; + } + if ( b === doc || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) { + return 1; + } + + // Maintain original order + return sortInput ? + ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : + 0; + } + + return compare & 4 ? -1 : 1; + } : + function( a, b ) { + // Exit early if the nodes are identical + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + var cur, + i = 0, + aup = a.parentNode, + bup = b.parentNode, + ap = [ a ], + bp = [ b ]; + + // Parentless nodes are either documents or disconnected + if ( !aup || !bup ) { + return a === doc ? -1 : + b === doc ? 1 : + aup ? -1 : + bup ? 1 : + sortInput ? + ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : + 0; + + // If the nodes are siblings, we can do a quick check + } else if ( aup === bup ) { + return siblingCheck( a, b ); + } + + // Otherwise we need full lists of their ancestors for comparison + cur = a; + while ( (cur = cur.parentNode) ) { + ap.unshift( cur ); + } + cur = b; + while ( (cur = cur.parentNode) ) { + bp.unshift( cur ); + } + + // Walk down the tree looking for a discrepancy + while ( ap[i] === bp[i] ) { + i++; + } + + return i ? + // Do a sibling check if the nodes have a common ancestor + siblingCheck( ap[i], bp[i] ) : + + // Otherwise nodes in our document sort first + ap[i] === preferredDoc ? -1 : + bp[i] === preferredDoc ? 1 : + 0; + }; + + return doc; +}; + +Sizzle.matches = function( expr, elements ) { + return Sizzle( expr, null, null, elements ); +}; + +Sizzle.matchesSelector = function( elem, expr ) { + // Set document vars if needed + if ( ( elem.ownerDocument || elem ) !== document ) { + setDocument( elem ); + } + + // Make sure that attribute selectors are quoted + expr = expr.replace( rattributeQuotes, "='$1']" ); + + if ( support.matchesSelector && documentIsHTML && + ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) && + ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) { + + try { + var ret = matches.call( elem, expr ); + + // IE 9's matchesSelector returns false on disconnected nodes + if ( ret || support.disconnectedMatch || + // As well, disconnected nodes are said to be in a document + // fragment in IE 9 + elem.document && elem.document.nodeType !== 11 ) { + return ret; + } + } catch (e) {} + } + + return Sizzle( expr, document, null, [ elem ] ).length > 0; +}; + +Sizzle.contains = function( context, elem ) { + // Set document vars if needed + if ( ( context.ownerDocument || context ) !== document ) { + setDocument( context ); + } + return contains( context, elem ); +}; + +Sizzle.attr = function( elem, name ) { + // Set document vars if needed + if ( ( elem.ownerDocument || elem ) !== document ) { + setDocument( elem ); + } + + var fn = Expr.attrHandle[ name.toLowerCase() ], + // Don't get fooled by Object.prototype properties (jQuery #13807) + val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ? + fn( elem, name, !documentIsHTML ) : + undefined; + + return val !== undefined ? + val : + support.attributes || !documentIsHTML ? + elem.getAttribute( name ) : + (val = elem.getAttributeNode(name)) && val.specified ? + val.value : + null; +}; + +Sizzle.error = function( msg ) { + throw new Error( "Syntax error, unrecognized expression: " + msg ); +}; + +/** + * Document sorting and removing duplicates + * @param {ArrayLike} results + */ +Sizzle.uniqueSort = function( results ) { + var elem, + duplicates = [], + j = 0, + i = 0; + + // Unless we *know* we can detect duplicates, assume their presence + hasDuplicate = !support.detectDuplicates; + sortInput = !support.sortStable && results.slice( 0 ); + results.sort( sortOrder ); + + if ( hasDuplicate ) { + while ( (elem = results[i++]) ) { + if ( elem === results[ i ] ) { + j = duplicates.push( i ); + } + } + while ( j-- ) { + results.splice( duplicates[ j ], 1 ); + } + } + + // Clear input after sorting to release objects + // See https://github.com/jquery/sizzle/pull/225 + sortInput = null; + + return results; +}; + +/** + * Utility function for retrieving the text value of an array of DOM nodes + * @param {Array|Element} elem + */ +getText = Sizzle.getText = function( elem ) { + var node, + ret = "", + i = 0, + nodeType = elem.nodeType; + + if ( !nodeType ) { + // If no nodeType, this is expected to be an array + while ( (node = elem[i++]) ) { + // Do not traverse comment nodes + ret += getText( node ); + } + } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { + // Use textContent for elements + // innerText usage removed for consistency of new lines (jQuery #11153) + if ( typeof elem.textContent === "string" ) { + return elem.textContent; + } else { + // Traverse its children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + ret += getText( elem ); + } + } + } else if ( nodeType === 3 || nodeType === 4 ) { + return elem.nodeValue; + } + // Do not include comment or processing instruction nodes + + return ret; +}; + +Expr = Sizzle.selectors = { + + // Can be adjusted by the user + cacheLength: 50, + + createPseudo: markFunction, + + match: matchExpr, + + attrHandle: {}, + + find: {}, + + relative: { + ">": { dir: "parentNode", first: true }, + " ": { dir: "parentNode" }, + "+": { dir: "previousSibling", first: true }, + "~": { dir: "previousSibling" } + }, + + preFilter: { + "ATTR": function( match ) { + match[1] = match[1].replace( runescape, funescape ); + + // Move the given value to match[3] whether quoted or unquoted + match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape ); + + if ( match[2] === "~=" ) { + match[3] = " " + match[3] + " "; + } + + return match.slice( 0, 4 ); + }, + + "CHILD": function( match ) { + /* matches from matchExpr["CHILD"] + 1 type (only|nth|...) + 2 what (child|of-type) + 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...) + 4 xn-component of xn+y argument ([+-]?\d*n|) + 5 sign of xn-component + 6 x of xn-component + 7 sign of y-component + 8 y of y-component + */ + match[1] = match[1].toLowerCase(); + + if ( match[1].slice( 0, 3 ) === "nth" ) { + // nth-* requires argument + if ( !match[3] ) { + Sizzle.error( match[0] ); + } + + // numeric x and y parameters for Expr.filter.CHILD + // remember that false/true cast respectively to 0/1 + match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) ); + match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" ); + + // other types prohibit arguments + } else if ( match[3] ) { + Sizzle.error( match[0] ); + } + + return match; + }, + + "PSEUDO": function( match ) { + var excess, + unquoted = !match[6] && match[2]; + + if ( matchExpr["CHILD"].test( match[0] ) ) { + return null; + } + + // Accept quoted arguments as-is + if ( match[3] ) { + match[2] = match[4] || match[5] || ""; + + // Strip excess characters from unquoted arguments + } else if ( unquoted && rpseudo.test( unquoted ) && + // Get excess from tokenize (recursively) + (excess = tokenize( unquoted, true )) && + // advance to the next closing parenthesis + (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { + + // excess is a negative index + match[0] = match[0].slice( 0, excess ); + match[2] = unquoted.slice( 0, excess ); + } + + // Return only captures needed by the pseudo filter method (type and argument) + return match.slice( 0, 3 ); + } + }, + + filter: { + + "TAG": function( nodeNameSelector ) { + var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase(); + return nodeNameSelector === "*" ? + function() { return true; } : + function( elem ) { + return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; + }; + }, + + "CLASS": function( className ) { + var pattern = classCache[ className + " " ]; + + return pattern || + (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && + classCache( className, function( elem ) { + return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" ); + }); + }, + + "ATTR": function( name, operator, check ) { + return function( elem ) { + var result = Sizzle.attr( elem, name ); + + if ( result == null ) { + return operator === "!="; + } + if ( !operator ) { + return true; + } + + result += ""; + + return operator === "=" ? result === check : + operator === "!=" ? result !== check : + operator === "^=" ? check && result.indexOf( check ) === 0 : + operator === "*=" ? check && result.indexOf( check ) > -1 : + operator === "$=" ? check && result.slice( -check.length ) === check : + operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 : + operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" : + false; + }; + }, + + "CHILD": function( type, what, argument, first, last ) { + var simple = type.slice( 0, 3 ) !== "nth", + forward = type.slice( -4 ) !== "last", + ofType = what === "of-type"; + + return first === 1 && last === 0 ? + + // Shortcut for :nth-*(n) + function( elem ) { + return !!elem.parentNode; + } : + + function( elem, context, xml ) { + var cache, outerCache, node, diff, nodeIndex, start, + dir = simple !== forward ? "nextSibling" : "previousSibling", + parent = elem.parentNode, + name = ofType && elem.nodeName.toLowerCase(), + useCache = !xml && !ofType; + + if ( parent ) { + + // :(first|last|only)-(child|of-type) + if ( simple ) { + while ( dir ) { + node = elem; + while ( (node = node[ dir ]) ) { + if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) { + return false; + } + } + // Reverse direction for :only-* (if we haven't yet done so) + start = dir = type === "only" && !start && "nextSibling"; + } + return true; + } + + start = [ forward ? parent.firstChild : parent.lastChild ]; + + // non-xml :nth-child(...) stores cache data on `parent` + if ( forward && useCache ) { + // Seek `elem` from a previously-cached index + outerCache = parent[ expando ] || (parent[ expando ] = {}); + cache = outerCache[ type ] || []; + nodeIndex = cache[0] === dirruns && cache[1]; + diff = cache[0] === dirruns && cache[2]; + node = nodeIndex && parent.childNodes[ nodeIndex ]; + + while ( (node = ++nodeIndex && node && node[ dir ] || + + // Fallback to seeking `elem` from the start + (diff = nodeIndex = 0) || start.pop()) ) { + + // When found, cache indexes on `parent` and break + if ( node.nodeType === 1 && ++diff && node === elem ) { + outerCache[ type ] = [ dirruns, nodeIndex, diff ]; + break; + } + } + + // Use previously-cached element index if available + } else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) { + diff = cache[1]; + + // xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...) + } else { + // Use the same loop as above to seek `elem` from the start + while ( (node = ++nodeIndex && node && node[ dir ] || + (diff = nodeIndex = 0) || start.pop()) ) { + + if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) { + // Cache the index of each encountered element + if ( useCache ) { + (node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ]; + } + + if ( node === elem ) { + break; + } + } + } + } + + // Incorporate the offset, then check against cycle size + diff -= last; + return diff === first || ( diff % first === 0 && diff / first >= 0 ); + } + }; + }, + + "PSEUDO": function( pseudo, argument ) { + // pseudo-class names are case-insensitive + // http://www.w3.org/TR/selectors/#pseudo-classes + // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters + // Remember that setFilters inherits from pseudos + var args, + fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || + Sizzle.error( "unsupported pseudo: " + pseudo ); + + // The user may use createPseudo to indicate that + // arguments are needed to create the filter function + // just as Sizzle does + if ( fn[ expando ] ) { + return fn( argument ); + } + + // But maintain support for old signatures + if ( fn.length > 1 ) { + args = [ pseudo, pseudo, "", argument ]; + return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? + markFunction(function( seed, matches ) { + var idx, + matched = fn( seed, argument ), + i = matched.length; + while ( i-- ) { + idx = indexOf( seed, matched[i] ); + seed[ idx ] = !( matches[ idx ] = matched[i] ); + } + }) : + function( elem ) { + return fn( elem, 0, args ); + }; + } + + return fn; + } + }, + + pseudos: { + // Potentially complex pseudos + "not": markFunction(function( selector ) { + // Trim the selector passed to compile + // to avoid treating leading and trailing + // spaces as combinators + var input = [], + results = [], + matcher = compile( selector.replace( rtrim, "$1" ) ); + + return matcher[ expando ] ? + markFunction(function( seed, matches, context, xml ) { + var elem, + unmatched = matcher( seed, null, xml, [] ), + i = seed.length; + + // Match elements unmatched by `matcher` + while ( i-- ) { + if ( (elem = unmatched[i]) ) { + seed[i] = !(matches[i] = elem); + } + } + }) : + function( elem, context, xml ) { + input[0] = elem; + matcher( input, null, xml, results ); + // Don't keep the element (issue #299) + input[0] = null; + return !results.pop(); + }; + }), + + "has": markFunction(function( selector ) { + return function( elem ) { + return Sizzle( selector, elem ).length > 0; + }; + }), + + "contains": markFunction(function( text ) { + text = text.replace( runescape, funescape ); + return function( elem ) { + return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1; + }; + }), + + // "Whether an element is represented by a :lang() selector + // is based solely on the element's language value + // being equal to the identifier C, + // or beginning with the identifier C immediately followed by "-". + // The matching of C against the element's language value is performed case-insensitively. + // The identifier C does not have to be a valid language name." + // http://www.w3.org/TR/selectors/#lang-pseudo + "lang": markFunction( function( lang ) { + // lang value must be a valid identifier + if ( !ridentifier.test(lang || "") ) { + Sizzle.error( "unsupported lang: " + lang ); + } + lang = lang.replace( runescape, funescape ).toLowerCase(); + return function( elem ) { + var elemLang; + do { + if ( (elemLang = documentIsHTML ? + elem.lang : + elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) { + + elemLang = elemLang.toLowerCase(); + return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0; + } + } while ( (elem = elem.parentNode) && elem.nodeType === 1 ); + return false; + }; + }), + + // Miscellaneous + "target": function( elem ) { + var hash = window.location && window.location.hash; + return hash && hash.slice( 1 ) === elem.id; + }, + + "root": function( elem ) { + return elem === docElem; + }, + + "focus": function( elem ) { + return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); + }, + + // Boolean properties + "enabled": function( elem ) { + return elem.disabled === false; + }, + + "disabled": function( elem ) { + return elem.disabled === true; + }, + + "checked": function( elem ) { + // In CSS3, :checked should return both checked and selected elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + var nodeName = elem.nodeName.toLowerCase(); + return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected); + }, + + "selected": function( elem ) { + // Accessing this property makes selected-by-default + // options in Safari work properly + if ( elem.parentNode ) { + elem.parentNode.selectedIndex; + } + + return elem.selected === true; + }, + + // Contents + "empty": function( elem ) { + // http://www.w3.org/TR/selectors/#empty-pseudo + // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5), + // but not by others (comment: 8; processing instruction: 7; etc.) + // nodeType < 6 works because attributes (2) do not appear as children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + if ( elem.nodeType < 6 ) { + return false; + } + } + return true; + }, + + "parent": function( elem ) { + return !Expr.pseudos["empty"]( elem ); + }, + + // Element/input types + "header": function( elem ) { + return rheader.test( elem.nodeName ); + }, + + "input": function( elem ) { + return rinputs.test( elem.nodeName ); + }, + + "button": function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === "button" || name === "button"; + }, + + "text": function( elem ) { + var attr; + return elem.nodeName.toLowerCase() === "input" && + elem.type === "text" && + + // Support: IE<8 + // New HTML5 attribute values (e.g., "search") appear with elem.type === "text" + ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" ); + }, + + // Position-in-collection + "first": createPositionalPseudo(function() { + return [ 0 ]; + }), + + "last": createPositionalPseudo(function( matchIndexes, length ) { + return [ length - 1 ]; + }), + + "eq": createPositionalPseudo(function( matchIndexes, length, argument ) { + return [ argument < 0 ? argument + length : argument ]; + }), + + "even": createPositionalPseudo(function( matchIndexes, length ) { + var i = 0; + for ( ; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "odd": createPositionalPseudo(function( matchIndexes, length ) { + var i = 1; + for ( ; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { + var i = argument < 0 ? argument + length : argument; + for ( ; --i >= 0; ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { + var i = argument < 0 ? argument + length : argument; + for ( ; ++i < length; ) { + matchIndexes.push( i ); + } + return matchIndexes; + }) + } +}; + +Expr.pseudos["nth"] = Expr.pseudos["eq"]; + +// Add button/input type pseudos +for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) { + Expr.pseudos[ i ] = createInputPseudo( i ); +} +for ( i in { submit: true, reset: true } ) { + Expr.pseudos[ i ] = createButtonPseudo( i ); +} + +// Easy API for creating new setFilters +function setFilters() {} +setFilters.prototype = Expr.filters = Expr.pseudos; +Expr.setFilters = new setFilters(); + +tokenize = Sizzle.tokenize = function( selector, parseOnly ) { + var matched, match, tokens, type, + soFar, groups, preFilters, + cached = tokenCache[ selector + " " ]; + + if ( cached ) { + return parseOnly ? 0 : cached.slice( 0 ); + } + + soFar = selector; + groups = []; + preFilters = Expr.preFilter; + + while ( soFar ) { + + // Comma and first run + if ( !matched || (match = rcomma.exec( soFar )) ) { + if ( match ) { + // Don't consume trailing commas as valid + soFar = soFar.slice( match[0].length ) || soFar; + } + groups.push( (tokens = []) ); + } + + matched = false; + + // Combinators + if ( (match = rcombinators.exec( soFar )) ) { + matched = match.shift(); + tokens.push({ + value: matched, + // Cast descendant combinators to space + type: match[0].replace( rtrim, " " ) + }); + soFar = soFar.slice( matched.length ); + } + + // Filters + for ( type in Expr.filter ) { + if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || + (match = preFilters[ type ]( match ))) ) { + matched = match.shift(); + tokens.push({ + value: matched, + type: type, + matches: match + }); + soFar = soFar.slice( matched.length ); + } + } + + if ( !matched ) { + break; + } + } + + // Return the length of the invalid excess + // if we're just parsing + // Otherwise, throw an error or return tokens + return parseOnly ? + soFar.length : + soFar ? + Sizzle.error( selector ) : + // Cache the tokens + tokenCache( selector, groups ).slice( 0 ); +}; + +function toSelector( tokens ) { + var i = 0, + len = tokens.length, + selector = ""; + for ( ; i < len; i++ ) { + selector += tokens[i].value; + } + return selector; +} + +function addCombinator( matcher, combinator, base ) { + var dir = combinator.dir, + checkNonElements = base && dir === "parentNode", + doneName = done++; + + return combinator.first ? + // Check against closest ancestor/preceding element + function( elem, context, xml ) { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + return matcher( elem, context, xml ); + } + } + } : + + // Check against all ancestor/preceding elements + function( elem, context, xml ) { + var oldCache, outerCache, + newCache = [ dirruns, doneName ]; + + // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching + if ( xml ) { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + if ( matcher( elem, context, xml ) ) { + return true; + } + } + } + } else { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + outerCache = elem[ expando ] || (elem[ expando ] = {}); + if ( (oldCache = outerCache[ dir ]) && + oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) { + + // Assign to newCache so results back-propagate to previous elements + return (newCache[ 2 ] = oldCache[ 2 ]); + } else { + // Reuse newcache so results back-propagate to previous elements + outerCache[ dir ] = newCache; + + // A match means we're done; a fail means we have to keep checking + if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) { + return true; + } + } + } + } + } + }; +} + +function elementMatcher( matchers ) { + return matchers.length > 1 ? + function( elem, context, xml ) { + var i = matchers.length; + while ( i-- ) { + if ( !matchers[i]( elem, context, xml ) ) { + return false; + } + } + return true; + } : + matchers[0]; +} + +function multipleContexts( selector, contexts, results ) { + var i = 0, + len = contexts.length; + for ( ; i < len; i++ ) { + Sizzle( selector, contexts[i], results ); + } + return results; +} + +function condense( unmatched, map, filter, context, xml ) { + var elem, + newUnmatched = [], + i = 0, + len = unmatched.length, + mapped = map != null; + + for ( ; i < len; i++ ) { + if ( (elem = unmatched[i]) ) { + if ( !filter || filter( elem, context, xml ) ) { + newUnmatched.push( elem ); + if ( mapped ) { + map.push( i ); + } + } + } + } + + return newUnmatched; +} + +function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { + if ( postFilter && !postFilter[ expando ] ) { + postFilter = setMatcher( postFilter ); + } + if ( postFinder && !postFinder[ expando ] ) { + postFinder = setMatcher( postFinder, postSelector ); + } + return markFunction(function( seed, results, context, xml ) { + var temp, i, elem, + preMap = [], + postMap = [], + preexisting = results.length, + + // Get initial elements from seed or context + elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ), + + // Prefilter to get matcher input, preserving a map for seed-results synchronization + matcherIn = preFilter && ( seed || !selector ) ? + condense( elems, preMap, preFilter, context, xml ) : + elems, + + matcherOut = matcher ? + // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, + postFinder || ( seed ? preFilter : preexisting || postFilter ) ? + + // ...intermediate processing is necessary + [] : + + // ...otherwise use results directly + results : + matcherIn; + + // Find primary matches + if ( matcher ) { + matcher( matcherIn, matcherOut, context, xml ); + } + + // Apply postFilter + if ( postFilter ) { + temp = condense( matcherOut, postMap ); + postFilter( temp, [], context, xml ); + + // Un-match failing elements by moving them back to matcherIn + i = temp.length; + while ( i-- ) { + if ( (elem = temp[i]) ) { + matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem); + } + } + } + + if ( seed ) { + if ( postFinder || preFilter ) { + if ( postFinder ) { + // Get the final matcherOut by condensing this intermediate into postFinder contexts + temp = []; + i = matcherOut.length; + while ( i-- ) { + if ( (elem = matcherOut[i]) ) { + // Restore matcherIn since elem is not yet a final match + temp.push( (matcherIn[i] = elem) ); + } + } + postFinder( null, (matcherOut = []), temp, xml ); + } + + // Move matched elements from seed to results to keep them synchronized + i = matcherOut.length; + while ( i-- ) { + if ( (elem = matcherOut[i]) && + (temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) { + + seed[temp] = !(results[temp] = elem); + } + } + } + + // Add elements to results, through postFinder if defined + } else { + matcherOut = condense( + matcherOut === results ? + matcherOut.splice( preexisting, matcherOut.length ) : + matcherOut + ); + if ( postFinder ) { + postFinder( null, results, matcherOut, xml ); + } else { + push.apply( results, matcherOut ); + } + } + }); +} + +function matcherFromTokens( tokens ) { + var checkContext, matcher, j, + len = tokens.length, + leadingRelative = Expr.relative[ tokens[0].type ], + implicitRelative = leadingRelative || Expr.relative[" "], + i = leadingRelative ? 1 : 0, + + // The foundational matcher ensures that elements are reachable from top-level context(s) + matchContext = addCombinator( function( elem ) { + return elem === checkContext; + }, implicitRelative, true ), + matchAnyContext = addCombinator( function( elem ) { + return indexOf( checkContext, elem ) > -1; + }, implicitRelative, true ), + matchers = [ function( elem, context, xml ) { + var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( + (checkContext = context).nodeType ? + matchContext( elem, context, xml ) : + matchAnyContext( elem, context, xml ) ); + // Avoid hanging onto element (issue #299) + checkContext = null; + return ret; + } ]; + + for ( ; i < len; i++ ) { + if ( (matcher = Expr.relative[ tokens[i].type ]) ) { + matchers = [ addCombinator(elementMatcher( matchers ), matcher) ]; + } else { + matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); + + // Return special upon seeing a positional matcher + if ( matcher[ expando ] ) { + // Find the next relative operator (if any) for proper handling + j = ++i; + for ( ; j < len; j++ ) { + if ( Expr.relative[ tokens[j].type ] ) { + break; + } + } + return setMatcher( + i > 1 && elementMatcher( matchers ), + i > 1 && toSelector( + // If the preceding token was a descendant combinator, insert an implicit any-element `*` + tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" }) + ).replace( rtrim, "$1" ), + matcher, + i < j && matcherFromTokens( tokens.slice( i, j ) ), + j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), + j < len && toSelector( tokens ) + ); + } + matchers.push( matcher ); + } + } + + return elementMatcher( matchers ); +} + +function matcherFromGroupMatchers( elementMatchers, setMatchers ) { + var bySet = setMatchers.length > 0, + byElement = elementMatchers.length > 0, + superMatcher = function( seed, context, xml, results, outermost ) { + var elem, j, matcher, + matchedCount = 0, + i = "0", + unmatched = seed && [], + setMatched = [], + contextBackup = outermostContext, + // We must always have either seed elements or outermost context + elems = seed || byElement && Expr.find["TAG"]( "*", outermost ), + // Use integer dirruns iff this is the outermost matcher + dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1), + len = elems.length; + + if ( outermost ) { + outermostContext = context !== document && context; + } + + // Add elements passing elementMatchers directly to results + // Keep `i` a string if there are no elements so `matchedCount` will be "00" below + // Support: IE<9, Safari + // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id + for ( ; i !== len && (elem = elems[i]) != null; i++ ) { + if ( byElement && elem ) { + j = 0; + while ( (matcher = elementMatchers[j++]) ) { + if ( matcher( elem, context, xml ) ) { + results.push( elem ); + break; + } + } + if ( outermost ) { + dirruns = dirrunsUnique; + } + } + + // Track unmatched elements for set filters + if ( bySet ) { + // They will have gone through all possible matchers + if ( (elem = !matcher && elem) ) { + matchedCount--; + } + + // Lengthen the array for every element, matched or not + if ( seed ) { + unmatched.push( elem ); + } + } + } + + // Apply set filters to unmatched elements + matchedCount += i; + if ( bySet && i !== matchedCount ) { + j = 0; + while ( (matcher = setMatchers[j++]) ) { + matcher( unmatched, setMatched, context, xml ); + } + + if ( seed ) { + // Reintegrate element matches to eliminate the need for sorting + if ( matchedCount > 0 ) { + while ( i-- ) { + if ( !(unmatched[i] || setMatched[i]) ) { + setMatched[i] = pop.call( results ); + } + } + } + + // Discard index placeholder values to get only actual matches + setMatched = condense( setMatched ); + } + + // Add matches to results + push.apply( results, setMatched ); + + // Seedless set matches succeeding multiple successful matchers stipulate sorting + if ( outermost && !seed && setMatched.length > 0 && + ( matchedCount + setMatchers.length ) > 1 ) { + + Sizzle.uniqueSort( results ); + } + } + + // Override manipulation of globals by nested matchers + if ( outermost ) { + dirruns = dirrunsUnique; + outermostContext = contextBackup; + } + + return unmatched; + }; + + return bySet ? + markFunction( superMatcher ) : + superMatcher; +} + +compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) { + var i, + setMatchers = [], + elementMatchers = [], + cached = compilerCache[ selector + " " ]; + + if ( !cached ) { + // Generate a function of recursive functions that can be used to check each element + if ( !match ) { + match = tokenize( selector ); + } + i = match.length; + while ( i-- ) { + cached = matcherFromTokens( match[i] ); + if ( cached[ expando ] ) { + setMatchers.push( cached ); + } else { + elementMatchers.push( cached ); + } + } + + // Cache the compiled function + cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) ); + + // Save selector and tokenization + cached.selector = selector; + } + return cached; +}; + +/** + * A low-level selection function that works with Sizzle's compiled + * selector functions + * @param {String|Function} selector A selector or a pre-compiled + * selector function built with Sizzle.compile + * @param {Element} context + * @param {Array} [results] + * @param {Array} [seed] A set of elements to match against + */ +select = Sizzle.select = function( selector, context, results, seed ) { + var i, tokens, token, type, find, + compiled = typeof selector === "function" && selector, + match = !seed && tokenize( (selector = compiled.selector || selector) ); + + results = results || []; + + // Try to minimize operations if there is no seed and only one group + if ( match.length === 1 ) { + + // Take a shortcut and set the context if the root selector is an ID + tokens = match[0] = match[0].slice( 0 ); + if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && + support.getById && context.nodeType === 9 && documentIsHTML && + Expr.relative[ tokens[1].type ] ) { + + context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0]; + if ( !context ) { + return results; + + // Precompiled matchers will still verify ancestry, so step up a level + } else if ( compiled ) { + context = context.parentNode; + } + + selector = selector.slice( tokens.shift().value.length ); + } + + // Fetch a seed set for right-to-left matching + i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length; + while ( i-- ) { + token = tokens[i]; + + // Abort if we hit a combinator + if ( Expr.relative[ (type = token.type) ] ) { + break; + } + if ( (find = Expr.find[ type ]) ) { + // Search, expanding context for leading sibling combinators + if ( (seed = find( + token.matches[0].replace( runescape, funescape ), + rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context + )) ) { + + // If seed is empty or no tokens remain, we can return early + tokens.splice( i, 1 ); + selector = seed.length && toSelector( tokens ); + if ( !selector ) { + push.apply( results, seed ); + return results; + } + + break; + } + } + } + } + + // Compile and execute a filtering function if one is not provided + // Provide `match` to avoid retokenization if we modified the selector above + ( compiled || compile( selector, match ) )( + seed, + context, + !documentIsHTML, + results, + rsibling.test( selector ) && testContext( context.parentNode ) || context + ); + return results; +}; + +// One-time assignments + +// Sort stability +support.sortStable = expando.split("").sort( sortOrder ).join("") === expando; + +// Support: Chrome 14-35+ +// Always assume duplicates if they aren't passed to the comparison function +support.detectDuplicates = !!hasDuplicate; + +// Initialize against the default document +setDocument(); + +// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27) +// Detached nodes confoundingly follow *each other* +support.sortDetached = assert(function( div1 ) { + // Should return 1, but returns 4 (following) + return div1.compareDocumentPosition( document.createElement("div") ) & 1; +}); + +// Support: IE<8 +// Prevent attribute/property "interpolation" +// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx +if ( !assert(function( div ) { + div.innerHTML = ""; + return div.firstChild.getAttribute("href") === "#" ; +}) ) { + addHandle( "type|href|height|width", function( elem, name, isXML ) { + if ( !isXML ) { + return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 ); + } + }); +} + +// Support: IE<9 +// Use defaultValue in place of getAttribute("value") +if ( !support.attributes || !assert(function( div ) { + div.innerHTML = ""; + div.firstChild.setAttribute( "value", "" ); + return div.firstChild.getAttribute( "value" ) === ""; +}) ) { + addHandle( "value", function( elem, name, isXML ) { + if ( !isXML && elem.nodeName.toLowerCase() === "input" ) { + return elem.defaultValue; + } + }); +} + +// Support: IE<9 +// Use getAttributeNode to fetch booleans when getAttribute lies +if ( !assert(function( div ) { + return div.getAttribute("disabled") == null; +}) ) { + addHandle( booleans, function( elem, name, isXML ) { + var val; + if ( !isXML ) { + return elem[ name ] === true ? name.toLowerCase() : + (val = elem.getAttributeNode( name )) && val.specified ? + val.value : + null; + } + }); +} + +return Sizzle; + +})( window ); + + + +jQuery.find = Sizzle; +jQuery.expr = Sizzle.selectors; +jQuery.expr[":"] = jQuery.expr.pseudos; +jQuery.unique = Sizzle.uniqueSort; +jQuery.text = Sizzle.getText; +jQuery.isXMLDoc = Sizzle.isXML; +jQuery.contains = Sizzle.contains; + + + +var rneedsContext = jQuery.expr.match.needsContext; + +var rsingleTag = (/^<(\w+)\s*\/?>(?:<\/\1>|)$/); + + + +var risSimple = /^.[^:#\[\.,]*$/; + +// Implement the identical functionality for filter and not +function winnow( elements, qualifier, not ) { + if ( jQuery.isFunction( qualifier ) ) { + return jQuery.grep( elements, function( elem, i ) { + /* jshint -W018 */ + return !!qualifier.call( elem, i, elem ) !== not; + }); + + } + + if ( qualifier.nodeType ) { + return jQuery.grep( elements, function( elem ) { + return ( elem === qualifier ) !== not; + }); + + } + + if ( typeof qualifier === "string" ) { + if ( risSimple.test( qualifier ) ) { + return jQuery.filter( qualifier, elements, not ); + } + + qualifier = jQuery.filter( qualifier, elements ); + } + + return jQuery.grep( elements, function( elem ) { + return ( indexOf.call( qualifier, elem ) >= 0 ) !== not; + }); +} + +jQuery.filter = function( expr, elems, not ) { + var elem = elems[ 0 ]; + + if ( not ) { + expr = ":not(" + expr + ")"; + } + + return elems.length === 1 && elem.nodeType === 1 ? + jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] : + jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) { + return elem.nodeType === 1; + })); +}; + +jQuery.fn.extend({ + find: function( selector ) { + var i, + len = this.length, + ret = [], + self = this; + + if ( typeof selector !== "string" ) { + return this.pushStack( jQuery( selector ).filter(function() { + for ( i = 0; i < len; i++ ) { + if ( jQuery.contains( self[ i ], this ) ) { + return true; + } + } + }) ); + } + + for ( i = 0; i < len; i++ ) { + jQuery.find( selector, self[ i ], ret ); + } + + // Needed because $( selector, context ) becomes $( context ).find( selector ) + ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret ); + ret.selector = this.selector ? this.selector + " " + selector : selector; + return ret; + }, + filter: function( selector ) { + return this.pushStack( winnow(this, selector || [], false) ); + }, + not: function( selector ) { + return this.pushStack( winnow(this, selector || [], true) ); + }, + is: function( selector ) { + return !!winnow( + this, + + // If this is a positional/relative selector, check membership in the returned set + // so $("p:first").is("p:last") won't return true for a doc with two "p". + typeof selector === "string" && rneedsContext.test( selector ) ? + jQuery( selector ) : + selector || [], + false + ).length; + } +}); + + +// Initialize a jQuery object + + +// A central reference to the root jQuery(document) +var rootjQuery, + + // A simple way to check for HTML strings + // Prioritize #id over to avoid XSS via location.hash (#9521) + // Strict HTML recognition (#11290: must start with <) + rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/, + + init = jQuery.fn.init = function( selector, context ) { + var match, elem; + + // HANDLE: $(""), $(null), $(undefined), $(false) + if ( !selector ) { + return this; + } + + // Handle HTML strings + if ( typeof selector === "string" ) { + if ( selector[0] === "<" && selector[ selector.length - 1 ] === ">" && selector.length >= 3 ) { + // Assume that strings that start and end with <> are HTML and skip the regex check + match = [ null, selector, null ]; + + } else { + match = rquickExpr.exec( selector ); + } + + // Match html or make sure no context is specified for #id + if ( match && (match[1] || !context) ) { + + // HANDLE: $(html) -> $(array) + if ( match[1] ) { + context = context instanceof jQuery ? context[0] : context; + + // Option to run scripts is true for back-compat + // Intentionally let the error be thrown if parseHTML is not present + jQuery.merge( this, jQuery.parseHTML( + match[1], + context && context.nodeType ? context.ownerDocument || context : document, + true + ) ); + + // HANDLE: $(html, props) + if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) { + for ( match in context ) { + // Properties of context are called as methods if possible + if ( jQuery.isFunction( this[ match ] ) ) { + this[ match ]( context[ match ] ); + + // ...and otherwise set as attributes + } else { + this.attr( match, context[ match ] ); + } + } + } + + return this; + + // HANDLE: $(#id) + } else { + elem = document.getElementById( match[2] ); + + // Support: Blackberry 4.6 + // gEBID returns nodes no longer in the document (#6963) + if ( elem && elem.parentNode ) { + // Inject the element directly into the jQuery object + this.length = 1; + this[0] = elem; + } + + this.context = document; + this.selector = selector; + return this; + } + + // HANDLE: $(expr, $(...)) + } else if ( !context || context.jquery ) { + return ( context || rootjQuery ).find( selector ); + + // HANDLE: $(expr, context) + // (which is just equivalent to: $(context).find(expr) + } else { + return this.constructor( context ).find( selector ); + } + + // HANDLE: $(DOMElement) + } else if ( selector.nodeType ) { + this.context = this[0] = selector; + this.length = 1; + return this; + + // HANDLE: $(function) + // Shortcut for document ready + } else if ( jQuery.isFunction( selector ) ) { + return typeof rootjQuery.ready !== "undefined" ? + rootjQuery.ready( selector ) : + // Execute immediately if ready is not present + selector( jQuery ); + } + + if ( selector.selector !== undefined ) { + this.selector = selector.selector; + this.context = selector.context; + } + + return jQuery.makeArray( selector, this ); + }; + +// Give the init function the jQuery prototype for later instantiation +init.prototype = jQuery.fn; + +// Initialize central reference +rootjQuery = jQuery( document ); + + +var rparentsprev = /^(?:parents|prev(?:Until|All))/, + // Methods guaranteed to produce a unique set when starting from a unique set + guaranteedUnique = { + children: true, + contents: true, + next: true, + prev: true + }; + +jQuery.extend({ + dir: function( elem, dir, until ) { + var matched = [], + truncate = until !== undefined; + + while ( (elem = elem[ dir ]) && elem.nodeType !== 9 ) { + if ( elem.nodeType === 1 ) { + if ( truncate && jQuery( elem ).is( until ) ) { + break; + } + matched.push( elem ); + } + } + return matched; + }, + + sibling: function( n, elem ) { + var matched = []; + + for ( ; n; n = n.nextSibling ) { + if ( n.nodeType === 1 && n !== elem ) { + matched.push( n ); + } + } + + return matched; + } +}); + +jQuery.fn.extend({ + has: function( target ) { + var targets = jQuery( target, this ), + l = targets.length; + + return this.filter(function() { + var i = 0; + for ( ; i < l; i++ ) { + if ( jQuery.contains( this, targets[i] ) ) { + return true; + } + } + }); + }, + + closest: function( selectors, context ) { + var cur, + i = 0, + l = this.length, + matched = [], + pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ? + jQuery( selectors, context || this.context ) : + 0; + + for ( ; i < l; i++ ) { + for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) { + // Always skip document fragments + if ( cur.nodeType < 11 && (pos ? + pos.index(cur) > -1 : + + // Don't pass non-elements to Sizzle + cur.nodeType === 1 && + jQuery.find.matchesSelector(cur, selectors)) ) { + + matched.push( cur ); + break; + } + } + } + + return this.pushStack( matched.length > 1 ? jQuery.unique( matched ) : matched ); + }, + + // Determine the position of an element within the set + index: function( elem ) { + + // No argument, return index in parent + if ( !elem ) { + return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1; + } + + // Index in selector + if ( typeof elem === "string" ) { + return indexOf.call( jQuery( elem ), this[ 0 ] ); + } + + // Locate the position of the desired element + return indexOf.call( this, + + // If it receives a jQuery object, the first element is used + elem.jquery ? elem[ 0 ] : elem + ); + }, + + add: function( selector, context ) { + return this.pushStack( + jQuery.unique( + jQuery.merge( this.get(), jQuery( selector, context ) ) + ) + ); + }, + + addBack: function( selector ) { + return this.add( selector == null ? + this.prevObject : this.prevObject.filter(selector) + ); + } +}); + +function sibling( cur, dir ) { + while ( (cur = cur[dir]) && cur.nodeType !== 1 ) {} + return cur; +} + +jQuery.each({ + parent: function( elem ) { + var parent = elem.parentNode; + return parent && parent.nodeType !== 11 ? parent : null; + }, + parents: function( elem ) { + return jQuery.dir( elem, "parentNode" ); + }, + parentsUntil: function( elem, i, until ) { + return jQuery.dir( elem, "parentNode", until ); + }, + next: function( elem ) { + return sibling( elem, "nextSibling" ); + }, + prev: function( elem ) { + return sibling( elem, "previousSibling" ); + }, + nextAll: function( elem ) { + return jQuery.dir( elem, "nextSibling" ); + }, + prevAll: function( elem ) { + return jQuery.dir( elem, "previousSibling" ); + }, + nextUntil: function( elem, i, until ) { + return jQuery.dir( elem, "nextSibling", until ); + }, + prevUntil: function( elem, i, until ) { + return jQuery.dir( elem, "previousSibling", until ); + }, + siblings: function( elem ) { + return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem ); + }, + children: function( elem ) { + return jQuery.sibling( elem.firstChild ); + }, + contents: function( elem ) { + return elem.contentDocument || jQuery.merge( [], elem.childNodes ); + } +}, function( name, fn ) { + jQuery.fn[ name ] = function( until, selector ) { + var matched = jQuery.map( this, fn, until ); + + if ( name.slice( -5 ) !== "Until" ) { + selector = until; + } + + if ( selector && typeof selector === "string" ) { + matched = jQuery.filter( selector, matched ); + } + + if ( this.length > 1 ) { + // Remove duplicates + if ( !guaranteedUnique[ name ] ) { + jQuery.unique( matched ); + } + + // Reverse order for parents* and prev-derivatives + if ( rparentsprev.test( name ) ) { + matched.reverse(); + } + } + + return this.pushStack( matched ); + }; +}); +var rnotwhite = (/\S+/g); + + + +// String to Object options format cache +var optionsCache = {}; + +// Convert String-formatted options into Object-formatted ones and store in cache +function createOptions( options ) { + var object = optionsCache[ options ] = {}; + jQuery.each( options.match( rnotwhite ) || [], function( _, flag ) { + object[ flag ] = true; + }); + return object; +} + +/* + * Create a callback list using the following parameters: + * + * options: an optional list of space-separated options that will change how + * the callback list behaves or a more traditional option object + * + * By default a callback list will act like an event callback list and can be + * "fired" multiple times. + * + * Possible options: + * + * once: will ensure the callback list can only be fired once (like a Deferred) + * + * memory: will keep track of previous values and will call any callback added + * after the list has been fired right away with the latest "memorized" + * values (like a Deferred) + * + * unique: will ensure a callback can only be added once (no duplicate in the list) + * + * stopOnFalse: interrupt callings when a callback returns false + * + */ +jQuery.Callbacks = function( options ) { + + // Convert options from String-formatted to Object-formatted if needed + // (we check in cache first) + options = typeof options === "string" ? + ( optionsCache[ options ] || createOptions( options ) ) : + jQuery.extend( {}, options ); + + var // Last fire value (for non-forgettable lists) + memory, + // Flag to know if list was already fired + fired, + // Flag to know if list is currently firing + firing, + // First callback to fire (used internally by add and fireWith) + firingStart, + // End of the loop when firing + firingLength, + // Index of currently firing callback (modified by remove if needed) + firingIndex, + // Actual callback list + list = [], + // Stack of fire calls for repeatable lists + stack = !options.once && [], + // Fire callbacks + fire = function( data ) { + memory = options.memory && data; + fired = true; + firingIndex = firingStart || 0; + firingStart = 0; + firingLength = list.length; + firing = true; + for ( ; list && firingIndex < firingLength; firingIndex++ ) { + if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) { + memory = false; // To prevent further calls using add + break; + } + } + firing = false; + if ( list ) { + if ( stack ) { + if ( stack.length ) { + fire( stack.shift() ); + } + } else if ( memory ) { + list = []; + } else { + self.disable(); + } + } + }, + // Actual Callbacks object + self = { + // Add a callback or a collection of callbacks to the list + add: function() { + if ( list ) { + // First, we save the current length + var start = list.length; + (function add( args ) { + jQuery.each( args, function( _, arg ) { + var type = jQuery.type( arg ); + if ( type === "function" ) { + if ( !options.unique || !self.has( arg ) ) { + list.push( arg ); + } + } else if ( arg && arg.length && type !== "string" ) { + // Inspect recursively + add( arg ); + } + }); + })( arguments ); + // Do we need to add the callbacks to the + // current firing batch? + if ( firing ) { + firingLength = list.length; + // With memory, if we're not firing then + // we should call right away + } else if ( memory ) { + firingStart = start; + fire( memory ); + } + } + return this; + }, + // Remove a callback from the list + remove: function() { + if ( list ) { + jQuery.each( arguments, function( _, arg ) { + var index; + while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { + list.splice( index, 1 ); + // Handle firing indexes + if ( firing ) { + if ( index <= firingLength ) { + firingLength--; + } + if ( index <= firingIndex ) { + firingIndex--; + } + } + } + }); + } + return this; + }, + // Check if a given callback is in the list. + // If no argument is given, return whether or not list has callbacks attached. + has: function( fn ) { + return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length ); + }, + // Remove all callbacks from the list + empty: function() { + list = []; + firingLength = 0; + return this; + }, + // Have the list do nothing anymore + disable: function() { + list = stack = memory = undefined; + return this; + }, + // Is it disabled? + disabled: function() { + return !list; + }, + // Lock the list in its current state + lock: function() { + stack = undefined; + if ( !memory ) { + self.disable(); + } + return this; + }, + // Is it locked? + locked: function() { + return !stack; + }, + // Call all callbacks with the given context and arguments + fireWith: function( context, args ) { + if ( list && ( !fired || stack ) ) { + args = args || []; + args = [ context, args.slice ? args.slice() : args ]; + if ( firing ) { + stack.push( args ); + } else { + fire( args ); + } + } + return this; + }, + // Call all the callbacks with the given arguments + fire: function() { + self.fireWith( this, arguments ); + return this; + }, + // To know if the callbacks have already been called at least once + fired: function() { + return !!fired; + } + }; + + return self; +}; + + +jQuery.extend({ + + Deferred: function( func ) { + var tuples = [ + // action, add listener, listener list, final state + [ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ], + [ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ], + [ "notify", "progress", jQuery.Callbacks("memory") ] + ], + state = "pending", + promise = { + state: function() { + return state; + }, + always: function() { + deferred.done( arguments ).fail( arguments ); + return this; + }, + then: function( /* fnDone, fnFail, fnProgress */ ) { + var fns = arguments; + return jQuery.Deferred(function( newDefer ) { + jQuery.each( tuples, function( i, tuple ) { + var fn = jQuery.isFunction( fns[ i ] ) && fns[ i ]; + // deferred[ done | fail | progress ] for forwarding actions to newDefer + deferred[ tuple[1] ](function() { + var returned = fn && fn.apply( this, arguments ); + if ( returned && jQuery.isFunction( returned.promise ) ) { + returned.promise() + .done( newDefer.resolve ) + .fail( newDefer.reject ) + .progress( newDefer.notify ); + } else { + newDefer[ tuple[ 0 ] + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments ); + } + }); + }); + fns = null; + }).promise(); + }, + // Get a promise for this deferred + // If obj is provided, the promise aspect is added to the object + promise: function( obj ) { + return obj != null ? jQuery.extend( obj, promise ) : promise; + } + }, + deferred = {}; + + // Keep pipe for back-compat + promise.pipe = promise.then; + + // Add list-specific methods + jQuery.each( tuples, function( i, tuple ) { + var list = tuple[ 2 ], + stateString = tuple[ 3 ]; + + // promise[ done | fail | progress ] = list.add + promise[ tuple[1] ] = list.add; + + // Handle state + if ( stateString ) { + list.add(function() { + // state = [ resolved | rejected ] + state = stateString; + + // [ reject_list | resolve_list ].disable; progress_list.lock + }, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock ); + } + + // deferred[ resolve | reject | notify ] + deferred[ tuple[0] ] = function() { + deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments ); + return this; + }; + deferred[ tuple[0] + "With" ] = list.fireWith; + }); + + // Make the deferred a promise + promise.promise( deferred ); + + // Call given func if any + if ( func ) { + func.call( deferred, deferred ); + } + + // All done! + return deferred; + }, + + // Deferred helper + when: function( subordinate /* , ..., subordinateN */ ) { + var i = 0, + resolveValues = slice.call( arguments ), + length = resolveValues.length, + + // the count of uncompleted subordinates + remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0, + + // the master Deferred. If resolveValues consist of only a single Deferred, just use that. + deferred = remaining === 1 ? subordinate : jQuery.Deferred(), + + // Update function for both resolve and progress values + updateFunc = function( i, contexts, values ) { + return function( value ) { + contexts[ i ] = this; + values[ i ] = arguments.length > 1 ? slice.call( arguments ) : value; + if ( values === progressValues ) { + deferred.notifyWith( contexts, values ); + } else if ( !( --remaining ) ) { + deferred.resolveWith( contexts, values ); + } + }; + }, + + progressValues, progressContexts, resolveContexts; + + // Add listeners to Deferred subordinates; treat others as resolved + if ( length > 1 ) { + progressValues = new Array( length ); + progressContexts = new Array( length ); + resolveContexts = new Array( length ); + for ( ; i < length; i++ ) { + if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) { + resolveValues[ i ].promise() + .done( updateFunc( i, resolveContexts, resolveValues ) ) + .fail( deferred.reject ) + .progress( updateFunc( i, progressContexts, progressValues ) ); + } else { + --remaining; + } + } + } + + // If we're not waiting on anything, resolve the master + if ( !remaining ) { + deferred.resolveWith( resolveContexts, resolveValues ); + } + + return deferred.promise(); + } +}); + + +// The deferred used on DOM ready +var readyList; + +jQuery.fn.ready = function( fn ) { + // Add the callback + jQuery.ready.promise().done( fn ); + + return this; +}; + +jQuery.extend({ + // Is the DOM ready to be used? Set to true once it occurs. + isReady: false, + + // A counter to track how many items to wait for before + // the ready event fires. See #6781 + readyWait: 1, + + // Hold (or release) the ready event + holdReady: function( hold ) { + if ( hold ) { + jQuery.readyWait++; + } else { + jQuery.ready( true ); + } + }, + + // Handle when the DOM is ready + ready: function( wait ) { + + // Abort if there are pending holds or we're already ready + if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { + return; + } + + // Remember that the DOM is ready + jQuery.isReady = true; + + // If a normal DOM Ready event fired, decrement, and wait if need be + if ( wait !== true && --jQuery.readyWait > 0 ) { + return; + } + + // If there are functions bound, to execute + readyList.resolveWith( document, [ jQuery ] ); + + // Trigger any bound ready events + if ( jQuery.fn.triggerHandler ) { + jQuery( document ).triggerHandler( "ready" ); + jQuery( document ).off( "ready" ); + } + } +}); + +/** + * The ready event handler and self cleanup method + */ +function completed() { + document.removeEventListener( "DOMContentLoaded", completed, false ); + window.removeEventListener( "load", completed, false ); + jQuery.ready(); +} + +jQuery.ready.promise = function( obj ) { + if ( !readyList ) { + + readyList = jQuery.Deferred(); + + // Catch cases where $(document).ready() is called after the browser event has already occurred. + // We once tried to use readyState "interactive" here, but it caused issues like the one + // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15 + if ( document.readyState === "complete" ) { + // Handle it asynchronously to allow scripts the opportunity to delay ready + setTimeout( jQuery.ready ); + + } else { + + // Use the handy event callback + document.addEventListener( "DOMContentLoaded", completed, false ); + + // A fallback to window.onload, that will always work + window.addEventListener( "load", completed, false ); + } + } + return readyList.promise( obj ); +}; + +// Kick off the DOM ready check even if the user does not +jQuery.ready.promise(); + + + + +// Multifunctional method to get and set values of a collection +// The value/s can optionally be executed if it's a function +var access = jQuery.access = function( elems, fn, key, value, chainable, emptyGet, raw ) { + var i = 0, + len = elems.length, + bulk = key == null; + + // Sets many values + if ( jQuery.type( key ) === "object" ) { + chainable = true; + for ( i in key ) { + jQuery.access( elems, fn, i, key[i], true, emptyGet, raw ); + } + + // Sets one value + } else if ( value !== undefined ) { + chainable = true; + + if ( !jQuery.isFunction( value ) ) { + raw = true; + } + + if ( bulk ) { + // Bulk operations run against the entire set + if ( raw ) { + fn.call( elems, value ); + fn = null; + + // ...except when executing function values + } else { + bulk = fn; + fn = function( elem, key, value ) { + return bulk.call( jQuery( elem ), value ); + }; + } + } + + if ( fn ) { + for ( ; i < len; i++ ) { + fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) ); + } + } + } + + return chainable ? + elems : + + // Gets + bulk ? + fn.call( elems ) : + len ? fn( elems[0], key ) : emptyGet; +}; + + +/** + * Determines whether an object can have data + */ +jQuery.acceptData = function( owner ) { + // Accepts only: + // - Node + // - Node.ELEMENT_NODE + // - Node.DOCUMENT_NODE + // - Object + // - Any + /* jshint -W018 */ + return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType ); +}; + + +function Data() { + // Support: Android<4, + // Old WebKit does not have Object.preventExtensions/freeze method, + // return new empty object instead with no [[set]] accessor + Object.defineProperty( this.cache = {}, 0, { + get: function() { + return {}; + } + }); + + this.expando = jQuery.expando + Data.uid++; +} + +Data.uid = 1; +Data.accepts = jQuery.acceptData; + +Data.prototype = { + key: function( owner ) { + // We can accept data for non-element nodes in modern browsers, + // but we should not, see #8335. + // Always return the key for a frozen object. + if ( !Data.accepts( owner ) ) { + return 0; + } + + var descriptor = {}, + // Check if the owner object already has a cache key + unlock = owner[ this.expando ]; + + // If not, create one + if ( !unlock ) { + unlock = Data.uid++; + + // Secure it in a non-enumerable, non-writable property + try { + descriptor[ this.expando ] = { value: unlock }; + Object.defineProperties( owner, descriptor ); + + // Support: Android<4 + // Fallback to a less secure definition + } catch ( e ) { + descriptor[ this.expando ] = unlock; + jQuery.extend( owner, descriptor ); + } + } + + // Ensure the cache object + if ( !this.cache[ unlock ] ) { + this.cache[ unlock ] = {}; + } + + return unlock; + }, + set: function( owner, data, value ) { + var prop, + // There may be an unlock assigned to this node, + // if there is no entry for this "owner", create one inline + // and set the unlock as though an owner entry had always existed + unlock = this.key( owner ), + cache = this.cache[ unlock ]; + + // Handle: [ owner, key, value ] args + if ( typeof data === "string" ) { + cache[ data ] = value; + + // Handle: [ owner, { properties } ] args + } else { + // Fresh assignments by object are shallow copied + if ( jQuery.isEmptyObject( cache ) ) { + jQuery.extend( this.cache[ unlock ], data ); + // Otherwise, copy the properties one-by-one to the cache object + } else { + for ( prop in data ) { + cache[ prop ] = data[ prop ]; + } + } + } + return cache; + }, + get: function( owner, key ) { + // Either a valid cache is found, or will be created. + // New caches will be created and the unlock returned, + // allowing direct access to the newly created + // empty data object. A valid owner object must be provided. + var cache = this.cache[ this.key( owner ) ]; + + return key === undefined ? + cache : cache[ key ]; + }, + access: function( owner, key, value ) { + var stored; + // In cases where either: + // + // 1. No key was specified + // 2. A string key was specified, but no value provided + // + // Take the "read" path and allow the get method to determine + // which value to return, respectively either: + // + // 1. The entire cache object + // 2. The data stored at the key + // + if ( key === undefined || + ((key && typeof key === "string") && value === undefined) ) { + + stored = this.get( owner, key ); + + return stored !== undefined ? + stored : this.get( owner, jQuery.camelCase(key) ); + } + + // [*]When the key is not a string, or both a key and value + // are specified, set or extend (existing objects) with either: + // + // 1. An object of properties + // 2. A key and value + // + this.set( owner, key, value ); + + // Since the "set" path can have two possible entry points + // return the expected data based on which path was taken[*] + return value !== undefined ? value : key; + }, + remove: function( owner, key ) { + var i, name, camel, + unlock = this.key( owner ), + cache = this.cache[ unlock ]; + + if ( key === undefined ) { + this.cache[ unlock ] = {}; + + } else { + // Support array or space separated string of keys + if ( jQuery.isArray( key ) ) { + // If "name" is an array of keys... + // When data is initially created, via ("key", "val") signature, + // keys will be converted to camelCase. + // Since there is no way to tell _how_ a key was added, remove + // both plain key and camelCase key. #12786 + // This will only penalize the array argument path. + name = key.concat( key.map( jQuery.camelCase ) ); + } else { + camel = jQuery.camelCase( key ); + // Try the string as a key before any manipulation + if ( key in cache ) { + name = [ key, camel ]; + } else { + // If a key with the spaces exists, use it. + // Otherwise, create an array by matching non-whitespace + name = camel; + name = name in cache ? + [ name ] : ( name.match( rnotwhite ) || [] ); + } + } + + i = name.length; + while ( i-- ) { + delete cache[ name[ i ] ]; + } + } + }, + hasData: function( owner ) { + return !jQuery.isEmptyObject( + this.cache[ owner[ this.expando ] ] || {} + ); + }, + discard: function( owner ) { + if ( owner[ this.expando ] ) { + delete this.cache[ owner[ this.expando ] ]; + } + } +}; +var data_priv = new Data(); + +var data_user = new Data(); + + + +// Implementation Summary +// +// 1. Enforce API surface and semantic compatibility with 1.9.x branch +// 2. Improve the module's maintainability by reducing the storage +// paths to a single mechanism. +// 3. Use the same single mechanism to support "private" and "user" data. +// 4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData) +// 5. Avoid exposing implementation details on user objects (eg. expando properties) +// 6. Provide a clear path for implementation upgrade to WeakMap in 2014 + +var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, + rmultiDash = /([A-Z])/g; + +function dataAttr( elem, key, data ) { + var name; + + // If nothing was found internally, try to fetch any + // data from the HTML5 data-* attribute + if ( data === undefined && elem.nodeType === 1 ) { + name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase(); + data = elem.getAttribute( name ); + + if ( typeof data === "string" ) { + try { + data = data === "true" ? true : + data === "false" ? false : + data === "null" ? null : + // Only convert to a number if it doesn't change the string + +data + "" === data ? +data : + rbrace.test( data ) ? jQuery.parseJSON( data ) : + data; + } catch( e ) {} + + // Make sure we set the data so it isn't changed later + data_user.set( elem, key, data ); + } else { + data = undefined; + } + } + return data; +} + +jQuery.extend({ + hasData: function( elem ) { + return data_user.hasData( elem ) || data_priv.hasData( elem ); + }, + + data: function( elem, name, data ) { + return data_user.access( elem, name, data ); + }, + + removeData: function( elem, name ) { + data_user.remove( elem, name ); + }, + + // TODO: Now that all calls to _data and _removeData have been replaced + // with direct calls to data_priv methods, these can be deprecated. + _data: function( elem, name, data ) { + return data_priv.access( elem, name, data ); + }, + + _removeData: function( elem, name ) { + data_priv.remove( elem, name ); + } +}); + +jQuery.fn.extend({ + data: function( key, value ) { + var i, name, data, + elem = this[ 0 ], + attrs = elem && elem.attributes; + + // Gets all values + if ( key === undefined ) { + if ( this.length ) { + data = data_user.get( elem ); + + if ( elem.nodeType === 1 && !data_priv.get( elem, "hasDataAttrs" ) ) { + i = attrs.length; + while ( i-- ) { + + // Support: IE11+ + // The attrs elements can be null (#14894) + if ( attrs[ i ] ) { + name = attrs[ i ].name; + if ( name.indexOf( "data-" ) === 0 ) { + name = jQuery.camelCase( name.slice(5) ); + dataAttr( elem, name, data[ name ] ); + } + } + } + data_priv.set( elem, "hasDataAttrs", true ); + } + } + + return data; + } + + // Sets multiple values + if ( typeof key === "object" ) { + return this.each(function() { + data_user.set( this, key ); + }); + } + + return access( this, function( value ) { + var data, + camelKey = jQuery.camelCase( key ); + + // The calling jQuery object (element matches) is not empty + // (and therefore has an element appears at this[ 0 ]) and the + // `value` parameter was not undefined. An empty jQuery object + // will result in `undefined` for elem = this[ 0 ] which will + // throw an exception if an attempt to read a data cache is made. + if ( elem && value === undefined ) { + // Attempt to get data from the cache + // with the key as-is + data = data_user.get( elem, key ); + if ( data !== undefined ) { + return data; + } + + // Attempt to get data from the cache + // with the key camelized + data = data_user.get( elem, camelKey ); + if ( data !== undefined ) { + return data; + } + + // Attempt to "discover" the data in + // HTML5 custom data-* attrs + data = dataAttr( elem, camelKey, undefined ); + if ( data !== undefined ) { + return data; + } + + // We tried really hard, but the data doesn't exist. + return; + } + + // Set the data... + this.each(function() { + // First, attempt to store a copy or reference of any + // data that might've been store with a camelCased key. + var data = data_user.get( this, camelKey ); + + // For HTML5 data-* attribute interop, we have to + // store property names with dashes in a camelCase form. + // This might not apply to all properties...* + data_user.set( this, camelKey, value ); + + // *... In the case of properties that might _actually_ + // have dashes, we need to also store a copy of that + // unchanged property. + if ( key.indexOf("-") !== -1 && data !== undefined ) { + data_user.set( this, key, value ); + } + }); + }, null, value, arguments.length > 1, null, true ); + }, + + removeData: function( key ) { + return this.each(function() { + data_user.remove( this, key ); + }); + } +}); + + +jQuery.extend({ + queue: function( elem, type, data ) { + var queue; + + if ( elem ) { + type = ( type || "fx" ) + "queue"; + queue = data_priv.get( elem, type ); + + // Speed up dequeue by getting out quickly if this is just a lookup + if ( data ) { + if ( !queue || jQuery.isArray( data ) ) { + queue = data_priv.access( elem, type, jQuery.makeArray(data) ); + } else { + queue.push( data ); + } + } + return queue || []; + } + }, + + dequeue: function( elem, type ) { + type = type || "fx"; + + var queue = jQuery.queue( elem, type ), + startLength = queue.length, + fn = queue.shift(), + hooks = jQuery._queueHooks( elem, type ), + next = function() { + jQuery.dequeue( elem, type ); + }; + + // If the fx queue is dequeued, always remove the progress sentinel + if ( fn === "inprogress" ) { + fn = queue.shift(); + startLength--; + } + + if ( fn ) { + + // Add a progress sentinel to prevent the fx queue from being + // automatically dequeued + if ( type === "fx" ) { + queue.unshift( "inprogress" ); + } + + // Clear up the last queue stop function + delete hooks.stop; + fn.call( elem, next, hooks ); + } + + if ( !startLength && hooks ) { + hooks.empty.fire(); + } + }, + + // Not public - generate a queueHooks object, or return the current one + _queueHooks: function( elem, type ) { + var key = type + "queueHooks"; + return data_priv.get( elem, key ) || data_priv.access( elem, key, { + empty: jQuery.Callbacks("once memory").add(function() { + data_priv.remove( elem, [ type + "queue", key ] ); + }) + }); + } +}); + +jQuery.fn.extend({ + queue: function( type, data ) { + var setter = 2; + + if ( typeof type !== "string" ) { + data = type; + type = "fx"; + setter--; + } + + if ( arguments.length < setter ) { + return jQuery.queue( this[0], type ); + } + + return data === undefined ? + this : + this.each(function() { + var queue = jQuery.queue( this, type, data ); + + // Ensure a hooks for this queue + jQuery._queueHooks( this, type ); + + if ( type === "fx" && queue[0] !== "inprogress" ) { + jQuery.dequeue( this, type ); + } + }); + }, + dequeue: function( type ) { + return this.each(function() { + jQuery.dequeue( this, type ); + }); + }, + clearQueue: function( type ) { + return this.queue( type || "fx", [] ); + }, + // Get a promise resolved when queues of a certain type + // are emptied (fx is the type by default) + promise: function( type, obj ) { + var tmp, + count = 1, + defer = jQuery.Deferred(), + elements = this, + i = this.length, + resolve = function() { + if ( !( --count ) ) { + defer.resolveWith( elements, [ elements ] ); + } + }; + + if ( typeof type !== "string" ) { + obj = type; + type = undefined; + } + type = type || "fx"; + + while ( i-- ) { + tmp = data_priv.get( elements[ i ], type + "queueHooks" ); + if ( tmp && tmp.empty ) { + count++; + tmp.empty.add( resolve ); + } + } + resolve(); + return defer.promise( obj ); + } +}); +var pnum = (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source; + +var cssExpand = [ "Top", "Right", "Bottom", "Left" ]; + +var isHidden = function( elem, el ) { + // isHidden might be called from jQuery#filter function; + // in that case, element will be second argument + elem = el || elem; + return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem ); + }; + +var rcheckableType = (/^(?:checkbox|radio)$/i); + + + +(function() { + var fragment = document.createDocumentFragment(), + div = fragment.appendChild( document.createElement( "div" ) ), + input = document.createElement( "input" ); + + // Support: Safari<=5.1 + // Check state lost if the name is set (#11217) + // Support: Windows Web Apps (WWA) + // `name` and `type` must use .setAttribute for WWA (#14901) + input.setAttribute( "type", "radio" ); + input.setAttribute( "checked", "checked" ); + input.setAttribute( "name", "t" ); + + div.appendChild( input ); + + // Support: Safari<=5.1, Android<4.2 + // Older WebKit doesn't clone checked state correctly in fragments + support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked; + + // Support: IE<=11+ + // Make sure textarea (and checkbox) defaultValue is properly cloned + div.innerHTML = ""; + support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue; +})(); +var strundefined = typeof undefined; + + + +support.focusinBubbles = "onfocusin" in window; + + +var + rkeyEvent = /^key/, + rmouseEvent = /^(?:mouse|pointer|contextmenu)|click/, + rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, + rtypenamespace = /^([^.]*)(?:\.(.+)|)$/; + +function returnTrue() { + return true; +} + +function returnFalse() { + return false; +} + +function safeActiveElement() { + try { + return document.activeElement; + } catch ( err ) { } +} + +/* + * Helper functions for managing events -- not part of the public interface. + * Props to Dean Edwards' addEvent library for many of the ideas. + */ +jQuery.event = { + + global: {}, + + add: function( elem, types, handler, data, selector ) { + + var handleObjIn, eventHandle, tmp, + events, t, handleObj, + special, handlers, type, namespaces, origType, + elemData = data_priv.get( elem ); + + // Don't attach events to noData or text/comment nodes (but allow plain objects) + if ( !elemData ) { + return; + } + + // Caller can pass in an object of custom data in lieu of the handler + if ( handler.handler ) { + handleObjIn = handler; + handler = handleObjIn.handler; + selector = handleObjIn.selector; + } + + // Make sure that the handler has a unique ID, used to find/remove it later + if ( !handler.guid ) { + handler.guid = jQuery.guid++; + } + + // Init the element's event structure and main handler, if this is the first + if ( !(events = elemData.events) ) { + events = elemData.events = {}; + } + if ( !(eventHandle = elemData.handle) ) { + eventHandle = elemData.handle = function( e ) { + // Discard the second event of a jQuery.event.trigger() and + // when an event is called after a page has unloaded + return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ? + jQuery.event.dispatch.apply( elem, arguments ) : undefined; + }; + } + + // Handle multiple events separated by a space + types = ( types || "" ).match( rnotwhite ) || [ "" ]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[t] ) || []; + type = origType = tmp[1]; + namespaces = ( tmp[2] || "" ).split( "." ).sort(); + + // There *must* be a type, no attaching namespace-only handlers + if ( !type ) { + continue; + } + + // If event changes its type, use the special event handlers for the changed type + special = jQuery.event.special[ type ] || {}; + + // If selector defined, determine special event api type, otherwise given type + type = ( selector ? special.delegateType : special.bindType ) || type; + + // Update special based on newly reset type + special = jQuery.event.special[ type ] || {}; + + // handleObj is passed to all event handlers + handleObj = jQuery.extend({ + type: type, + origType: origType, + data: data, + handler: handler, + guid: handler.guid, + selector: selector, + needsContext: selector && jQuery.expr.match.needsContext.test( selector ), + namespace: namespaces.join(".") + }, handleObjIn ); + + // Init the event handler queue if we're the first + if ( !(handlers = events[ type ]) ) { + handlers = events[ type ] = []; + handlers.delegateCount = 0; + + // Only use addEventListener if the special events handler returns false + if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) { + if ( elem.addEventListener ) { + elem.addEventListener( type, eventHandle, false ); + } + } + } + + if ( special.add ) { + special.add.call( elem, handleObj ); + + if ( !handleObj.handler.guid ) { + handleObj.handler.guid = handler.guid; + } + } + + // Add to the element's handler list, delegates in front + if ( selector ) { + handlers.splice( handlers.delegateCount++, 0, handleObj ); + } else { + handlers.push( handleObj ); + } + + // Keep track of which events have ever been used, for event optimization + jQuery.event.global[ type ] = true; + } + + }, + + // Detach an event or set of events from an element + remove: function( elem, types, handler, selector, mappedTypes ) { + + var j, origCount, tmp, + events, t, handleObj, + special, handlers, type, namespaces, origType, + elemData = data_priv.hasData( elem ) && data_priv.get( elem ); + + if ( !elemData || !(events = elemData.events) ) { + return; + } + + // Once for each type.namespace in types; type may be omitted + types = ( types || "" ).match( rnotwhite ) || [ "" ]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[t] ) || []; + type = origType = tmp[1]; + namespaces = ( tmp[2] || "" ).split( "." ).sort(); + + // Unbind all events (on this namespace, if provided) for the element + if ( !type ) { + for ( type in events ) { + jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); + } + continue; + } + + special = jQuery.event.special[ type ] || {}; + type = ( selector ? special.delegateType : special.bindType ) || type; + handlers = events[ type ] || []; + tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ); + + // Remove matching events + origCount = j = handlers.length; + while ( j-- ) { + handleObj = handlers[ j ]; + + if ( ( mappedTypes || origType === handleObj.origType ) && + ( !handler || handler.guid === handleObj.guid ) && + ( !tmp || tmp.test( handleObj.namespace ) ) && + ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) { + handlers.splice( j, 1 ); + + if ( handleObj.selector ) { + handlers.delegateCount--; + } + if ( special.remove ) { + special.remove.call( elem, handleObj ); + } + } + } + + // Remove generic event handler if we removed something and no more handlers exist + // (avoids potential for endless recursion during removal of special event handlers) + if ( origCount && !handlers.length ) { + if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) { + jQuery.removeEvent( elem, type, elemData.handle ); + } + + delete events[ type ]; + } + } + + // Remove the expando if it's no longer used + if ( jQuery.isEmptyObject( events ) ) { + delete elemData.handle; + data_priv.remove( elem, "events" ); + } + }, + + trigger: function( event, data, elem, onlyHandlers ) { + + var i, cur, tmp, bubbleType, ontype, handle, special, + eventPath = [ elem || document ], + type = hasOwn.call( event, "type" ) ? event.type : event, + namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : []; + + cur = tmp = elem = elem || document; + + // Don't do events on text and comment nodes + if ( elem.nodeType === 3 || elem.nodeType === 8 ) { + return; + } + + // focus/blur morphs to focusin/out; ensure we're not firing them right now + if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { + return; + } + + if ( type.indexOf(".") >= 0 ) { + // Namespaced trigger; create a regexp to match event type in handle() + namespaces = type.split("."); + type = namespaces.shift(); + namespaces.sort(); + } + ontype = type.indexOf(":") < 0 && "on" + type; + + // Caller can pass in a jQuery.Event object, Object, or just an event type string + event = event[ jQuery.expando ] ? + event : + new jQuery.Event( type, typeof event === "object" && event ); + + // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true) + event.isTrigger = onlyHandlers ? 2 : 3; + event.namespace = namespaces.join("."); + event.namespace_re = event.namespace ? + new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) : + null; + + // Clean up the event in case it is being reused + event.result = undefined; + if ( !event.target ) { + event.target = elem; + } + + // Clone any incoming data and prepend the event, creating the handler arg list + data = data == null ? + [ event ] : + jQuery.makeArray( data, [ event ] ); + + // Allow special events to draw outside the lines + special = jQuery.event.special[ type ] || {}; + if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) { + return; + } + + // Determine event propagation path in advance, per W3C events spec (#9951) + // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) + if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) { + + bubbleType = special.delegateType || type; + if ( !rfocusMorph.test( bubbleType + type ) ) { + cur = cur.parentNode; + } + for ( ; cur; cur = cur.parentNode ) { + eventPath.push( cur ); + tmp = cur; + } + + // Only add window if we got to document (e.g., not plain obj or detached DOM) + if ( tmp === (elem.ownerDocument || document) ) { + eventPath.push( tmp.defaultView || tmp.parentWindow || window ); + } + } + + // Fire handlers on the event path + i = 0; + while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) { + + event.type = i > 1 ? + bubbleType : + special.bindType || type; + + // jQuery handler + handle = ( data_priv.get( cur, "events" ) || {} )[ event.type ] && data_priv.get( cur, "handle" ); + if ( handle ) { + handle.apply( cur, data ); + } + + // Native handler + handle = ontype && cur[ ontype ]; + if ( handle && handle.apply && jQuery.acceptData( cur ) ) { + event.result = handle.apply( cur, data ); + if ( event.result === false ) { + event.preventDefault(); + } + } + } + event.type = type; + + // If nobody prevented the default action, do it now + if ( !onlyHandlers && !event.isDefaultPrevented() ) { + + if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) && + jQuery.acceptData( elem ) ) { + + // Call a native DOM method on the target with the same name name as the event. + // Don't do default actions on window, that's where global variables be (#6170) + if ( ontype && jQuery.isFunction( elem[ type ] ) && !jQuery.isWindow( elem ) ) { + + // Don't re-trigger an onFOO event when we call its FOO() method + tmp = elem[ ontype ]; + + if ( tmp ) { + elem[ ontype ] = null; + } + + // Prevent re-triggering of the same event, since we already bubbled it above + jQuery.event.triggered = type; + elem[ type ](); + jQuery.event.triggered = undefined; + + if ( tmp ) { + elem[ ontype ] = tmp; + } + } + } + } + + return event.result; + }, + + dispatch: function( event ) { + + // Make a writable jQuery.Event from the native event object + event = jQuery.event.fix( event ); + + var i, j, ret, matched, handleObj, + handlerQueue = [], + args = slice.call( arguments ), + handlers = ( data_priv.get( this, "events" ) || {} )[ event.type ] || [], + special = jQuery.event.special[ event.type ] || {}; + + // Use the fix-ed jQuery.Event rather than the (read-only) native event + args[0] = event; + event.delegateTarget = this; + + // Call the preDispatch hook for the mapped type, and let it bail if desired + if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { + return; + } + + // Determine handlers + handlerQueue = jQuery.event.handlers.call( this, event, handlers ); + + // Run delegates first; they may want to stop propagation beneath us + i = 0; + while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) { + event.currentTarget = matched.elem; + + j = 0; + while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) { + + // Triggered event must either 1) have no namespace, or 2) have namespace(s) + // a subset or equal to those in the bound event (both can have no namespace). + if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) { + + event.handleObj = handleObj; + event.data = handleObj.data; + + ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler ) + .apply( matched.elem, args ); + + if ( ret !== undefined ) { + if ( (event.result = ret) === false ) { + event.preventDefault(); + event.stopPropagation(); + } + } + } + } + } + + // Call the postDispatch hook for the mapped type + if ( special.postDispatch ) { + special.postDispatch.call( this, event ); + } + + return event.result; + }, + + handlers: function( event, handlers ) { + var i, matches, sel, handleObj, + handlerQueue = [], + delegateCount = handlers.delegateCount, + cur = event.target; + + // Find delegate handlers + // Black-hole SVG instance trees (#13180) + // Avoid non-left-click bubbling in Firefox (#3861) + if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) { + + for ( ; cur !== this; cur = cur.parentNode || this ) { + + // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) + if ( cur.disabled !== true || event.type !== "click" ) { + matches = []; + for ( i = 0; i < delegateCount; i++ ) { + handleObj = handlers[ i ]; + + // Don't conflict with Object.prototype properties (#13203) + sel = handleObj.selector + " "; + + if ( matches[ sel ] === undefined ) { + matches[ sel ] = handleObj.needsContext ? + jQuery( sel, this ).index( cur ) >= 0 : + jQuery.find( sel, this, null, [ cur ] ).length; + } + if ( matches[ sel ] ) { + matches.push( handleObj ); + } + } + if ( matches.length ) { + handlerQueue.push({ elem: cur, handlers: matches }); + } + } + } + } + + // Add the remaining (directly-bound) handlers + if ( delegateCount < handlers.length ) { + handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) }); + } + + return handlerQueue; + }, + + // Includes some event props shared by KeyEvent and MouseEvent + props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), + + fixHooks: {}, + + keyHooks: { + props: "char charCode key keyCode".split(" "), + filter: function( event, original ) { + + // Add which for key events + if ( event.which == null ) { + event.which = original.charCode != null ? original.charCode : original.keyCode; + } + + return event; + } + }, + + mouseHooks: { + props: "button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "), + filter: function( event, original ) { + var eventDoc, doc, body, + button = original.button; + + // Calculate pageX/Y if missing and clientX/Y available + if ( event.pageX == null && original.clientX != null ) { + eventDoc = event.target.ownerDocument || document; + doc = eventDoc.documentElement; + body = eventDoc.body; + + event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 ); + event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 ); + } + + // Add which for click: 1 === left; 2 === middle; 3 === right + // Note: button is not normalized, so don't use it + if ( !event.which && button !== undefined ) { + event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) ); + } + + return event; + } + }, + + fix: function( event ) { + if ( event[ jQuery.expando ] ) { + return event; + } + + // Create a writable copy of the event object and normalize some properties + var i, prop, copy, + type = event.type, + originalEvent = event, + fixHook = this.fixHooks[ type ]; + + if ( !fixHook ) { + this.fixHooks[ type ] = fixHook = + rmouseEvent.test( type ) ? this.mouseHooks : + rkeyEvent.test( type ) ? this.keyHooks : + {}; + } + copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props; + + event = new jQuery.Event( originalEvent ); + + i = copy.length; + while ( i-- ) { + prop = copy[ i ]; + event[ prop ] = originalEvent[ prop ]; + } + + // Support: Cordova 2.5 (WebKit) (#13255) + // All events should have a target; Cordova deviceready doesn't + if ( !event.target ) { + event.target = document; + } + + // Support: Safari 6.0+, Chrome<28 + // Target should not be a text node (#504, #13143) + if ( event.target.nodeType === 3 ) { + event.target = event.target.parentNode; + } + + return fixHook.filter ? fixHook.filter( event, originalEvent ) : event; + }, + + special: { + load: { + // Prevent triggered image.load events from bubbling to window.load + noBubble: true + }, + focus: { + // Fire native event if possible so blur/focus sequence is correct + trigger: function() { + if ( this !== safeActiveElement() && this.focus ) { + this.focus(); + return false; + } + }, + delegateType: "focusin" + }, + blur: { + trigger: function() { + if ( this === safeActiveElement() && this.blur ) { + this.blur(); + return false; + } + }, + delegateType: "focusout" + }, + click: { + // For checkbox, fire native event so checked state will be right + trigger: function() { + if ( this.type === "checkbox" && this.click && jQuery.nodeName( this, "input" ) ) { + this.click(); + return false; + } + }, + + // For cross-browser consistency, don't fire native .click() on links + _default: function( event ) { + return jQuery.nodeName( event.target, "a" ); + } + }, + + beforeunload: { + postDispatch: function( event ) { + + // Support: Firefox 20+ + // Firefox doesn't alert if the returnValue field is not set. + if ( event.result !== undefined && event.originalEvent ) { + event.originalEvent.returnValue = event.result; + } + } + } + }, + + simulate: function( type, elem, event, bubble ) { + // Piggyback on a donor event to simulate a different one. + // Fake originalEvent to avoid donor's stopPropagation, but if the + // simulated event prevents default then we do the same on the donor. + var e = jQuery.extend( + new jQuery.Event(), + event, + { + type: type, + isSimulated: true, + originalEvent: {} + } + ); + if ( bubble ) { + jQuery.event.trigger( e, null, elem ); + } else { + jQuery.event.dispatch.call( elem, e ); + } + if ( e.isDefaultPrevented() ) { + event.preventDefault(); + } + } +}; + +jQuery.removeEvent = function( elem, type, handle ) { + if ( elem.removeEventListener ) { + elem.removeEventListener( type, handle, false ); + } +}; + +jQuery.Event = function( src, props ) { + // Allow instantiation without the 'new' keyword + if ( !(this instanceof jQuery.Event) ) { + return new jQuery.Event( src, props ); + } + + // Event object + if ( src && src.type ) { + this.originalEvent = src; + this.type = src.type; + + // Events bubbling up the document may have been marked as prevented + // by a handler lower down the tree; reflect the correct value. + this.isDefaultPrevented = src.defaultPrevented || + src.defaultPrevented === undefined && + // Support: Android<4.0 + src.returnValue === false ? + returnTrue : + returnFalse; + + // Event type + } else { + this.type = src; + } + + // Put explicitly provided properties onto the event object + if ( props ) { + jQuery.extend( this, props ); + } + + // Create a timestamp if incoming event doesn't have one + this.timeStamp = src && src.timeStamp || jQuery.now(); + + // Mark it as fixed + this[ jQuery.expando ] = true; +}; + +// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding +// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html +jQuery.Event.prototype = { + isDefaultPrevented: returnFalse, + isPropagationStopped: returnFalse, + isImmediatePropagationStopped: returnFalse, + + preventDefault: function() { + var e = this.originalEvent; + + this.isDefaultPrevented = returnTrue; + + if ( e && e.preventDefault ) { + e.preventDefault(); + } + }, + stopPropagation: function() { + var e = this.originalEvent; + + this.isPropagationStopped = returnTrue; + + if ( e && e.stopPropagation ) { + e.stopPropagation(); + } + }, + stopImmediatePropagation: function() { + var e = this.originalEvent; + + this.isImmediatePropagationStopped = returnTrue; + + if ( e && e.stopImmediatePropagation ) { + e.stopImmediatePropagation(); + } + + this.stopPropagation(); + } +}; + +// Create mouseenter/leave events using mouseover/out and event-time checks +// Support: Chrome 15+ +jQuery.each({ + mouseenter: "mouseover", + mouseleave: "mouseout", + pointerenter: "pointerover", + pointerleave: "pointerout" +}, function( orig, fix ) { + jQuery.event.special[ orig ] = { + delegateType: fix, + bindType: fix, + + handle: function( event ) { + var ret, + target = this, + related = event.relatedTarget, + handleObj = event.handleObj; + + // For mousenter/leave call the handler if related is outside the target. + // NB: No relatedTarget if the mouse left/entered the browser window + if ( !related || (related !== target && !jQuery.contains( target, related )) ) { + event.type = handleObj.origType; + ret = handleObj.handler.apply( this, arguments ); + event.type = fix; + } + return ret; + } + }; +}); + +// Support: Firefox, Chrome, Safari +// Create "bubbling" focus and blur events +if ( !support.focusinBubbles ) { + jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) { + + // Attach a single capturing handler on the document while someone wants focusin/focusout + var handler = function( event ) { + jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true ); + }; + + jQuery.event.special[ fix ] = { + setup: function() { + var doc = this.ownerDocument || this, + attaches = data_priv.access( doc, fix ); + + if ( !attaches ) { + doc.addEventListener( orig, handler, true ); + } + data_priv.access( doc, fix, ( attaches || 0 ) + 1 ); + }, + teardown: function() { + var doc = this.ownerDocument || this, + attaches = data_priv.access( doc, fix ) - 1; + + if ( !attaches ) { + doc.removeEventListener( orig, handler, true ); + data_priv.remove( doc, fix ); + + } else { + data_priv.access( doc, fix, attaches ); + } + } + }; + }); +} + +jQuery.fn.extend({ + + on: function( types, selector, data, fn, /*INTERNAL*/ one ) { + var origFn, type; + + // Types can be a map of types/handlers + if ( typeof types === "object" ) { + // ( types-Object, selector, data ) + if ( typeof selector !== "string" ) { + // ( types-Object, data ) + data = data || selector; + selector = undefined; + } + for ( type in types ) { + this.on( type, selector, data, types[ type ], one ); + } + return this; + } + + if ( data == null && fn == null ) { + // ( types, fn ) + fn = selector; + data = selector = undefined; + } else if ( fn == null ) { + if ( typeof selector === "string" ) { + // ( types, selector, fn ) + fn = data; + data = undefined; + } else { + // ( types, data, fn ) + fn = data; + data = selector; + selector = undefined; + } + } + if ( fn === false ) { + fn = returnFalse; + } else if ( !fn ) { + return this; + } + + if ( one === 1 ) { + origFn = fn; + fn = function( event ) { + // Can use an empty set, since event contains the info + jQuery().off( event ); + return origFn.apply( this, arguments ); + }; + // Use same guid so caller can remove using origFn + fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); + } + return this.each( function() { + jQuery.event.add( this, types, fn, data, selector ); + }); + }, + one: function( types, selector, data, fn ) { + return this.on( types, selector, data, fn, 1 ); + }, + off: function( types, selector, fn ) { + var handleObj, type; + if ( types && types.preventDefault && types.handleObj ) { + // ( event ) dispatched jQuery.Event + handleObj = types.handleObj; + jQuery( types.delegateTarget ).off( + handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType, + handleObj.selector, + handleObj.handler + ); + return this; + } + if ( typeof types === "object" ) { + // ( types-object [, selector] ) + for ( type in types ) { + this.off( type, selector, types[ type ] ); + } + return this; + } + if ( selector === false || typeof selector === "function" ) { + // ( types [, fn] ) + fn = selector; + selector = undefined; + } + if ( fn === false ) { + fn = returnFalse; + } + return this.each(function() { + jQuery.event.remove( this, types, fn, selector ); + }); + }, + + trigger: function( type, data ) { + return this.each(function() { + jQuery.event.trigger( type, data, this ); + }); + }, + triggerHandler: function( type, data ) { + var elem = this[0]; + if ( elem ) { + return jQuery.event.trigger( type, data, elem, true ); + } + } +}); + + +var + rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi, + rtagName = /<([\w:]+)/, + rhtml = /<|&#?\w+;/, + rnoInnerhtml = /<(?:script|style|link)/i, + // checked="checked" or checked + rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i, + rscriptType = /^$|\/(?:java|ecma)script/i, + rscriptTypeMasked = /^true\/(.*)/, + rcleanScript = /^\s*\s*$/g, + + // We have to close these tags to support XHTML (#13200) + wrapMap = { + + // Support: IE9 + option: [ 1, "" ], + + thead: [ 1, "", "
    " ], + col: [ 2, "", "
    " ], + tr: [ 2, "", "
    " ], + td: [ 3, "", "
    " ], + + _default: [ 0, "", "" ] + }; + +// Support: IE9 +wrapMap.optgroup = wrapMap.option; + +wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; +wrapMap.th = wrapMap.td; + +// Support: 1.x compatibility +// Manipulating tables requires a tbody +function manipulationTarget( elem, content ) { + return jQuery.nodeName( elem, "table" ) && + jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ? + + elem.getElementsByTagName("tbody")[0] || + elem.appendChild( elem.ownerDocument.createElement("tbody") ) : + elem; +} + +// Replace/restore the type attribute of script elements for safe DOM manipulation +function disableScript( elem ) { + elem.type = (elem.getAttribute("type") !== null) + "/" + elem.type; + return elem; +} +function restoreScript( elem ) { + var match = rscriptTypeMasked.exec( elem.type ); + + if ( match ) { + elem.type = match[ 1 ]; + } else { + elem.removeAttribute("type"); + } + + return elem; +} + +// Mark scripts as having already been evaluated +function setGlobalEval( elems, refElements ) { + var i = 0, + l = elems.length; + + for ( ; i < l; i++ ) { + data_priv.set( + elems[ i ], "globalEval", !refElements || data_priv.get( refElements[ i ], "globalEval" ) + ); + } +} + +function cloneCopyEvent( src, dest ) { + var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events; + + if ( dest.nodeType !== 1 ) { + return; + } + + // 1. Copy private data: events, handlers, etc. + if ( data_priv.hasData( src ) ) { + pdataOld = data_priv.access( src ); + pdataCur = data_priv.set( dest, pdataOld ); + events = pdataOld.events; + + if ( events ) { + delete pdataCur.handle; + pdataCur.events = {}; + + for ( type in events ) { + for ( i = 0, l = events[ type ].length; i < l; i++ ) { + jQuery.event.add( dest, type, events[ type ][ i ] ); + } + } + } + } + + // 2. Copy user data + if ( data_user.hasData( src ) ) { + udataOld = data_user.access( src ); + udataCur = jQuery.extend( {}, udataOld ); + + data_user.set( dest, udataCur ); + } +} + +function getAll( context, tag ) { + var ret = context.getElementsByTagName ? context.getElementsByTagName( tag || "*" ) : + context.querySelectorAll ? context.querySelectorAll( tag || "*" ) : + []; + + return tag === undefined || tag && jQuery.nodeName( context, tag ) ? + jQuery.merge( [ context ], ret ) : + ret; +} + +// Fix IE bugs, see support tests +function fixInput( src, dest ) { + var nodeName = dest.nodeName.toLowerCase(); + + // Fails to persist the checked state of a cloned checkbox or radio button. + if ( nodeName === "input" && rcheckableType.test( src.type ) ) { + dest.checked = src.checked; + + // Fails to return the selected option to the default selected state when cloning options + } else if ( nodeName === "input" || nodeName === "textarea" ) { + dest.defaultValue = src.defaultValue; + } +} + +jQuery.extend({ + clone: function( elem, dataAndEvents, deepDataAndEvents ) { + var i, l, srcElements, destElements, + clone = elem.cloneNode( true ), + inPage = jQuery.contains( elem.ownerDocument, elem ); + + // Fix IE cloning issues + if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) && + !jQuery.isXMLDoc( elem ) ) { + + // We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2 + destElements = getAll( clone ); + srcElements = getAll( elem ); + + for ( i = 0, l = srcElements.length; i < l; i++ ) { + fixInput( srcElements[ i ], destElements[ i ] ); + } + } + + // Copy the events from the original to the clone + if ( dataAndEvents ) { + if ( deepDataAndEvents ) { + srcElements = srcElements || getAll( elem ); + destElements = destElements || getAll( clone ); + + for ( i = 0, l = srcElements.length; i < l; i++ ) { + cloneCopyEvent( srcElements[ i ], destElements[ i ] ); + } + } else { + cloneCopyEvent( elem, clone ); + } + } + + // Preserve script evaluation history + destElements = getAll( clone, "script" ); + if ( destElements.length > 0 ) { + setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); + } + + // Return the cloned set + return clone; + }, + + buildFragment: function( elems, context, scripts, selection ) { + var elem, tmp, tag, wrap, contains, j, + fragment = context.createDocumentFragment(), + nodes = [], + i = 0, + l = elems.length; + + for ( ; i < l; i++ ) { + elem = elems[ i ]; + + if ( elem || elem === 0 ) { + + // Add nodes directly + if ( jQuery.type( elem ) === "object" ) { + // Support: QtWebKit, PhantomJS + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem ); + + // Convert non-html into a text node + } else if ( !rhtml.test( elem ) ) { + nodes.push( context.createTextNode( elem ) ); + + // Convert html into DOM nodes + } else { + tmp = tmp || fragment.appendChild( context.createElement("div") ); + + // Deserialize a standard representation + tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase(); + wrap = wrapMap[ tag ] || wrapMap._default; + tmp.innerHTML = wrap[ 1 ] + elem.replace( rxhtmlTag, "<$1>" ) + wrap[ 2 ]; + + // Descend through wrappers to the right content + j = wrap[ 0 ]; + while ( j-- ) { + tmp = tmp.lastChild; + } + + // Support: QtWebKit, PhantomJS + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( nodes, tmp.childNodes ); + + // Remember the top-level container + tmp = fragment.firstChild; + + // Ensure the created nodes are orphaned (#12392) + tmp.textContent = ""; + } + } + } + + // Remove wrapper from fragment + fragment.textContent = ""; + + i = 0; + while ( (elem = nodes[ i++ ]) ) { + + // #4087 - If origin and destination elements are the same, and this is + // that element, do not do anything + if ( selection && jQuery.inArray( elem, selection ) !== -1 ) { + continue; + } + + contains = jQuery.contains( elem.ownerDocument, elem ); + + // Append to fragment + tmp = getAll( fragment.appendChild( elem ), "script" ); + + // Preserve script evaluation history + if ( contains ) { + setGlobalEval( tmp ); + } + + // Capture executables + if ( scripts ) { + j = 0; + while ( (elem = tmp[ j++ ]) ) { + if ( rscriptType.test( elem.type || "" ) ) { + scripts.push( elem ); + } + } + } + } + + return fragment; + }, + + cleanData: function( elems ) { + var data, elem, type, key, + special = jQuery.event.special, + i = 0; + + for ( ; (elem = elems[ i ]) !== undefined; i++ ) { + if ( jQuery.acceptData( elem ) ) { + key = elem[ data_priv.expando ]; + + if ( key && (data = data_priv.cache[ key ]) ) { + if ( data.events ) { + for ( type in data.events ) { + if ( special[ type ] ) { + jQuery.event.remove( elem, type ); + + // This is a shortcut to avoid jQuery.event.remove's overhead + } else { + jQuery.removeEvent( elem, type, data.handle ); + } + } + } + if ( data_priv.cache[ key ] ) { + // Discard any remaining `private` data + delete data_priv.cache[ key ]; + } + } + } + // Discard any remaining `user` data + delete data_user.cache[ elem[ data_user.expando ] ]; + } + } +}); + +jQuery.fn.extend({ + text: function( value ) { + return access( this, function( value ) { + return value === undefined ? + jQuery.text( this ) : + this.empty().each(function() { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + this.textContent = value; + } + }); + }, null, value, arguments.length ); + }, + + append: function() { + return this.domManip( arguments, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + var target = manipulationTarget( this, elem ); + target.appendChild( elem ); + } + }); + }, + + prepend: function() { + return this.domManip( arguments, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + var target = manipulationTarget( this, elem ); + target.insertBefore( elem, target.firstChild ); + } + }); + }, + + before: function() { + return this.domManip( arguments, function( elem ) { + if ( this.parentNode ) { + this.parentNode.insertBefore( elem, this ); + } + }); + }, + + after: function() { + return this.domManip( arguments, function( elem ) { + if ( this.parentNode ) { + this.parentNode.insertBefore( elem, this.nextSibling ); + } + }); + }, + + remove: function( selector, keepData /* Internal Use Only */ ) { + var elem, + elems = selector ? jQuery.filter( selector, this ) : this, + i = 0; + + for ( ; (elem = elems[i]) != null; i++ ) { + if ( !keepData && elem.nodeType === 1 ) { + jQuery.cleanData( getAll( elem ) ); + } + + if ( elem.parentNode ) { + if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) { + setGlobalEval( getAll( elem, "script" ) ); + } + elem.parentNode.removeChild( elem ); + } + } + + return this; + }, + + empty: function() { + var elem, + i = 0; + + for ( ; (elem = this[i]) != null; i++ ) { + if ( elem.nodeType === 1 ) { + + // Prevent memory leaks + jQuery.cleanData( getAll( elem, false ) ); + + // Remove any remaining nodes + elem.textContent = ""; + } + } + + return this; + }, + + clone: function( dataAndEvents, deepDataAndEvents ) { + dataAndEvents = dataAndEvents == null ? false : dataAndEvents; + deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; + + return this.map(function() { + return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); + }); + }, + + html: function( value ) { + return access( this, function( value ) { + var elem = this[ 0 ] || {}, + i = 0, + l = this.length; + + if ( value === undefined && elem.nodeType === 1 ) { + return elem.innerHTML; + } + + // See if we can take a shortcut and just use innerHTML + if ( typeof value === "string" && !rnoInnerhtml.test( value ) && + !wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) { + + value = value.replace( rxhtmlTag, "<$1>" ); + + try { + for ( ; i < l; i++ ) { + elem = this[ i ] || {}; + + // Remove element nodes and prevent memory leaks + if ( elem.nodeType === 1 ) { + jQuery.cleanData( getAll( elem, false ) ); + elem.innerHTML = value; + } + } + + elem = 0; + + // If using innerHTML throws an exception, use the fallback method + } catch( e ) {} + } + + if ( elem ) { + this.empty().append( value ); + } + }, null, value, arguments.length ); + }, + + replaceWith: function() { + var arg = arguments[ 0 ]; + + // Make the changes, replacing each context element with the new content + this.domManip( arguments, function( elem ) { + arg = this.parentNode; + + jQuery.cleanData( getAll( this ) ); + + if ( arg ) { + arg.replaceChild( elem, this ); + } + }); + + // Force removal if there was no new content (e.g., from empty arguments) + return arg && (arg.length || arg.nodeType) ? this : this.remove(); + }, + + detach: function( selector ) { + return this.remove( selector, true ); + }, + + domManip: function( args, callback ) { + + // Flatten any nested arrays + args = concat.apply( [], args ); + + var fragment, first, scripts, hasScripts, node, doc, + i = 0, + l = this.length, + set = this, + iNoClone = l - 1, + value = args[ 0 ], + isFunction = jQuery.isFunction( value ); + + // We can't cloneNode fragments that contain checked, in WebKit + if ( isFunction || + ( l > 1 && typeof value === "string" && + !support.checkClone && rchecked.test( value ) ) ) { + return this.each(function( index ) { + var self = set.eq( index ); + if ( isFunction ) { + args[ 0 ] = value.call( this, index, self.html() ); + } + self.domManip( args, callback ); + }); + } + + if ( l ) { + fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this ); + first = fragment.firstChild; + + if ( fragment.childNodes.length === 1 ) { + fragment = first; + } + + if ( first ) { + scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); + hasScripts = scripts.length; + + // Use the original fragment for the last item instead of the first because it can end up + // being emptied incorrectly in certain situations (#8070). + for ( ; i < l; i++ ) { + node = fragment; + + if ( i !== iNoClone ) { + node = jQuery.clone( node, true, true ); + + // Keep references to cloned scripts for later restoration + if ( hasScripts ) { + // Support: QtWebKit + // jQuery.merge because push.apply(_, arraylike) throws + jQuery.merge( scripts, getAll( node, "script" ) ); + } + } + + callback.call( this[ i ], node, i ); + } + + if ( hasScripts ) { + doc = scripts[ scripts.length - 1 ].ownerDocument; + + // Reenable scripts + jQuery.map( scripts, restoreScript ); + + // Evaluate executable scripts on first document insertion + for ( i = 0; i < hasScripts; i++ ) { + node = scripts[ i ]; + if ( rscriptType.test( node.type || "" ) && + !data_priv.access( node, "globalEval" ) && jQuery.contains( doc, node ) ) { + + if ( node.src ) { + // Optional AJAX dependency, but won't run scripts if not present + if ( jQuery._evalUrl ) { + jQuery._evalUrl( node.src ); + } + } else { + jQuery.globalEval( node.textContent.replace( rcleanScript, "" ) ); + } + } + } + } + } + } + + return this; + } +}); + +jQuery.each({ + appendTo: "append", + prependTo: "prepend", + insertBefore: "before", + insertAfter: "after", + replaceAll: "replaceWith" +}, function( name, original ) { + jQuery.fn[ name ] = function( selector ) { + var elems, + ret = [], + insert = jQuery( selector ), + last = insert.length - 1, + i = 0; + + for ( ; i <= last; i++ ) { + elems = i === last ? this : this.clone( true ); + jQuery( insert[ i ] )[ original ]( elems ); + + // Support: QtWebKit + // .get() because push.apply(_, arraylike) throws + push.apply( ret, elems.get() ); + } + + return this.pushStack( ret ); + }; +}); + + +var iframe, + elemdisplay = {}; + +/** + * Retrieve the actual display of a element + * @param {String} name nodeName of the element + * @param {Object} doc Document object + */ +// Called only from within defaultDisplay +function actualDisplay( name, doc ) { + var style, + elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ), + + // getDefaultComputedStyle might be reliably used only on attached element + display = window.getDefaultComputedStyle && ( style = window.getDefaultComputedStyle( elem[ 0 ] ) ) ? + + // Use of this method is a temporary fix (more like optimization) until something better comes along, + // since it was removed from specification and supported only in FF + style.display : jQuery.css( elem[ 0 ], "display" ); + + // We don't have any data stored on the element, + // so use "detach" method as fast way to get rid of the element + elem.detach(); + + return display; +} + +/** + * Try to determine the default display value of an element + * @param {String} nodeName + */ +function defaultDisplay( nodeName ) { + var doc = document, + display = elemdisplay[ nodeName ]; + + if ( !display ) { + display = actualDisplay( nodeName, doc ); + + // If the simple way fails, read from inside an iframe + if ( display === "none" || !display ) { + + // Use the already-created iframe if possible + iframe = (iframe || jQuery( " +
    + +
    + + - @endif - - @if (session('error')) -
    - {{ session('error') }} + + - @endif -
    - - @if (!$homepage) -
    -
    - @lang('admin/contents.noHomepage') +
    - @elseif(!$homepage->isPublic()) -
    -
    - @lang('admin/contents.homepageProtected') -
    -
    - @endif - - @include('admin.content.overviewTiles') - -
    - {!! $pages->render() !!} -
    -@stop \ No newline at end of file +@endsection \ No newline at end of file diff --git a/resources/views/admin/layout.blade.php b/resources/views/admin/layout.blade.php index 8e6c8aba..4ee1fa5b 100644 --- a/resources/views/admin/layout.blade.php +++ b/resources/views/admin/layout.blade.php @@ -1,75 +1,54 @@ + - + - - @yield('head_meta') - @yield('pageName', @trans('admin/common.admin')) | {{isset($pageName) ? $pageName : ''}} - + {{isset($pageName) ? $pageName : ''}} + + - - @yield('head_stylesheets') + + - -
    + -
    - - -
    - @include('admin.search.miniSearchForm') -
    - -
    - -
    -
    - -
    -
    - {!! Menu::render('mainMenu', 'foundation-drilldown') !!} -
    - -
    - @yield('content') -
    +@if (session('success')) +
    + {{ session('success') }}
    +@endif -
    - © {{isset($pageName) ? $pageName : ''}} {{date('Y')}} -
    +@if (session('error')) +
    + {{ session('error') }} +
    +@endif + +@yield('page') + +
    +
    +
    +
    +
    +
    - - - - - -@yield('javascripts') + + - + + \ No newline at end of file diff --git a/resources/views/admin/layoutWithNavigation.blade.php b/resources/views/admin/layoutWithNavigation.blade.php new file mode 100644 index 00000000..d4ffd760 --- /dev/null +++ b/resources/views/admin/layoutWithNavigation.blade.php @@ -0,0 +1,257 @@ +@extends('admin.layout') + +@section('page') + +
    +
    +
    +
    + +
    +
    +
    +
    + + +
    +
    +
    +
    + +
    + +
    +
    + + + + @yield('content') + + +
    +
    + +@endsection \ No newline at end of file diff --git a/resources/views/admin/loginForm.blade.php b/resources/views/admin/loginForm.blade.php new file mode 100644 index 00000000..81fbe006 --- /dev/null +++ b/resources/views/admin/loginForm.blade.php @@ -0,0 +1,47 @@ +@extends('admin.layout') + +@section('page') +
    +
    +
    +
    +

    + + {{isset($pageName) ? $pageName : ''}} +

    +
    +
    +

    @lang('admin/loginForm.loginToContinue')

    +
    + {!! csrf_field() !!} +
    + + +
    +
    + + +
    +
    + +
    +
    +
    +
    +
    +
    +@endsection \ No newline at end of file diff --git a/resources/views/admin/actionLog/overview.blade.php b/resources/views/old_admin/actionLog/overview.blade.php similarity index 100% rename from resources/views/admin/actionLog/overview.blade.php rename to resources/views/old_admin/actionLog/overview.blade.php diff --git a/resources/views/admin/content/edit.blade.php b/resources/views/old_admin/content/edit.blade.php similarity index 100% rename from resources/views/admin/content/edit.blade.php rename to resources/views/old_admin/content/edit.blade.php diff --git a/resources/views/admin/content/editForm.blade.php b/resources/views/old_admin/content/editForm.blade.php similarity index 100% rename from resources/views/admin/content/editForm.blade.php rename to resources/views/old_admin/content/editForm.blade.php diff --git a/resources/views/admin/content/formInputs.blade.php b/resources/views/old_admin/content/formInputs.blade.php similarity index 100% rename from resources/views/admin/content/formInputs.blade.php rename to resources/views/old_admin/content/formInputs.blade.php diff --git a/resources/views/admin/content/formParts/appearance.blade.php b/resources/views/old_admin/content/formParts/appearance.blade.php similarity index 100% rename from resources/views/admin/content/formParts/appearance.blade.php rename to resources/views/old_admin/content/formParts/appearance.blade.php diff --git a/resources/views/admin/content/formParts/basicInformation.blade.php b/resources/views/old_admin/content/formParts/basicInformation.blade.php similarity index 100% rename from resources/views/admin/content/formParts/basicInformation.blade.php rename to resources/views/old_admin/content/formParts/basicInformation.blade.php diff --git a/resources/views/admin/content/formParts/files.blade.php b/resources/views/old_admin/content/formParts/files.blade.php similarity index 100% rename from resources/views/admin/content/formParts/files.blade.php rename to resources/views/old_admin/content/formParts/files.blade.php diff --git a/resources/views/admin/content/formParts/metaInformation.blade.php b/resources/views/old_admin/content/formParts/metaInformation.blade.php similarity index 100% rename from resources/views/admin/content/formParts/metaInformation.blade.php rename to resources/views/old_admin/content/formParts/metaInformation.blade.php diff --git a/resources/views/admin/content/formParts/publicationSetup.blade.php b/resources/views/old_admin/content/formParts/publicationSetup.blade.php similarity index 100% rename from resources/views/admin/content/formParts/publicationSetup.blade.php rename to resources/views/old_admin/content/formParts/publicationSetup.blade.php diff --git a/resources/views/admin/content/new.blade.php b/resources/views/old_admin/content/new.blade.php similarity index 100% rename from resources/views/admin/content/new.blade.php rename to resources/views/old_admin/content/new.blade.php diff --git a/resources/views/admin/content/newForm.blade.php b/resources/views/old_admin/content/newForm.blade.php similarity index 100% rename from resources/views/admin/content/newForm.blade.php rename to resources/views/old_admin/content/newForm.blade.php diff --git a/resources/views/old_admin/content/overview.blade.php b/resources/views/old_admin/content/overview.blade.php new file mode 100644 index 00000000..b72d23b0 --- /dev/null +++ b/resources/views/old_admin/content/overview.blade.php @@ -0,0 +1,39 @@ +@extends('admin/layout') + +@section('content') +
    +

    @lang('admin/contents.overview')

    + + @if (session('success')) +
    + {{ session('success') }} +
    + @endif + + @if (session('error')) +
    + {{ session('error') }} +
    + @endif +
    + + @if (!$homepage) +
    +
    + @lang('admin/contents.noHomepage') +
    +
    + @elseif(!$homepage->isPublic()) +
    +
    + @lang('admin/contents.homepageProtected') +
    +
    + @endif + + @include('admin.content.overviewTiles') + +
    + {!! $pages->render() !!} +
    +@stop \ No newline at end of file diff --git a/resources/views/admin/content/overviewTiles.blade.php b/resources/views/old_admin/content/overviewTiles.blade.php similarity index 100% rename from resources/views/admin/content/overviewTiles.blade.php rename to resources/views/old_admin/content/overviewTiles.blade.php diff --git a/resources/views/admin/customFields/edit.blade.php b/resources/views/old_admin/customFields/edit.blade.php similarity index 100% rename from resources/views/admin/customFields/edit.blade.php rename to resources/views/old_admin/customFields/edit.blade.php diff --git a/resources/views/admin/customFields/editForm.blade.php b/resources/views/old_admin/customFields/editForm.blade.php similarity index 100% rename from resources/views/admin/customFields/editForm.blade.php rename to resources/views/old_admin/customFields/editForm.blade.php diff --git a/resources/views/admin/customFields/new.blade.php b/resources/views/old_admin/customFields/new.blade.php similarity index 100% rename from resources/views/admin/customFields/new.blade.php rename to resources/views/old_admin/customFields/new.blade.php diff --git a/resources/views/admin/customFields/newForm.blade.php b/resources/views/old_admin/customFields/newForm.blade.php similarity index 100% rename from resources/views/admin/customFields/newForm.blade.php rename to resources/views/old_admin/customFields/newForm.blade.php diff --git a/resources/views/admin/customFields/overview.blade.php b/resources/views/old_admin/customFields/overview.blade.php similarity index 100% rename from resources/views/admin/customFields/overview.blade.php rename to resources/views/old_admin/customFields/overview.blade.php diff --git a/resources/views/admin/dashboard.blade.php b/resources/views/old_admin/dashboard.blade.php similarity index 100% rename from resources/views/admin/dashboard.blade.php rename to resources/views/old_admin/dashboard.blade.php diff --git a/resources/views/admin/fileManager/directories/editForm.blade.php b/resources/views/old_admin/fileManager/directories/editForm.blade.php similarity index 100% rename from resources/views/admin/fileManager/directories/editForm.blade.php rename to resources/views/old_admin/fileManager/directories/editForm.blade.php diff --git a/resources/views/admin/fileManager/directories/newForm.blade.php b/resources/views/old_admin/fileManager/directories/newForm.blade.php similarity index 100% rename from resources/views/admin/fileManager/directories/newForm.blade.php rename to resources/views/old_admin/fileManager/directories/newForm.blade.php diff --git a/resources/views/admin/fileManager/directories/subdirectoriesTiles.blade.php b/resources/views/old_admin/fileManager/directories/subdirectoriesTiles.blade.php similarity index 100% rename from resources/views/admin/fileManager/directories/subdirectoriesTiles.blade.php rename to resources/views/old_admin/fileManager/directories/subdirectoriesTiles.blade.php diff --git a/resources/views/admin/fileManager/edit.blade.php b/resources/views/old_admin/fileManager/edit.blade.php similarity index 100% rename from resources/views/admin/fileManager/edit.blade.php rename to resources/views/old_admin/fileManager/edit.blade.php diff --git a/resources/views/admin/fileManager/editForm.blade.php b/resources/views/old_admin/fileManager/editForm.blade.php similarity index 100% rename from resources/views/admin/fileManager/editForm.blade.php rename to resources/views/old_admin/fileManager/editForm.blade.php diff --git a/resources/views/admin/fileManager/filesTiles.blade.php b/resources/views/old_admin/fileManager/filesTiles.blade.php similarity index 100% rename from resources/views/admin/fileManager/filesTiles.blade.php rename to resources/views/old_admin/fileManager/filesTiles.blade.php diff --git a/resources/views/admin/fileManager/newFileForm.blade.php b/resources/views/old_admin/fileManager/newFileForm.blade.php similarity index 100% rename from resources/views/admin/fileManager/newFileForm.blade.php rename to resources/views/old_admin/fileManager/newFileForm.blade.php diff --git a/resources/views/admin/fileManager/overview.blade.php b/resources/views/old_admin/fileManager/overview.blade.php similarity index 100% rename from resources/views/admin/fileManager/overview.blade.php rename to resources/views/old_admin/fileManager/overview.blade.php diff --git a/resources/views/admin/history/diff.blade.php b/resources/views/old_admin/history/diff.blade.php similarity index 100% rename from resources/views/admin/history/diff.blade.php rename to resources/views/old_admin/history/diff.blade.php diff --git a/resources/views/admin/history/overview.blade.php b/resources/views/old_admin/history/overview.blade.php similarity index 100% rename from resources/views/admin/history/overview.blade.php rename to resources/views/old_admin/history/overview.blade.php diff --git a/resources/views/old_admin/layout.blade.php b/resources/views/old_admin/layout.blade.php new file mode 100644 index 00000000..8e6c8aba --- /dev/null +++ b/resources/views/old_admin/layout.blade.php @@ -0,0 +1,75 @@ + + + + + + + @yield('head_meta') + @yield('pageName', @trans('admin/common.admin')) | {{isset($pageName) ? $pageName : ''}} + + + + @yield('head_stylesheets') + + + +
    + +
    + + +
    + @include('admin.search.miniSearchForm') +
    + +
    + +
    +
    + +
    +
    + {!! Menu::render('mainMenu', 'foundation-drilldown') !!} +
    + +
    + @yield('content') +
    +
    + +
    + © {{isset($pageName) ? $pageName : ''}} {{date('Y')}} +
    +
    + + + + + +@yield('javascripts') + + diff --git a/resources/views/admin/loginForm/form.blade.php b/resources/views/old_admin/loginForm/form.blade.php similarity index 100% rename from resources/views/admin/loginForm/form.blade.php rename to resources/views/old_admin/loginForm/form.blade.php diff --git a/resources/views/admin/search/form.blade.php b/resources/views/old_admin/search/form.blade.php similarity index 100% rename from resources/views/admin/search/form.blade.php rename to resources/views/old_admin/search/form.blade.php diff --git a/resources/views/admin/search/miniSearchForm.blade.php b/resources/views/old_admin/search/miniSearchForm.blade.php similarity index 100% rename from resources/views/admin/search/miniSearchForm.blade.php rename to resources/views/old_admin/search/miniSearchForm.blade.php diff --git a/resources/views/admin/search/page.blade.php b/resources/views/old_admin/search/page.blade.php similarity index 100% rename from resources/views/admin/search/page.blade.php rename to resources/views/old_admin/search/page.blade.php diff --git a/resources/views/admin/search/results.blade.php b/resources/views/old_admin/search/results.blade.php similarity index 100% rename from resources/views/admin/search/results.blade.php rename to resources/views/old_admin/search/results.blade.php diff --git a/resources/views/admin/search/results/content.blade.php b/resources/views/old_admin/search/results/content.blade.php similarity index 100% rename from resources/views/admin/search/results/content.blade.php rename to resources/views/old_admin/search/results/content.blade.php diff --git a/resources/views/admin/settings/overview.blade.php b/resources/views/old_admin/settings/overview.blade.php similarity index 100% rename from resources/views/admin/settings/overview.blade.php rename to resources/views/old_admin/settings/overview.blade.php diff --git a/resources/views/admin/settings/parts/basic.blade.php b/resources/views/old_admin/settings/parts/basic.blade.php similarity index 100% rename from resources/views/admin/settings/parts/basic.blade.php rename to resources/views/old_admin/settings/parts/basic.blade.php diff --git a/resources/views/admin/settings/parts/meta.blade.php b/resources/views/old_admin/settings/parts/meta.blade.php similarity index 100% rename from resources/views/admin/settings/parts/meta.blade.php rename to resources/views/old_admin/settings/parts/meta.blade.php diff --git a/resources/views/admin/settings/parts/social.blade.php b/resources/views/old_admin/settings/parts/social.blade.php similarity index 100% rename from resources/views/admin/settings/parts/social.blade.php rename to resources/views/old_admin/settings/parts/social.blade.php diff --git a/resources/views/admin/settings/snippets/commonSettings.blade.php b/resources/views/old_admin/settings/snippets/commonSettings.blade.php similarity index 100% rename from resources/views/admin/settings/snippets/commonSettings.blade.php rename to resources/views/old_admin/settings/snippets/commonSettings.blade.php diff --git a/resources/views/admin/snippets/aceEditor.blade.php b/resources/views/old_admin/snippets/aceEditor.blade.php similarity index 100% rename from resources/views/admin/snippets/aceEditor.blade.php rename to resources/views/old_admin/snippets/aceEditor.blade.php diff --git a/resources/views/admin/snippets/ckEditor.blade.php b/resources/views/old_admin/snippets/ckEditor.blade.php similarity index 100% rename from resources/views/admin/snippets/ckEditor.blade.php rename to resources/views/old_admin/snippets/ckEditor.blade.php diff --git a/resources/views/admin/templates/directoriesList.blade.php b/resources/views/old_admin/templates/directoriesList.blade.php similarity index 100% rename from resources/views/admin/templates/directoriesList.blade.php rename to resources/views/old_admin/templates/directoriesList.blade.php diff --git a/resources/views/admin/templates/edit.blade.php b/resources/views/old_admin/templates/edit.blade.php similarity index 100% rename from resources/views/admin/templates/edit.blade.php rename to resources/views/old_admin/templates/edit.blade.php diff --git a/resources/views/admin/templates/editForm.blade.php b/resources/views/old_admin/templates/editForm.blade.php similarity index 100% rename from resources/views/admin/templates/editForm.blade.php rename to resources/views/old_admin/templates/editForm.blade.php diff --git a/resources/views/admin/templates/list.blade.php b/resources/views/old_admin/templates/list.blade.php similarity index 100% rename from resources/views/admin/templates/list.blade.php rename to resources/views/old_admin/templates/list.blade.php diff --git a/resources/views/admin/templates/templatesTiles.blade.php b/resources/views/old_admin/templates/templatesTiles.blade.php similarity index 100% rename from resources/views/admin/templates/templatesTiles.blade.php rename to resources/views/old_admin/templates/templatesTiles.blade.php diff --git a/resources/views/admin/userManagement/detail.blade.php b/resources/views/old_admin/userManagement/detail.blade.php similarity index 100% rename from resources/views/admin/userManagement/detail.blade.php rename to resources/views/old_admin/userManagement/detail.blade.php diff --git a/resources/views/admin/userManagement/edit.blade.php b/resources/views/old_admin/userManagement/edit.blade.php similarity index 100% rename from resources/views/admin/userManagement/edit.blade.php rename to resources/views/old_admin/userManagement/edit.blade.php diff --git a/resources/views/admin/userManagement/editForm.blade.php b/resources/views/old_admin/userManagement/editForm.blade.php similarity index 100% rename from resources/views/admin/userManagement/editForm.blade.php rename to resources/views/old_admin/userManagement/editForm.blade.php diff --git a/resources/views/admin/userManagement/new.blade.php b/resources/views/old_admin/userManagement/new.blade.php similarity index 100% rename from resources/views/admin/userManagement/new.blade.php rename to resources/views/old_admin/userManagement/new.blade.php diff --git a/resources/views/admin/userManagement/newForm.blade.php b/resources/views/old_admin/userManagement/newForm.blade.php similarity index 100% rename from resources/views/admin/userManagement/newForm.blade.php rename to resources/views/old_admin/userManagement/newForm.blade.php diff --git a/resources/views/admin/userManagement/overview.blade.php b/resources/views/old_admin/userManagement/overview.blade.php similarity index 100% rename from resources/views/admin/userManagement/overview.blade.php rename to resources/views/old_admin/userManagement/overview.blade.php diff --git a/resources/views/admin/widgets/area/edit.blade.php b/resources/views/old_admin/widgets/area/edit.blade.php similarity index 100% rename from resources/views/admin/widgets/area/edit.blade.php rename to resources/views/old_admin/widgets/area/edit.blade.php diff --git a/resources/views/admin/widgets/area/editForm.blade.php b/resources/views/old_admin/widgets/area/editForm.blade.php similarity index 100% rename from resources/views/admin/widgets/area/editForm.blade.php rename to resources/views/old_admin/widgets/area/editForm.blade.php diff --git a/resources/views/admin/widgets/area/new.blade.php b/resources/views/old_admin/widgets/area/new.blade.php similarity index 100% rename from resources/views/admin/widgets/area/new.blade.php rename to resources/views/old_admin/widgets/area/new.blade.php diff --git a/resources/views/admin/widgets/area/newForm.blade.php b/resources/views/old_admin/widgets/area/newForm.blade.php similarity index 100% rename from resources/views/admin/widgets/area/newForm.blade.php rename to resources/views/old_admin/widgets/area/newForm.blade.php diff --git a/resources/views/admin/widgets/area/overview.blade.php b/resources/views/old_admin/widgets/area/overview.blade.php similarity index 100% rename from resources/views/admin/widgets/area/overview.blade.php rename to resources/views/old_admin/widgets/area/overview.blade.php diff --git a/resources/views/admin/widgets/association.blade.php b/resources/views/old_admin/widgets/association.blade.php similarity index 100% rename from resources/views/admin/widgets/association.blade.php rename to resources/views/old_admin/widgets/association.blade.php diff --git a/resources/views/admin/widgets/htmlCode/edit.blade.php b/resources/views/old_admin/widgets/htmlCode/edit.blade.php similarity index 100% rename from resources/views/admin/widgets/htmlCode/edit.blade.php rename to resources/views/old_admin/widgets/htmlCode/edit.blade.php diff --git a/resources/views/admin/widgets/htmlCode/editForm.blade.php b/resources/views/old_admin/widgets/htmlCode/editForm.blade.php similarity index 100% rename from resources/views/admin/widgets/htmlCode/editForm.blade.php rename to resources/views/old_admin/widgets/htmlCode/editForm.blade.php diff --git a/resources/views/admin/widgets/htmlCode/new.blade.php b/resources/views/old_admin/widgets/htmlCode/new.blade.php similarity index 100% rename from resources/views/admin/widgets/htmlCode/new.blade.php rename to resources/views/old_admin/widgets/htmlCode/new.blade.php diff --git a/resources/views/admin/widgets/htmlCode/newForm.blade.php b/resources/views/old_admin/widgets/htmlCode/newForm.blade.php similarity index 100% rename from resources/views/admin/widgets/htmlCode/newForm.blade.php rename to resources/views/old_admin/widgets/htmlCode/newForm.blade.php diff --git a/resources/views/admin/widgets/menu/advanced/extensions/edit.blade.php b/resources/views/old_admin/widgets/menu/advanced/extensions/edit.blade.php similarity index 100% rename from resources/views/admin/widgets/menu/advanced/extensions/edit.blade.php rename to resources/views/old_admin/widgets/menu/advanced/extensions/edit.blade.php diff --git a/resources/views/admin/widgets/menu/advanced/extensions/form.blade.php b/resources/views/old_admin/widgets/menu/advanced/extensions/form.blade.php similarity index 100% rename from resources/views/admin/widgets/menu/advanced/extensions/form.blade.php rename to resources/views/old_admin/widgets/menu/advanced/extensions/form.blade.php diff --git a/resources/views/admin/widgets/menu/advanced/extensions/new.blade.php b/resources/views/old_admin/widgets/menu/advanced/extensions/new.blade.php similarity index 100% rename from resources/views/admin/widgets/menu/advanced/extensions/new.blade.php rename to resources/views/old_admin/widgets/menu/advanced/extensions/new.blade.php diff --git a/resources/views/admin/widgets/menu/advanced/extensions/url.blade.php b/resources/views/old_admin/widgets/menu/advanced/extensions/url.blade.php similarity index 100% rename from resources/views/admin/widgets/menu/advanced/extensions/url.blade.php rename to resources/views/old_admin/widgets/menu/advanced/extensions/url.blade.php diff --git a/resources/views/admin/widgets/menu/edit.blade.php b/resources/views/old_admin/widgets/menu/edit.blade.php similarity index 100% rename from resources/views/admin/widgets/menu/edit.blade.php rename to resources/views/old_admin/widgets/menu/edit.blade.php diff --git a/resources/views/admin/widgets/menu/form.blade.php b/resources/views/old_admin/widgets/menu/form.blade.php similarity index 100% rename from resources/views/admin/widgets/menu/form.blade.php rename to resources/views/old_admin/widgets/menu/form.blade.php diff --git a/resources/views/admin/widgets/menu/new.blade.php b/resources/views/old_admin/widgets/menu/new.blade.php similarity index 100% rename from resources/views/admin/widgets/menu/new.blade.php rename to resources/views/old_admin/widgets/menu/new.blade.php diff --git a/resources/views/admin/widgets/orbitSlider/edit.blade.php b/resources/views/old_admin/widgets/orbitSlider/edit.blade.php similarity index 100% rename from resources/views/admin/widgets/orbitSlider/edit.blade.php rename to resources/views/old_admin/widgets/orbitSlider/edit.blade.php diff --git a/resources/views/admin/widgets/orbitSlider/form.blade.php b/resources/views/old_admin/widgets/orbitSlider/form.blade.php similarity index 100% rename from resources/views/admin/widgets/orbitSlider/form.blade.php rename to resources/views/old_admin/widgets/orbitSlider/form.blade.php diff --git a/resources/views/admin/widgets/orbitSlider/new.blade.php b/resources/views/old_admin/widgets/orbitSlider/new.blade.php similarity index 100% rename from resources/views/admin/widgets/orbitSlider/new.blade.php rename to resources/views/old_admin/widgets/orbitSlider/new.blade.php diff --git a/resources/views/admin/widgets/overview.blade.php b/resources/views/old_admin/widgets/overview.blade.php similarity index 100% rename from resources/views/admin/widgets/overview.blade.php rename to resources/views/old_admin/widgets/overview.blade.php diff --git a/resources/views/visitor/cwbs/modules/Article/content.blade.php b/resources/views/visitor/cwbs/modules/Article/content.blade.php new file mode 100644 index 00000000..89afaab1 --- /dev/null +++ b/resources/views/visitor/cwbs/modules/Article/content.blade.php @@ -0,0 +1,9 @@ +@extendVisitor('defaultLayout') + + +@section('content') +

    {{$page->title}}

    +
    + + {!! $page->content !!} +@endsection \ No newline at end of file