From 42afe3a7f0c53f404ddb5ef9575454241d262740 Mon Sep 17 00:00:00 2001 From: huguijian <292438151@qq.com> Date: Sat, 1 Oct 2016 11:29:26 +0800 Subject: [PATCH] update --- webroot/static/assets/css/common.css | 71 + webroot/static/assets/css/table.css | 3 + webroot/static/assets/css/theme/admin.css | 1125 ++ .../static/assets/css/theme/admin_forms.css | 4239 +++++ webroot/static/assets/css/theme/animate.css | 693 + .../static/assets/css/theme/background.css | 47 + webroot/static/assets/css/theme/base.css | 803 + webroot/static/assets/css/theme/charts.css | 65 + webroot/static/assets/css/theme/ckeditor.css | 58 + webroot/static/assets/css/theme/common.css | 6386 +++++++ .../static/assets/css/theme/contextuals.css | 228 + webroot/static/assets/css/theme/crop_demo.css | 116 + .../static/assets/css/theme/datatables.css | 232 + webroot/static/assets/css/theme/demo.css | 289 + webroot/static/assets/css/theme/extend.css | 2445 +++ webroot/static/assets/css/theme/footable.css | 108 + webroot/static/assets/css/theme/forms.css | 4171 +++++ .../static/assets/css/theme/fullcalendar.css | 392 + webroot/static/assets/css/theme/helpers.css | 1652 ++ webroot/static/assets/css/theme/icons.css | 111 + webroot/static/assets/css/theme/main.css | 8 + webroot/static/assets/css/theme/navbar.css | 1093 ++ webroot/static/assets/css/theme/pages.css | 1103 ++ .../assets/css/theme/pricing_tables.css | 145 + .../static/assets/css/theme/responsive.css | 40 + webroot/static/assets/css/theme/settings.css | 177 + webroot/static/assets/css/theme/sidebar.css | 1304 ++ webroot/static/assets/css/theme/style.css | 69 + .../static/assets/css/theme/theme_primary.css | 168 + .../assets/css/theme/theme_settings.css | 2697 +++ webroot/static/assets/css/theme/topbar.css | 225 + webroot/static/assets/css/theme/trays.css | 433 + webroot/static/assets/css/theme/widget.css | 472 + webroot/static/assets/img/avatars/1.jpg | Bin 0 -> 5732 bytes webroot/static/assets/img/avatars/2.jpg | Bin 0 -> 5854 bytes webroot/static/assets/img/avatars/3.jpg | Bin 0 -> 4583 bytes webroot/static/assets/img/avatars/4.jpg | Bin 0 -> 5464 bytes webroot/static/assets/img/avatars/5.jpg | Bin 0 -> 7716 bytes webroot/static/assets/img/avatars/6.jpg | Bin 0 -> 5800 bytes webroot/static/assets/img/avatars/license.txt | 4 + .../static/assets/img/avatars/placeholder.png | Bin 0 -> 9531 bytes .../assets/img/avatars/profile_avatar.jpg | Bin 0 -> 8522 bytes webroot/static/assets/img/class_bg.png | Bin 0 -> 68251 bytes webroot/static/assets/img/course_bg.png | Bin 0 -> 46293 bytes webroot/static/assets/img/favicon.ico | Bin 0 -> 4286 bytes webroot/static/assets/img/logo.png | Bin 0 -> 148117 bytes .../assets/img/patterns/backgrounds/1.jpg | Bin 0 -> 85634 bytes .../assets/img/patterns/backgrounds/2.jpg | Bin 0 -> 38184 bytes .../assets/img/patterns/backgrounds/2.png | Bin 0 -> 289427 bytes .../static/assets/img/patterns/error-bg.jpg | Bin 0 -> 10206 bytes .../static/assets/img/patterns/license.txt | 4 + webroot/static/assets/img/patterns/noise.png | Bin 0 -> 13009 bytes .../static/assets/img/patterns/topbar-bg.jpg | Bin 0 -> 31014 bytes .../static/assets/img/patterns/topbar-bg2.jpg | Bin 0 -> 32554 bytes .../img/plugins/Markdown.Editor.Icons.fw.png | Bin 0 -> 51360 bytes .../img/plugins/Markdown.Editor.Icons.png | Bin 0 -> 52640 bytes .../assets/img/plugins/admindock-sprite.png | Bin 0 -> 1294 bytes .../assets/img/plugins/arrow_left_12x12.png | Bin 0 -> 219 bytes .../assets/img/plugins/arrow_right_12x12.png | Bin 0 -> 215 bytes .../assets/img/plugins/details_close.png | Bin 0 -> 686 bytes .../assets/img/plugins/details_open.png | Bin 0 -> 709 bytes .../assets/img/plugins/grippy_large.png | Bin 0 -> 91 bytes .../static/assets/img/sprites/favicons.png | Bin 0 -> 5999 bytes webroot/static/assets/img/sprites/flag-sm.png | Bin 0 -> 8008 bytes webroot/static/assets/img/sprites/flag-xs.png | Bin 0 -> 2690 bytes webroot/static/assets/img/sprites/license.txt | 4 + .../assets/img/sprites/news-logo_sprite.png | Bin 0 -> 6730 bytes webroot/static/assets/js/canvasbg/canvasbg.js | 849 + webroot/static/assets/js/init.js | 1 + .../static/assets/lib/bootstrap/config.json | 424 + .../lib/bootstrap/css/bootstrap-theme.css | 417 + .../lib/bootstrap/css/bootstrap-theme.min.css | 10 + .../assets/lib/bootstrap/css/bootstrap.css | 6218 +++++++ .../lib/bootstrap/css/bootstrap.min.css | 10 + .../fonts/glyphicons-halflings-regular.eot | Bin 0 -> 20335 bytes .../fonts/glyphicons-halflings-regular.svg | 229 + .../fonts/glyphicons-halflings-regular.ttf | Bin 0 -> 41280 bytes .../fonts/glyphicons-halflings-regular.woff | Bin 0 -> 23320 bytes .../assets/lib/bootstrap/js/bootstrap.js | 2140 +++ .../assets/lib/bootstrap/js/bootstrap.min.js | 11 + .../lib/bootstrap/plugins/ie/html5shiv.js | 8 + .../assets/lib/bootstrap/plugins/ie/json2.js | 495 + .../lib/bootstrap/plugins/ie/respond.js | 342 + .../lib/datatables/amazeui.datatables.css | 387 + .../lib/datatables/amazeui.datatables.js | 15518 ++++++++++++++++ .../lib/datatables/amazeui.datatables.min.css | 1 + .../lib/datatables/amazeui.datatables.min.js | 3 + .../datatables/dataTables.responsive.min.js | 1 + .../assets/lib/datatables/select/License.txt | 22 + .../assets/lib/datatables/select/Readme.md | 41 + .../select/css/select.bootstrap.css | 114 + .../select/css/select.bootstrap.min.css | 1 + .../select/css/select.bootstrap4.css | 110 + .../select/css/select.bootstrap4.min.css | 1 + .../select/css/select.dataTables.css | 100 + .../select/css/select.dataTables.min.css | 1 + .../select/css/select.foundation.css | 112 + .../select/css/select.foundation.min.css | 1 + .../datatables/select/css/select.jqueryui.css | 100 + .../select/css/select.jqueryui.min.css | 1 + .../select/css/select.semanticui.css | 105 + .../select/css/select.semanticui.min.css | 1 + .../examples/api/cancellableEvents.html | 709 + .../select/examples/api/events.html | 722 + .../datatables/select/examples/api/get.html | 743 + .../datatables/select/examples/api/index.html | 60 + .../select/examples/api/select.html | 722 + .../lib/datatables/select/examples/index.html | 114 + .../examples/initialisation/blurable.html | 684 + .../examples/initialisation/buttons.html | 726 + .../select/examples/initialisation/cells.html | 686 + .../examples/initialisation/checkbox.html | 701 + .../examples/initialisation/deferRender.html | 233 + .../select/examples/initialisation/i18n.html | 703 + .../select/examples/initialisation/index.html | 78 + .../select/examples/initialisation/multi.html | 690 + .../examples/initialisation/reload.html | 272 + .../examples/initialisation/simple.html | 679 + .../examples/initialisation/single.html | 689 + .../select/examples/styling/bootstrap.html | 684 + .../select/examples/styling/bootstrap4.html | 684 + .../select/examples/styling/foundation.html | 685 + .../select/examples/styling/index.html | 62 + .../select/examples/styling/jqueryui.html | 683 + .../select/examples/styling/semanticui.html | 683 + .../datatables/select/js/dataTables.select.js | 1109 ++ .../select/js/dataTables.select.min.js | 26 + 127 files changed, 72781 insertions(+) create mode 100755 webroot/static/assets/css/common.css create mode 100755 webroot/static/assets/css/table.css create mode 100755 webroot/static/assets/css/theme/admin.css create mode 100755 webroot/static/assets/css/theme/admin_forms.css create mode 100755 webroot/static/assets/css/theme/animate.css create mode 100755 webroot/static/assets/css/theme/background.css create mode 100755 webroot/static/assets/css/theme/base.css create mode 100755 webroot/static/assets/css/theme/charts.css create mode 100755 webroot/static/assets/css/theme/ckeditor.css create mode 100755 webroot/static/assets/css/theme/common.css create mode 100755 webroot/static/assets/css/theme/contextuals.css create mode 100755 webroot/static/assets/css/theme/crop_demo.css create mode 100755 webroot/static/assets/css/theme/datatables.css create mode 100755 webroot/static/assets/css/theme/demo.css create mode 100755 webroot/static/assets/css/theme/extend.css create mode 100755 webroot/static/assets/css/theme/footable.css create mode 100755 webroot/static/assets/css/theme/forms.css create mode 100755 webroot/static/assets/css/theme/fullcalendar.css create mode 100755 webroot/static/assets/css/theme/helpers.css create mode 100755 webroot/static/assets/css/theme/icons.css create mode 100755 webroot/static/assets/css/theme/main.css create mode 100755 webroot/static/assets/css/theme/navbar.css create mode 100755 webroot/static/assets/css/theme/pages.css create mode 100755 webroot/static/assets/css/theme/pricing_tables.css create mode 100755 webroot/static/assets/css/theme/responsive.css create mode 100755 webroot/static/assets/css/theme/settings.css create mode 100755 webroot/static/assets/css/theme/sidebar.css create mode 100755 webroot/static/assets/css/theme/style.css create mode 100755 webroot/static/assets/css/theme/theme_primary.css create mode 100755 webroot/static/assets/css/theme/theme_settings.css create mode 100755 webroot/static/assets/css/theme/topbar.css create mode 100755 webroot/static/assets/css/theme/trays.css create mode 100755 webroot/static/assets/css/theme/widget.css create mode 100755 webroot/static/assets/img/avatars/1.jpg create mode 100755 webroot/static/assets/img/avatars/2.jpg create mode 100755 webroot/static/assets/img/avatars/3.jpg create mode 100755 webroot/static/assets/img/avatars/4.jpg create mode 100755 webroot/static/assets/img/avatars/5.jpg create mode 100755 webroot/static/assets/img/avatars/6.jpg create mode 100755 webroot/static/assets/img/avatars/license.txt create mode 100755 webroot/static/assets/img/avatars/placeholder.png create mode 100755 webroot/static/assets/img/avatars/profile_avatar.jpg create mode 100755 webroot/static/assets/img/class_bg.png create mode 100755 webroot/static/assets/img/course_bg.png create mode 100755 webroot/static/assets/img/favicon.ico create mode 100755 webroot/static/assets/img/logo.png create mode 100755 webroot/static/assets/img/patterns/backgrounds/1.jpg create mode 100755 webroot/static/assets/img/patterns/backgrounds/2.jpg create mode 100755 webroot/static/assets/img/patterns/backgrounds/2.png create mode 100755 webroot/static/assets/img/patterns/error-bg.jpg create mode 100755 webroot/static/assets/img/patterns/license.txt create mode 100755 webroot/static/assets/img/patterns/noise.png create mode 100755 webroot/static/assets/img/patterns/topbar-bg.jpg create mode 100755 webroot/static/assets/img/patterns/topbar-bg2.jpg create mode 100755 webroot/static/assets/img/plugins/Markdown.Editor.Icons.fw.png create mode 100755 webroot/static/assets/img/plugins/Markdown.Editor.Icons.png create mode 100755 webroot/static/assets/img/plugins/admindock-sprite.png create mode 100755 webroot/static/assets/img/plugins/arrow_left_12x12.png create mode 100755 webroot/static/assets/img/plugins/arrow_right_12x12.png create mode 100755 webroot/static/assets/img/plugins/details_close.png create mode 100755 webroot/static/assets/img/plugins/details_open.png create mode 100755 webroot/static/assets/img/plugins/grippy_large.png create mode 100755 webroot/static/assets/img/sprites/favicons.png create mode 100755 webroot/static/assets/img/sprites/flag-sm.png create mode 100755 webroot/static/assets/img/sprites/flag-xs.png create mode 100755 webroot/static/assets/img/sprites/license.txt create mode 100755 webroot/static/assets/img/sprites/news-logo_sprite.png create mode 100755 webroot/static/assets/js/canvasbg/canvasbg.js create mode 100755 webroot/static/assets/js/init.js create mode 100755 webroot/static/assets/lib/bootstrap/config.json create mode 100755 webroot/static/assets/lib/bootstrap/css/bootstrap-theme.css create mode 100755 webroot/static/assets/lib/bootstrap/css/bootstrap-theme.min.css create mode 100755 webroot/static/assets/lib/bootstrap/css/bootstrap.css create mode 100755 webroot/static/assets/lib/bootstrap/css/bootstrap.min.css create mode 100755 webroot/static/assets/lib/bootstrap/fonts/glyphicons-halflings-regular.eot create mode 100755 webroot/static/assets/lib/bootstrap/fonts/glyphicons-halflings-regular.svg create mode 100755 webroot/static/assets/lib/bootstrap/fonts/glyphicons-halflings-regular.ttf create mode 100755 webroot/static/assets/lib/bootstrap/fonts/glyphicons-halflings-regular.woff create mode 100755 webroot/static/assets/lib/bootstrap/js/bootstrap.js create mode 100755 webroot/static/assets/lib/bootstrap/js/bootstrap.min.js create mode 100755 webroot/static/assets/lib/bootstrap/plugins/ie/html5shiv.js create mode 100755 webroot/static/assets/lib/bootstrap/plugins/ie/json2.js create mode 100755 webroot/static/assets/lib/bootstrap/plugins/ie/respond.js create mode 100755 webroot/static/assets/lib/datatables/amazeui.datatables.css create mode 100755 webroot/static/assets/lib/datatables/amazeui.datatables.js create mode 100755 webroot/static/assets/lib/datatables/amazeui.datatables.min.css create mode 100755 webroot/static/assets/lib/datatables/amazeui.datatables.min.js create mode 100755 webroot/static/assets/lib/datatables/dataTables.responsive.min.js create mode 100755 webroot/static/assets/lib/datatables/select/License.txt create mode 100755 webroot/static/assets/lib/datatables/select/Readme.md create mode 100755 webroot/static/assets/lib/datatables/select/css/select.bootstrap.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.bootstrap.min.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.bootstrap4.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.bootstrap4.min.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.dataTables.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.dataTables.min.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.foundation.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.foundation.min.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.jqueryui.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.jqueryui.min.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.semanticui.css create mode 100755 webroot/static/assets/lib/datatables/select/css/select.semanticui.min.css create mode 100755 webroot/static/assets/lib/datatables/select/examples/api/cancellableEvents.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/api/events.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/api/get.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/api/index.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/api/select.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/index.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/blurable.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/buttons.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/cells.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/checkbox.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/deferRender.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/i18n.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/index.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/multi.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/reload.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/simple.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/initialisation/single.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/styling/bootstrap.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/styling/bootstrap4.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/styling/foundation.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/styling/index.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/styling/jqueryui.html create mode 100755 webroot/static/assets/lib/datatables/select/examples/styling/semanticui.html create mode 100755 webroot/static/assets/lib/datatables/select/js/dataTables.select.js create mode 100755 webroot/static/assets/lib/datatables/select/js/dataTables.select.min.js diff --git a/webroot/static/assets/css/common.css b/webroot/static/assets/css/common.css new file mode 100755 index 0000000..0921787 --- /dev/null +++ b/webroot/static/assets/css/common.css @@ -0,0 +1,71 @@ +body{ + font-size:1.4rem; +} +.admin-sidebar{ + width:220px; +} +.admin-sidebar-list li.xx-active{ + border-right:5px solid #0E90D2 !important; +} +.admin-sidebar{ + font-size:15px; +} +.admin-content, .admin-sidebar{ + overflow-y: auto; +} +.xx-menu-item{ + font-size:1.1em; + margin-right:10px; +} +.admin-task-bd{ + line-height:1.6; + color:#9f9f9f; + padding-top:10px; + padding-left:5px; +} +ul.xx-margin-big li+li{ + margin-right:5px; + margin-left:5px; +} +ul.xx-margin-bottom-big li{ + margin-bottom:1.2em; +} +ul.xx-dropdown-divider li{ + margin-top:0; + margin-bottom:0; +} +ul.xx-dropdown-divider li+li{ + border-top:1px dotted #999; +} +.xx-gallery-title{ + margin-bottom:5px !important; + padding-bottom:2px !important; + border-bottom:1px solid #ddd; + font-weight:bold !important; +} +.xx-small{ + font-size:0.7em !important; +} +.xx-table-main{ + font-size:12px; + border-bottom:1px solid #DDDDDD; +} +.xx-pl-10{ + padding-left:10px; +} +.xx-ft-center{ + text-align:center; +} +.xx-mr-select{ + margin-right:10px; +} +.xx-question-all{ + display:none; + font-size:12px !important; + font-family:Arial,'Microsoft Yahei' !important; + padding:20px; +} +.xx-q-border{ + border-top:1px dashed #ddd; + padding:10px 15px; +} \ No newline at end of file diff --git a/webroot/static/assets/css/table.css b/webroot/static/assets/css/table.css new file mode 100755 index 0000000..453d911 --- /dev/null +++ b/webroot/static/assets/css/table.css @@ -0,0 +1,3 @@ +.xx-table-container{ + font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif !important; +} diff --git a/webroot/static/assets/css/theme/admin.css b/webroot/static/assets/css/theme/admin.css new file mode 100755 index 0000000..32678d8 --- /dev/null +++ b/webroot/static/assets/css/theme/admin.css @@ -0,0 +1,1125 @@ +/* +=============================================== +1. AdminDock +2. AdminModals +3. AdminPanels + +================================================= +*/ + +/*=============================================== + AdminDock +================================================= */ +.dockmodal, +.dockmodal *, +.dockmodal *:before, +.dockmodal *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.modal-placeholder { + display: none; + visibility: hidden; + height: 0; + width: 0; +} +.dockmodal-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1050; + background: #000; + opacity: 0.7; + display: none; +} +.dockmodal { + position: fixed; + right: 20px; + bottom: 0; + top: auto; + z-index: 1000; + height: 0; + background: transparent; + border-bottom: 0; + box-shadow: 0 1px 0px #000; + overflow: hidden; + border: 0; +} +.dockmodal-header { + height: 36px; + padding: 5px 5px 5px 10px; + position: absolute; + top: 0; + left: 0; + right: 0; + background: #30363e; + overflow: hidden; + cursor: pointer; + z-index: 1; +} +.dockmodal-body { + background: #FFF; + position: absolute; + top: 36px; + bottom: 40px; + left: 0; + right: 0; + overflow: auto; + padding: 10px 15px; +} +.dockmodal-footer { + padding: 5px 10px; + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: #CCC; + overflow: hidden; + text-align: right; +} +.dockmodal-footer-buttonset { + height: 30px; + line-height: 30px; +} +.dockmodal.no-footer .dockmodal-body { + bottom: 0; +} +.dockmodal-header .title-text { + color: #FFFFFF; + font-size: 16px; + font-weight: bold; + line-height: 26px; + vertical-align: top; + white-space: nowrap; + max-width: 100%; + margin-right: 90px; + overflow: hidden; + text-overflow: ellipsis; +} +.dockmodal-header .header-action { + padding: 5px; + float: right; + margin-right: 1px; + line-height: 16px; +} +.dockmodal-header .header-action:hover { + background: #555; +} +.dockmodal-header .header-action i { + background: url("../../../img/plugins/admindock-sprite.png") no-repeat top left; + vertical-align: top; + display: inline-block; + *display: inline; + zoom: 1; + width: 16px; + height: 16px; +} +.dockmodal-header .header-action .icon-dockmodal-close { + background-position: 0 0; +} +.dockmodal-header .header-action .icon-dockmodal-popin { + background-position: 0 -40px; +} +.dockmodal-header .header-action .icon-dockmodal-popout { + background-position: 0 -60px; +} +.dockmodal.popped-out .header-action .icon-dockmodal-popout { + background-position: 0 -40px; +} +.dockmodal-header .header-action .icon-dockmodal-minimize { + background-position: 0 -75px; +} +.dockmodal-header .header-action .icon-dockmodal-restore { + background-position: 0 -80px; +} +.dockmodal.minimized .header-action .icon-dockmodal-minimize { + background-position: 0 -25px; +} +.dockmodal.popped-out { + width: auto; + height: auto; + border: 0; + z-index: 1501; +} +.dockmodal.minimized { + height: 36px; + top: auto; + left: auto; + right: 20px; + bottom: 0; + z-index: 1000; +} +.dockmodal.minimized .dockmodal-header { + /*position: relative;*/ +} +.dockmodal.minimized .dockmodal-body { + /*display: none;*/ +} +.dockmodal.minimized .dockmodal-footer { + /*display: none;*/ +} +.dockmodal .dockmodal-footer-buttonset > a { + min-width: 60px; +} +.dockmodal .dockmodal-footer-buttonset > a + a { + margin-left: 5px; +} +/* ================================================== + AdminModals + ==================================================== */ +/* +Styles for the html/body for special modal where we want 3d effects +Note that we need a container wrapping all content on the page for the +perspective effects (not including the modals and the overlay). +*/ +.md-perspective, +.md-perspective body { + height: 100%; + overflow: hidden; +} +.md-perspective body { + background: #222; + -webkit-perspective: 600px; + perspective: 600px; +} +/* Modal styles */ +.md-modal { + position: fixed; + top: 50%; + left: 50%; + width: 50%; + max-width: 630px; + min-width: 320px; + height: auto; + z-index: 2000; + visibility: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.md-show { + visibility: visible; +} +/* Overlay styles */ +.md-overlay { + position: fixed; + width: 100%; + height: 100%; + visibility: hidden; + top: 0; + left: 0; + z-index: 1000; + opacity: 0; + background: rgba(0, 0, 0, 0.8); + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.md-show ~ .md-overlay { + opacity: 1; + visibility: visible; +} +/* Content styles */ +.md-content { + color: #666; + background: #FFF; + position: relative; + border-radius: 3px; + margin: 0 auto; +} +.md-content h3 { + margin: 0; + padding: 15px; + text-align: center; + font-size: 2.4em; + font-weight: 300; + background: #eee; + border-radius: 3px 3px 0 0; + border-bottom: 1px solid #ddd; +} +.md-content > div { + padding: 15px 40px 30px; + margin: 0; + font-weight: 300; + font-size: 1.15em; +} +.md-content > div p { + margin: 0; + padding: 10px 0; +} +.md-content > div ul { + margin: 0; + padding: 0 0 30px 20px; +} +.md-content > div ul li { + padding: 5px 0; +} +/* ====== Container options ====== */ +/* modal close button */ +.admin-form .mfp-close, +.admin-form .mfp-close-btn-in { + font-size: 26px; + color: #999; + text-shadow: none; + font-weight: 400; + padding-top: 5px; +} +/* ====== Default Fade effect ====== */ +.mfp-with-fade .mfp-content, +.mfp-with-fade.mfp-bg { + opacity: 0; + -webkit-transition: opacity 0.5s ease-out; + transition: opacity 0.5s ease-out; +} +.mfp-with-fade.mfp-ready .mfp-content { + opacity: 1; +} +.mfp-with-fade.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-with-fade.mfp-removing .mfp-with-anim { + opacity: 0; +} +.mfp-with-fade.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== Zoom effect ====== */ +.mfp-zoomIn { + /* start state */ + /* animate in */ + /* animate out */ +} +.mfp-zoomIn .mfp-with-anim { + opacity: 0; + transition: all 0.2s ease-in-out; + transform: scale(0.8); +} +.mfp-zoomIn.mfp-bg { + opacity: 0; + transition: all 0.3s ease-out; +} +.mfp-zoomIn.mfp-ready .mfp-with-anim { + opacity: 1; + transform: scale(1); +} +.mfp-zoomIn.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-zoomIn.mfp-removing .mfp-with-anim { + transform: scale(0.8); + opacity: 0; +} +.mfp-zoomIn.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== Zoom-out effect ====== */ +.mfp-zoomOut .mfp-with-anim { + opacity: 0; + transition: all 0.3s ease-in-out; + transform: scale(1.3); +} +.mfp-zoomOut.mfp-bg { + opacity: 0; + transition: all 0.3s ease-out; +} +.mfp-zoomOut.mfp-ready .mfp-with-anim { + opacity: 1; + transform: scale(1); +} +.mfp-zoomOut.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-zoomOut.mfp-removing .mfp-with-anim { + transform: scale(1.3); + opacity: 0; +} +.mfp-zoomOut.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== Move-from-left effect ====== */ +.mfp-slideLeft .mfp-with-anim { + opacity: 0; + transition: all 0.3s; + transform: translateX(-50px); +} +.mfp-slideLeft.mfp-bg { + opacity: 0; + transition: all 0.3s; +} +.mfp-slideLeft.mfp-ready .mfp-with-anim { + opacity: 1; + transform: translateX(0); +} +.mfp-slideLeft.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-slideLeft.mfp-removing .mfp-with-anim { + transform: translateX(50px); + opacity: 0; +} +.mfp-slideLeft.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== Move-from-right effect ====== */ +.mfp-slideRight .mfp-with-anim { + opacity: 0; + transition: all 0.3s; + transform: translateX(50px); +} +.mfp-slideRight.mfp-bg { + opacity: 0; + transition: all 0.3s; +} +.mfp-slideRight.mfp-ready .mfp-with-anim { + opacity: 1; + transform: translateX(0); +} +.mfp-slideRight.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-slideRight.mfp-removing .mfp-with-anim { + transform: translateX(-50px); + opacity: 0; +} +.mfp-slideRight.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== Move-from-top effect ====== */ +.mfp-slideDown .mfp-content { + vertical-align: middle; +} +.mfp-slideDown .mfp-with-anim { + opacity: 0; + transition: all 0.2s; + transform: translateY(-100px); +} +.mfp-slideDown.mfp-bg { + opacity: 0; + transition: all 0.2s; +} +.mfp-slideDown.mfp-ready .mfp-with-anim { + opacity: 1; + transform: translateY(0); +} +.mfp-slideDown.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-slideDown.mfp-removing .mfp-with-anim { + transform: translateY(-50px); + opacity: 0; +} +.mfp-slideDown.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== Move-from-bottom effect ====== */ +.mfp-slideUp .mfp-content { + vertical-align: middle; +} +.mfp-slideUp .mfp-with-anim { + opacity: 0; + transition: all 0.2s; + transform: translateY(100px); +} +.mfp-slideUp.mfp-bg { + opacity: 0; + transition: all 0.2s; +} +.mfp-slideUp.mfp-ready .mfp-with-anim { + opacity: 1; + transform: translateY(0); +} +.mfp-slideUp.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-slideUp.mfp-removing .mfp-with-anim { + transform: translateY(50px); + opacity: 0; +} +.mfp-slideUp.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== 3d unfold ====== */ +.mfp-flipInX .mfp-content { + perspective: 2000px; +} +.mfp-flipInX .mfp-with-anim { + opacity: 0; + transition: all 0.3s ease-in-out; + transform-style: preserve-3d; + transform: rotateX(-60deg); +} +.mfp-flipInX.mfp-bg { + opacity: 0; + transition: all 0.5s; +} +.mfp-flipInX.mfp-ready .mfp-with-anim { + opacity: 1; + transform: rotateX(0deg); +} +.mfp-flipInX.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-flipInX.mfp-removing .mfp-with-anim { + transform: rotateX(60deg); + opacity: 0; +} +.mfp-flipInX.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== FlipInY ====== */ +.mfp-flipInY .mfp-content { + perspective: 2000px; +} +.mfp-flipInY .mfp-with-anim { + opacity: 0; + transition: all 0.3s ease-in-out; + transform-style: preserve-3d; + transform: rotateY(-60deg); +} +.mfp-flipInY.mfp-bg { + opacity: 0; + transition: all 0.5s; +} +.mfp-flipInY.mfp-ready .mfp-with-anim { + opacity: 1; + transform: rotateY(0deg); +} +.mfp-flipInY.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-flipInY.mfp-removing .mfp-with-anim { + transform: rotateY(60deg); + opacity: 0; +} +.mfp-flipInY.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== rotate in left ====== */ +.mfp-rotateDown .mfp-content { + -webkit-perspective: 1300px; + perspective: 1300px; +} +.mfp-rotateDown .mfp-with-anim { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform: translateY(-100%) rotateX(-90deg); + transform: translateY(-100%) rotateX(-90deg); + -webkit-transform-origin: 0 -100%; + transform-origin: 0 -100%; + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.mfp-rotateDown.mfp-bg { + opacity: 0; + transition: all 0.5s; +} +.mfp-rotateDown.mfp-ready .mfp-with-anim { + -webkit-transform: translateY(0%) rotateX(0deg); + transform: translateY(0%) rotateX(0deg); + opacity: 1; +} +.mfp-rotateDown.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-rotateDown.mfp-removing .mfp-with-anim { + -webkit-transform: translateY(-100%) rotateX(-90deg); + transform: translateY(-100%) rotateX(-90deg); + -webkit-transform-origin: 0 -100%; + transform-origin: 0 -100%; + opacity: 0; +} +.mfp-rotateDown.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== rotate in left ====== */ +.mfp-rotateUp .mfp-content { + -webkit-perspective: 1300px; + perspective: 1300px; +} +.mfp-rotateUp .mfp-with-anim { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform: translateY(100%) rotateX(90deg); + transform: translateY(100%) rotateX(90deg); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.mfp-rotateUp.mfp-bg { + opacity: 0; + transition: all 0.5s; +} +.mfp-rotateUp.mfp-ready .mfp-with-anim { + -webkit-transform: translateY(0%) rotateX(0deg); + transform: translateY(0%) rotateX(0deg); + opacity: 1; +} +.mfp-rotateUp.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-rotateUp.mfp-removing .mfp-with-anim { + -webkit-transform: translateY(100%) rotateX(90deg); + transform: translateY(100%) rotateX(90deg); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + opacity: 0; +} +.mfp-rotateUp.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== rotate in left ====== */ +.mfp-rotateRight .mfp-content { + -webkit-perspective: 1300px; + perspective: 1300px; +} +.mfp-rotateRight .mfp-with-anim { + opacity: 0; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform: translateX(100%) rotateY(90deg); + transform: translateX(100%) rotateY(90deg); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.mfp-rotateRight.mfp-bg { + opacity: 0; + transition: all 0.5s; +} +.mfp-rotateRight.mfp-ready .mfp-with-anim { + -webkit-transform: translateX(0%) rotateY(0deg); + transform: translateX(0%) rotateY(0deg); + opacity: 1; +} +.mfp-rotateRight.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-rotateRight.mfp-removing .mfp-with-anim { + -webkit-transform: translateX(-100%) rotateY(-90deg); + transform: translateX(-100%) rotateY(-90deg); + -webkit-transform-origin: -100% 0; + transform-origin: -100% 0; + opacity: 0; +} +.mfp-rotateRight.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== rotate in left ====== */ +.mfp-rotateLeft .mfp-content { + -webkit-perspective: 1300px; + perspective: 1300px; +} +.mfp-rotateLeft .mfp-with-anim { + opacity: 0; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform: translateX(-100%) rotateY(-90deg); + transform: translateX(-100%) rotateY(-90deg); + -webkit-transform-origin: -100% 0; + transform-origin: -100% 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.mfp-rotateLeft.mfp-bg { + opacity: 0; + transition: all 0.5s; +} +.mfp-rotateLeft.mfp-ready .mfp-with-anim { + -webkit-transform: translateX(0%) rotateY(0deg); + transform: translateX(0%) rotateY(0deg); + opacity: 1; +} +.mfp-rotateLeft.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-rotateLeft.mfp-removing .mfp-with-anim { + -webkit-transform: translateX(100%) rotateY(90deg); + transform: translateX(100%) rotateY(90deg); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + opacity: 0; +} +.mfp-rotateLeft.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== fullscale ====== */ +.mfp-fullscale .mfp-with-anim { + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: 0; + -webkit-transition: all 0.6s; + transition: all 0.6s; + -webkit-transition-delay: 0.3s; + transition-delay: 0.3s; +} +.mfp-fullscale.mfp-bg { + background: #000; + opacity: 0; + transition: all 0.35s; +} +.mfp-fullscale.mfp-ready .mfp-with-anim { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.mfp-fullscale.mfp-ready.mfp-bg { + background: #000; + opacity: 1; +} +.mfp-fullscale.mfp-removing .mfp-with-anim { + opacity: 0; + -webkit-transition: all 0.4s; + transition: all 0.4s; +} +.mfp-fullscale.mfp-removing.mfp-bg { + background: #000\A; + opacity: 0; + -webkit-transition: all 0.4s; + transition: all 0.4s; +} +/* ====== Sign ====== */ +.mfp-sign .mfp-content { + perspective: 1300px; +} +.mfp-sign .mfp-with-anim { + transform-style: preserve-3d; + transform: rotateX(-60deg); + transform-origin: 50% 0; + opacity: 0; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.mfp-sign.mfp-bg { + opacity: 0; + transition: all 0.5s; +} +.mfp-sign.mfp-ready .mfp-with-anim { + transform: rotateX(0deg); + opacity: 1; +} +.mfp-sign.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-sign.mfp-removing .mfp-with-anim { + transform: rotateX(-60deg); + opacity: 0; +} +.mfp-sign.mfp-removing.mfp-bg { + opacity: 0; +} +/* ====== Newspaper effect ====== */ +.mfp-newspaper .mfp-with-anim { + opacity: 0; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.5s; + transform: scale(0) rotate(500deg); +} +.mfp-newspaper.mfp-bg { + opacity: 0; + transition: all 0.5s; +} +.mfp-newspaper.mfp-ready .mfp-with-anim { + opacity: 1; + transform: scale(1) rotate(0deg); +} +.mfp-newspaper.mfp-ready.mfp-bg { + opacity: 0.8; +} +.mfp-newspaper.mfp-removing .mfp-with-anim { + transform: scale(0) rotate(500deg); + opacity: 0; +} +.mfp-newspaper.mfp-removing.mfp-bg { + opacity: 0; +} + + +/*=============================================== + AdminPanels +================================================= */ +/* add to ".admin-panels" wrapper to have the content fadein + * after its contents are finished loading/rearranging */ +.admin-panels.fade-onload { + opacity: 0; +} +/* when preserve grid setting is true and invisible + * panel is left in an otherwise empty column. This is + * useful when you want to drag a panel to a column + * that would otherwise be empty */ +.preserve-grid { + padding: 10px; + background: transparent !important; + border: 0 !important; + margin: 0 !important; + outline: 0 !important; +} +.panel + .preserve-grid { + padding: 0; +} +body.ui-drag-active .preserve-grid { + visibility: hidden; + padding: 0; +} +/* placeholder */ +.ui-sortable-handle { + cursor: pointer; +} +.panel-placeholder { + border-radius: 3px; + margin-bottom: 20px; + padding: 0; + background-color: #eee; + border: 2px dashed #ccc; +} +.ui-sortable-helper.panel { + box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); +} +.panel-sortable .panel-heading { + cursor: move; +} +.sortable-grid { + min-height: 200px; +} +.sortable-grid.col-lg-12, +.sortable-grid.col-md-12, +.sortable-grid.col-sm-12, +.sortable-grid.col-xs-12 { + min-height: 0; +} +/* title/color editboxes */ +.panel-colorbox, +.panel-editbox { + position: relative; + display: none; + text-align: center; + background: #f1f1f1; + padding: 9px; + color: #AAA; + background-color: #f1f1f1; + border-left: 2px dashed #d9d9d9; + border-right: 2px dashed #d9d9d9; + border-bottom: 1px solid #ddd; +} +/* titlebox */ +.panel-editbox { + padding: 12px 16px; +} +.panel-editbox input { + height: 40px; + background-color: #fff; + border-radius: 2px; + text-align: center; + color: #AAA; + font-size: 16px; +} +.panel-editbox input:focus { + border-color: #DDD; + color: #666; +} +/* colorbox */ +.panel-colorbox { + padding: 12px 9px; +} +.panel-colorbox > span { + cursor: pointer; + display: inline-block; + width: 23px; + height: 23px; + margin: 4px 5px 0; + border: 2px solid rgba(0, 0, 0, 0.2); +} +.panel-colorbox > span:hover { + border-color: rgba(0, 0, 0, 0.4); +} +/* If titlebox or colorbox are present we need + * to remove duplicate panel borders. Check sibling + * elements and remove borders accordingly */ +.panel-heading + div + .panel-body, +.panel-heading + div + .panel-menu, +.panel-heading + div + div + .panel-body, +.panel-heading + div + div + .panel-menu { + border-top: 0; +} +/* fullscreen */ +body.panel-fullscreen-active { + overflow: hidden; + position: fixed; +} +body.panel-fullscreen-active .navbar, +body.panel-fullscreen-active #topbar, +body.panel-fullscreen-active #sidebar_left, +body.panel-fullscreen-active #sidebar_right { + z-index: -1; + display: none !important; +} +body.panel-fullscreen-active #content_wrapper { + position: relative; + z-index: 9999; +} +.panel-fullscreen { + display: block !important; + z-index: 9999 !important; + position: fixed !important; + width: 100% !important; + height: 100% !important; + top: 0 !important; + right: 0 !important; + left: 0 !important; + bottom: 0 !important; +} +/* hide remove and collapse icon during fullscreen */ +.panel-fullscreen .panel-controls > .panel-control-remove, +.panel-fullscreen .panel-controls > .panel-control-collapse { + display: none !important; +} +/* collapsed */ +.panel-control-collapse:after { + content: "\f068"; + /* fa-pencil */ +} +.panel-collapsed .panel-control-collapse:after { + content: "\f067"; + /* fa-pencil */ +} +/* controls */ +.panel-controls { + float: right; + display: block; + cursor: pointer; +} +.panel-controls > a { + padding-top: 1px; + display: inline-block; + opacity: 0.7; + width: 30px; + color: #999; + font-size: 14px; + font-weight: normal; + text-align: center; +} +.panel-controls > a:hover { + text-decoration: none; + opacity: 1; +} +/* Icon colors for panel contextuals */ +.panel-primary .panel-controls > a, +.panel-info .panel-controls > a, +.panel-success .panel-controls > a, +.panel-warning .panel-controls > a, +.panel-danger .panel-controls > a, +.panel-alert .panel-controls > a, +.panel-system .panel-controls > a, +.panel-dark .panel-controls > a { + color: #FFF; +} +/* control button icons */ +.panel-controls > a:after { + font-family: "FontAwesome"; +} +/* title icon */ +.panel-control-title:after { + content: "\f040"; + /* fa-pencil */ +} +.panel-editbox-open .panel-control-title:after { + content: "\f0c7"; + /* fa-save */ +} +/* color icon */ +.panel-control-color:after { + content: "\f043"; + /* fa-tint */ +} +.panel-colorbox-open .panel-control-color:after { + content: "\f0c7"; + /* fa-save */ +} +/* collapsed icon */ +.panel-control-collapse:after { + content: "\f068"; + /* fa-pencil */ +} +.panel-collapsed .panel-control-collapse:after { + content: "\f067"; + /* fa-pencil */ +} +/* fullscreen icon */ +.panel-control-fullscreen:after { + content: "\f066"; + /* fa-pencil */ +} +/* remove icon */ +.panel-control-remove:after { + content: "\f00d"; + /* fa-remove */ +} +/* callback icon */ +.panel-control-callback:after { + content: "\f121"; + /* fa-code */ +} +/* expose icon */ +.panel-control-expose:after { + content: "\f06e"; + /* fa-eye */ +} +.panel-exposed .panel-control-expose:after { + content: "\f070"; + /* fa-eye closed */ +} +/* dockable icon */ +.panel-control-dockable:after { + content: "\f187"; + /* fa-code */ +} +/* loading icon */ +.panel-controls > a.panel-control-loader { + opacity: 1; + display: none; +} +.panel-loader-active .panel-controls > a.panel-control-loader { + display: inline-block !important; +} +.panel-control-loader:after { + content: "\f110"; + /* fa-refresh */ + -webkit-animation: fa-spin 2s infinite linear; + -moz-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +/* loading icon animation */ +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +@-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); + } +} +.panel.mobile-controls .panel-heading > .panel-controls { + width: 28px; + height: 28px; + margin-top: 5px; + position: relative; + overflow: hidden; + background: #F4F4F4; + border-radius: 2px; + border: 1px solid #EEE; +} +.panel.mobile-controls .panel-heading > .panel-controls:hover, +.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open { + background: #F0F0F0; + border-color: #E6E6E6; +} +.panel.mobile-controls .panel-heading > .panel-controls:after { + position: absolute; + content: "\f0c9"; + font-family: "FontAwesome"; + top: 0; + left: 7px; + line-height: 28px; + font-weight: 400; + font-size: 14px; + color: #AAA; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +/* menu open states */ +.panel.mobile-controls .panel-heading > .panel-controls:hover, +.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open { + background: #F0F0F0; + border-color: #E6E6E6; +} +.panel.mobile-controls .panel-heading > .panel-controls:hover:after, +.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open:after { + color: #777; +} +.panel.mobile-controls .panel-controls a { + color: #999 !important; +} +.panel.mobile-controls .panel-heading > .panel-controls > a { + display: none; +} +.panel.mobile-controls .panel-heading .panel-controls a.panel-control-loader, +.panel.mobile-controls .panel-heading .panel-controls a.panel-control-loader:after { + display: none !important; + opacity: 0 !important; + width: 0; + height: 0; +} +.panel.mobile-controls.panel-loader-active .panel-heading > .panel-controls:after { + display: block; + content: "\f110" !important; + -webkit-animation: fa-spin 2s infinite linear; + -moz-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.panel.mobile-controls .popover-content:after { + display: none; +} +.panel.mobile-controls .panel-controls + .popover { + border: 1px solid #ddd; +} +.panel.mobile-controls .panel-controls + .popover > .arrow { + border-left-color: #ccc; +} +.panel.mobile-controls .panel-controls + .popover > .popover-content { + padding: 2px 5px; +} +.panel.mobile-controls .popover-content { + float: none; + margin: 0; + width: auto; + height: auto; + background: none; + border: 0; +} +.panel.mobile-controls .popover-content .panel-controls > a { + display: inline-block; +} +/* mobile control modifications during panel fullscreen mode */ +.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls { + width: auto; + height: auto; + margin-top: 0; + position: relative; + overflow: hidden; + background: none; + border-radius: 0; + border: 0; +} +.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls:after { + display: none !important; +} +.panel.mobile-controls.panel-fullscreen .panel-controls a { + color: inherit !important; +} +.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls > a { + display: inline-block; +} +.panel.mobile-controls.panel-fullscreen .popover { + display: none !important; +} \ No newline at end of file diff --git a/webroot/static/assets/css/theme/admin_forms.css b/webroot/static/assets/css/theme/admin_forms.css new file mode 100755 index 0000000..5063fb1 --- /dev/null +++ b/webroot/static/assets/css/theme/admin_forms.css @@ -0,0 +1,4239 @@ +/*================================================================== +1. Form Wrappers +2. Browser Styling Reset +3. Prevent user selection. For usability purposes +4. Input General Styles +5. Input Animations +6. Form Dividers +7. Form Text Elements +8. General Input Styling +9. Form Textarea +10. Form Selects +11. Form File Inputs +12. Form Inputs:hover state +13. Form Inputs:focus state +14. Radio/Checkboxes +15. Radio/Checkboxes:hover state +16. Radio/Checkboxes:focus state +17. Switches +18. Switch:focus state +19. Switch:checked state +20. Switch:checked:focus state +21. Switch - Custom Success/Danger Styled +22. Input:disabled state +23. Form Footer +24. Input Icons +25. Input Tooltips +26. Tooltip - Left +27. Tooltip - Right +28. Tooltip - Right/Top +29. Tooltip - Left/Top +30. Tooltip - Right/Bottom +31. Tooltip - Left/Bottom +32. Validation - error state +33. Validation - success state +34. Smart Widget + Smart Widget Button - Left + Smart Widget Button - Right + Rating Star Widget - with hover +35. Buttons +36. Button States +37. Primary Button +38. Left + Right Shaped Buttons +39. Buttons - Push Effect +40. Buttons - Footer Adjustment +41. Buttons - Social +42. Lists +43. Firefox select fix - select arrow hack disabled on FF 30+ +44. ANDROID + IOS FIXES +45. Responsiveness for Tablets + Smartphones +46. Stepper - jQuery UI +47. Datepicker - jQuery UI +48. Monthpicker - jQuery UI +49. Multi-Month Datepicker - jQuery UI +50. TimePicker - jQuery UI +51. Slider - jQuery UI +52. Slider Tooltips - jQuery UI +53. Spectrum Color Picker +54. Google Map Block +55. AdminForm Wizard +56. Panel +57. Panel Header +58. Panel Body +59. Panel Footer +60. Progress Bars +61. Checkbox/Radio Confliction fixes +=================================================================== +*/ +/*================================================================== + Form Wrappers +===================================================================*/ +.admin-form, +.admin-form * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.admin-form { + line-height: 1.231; + font-weight: 400; + font-size: 14px; + color: #626262; +} +.admin-form .section { + margin-bottom: 22px; +} +/*================================================================== + Browser Styling Reset +===================================================================*/ +.admin-form .gui-input, +.admin-form .gui-textarea, +.admin-form .select > select, +.admin-form input[type="button"], +.admin-form input[type="submit"], +.admin-form input[type="search"], +.admin-form .select-multiple select { + -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-border-radius: 0px; + border-radius: 0px; +} +.admin-form input[type="search"]::-webkit-search-decoration, +.admin-form input[type="search"]::-webkit-search-cancel-button, +.admin-form input[type="search"]::-webkit-search-results-button, +.admin-form input[type="search"]::-webkit-search-results-decoration { + display: none; +} +/*================================================================== + Prevent user selection. For usability purposes +===================================================================*/ +.admin-form .radio, +.admin-form .button, +.admin-form .checkbox, +.admin-form .select .arrow, +.admin-form .switch > label, +.admin-form .ui-slider .ui-slider-handle { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +/*================================================================== + Input General Styles +===================================================================*/ +.admin-form label, +.admin-form input, +.admin-form button, +.admin-form select, +.admin-form textarea { + margin: 0; + font-size: 14px; + font-weight: 400; + color: #626262; + outline: none; +} +/*================================================================== + Input Animations +===================================================================*/ +.admin-form .radio, +.admin-form .button, +.admin-form .tooltip, +.admin-form .checkbox, +.admin-form .gui-input, +.admin-form .input-footer, +.admin-form .notification, +.admin-form .gui-textarea, +.admin-form .select > select, +.admin-form .select-multiple select { + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + outline: none; +} +.admin-form .input-link, +.admin-form .panel-heading, +.admin-form .section-divider span, +.admin-form .select > select, +.admin-form .select-multiple select { + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +/*=============================================== + Form Dividers +================================================= */ +.admin-form .spacer { + border-top: 1px solid #eee; + margin-top: 10px; + margin-bottom: 10px; + display: block; + height: 0; +} +/*================================================================== + Form Text Elements +===================================================================*/ +/* Themed Link */ +.admin-form .theme-link { + color: #4a89dc; + text-decoration: none; +} +.admin-form .theme-link:hover { + text-decoration: underline; +} +/* Section Divider */ +.admin-form .section-divider { + height: 0; + border-top: 1px solid #DDD; + text-align: center; + margin-top: 20px; + margin-bottom: 30px; +} +.admin-form .section-divider span { + display: inline-block; + position: relative; + padding: 0 17px; + background: #e9e9e9; + color: #999; + top: -11px; + font-size: 15px; +} +.admin-form.panel .section-divider span, +.admin-form .panel .section-divider span, +.admin-form.tab-content .section-divider span, +.admin-form .tab-content .section-divider span { + background: #fff; +} +.admin-form.bg-light .section-divider span, +.admin-form .bg-light .section-divider span { + background: #FAFAFA; +} +.admin-form.bg-light.light .section-divider span, +.admin-form .bg-light.light .section-divider span { + background: #FEFEFE; +} +.admin-form.bg-light.dark .section-divider span, +.admin-form .bg-light.dark .section-divider span { + background: #F2F2F2; +} +.admin-form.well .section-divider span, +.admin-form .well .section-divider span { + background: #f5f5f5; +} +/* Input Labels */ +.admin-form .switch, +.admin-form .option, +.admin-form .field-label { + font-size: 14px; +} +/* Column Labels - Can also use .field-align */ +.admin-form .field-label[class*='col-'] { + line-height: 42px; +} +.admin-form .field-align { + line-height: 42px; +} +/*================================================================== + General Input Styling +===================================================================*/ +.admin-form .radio, +.admin-form .option, +.admin-form .checkbox { + cursor: pointer; +} +.admin-form .field { + display: block; + position: relative; +} +.admin-form .field-icon i { + color: #BBB; + position: relative; +} +.admin-form .field-label { + display: block; + margin-bottom: 7px; +} +.admin-form .field-label em { + color: #e74c3c; + font-size: 14px; + font-style: normal; + display: inline-block; + margin-left: 4px; + position: relative; + top: 3px; +} +.admin-form .gui-input, +.admin-form .gui-textarea { + padding: 10px; +} +.admin-form .select, +.admin-form .gui-input, +.admin-form .gui-textarea, +.admin-form .select > select, +.admin-form .select-multiple select { + position: relative; + vertical-align: top; + border: 1px solid #DDD; + display: -moz-inline-stack; + display: inline-block; + *display: inline; + color: #626262; + outline: none; + height: 42px; + width: 100%; + *zoom: 1; +} +.admin-form .select option { + background: #fff; +} +.admin-form select[disabled], +.admin-form .select > select[disabled] { + color: #aaa !important; +} +/*================================================================== + Form Textarea +===================================================================*/ +.admin-form .gui-textarea { + resize: none; + line-height: 19px; + overflow: auto; + max-width: 100%; + height: 96px; +} +/*================================================================== + Form Selects +===================================================================*/ +.admin-form .select { + border: 0; + z-index: 10; + background: #FFF; +} +.admin-form .select > select { + display: block; + z-index: 10; + margin: 0; + padding: 9px 10px; + color: #626262; + outline: none; + text-indent: 0.01px; + text-overflow: ''; + background: #FFF; + border: 1px solid #DDD; + -webkit-appearance: none; + -moz-appearance: none; + appearance: normal; +} +.admin-form .select:before, +.admin-form .select:after { + background: #FFF; +} +.admin-form .select > select::-ms-expand { + display: none; +} +.admin-form .select .arrow { + pointer-events: none; + position: absolute; + top: 9px; + right: 4px; + width: 24px; + height: 24px; + color: #9F9F9F; + z-index: 100; +} +.admin-form .select .arrow:after, +.admin-form .select .arrow:before { + content: ''; + position: absolute; + font: 12px "Consolas", monospace; + font-style: normal; + pointer-events: none; + display: none\9; + left: 5px; +} +.admin-form .select .arrow:before { + content: '\25BC'; + bottom: 4px; +} +.admin-form .select .double:after { + content: '\25B2'; + top: -1px; +} +.admin-form .select .double:before { + content: '\25BC'; + bottom: -1px; +} +.admin-form .select-multiple select { + width: 100%; + height: 123px; + padding: 10px; +} +/*================================================================== + Form File Inputs +===================================================================*/ +.admin-form .file { + display: block; + width: 100%; +} +.admin-form .file .gui-file { + width: 100%; + height: 100%; + cursor: pointer; + padding: 8px 10px; + position: absolute; + -moz-opacity: 0; + opacity: 0; + z-index: 11; + bottom: 0; + right: 0; +} +/* Default state positions button right */ +.admin-form .file .button { + position: absolute; + top: 4px; + right: 4px; + float: none; + height: 34px; + line-height: 34px; + padding: 0 16px; + z-index: 10; +} +/* File Button - Left Style */ +.admin-form .file.append-button .button { + left: 4px; + right: auto; +} +.admin-form .file.append-button > input.gui-input { + padding-right: 40px; + padding-left: 125px; + text-align: right; +} +.admin-form .file.append-button > label.field-icon { + right: 4px; + left: auto; +} +/*================================================================== + Form Inputs:hover state +-===================================================================*/ +.admin-form .gui-input:hover, +.admin-form .gui-textarea:hover, +.admin-form .select > select:hover, +.admin-form .select-multiple select:hover, +.admin-form .gui-input:hover ~ .input-footer, +.admin-form .file .gui-file:hover + .gui-input, +.admin-form .gui-textarea:hover ~ .input-footer { + border-color: #888; +} +/*================================================================== + Form Inputs:focus state +===================================================================*/ +.admin-form .gui-input:focus, +.admin-form .gui-textarea:focus, +.admin-form .select > select:focus, +.admin-form .select-multiple select:focus { + color: #3c3c3c; + background: #fff; + border: 1px solid #999; + outline: none; +} +.admin-form .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form .gui-textarea:focus { + height: 120px; +} +.admin-form .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form .gui-input:focus ~ .field-icon i, +.admin-form .gui-textarea:focus ~ .field-icon i { + color: #999; +} +.admin-form .select-multiple select:focus, +.admin-form .gui-input:focus ~ .input-footer, +.admin-form .gui-textarea:focus ~ .input-footer, +.admin-form .file .gui-file:focus + .gui-input { + border-color: #999; +} +.admin-form .select > select:focus + .arrow { + color: #999; +} +/*================================================================== + Radio/Checkboxes +-===================================================================*/ +.admin-form .option { + position: relative; + padding-right: 15px; + display: inline-block; + vertical-align: middle; +} +.admin-form .option > input { + position: absolute; + height: inherit; + width: inherit; + opacity: 0; + left: 0; +} +.admin-form .checkbox, +.admin-form .radio { + cursor: pointer; + position: relative; + margin-right: 5px; + background: #fff; + display: inline-block; + border: 3px solid #DDD; + height: 21px; + width: 21px; + top: 4px; +} +.admin-form .checkbox:before, +.admin-form .radio:before { + content: ''; + display: none; +} +.admin-form input:checked + .checkbox:before, +.admin-form input:checked + .radio:before { + display: block; +} +.admin-form .checkbox:before { + position: absolute; + top: 4px; + left: 3px; + width: 6px; + height: 3px; + border: solid #888; + border-width: 0 0 3px 3px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.admin-form input:checked + .checkbox, +.admin-form input:checked + .radio { + border: 3px solid #888; +} +.admin-form .radio { + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -o-border-radius: 20px; + border-radius: 20px; +} +.admin-form .radio:before { + margin: 4px; + width: 7px; + height: 7px; + background: #888; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} +/*================================================================== + Radio/Checkboxes:hover state +===================================================================*/ +.admin-form input:not([disabled]):hover + .checkbox, +.admin-form input:not([disabled]):hover + .radio { + border-color: #666; +} +/*================================================================== + Radio/Checkboxes:focus state +-===================================================================*/ +.admin-form input:focus + .checkbox, +.admin-form input:focus + .radio { + border-color: #666; +} +.admin-form input:focus + .radio:before { + background: #666; +} +.admin-form input:focus + .checkbox:before { + border-color: #666; +} +/*================================================================== + Switches +===================================================================*/ +.admin-form .switch { + cursor: pointer; + position: relative; + padding-right: 10px; + display: inline-block; + margin-bottom: 5px; + height: 26px; +} +.admin-form .switch > label { + cursor: pointer; + display: inline-block; + position: relative; + height: 25px; + width: 58px; + color: #fff; + font-size: 10px; + font-weight: bold; + line-height: 20px; + text-align: center; + background: #D7D7D7; + border: 2px solid #D7D7D7; + text-transform: uppercase; + font-family: Helvetica, Arial, sans-serif; + -webkit-transition: 0.3s ease-out; + -moz-transition: 0.3s ease-out; + -o-transition: 0.3s ease-out; + transition: 0.3s ease-out; +} +.admin-form .switch > label + span { + display: inline-block; + padding-left: 5px; + position: relative; + top: -7px; +} +.admin-form .switch > label:before { + content: attr(data-off); + position: absolute; + top: 1px; + right: 3px; + width: 33px; +} +.admin-form .switch > label:after { + content: ""; + margin: 1px; + width: 19px; + height: 19px; + display: block; + background: #fff; +} +.admin-form .switch > input { + -webkit-appearance: none; + position: absolute; + width: inherit; + height: inherit; + opacity: 0; + left: 0; + top: 0; +} +/*================================================================== + Switch:focus state +-===================================================================*/ +.admin-form .switch > input:focus { + outline: none; +} +.admin-form .switch > input:focus + label { + color: #fff; + border-color: #C7C7C7; + background: #C7C7C7; +} +.admin-form .switch > input:focus + label:after { + background: #fff; +} +/*================================================================== + Switch:checked state +===================================================================*/ +.admin-form .switch > input:checked + label { + border-color: #999; + background: #999; + padding-left: 33px; + color: white; +} +.admin-form .switch > input:checked + label:before { + content: attr(data-on); + left: 1px; + top: 1px; +} +.admin-form .switch > input:checked + label:after { + margin: 1px; + width: 19px; + height: 19px; + background: white; +} +/*================================================================== + Switch:checked:focus state +-===================================================================*/ +.admin-form .switch > input:checked:focus + label { + background: #555; + border-color: #555; +} +/* Round Style*/ +.admin-form .switch-round > label { + -webkit-border-radius: 13px; + -moz-border-radius: 13px; + -o-border-radius: 13px; + border-radius: 13px; +} +.admin-form .switch-round > label + span { + top: -2px; +} +.admin-form .switch-round > label:before { + width: 33px; +} +.admin-form .switch-round > label:after { + width: 19px; + color: #D7D7D7; + content: "\2022"; + font: 20px/20px Times, Serif; + -webkit-border-radius: 13px; + -moz-border-radius: 13px; + -o-border-radius: 13px; + border-radius: 13px; +} +.admin-form .switch-round > input:checked + label { + padding-left: 33px; +} +.admin-form .switch-round > input:checked + label:after { + color: #999; +} +/*================================================================== + Switch - Custom Success/Danger Styled +-===================================================================*/ +.admin-form .switch-custom > label { + background: #f3a79b; + border-color: #f3a79b; +} +.admin-form .switch-custom > input:hover + label, +.admin-form .switch-custom > input:focus + label { + background: #e74b31; + border-color: #e74b31; +} +/* Checked state */ +.admin-form .switch-custom > input:checked + label { + background: #70ca63; + border-color: #70ca63; +} +.admin-form .switch-custom > input:checked:hover + label, +.admin-form .switch-custom > input:checked:focus + label { + background: #47a839; + border-color: #47a839; +} +/*================================================================== + Input:disabled state +===================================================================*/ +.admin-form .button[disabled], +.admin-form .state-disabled .button, +.admin-form input[disabled] + .radio, +.admin-form input[disabled] + .checkbox, +.admin-form .switch > input[disabled] + label { + cursor: default; + opacity: 0.5; +} +.admin-form .gui-input[disabled], +.admin-form .gui-textarea[disabled], +.admin-form .select > select[disabled], +.admin-form .select-multiple select[disabled], +.admin-form .gui-input[disabled] ~ .input-footer, +.admin-form .file .gui-file[disabled] + .gui-input, +.admin-form .file .gui-file[disabled]:hover + .gui-input, +.admin-form .gui-textarea[disabled] ~ .input-footer { + background-color: #f4f6f6; + border-color: #d5dbdb!important; + cursor: default; + color: #d5dbdb; + opacity: 0.7; +} +.admin-form input[disabled] ~ .field-icon i, +.admin-form textarea[disabled] ~ .field-icon i, +.admin-form .select > select[disabled] + .arrow { + opacity: 0.4; +} +/*================================================================== + Form Footer +===================================================================*/ +.admin-form .input-footer { + padding: 10px; + display: block; + margin-top: -1px; + line-height: 16px; + position: relative; + background: #F5F5F5; + border: 1px solid #DDD; + font-family: Arial, Helvetica, sans-serif; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + font-size: 11px; + color: #999; +} +/*================================================================== + Input Icons +===================================================================*/ +.admin-form .append-icon, +.admin-form .prepend-icon { + top: 0; + left: 0; + display: inline-block; + vertical-align: top; + position: relative; + width: 100%; +} +.admin-form .append-icon .field-icon, +.admin-form .prepend-icon .field-icon { + top: 0; + z-index: 4; + width: 42px; + height: 42px; + color: inherit; + line-height: 42px; + position: absolute; + text-align: center; + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -ms-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + pointer-events: none; +} +.admin-form .append-icon .field-icon i, +.admin-form .prepend-icon .field-icon i { + position: relative; + font-size: 14px; +} +.admin-form .prepend-icon .field-icon { + left: 0; +} +.admin-form .append-icon .field-icon { + right: 0; +} +.admin-form .prepend-icon > input, +.admin-form .prepend-icon > textarea { + padding-left: 36px; +} +.admin-form .append-icon > input, +.admin-form .append-icon > textarea { + padding-right: 36px; + padding-left: 10px; +} +.admin-form .append-icon > textarea { + padding-right: 36px; +} +/*================================================================== + Input Tooltips +===================================================================*/ +.admin-form .tooltip { + position: absolute; + z-index: -1; + opacity: 0; + color: #fff; + width: 184px; + left: -9999px; + top: auto; + font-size: 11px; + font-weight: normal; + background: #333333; + -webkit-transition: margin 0.6s, opacity 0.6s; + -moz-transition: margin 0.6s, opacity 0.6s; + -ms-transition: margin 0.6s, opacity 0.6s; + -o-transition: margin 0.6s, opacity 0.6s; + transition: margin 0.6s, opacity 0.6s; +} +.admin-form .tooltip > em { + padding: 12px; + font-style: normal; + display: block; + position: static; +} +.admin-form .tooltip:after { + content: ''; + position: absolute; +} +.admin-form .gui-input:focus + .tooltip, +.admin-form .gui-textarea:focus + .tooltip { + opacity: 1; + z-index: 999; +} +/*================================================================== + Tooltip - Left +===================================================================*/ +.admin-form .tip-left { + top: 1px; + margin-right: -20px; +} +.admin-form .tip-left:after { + top: 12px; + left: 100%; + border-left: 8px solid #333333; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-left, +.admin-form .gui-textarea:focus + .tip-left { + margin-right: 5px; + right: 100%; + left: auto; +} +/*================================================================== + Tooltip - Right +===================================================================*/ +.admin-form .tip-right { + top: 1px; + margin-left: -20px; +} +.admin-form .tip-right:after { + top: 12px; + right: 100%; + border-right: 8px solid #333333; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-right, +.admin-form .gui-textarea:focus + .tip-right { + left: 100%; + margin-left: 5px; +} +/*================================================================== + Tooltip - Right/Top +===================================================================*/ +.admin-form .tip-right-top { + bottom: 100%; + margin-bottom: -20px; +} +.admin-form .tip-right-top:after { + top: 100%; + right: 12px; + border-top: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-right-top, +.admin-form .gui-textarea:focus + .tip-right-top { + right: 0; + left: auto; + margin-bottom: 10px; +} +/*================================================================== + Tooltip - Left/Top +===================================================================*/ +.admin-form .tip-left-top { + bottom: 100%; + margin-bottom: -20px; +} +.admin-form .tip-left-top:after { + top: 100%; + left: 12px; + border-top: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-left-top, +.admin-form .gui-textarea:focus + .tip-left-top { + left: 0; + right: auto; + margin-bottom: 10px; +} +/*================================================================== + Tooltip - Right/Bottom +===================================================================*/ +.admin-form .tip-right-bottom { + top: 100%; + margin-top: -20px; +} +.admin-form .tip-right-bottom:after { + right: 12px; + bottom: 100%; + border-bottom: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-right-bottom, +.admin-form .gui-textarea:focus + .tip-right-bottom { + margin-top: 10px; + left: auto; + right: 0; +} +/*================================================================== + Tooltip - Left/Bottom +===================================================================*/ +.admin-form .tip-left-bottom { + top: 100%; + margin-top: -20px; +} +.admin-form .tip-left-bottom:after { + left: 12px; + bottom: 100%; + border-bottom: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-left-bottom, +.admin-form .gui-textarea:focus + .tip-left-bottom { + margin-top: 10px; + right: auto; + left: 0; +} +/*================================================================== + Validation - error state +===================================================================*/ +.admin-form .state-error .gui-input, +.admin-form .state-error .gui-textarea, +.admin-form .state-error.select > select, +.admin-form .state-error.select-multiple > select, +.admin-form .state-error input:hover + .checkbox, +.admin-form .state-error input:hover + .radio, +.admin-form .state-error input:focus + .checkbox, +.admin-form .state-error input:focus + .radio, +.admin-form .state-error .checkbox, +.admin-form .state-error .radio { + background: #FEE9EA; + border-color: #DE888A; +} +.admin-form .state-error .gui-input:focus, +.admin-form .state-error .gui-textarea:focus, +.admin-form .state-error.select > select:focus, +.admin-form .state-error.select-multiple > select:focus { + -webkit-box-shadow: 0px 0px 3px #DE888A inset; + -moz-box-shadow: 0px 0px 3px #DE888A inset; + -o-box-shadow: 0px 0px 3px #DE888A inset; + box-shadow: 0px 0px 3px #DE888A inset; +} +.admin-form .state-error .gui-input ~ .field-icon i, +.admin-form .state-error .gui-textarea ~ .field-icon i { + color: #DE888A; +} +.admin-form .state-error.select .arrow { + color: #DE888A; +} +.admin-form .state-error.select > select:focus + .arrow { + color: #DE888A; +} +.admin-form .state-error .gui-input ~ .input-footer, +.admin-form .state-error.file .gui-file:hover + .gui-input, +.admin-form .state-error .gui-textarea ~ .input-footer { + border-color: #DE888A; +} +.admin-form .state-error + em { + display: block!important; + margin-top: 6px; + padding: 0 3px; + font-family: Arial, Helvetica, sans-serif; + font-style: normal; + line-height: normal; + font-size: 0.85em; + color: #DE888A; +} +/*================================================================== + Validation - success state +===================================================================*/ +.admin-form .state-success .gui-input, +.admin-form .state-success .gui-textarea, +.admin-form .state-success.select > select, +.admin-form .state-success.select-multiple > select, +.admin-form .state-success input:hover + .checkbox, +.admin-form .state-success input:hover + .radio, +.admin-form .state-success input:focus + .checkbox, +.admin-form .state-success input:focus + .radio, +.admin-form .state-success .checkbox, +.admin-form .state-success .radio { + background: #F0FEE9; + border-color: #A5D491; +} +.admin-form .state-success .gui-input:focus, +.admin-form .state-success .gui-textarea:focus, +.admin-form .state-success.select > select:focus, +.admin-form .state-success.select-multiple > select:focus { + -webkit-box-shadow: 0px 0px 3px #A5D491 inset; + -moz-box-shadow: 0px 0px 3px #A5D491 inset; + -o-box-shadow: 0px 0px 3px #A5D491 inset; + box-shadow: 0px 0px 3px #A5D491 inset; +} +.admin-form .state-success .gui-input ~ .field-icon i, +.admin-form .state-success .gui-textarea ~ .field-icon i { + color: #A5D491; +} +.admin-form .state-success.select .arrow { + color: #A5D491; +} +.admin-form .state-success.select > select:focus + .arrow { + color: #A5D491; +} +.admin-form .state-success .gui-input ~ .input-footer, +.admin-form .state-success.file .gui-file:hover + .gui-input, +.admin-form .state-success .gui-textarea ~ .input-footer { + border-color: #A5D491; +} + +/*================================================================== + Smart Widget + * These widgets helps us to position an element, button, + * label or span. The positions can either be left or right + * while the input stays 100%. Use this to rapidly create + * search widgets, newsletter subscribe etc . +====================================================================*/ +.admin-form .smart-widget, +.admin-form .append-picker-icon, +.admin-form .prepend-picker-icon { + position: relative; + display: block; +} +.admin-form .smart-widget .field input, +.admin-form .append-picker-icon input, +.admin-form .prepend-picker-icon input { + width: 100%; +} +.admin-form .append-picker-icon button, +.admin-form .prepend-picker-icon button, +.admin-form .smart-widget .button { + border: 1px solid #DDD; + background: #F5F5F5; + position: absolute; + cursor: pointer; + color: #626262; + height: 42px; + line-height: 40px; + top: 0; +} +/* Disabled Prepended Icon State */ +.admin-form .prepend-picker-icon button:disabled { + background-color: #f4f6f6 !important; + border-color: #d5dbdb!important; +} +.admin-form .sm-right .button, +.admin-form .append-picker-icon button { + border-left: 0; +} +.admin-form .sm-left .button, +.admin-form .prepend-picker-icon button { + border-right: 0; +} +.admin-form .sm-left .button, +.admin-form .prepend-picker-icon button { + left: 0; +} +.admin-form .sm-right .button, +.admin-form .append-picker-icon button { + right: 0; +} +/*================================================================== + Smart Widget Button - Left +===================================================================*/ +.admin-form .sml-50, +.admin-form .prepend-picker-icon { + padding-left: 50px; +} +.admin-form .sml-50 .button, +.admin-form .prepend-picker-icon button { + width: 50px; +} +.admin-form .sml-80 { + padding-left: 80px; +} +.admin-form .sml-80 .button { + width: 80px; +} +.admin-form .sml-120 { + padding-left: 120px; +} +.admin-form .sml-120 .button { + width: 120px; +} +.admin-form .sml-160 { + padding-left: 160px; +} +.admin-form .sml-160 .button { + width: 160px; +} +/*================================================================== + Smart Widget Button - Right +===================================================================*/ +.admin-form .smr-50, +.admin-form .append-picker-icon { + padding-right: 50px; +} +.admin-form .smr-50 .button, +.admin-form .append-picker-icon button { + width: 50px; +} +.admin-form .smr-80 { + padding-right: 80px; +} +.admin-form .smr-80 .button { + width: 80px; +} +.admin-form .smr-120 { + padding-right: 120px; +} +.admin-form .smr-120 .button { + width: 120px; +} +.admin-form .smr-140 { + padding-right: 140px; +} +.admin-form .smr-140 .button { + width: 140px; +} +.admin-form .smr-160 { + padding-right: 160px; +} +.admin-form .smr-160 .button { + width: 160px; +} +/*================================================================== + Rating Star Widget - with hover +-===================================================================*/ +.admin-form .rating { + overflow: hidden; +} +.admin-form .rating.block { + display: block; + margin: 10px 0; +} +.admin-form .rating label { + color: #CCC; +} +.admin-form .rating label i { + font-size: 17px; + text-align: center; + color: inherit; +} +.admin-form .rating label span { + font: 22px/22px Times, Serif; +} +.admin-form .rating-star { + margin-left: 4px; +} +.admin-form .rating-input { + position: absolute; + left: -9999px; + top: auto; +} +.admin-form .rating:hover .rating-star:hover, +.admin-form .rating:hover .rating-star:hover ~ .rating-star, +.admin-form .rating-input:checked ~ .rating-star { + color: #666; +} +.admin-form .rating-star, +.admin-form .rating:hover .rating-star { + width: 18px; + float: right; + display: block; + cursor: pointer; + color: #CCC; +} +/*================================================================== + Buttons +-===================================================================*/ +.admin-form .button { + color: #243140; + border: 0; + height: 42px; + line-height: 42px; + font-size: 15px; + cursor: pointer; + padding: 0 18px; + text-align: center; + vertical-align: top; + background: #DBDBDB; + display: inline-block; + -webkit-user-drag: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); +} +/*================================================================== + Button States +===================================================================*/ +.admin-form .button:hover { + color: #243140; + background: #EEE; +} +.admin-form .button:active { + color: #1d2938; + -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.admin-form a.button, +.admin-form span.button, +.admin-form label.button { + line-height: 42px; + text-decoration: none; +} +.admin-form .button i { + font-size: 14px; +} +.admin-form .button-list .button { + margin-bottom: 5px; +} +/*================================================================== + Primary Button +-===================================================================*/ +.admin-form .btn-primary { + background-color: #3bafda; +} +.admin-form .btn-primary:hover, +.admin-form .btn-primary:focus { + background-color: #3bafda; +} +.admin-form .btn-primary:active { + background-color: #3bafda; +} +.admin-form .btn-primary, +.admin-form .btn-primary:hover, +.admin-form .btn-primary:focus, +.admin-form .btn-primary:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +/*================================================================== + Left + Right Shaped Buttons +-===================================================================*/ +.admin-form .button-left, +.admin-form .button-right { + position: relative; + z-index: 9; +} +.admin-form .button-left:before, +.admin-form .button-right:before { + content: ''; + z-index: -1; + width: 32px; + height: 32px; + position: absolute; + background-color: inherit; + border-color: inherit; + border: none; + top: 5px; +} +.admin-form .button-left { + border-left-width: 0; + padding: 0 18px 0 7px; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + -o-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + margin-left: 20px; +} +.admin-form .button-left:before { + left: -15px; + -webkit-border-radius: 2px 5px 0 5px; + -moz-border-radius: 2px 5px 0 5px; + -o-border-radius: 2px 5px 0 5px; + border-radius: 2px 5px 0 5px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.admin-form .button-right { + padding: 0 7px 0 18px; + border-right-width: 0; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -o-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + margin-right: 20px; +} +.admin-form .button-right:before { + right: -15px; + -webkit-border-radius: 5px 2px 5px 0; + -moz-border-radius: 5px 2px 5px 0; + -o-border-radius: 5px 2px 5px 0; + border-radius: 5px 2px 5px 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +/*================================================================== + Buttons - Push Effect +-===================================================================*/ +.admin-form .pushed { + -webkit-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2); + -o-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2); + position: relative; +} +.admin-form .pushed:active { + -webkit-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2); + -o-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2); + top: 2px; +} +.admin-form .pushed.button-left:before { + -webkit-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2); + -o-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2); +} +.admin-form .pushed:active.button-left:before { + -webkit-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2); +} +.admin-form .pushed.button-right:before { + -webkit-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2); + box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2); +} +.admin-form .pushed:active.button-right:before { + -webkit-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2); + box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2); +} +/*================================================================== + Buttons - Footer Adjustment +-===================================================================*/ +.admin-form .form-footer .button { + margin-right: 10px; + margin-bottom: 5px; +} +.admin-form .align-right .button { + margin-right: 0; + margin-left: 10px; +} +/*================================================================== + Buttons - Social +===================================================================*/ +.admin-form .twitter, +.admin-form .twitter:hover, +.admin-form .twitter:focus, +.admin-form .facebook, +.admin-form .facebook:hover, +.admin-form .facebook:focus, +.admin-form .googleplus, +.admin-form .googleplus:hover, +.admin-form .googleplus:focus { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .facebook { + background-color: #3b5998; +} +.admin-form .twitter { + background-color: #00acee; +} +.admin-form .googleplus { + background-color: #dd4b39; +} +.admin-form .facebook:hover, +.admin-form .facebook:focus { + background-color: #25385F; +} +.admin-form .twitter:hover, +.admin-form .twitter:focus { + background-color: #00749F; +} +.admin-form .googleplus:hover, +.admin-form .googleplus:focus { + background-color: #8D2418; +} +.admin-form .span-left { + padding-left: 56px; + text-align: left; +} +.admin-form .btn-social { + position: relative; + font-weight: 600; + margin-bottom: 5px; +} +.admin-form .btn-social i { + font-size: 22px; + font-weight: normal; + position: relative; + top: 3px; +} +.admin-form .btn-social span { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -o-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + display: inline-block; + text-align: center; + position: absolute; + width: 45px; + left: 0; +} +.admin-form .twitter span { + background-color: #009AD5; +} +.admin-form .facebook span { + background-color: #31497D; +} +.admin-form .googleplus span { + background-color: #C03121; +} +/*================================================================== + Lists +-===================================================================*/ +.admin-form .admin-list { + list-style: none; + margin: 0; + padding: 0; +} +.admin-form .admin-list li { + margin-bottom: 20px; +} +/*================================================================== + Firefox select fix - select arrow hack disabled on FF 30+ +===================================================================*/ +@-moz-document url-prefix() { + .admin-form .select:before { + content: ''; + pointer-events: none; + -moz-transition: none; + transition: none; + position: absolute; + background: #F5F5F5; + width: 36px; + right: 1px; + top: 1px; + bottom: 1px; + z-index: 99; + } + .admin-form .select > select:focus, + .admin-form .select > select:hover, + .admin-form .select:hover select, + .admin-form .select:hover:before { + background: #fff; + -moz-transition: none; + transition: none; + -moz-box-shadow: none; + box-shadow: none; + } + .admin-form .select .arrow { + z-index: 100; + } + .admin-form .state-error.select > select:focus, + .admin-form .state-error.select > select:hover, + .admin-form .state-error.select:hover select, + .admin-form .state-error.select:hover:before, + .admin-form .state-error.select:before { + background: #FEE9EA; + } + .admin-form .state-success.select > select:focus, + .admin-form .state-success.select > select:hover, + .admin-form .state-success.select:hover select, + .admin-form .state-success.select:hover:before, + .admin-form .state-success.select:before { + background: #F0FEE9; + } +} +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .admin-form .select .arrow:after, + .admin-form .select .arrow:before { + display: block; + } +} +/*================================================================== + ANDROID + IOS FIXES +===================================================================*/ +@media screen and (-webkit-min-device-pixel-ratio: 0) { + .admin-form .option, + .admin-form .rating, + .admin-form .switch, + .admin-form .captcode { + -webkit-animation: bugfix infinite 1s; + } + @-webkit-keyframes bugfix { + from { + padding: 0; + } + to { + padding: 0; + } + } + .admin-form .switch { + margin-right: 10px; + margin-bottom: 5px; + } + .admin-form .option { + margin-right: 15px; + } +} +/*================================================================== + Responsiveness for Tablets + Smartphones +===================================================================*/ +@media (max-width: 600px) { + .admin-form .section row { + margin: 0; + } + .admin-form .section row .colm { + width: 100%; + float: none; + padding: 0; + } + .admin-form .bdl { + border-left: 0; + } + .admin-form .border-right { + border-right: 0; + } + .admin-form .align-right { + text-align: left; + } +} +/*================================================================== + Stepper - jQuery UI +===================================================================*/ +.stepper-wrap { + position: relative; + display: block; + font: 11px Arial, sans-serif; +} +.stepper-wrap input { + text-align: right; + padding-right: 20px; +} +.stepper-btn-wrap { + position: absolute; + top: 0; + right: -34px; + width: 34px; + height: 100%; + overflow: hidden; + background: #F5F5F5; + border: 1px solid #ccc; + border-width: 1px 1px 1px 0; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.stepper-btn-wrap a { + display: block; + height: 50%; + overflow: hidden; + line-height: 100%; + text-align: center; + text-decoration: none; + text-shadow: 1px 1px 0 #fff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-indent: -9999px; + background: #F5F5F5; + cursor: default; + color: #666; +} +.stepper-btn-wrap a:hover { + background: #F9F9F9; +} +.stepper-btn-up:before, +.stepper-btn-dwn:before { + content: ''; + border: 4px dashed; + pointer-events: none; + border-color: #9F9F9F transparent; + border-color: #9f9f9f rgba(255, 255, 255, 0); + position: absolute; + right: 14px; + z-index: 1; + height: 0; + top: 32%; + width: 0; +} +.stepper-btn-up:before { + border-bottom-style: solid; + border-top: none; +} +.stepper-btn-dwn:before { + margin-top: 10px; + border-top-style: solid; + border-bottom: none; +} +/*================================================================== + Datepicker - jQuery UI +===================================================================*/ +.ui-datepicker { + width: 18em; + margin-top: 8px; + display: none; + background: #fff; + position: relative; + -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + border: 1px solid #DDD; + z-index: 1025 !important; + text-align: center; + color: #666; +} +.ui-datepicker a { + color: #404040; + text-align: center; +} +.ui-datepicker .ui-state-disabled span { + color: #DBDBDB; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + background: #F5F5F5; + border-bottom: 1px solid #CFCFCF; + line-height: 27px; + font-size: 15px; + padding: 10px; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + width: 34px; + height: 34px; + display: block; + font-size: 14px; + position: absolute; + text-decoration: none; + cursor: pointer; + color: #666; + top: 20.5%; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; + color: #555; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; + padding: 1px 5px; + background-color: #EEE; + border-color: #CCC; +} +.ui-datepicker .ui-datepicker-title select option { + background: #FFF; +} +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 52%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + margin: 0 0 15px; + border-collapse: collapse; +} +.ui-datepicker th { + padding: .5em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 2px 5px; +} +.ui-datepicker td span, +.ui-datepicker td a { + color: #AAA; + padding: .25em; + display: block; + text-align: center; + text-decoration: none; +} +.ui-datepicker td span:hover, +.ui-datepicker td a:hover { + background: #F5F5F5; +} +.ui-datepicker .ui-state-disabled span:hover { + background: none; +} +.ui-datepicker-today a, +.ui-datepicker-today a:hover, +.ui-datepicker .ui-state-active, +.ui-datepicker .ui-state-highlight { + font-weight: 600; + color: #fff; + background: #CCC !important; +} +.ui-datepicker .ui-state-active { + background: #888 !important; +} +/* jQuery UI Buttons */ +.ui-datepicker-buttonpane { + border-top: 1px solid #DDD; + padding: 10px; + background: #f8f8f8; +} +.ui-datepicker-buttonpane button { + padding: 5px 12px; + margin-right: 10px; + font-size: 13px; + position: relative; + line-height: normal; + display: inline-block; + -webkit-user-drag: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); + vertical-align: middle; + background: #FFF; + text-align: center; + overflow: visible; + cursor: pointer; + color: #333; + border: 1px solid #ddd; +} +/* jQuery UI Button States */ +.ui-datepicker-buttonpane button:hover { + color: #243140; + background: #E8E8E8; +} +.ui-datepicker-buttonpane button:active { + color: #1d2938; + background: #C4C4C4; +} +.ui-monthpicker .ui-datepicker-header { + margin-bottom: 3px; +} +/* Inline Picker */ +.ui-datepicker-inline { + width: 100%; +} +.ui-datepicker-inline, +.ui-timepicker-inline, +.ui-datetimepicker-inline { + box-shadow: none; + margin: 0 auto; +} +/*================================================================== + Monthpicker - jQuery UI +===================================================================*/ +.hasMonthpicker .ui-datepicker td { + width: 25%; + padding: 10px 8px; +} +/*================================================================== + Multi-Month Datepicker - jQuery UI +===================================================================*/ +.cal-widget .ui-datepicker { + width: 100%; + margin-top: 0; +} +.cal-widget .ui-datepicker:before { + display: none; +} +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.333%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} +/*================================================================== + TimePicker - jQuery UI +===================================================================*/ +.ui-timepicker-div .ui-widget-header { + position: relative; + background: #F5F5F5; + line-height: 27px; + font-size: 15px; + padding: 10px; +} +.ui-timepicker-div dl { + text-align: left; + border: 1px solid #EEE; + border-width: 1px 0 0 0; + padding: 15px 10px; + margin: 0; +} +.ui-timepicker-div dl dt { + float: left; + clear: left; + padding: 0 0 0 5px; +} +.ui-timepicker-div dl dd { + margin: 0 10px 20px 40%; +} +.ui-timepicker-div dl .ui_tpicker_hour, +.ui-timepicker-div dl .ui_tpicker_minute, +.ui-timepicker-div dl .ui_tpicker_second, +.ui-timepicker-div dl .ui_tpicker_millisec { + background: #E5E5E5; + position: relative; + top: 6px; +} +.ui-timepicker-div td { + font-size: 90%; +} +.ui-tpicker-grid-label { + background: none; + border: none; + margin: 0; + padding: 0; +} +.ui-timepicker-rtl { + direction: rtl; +} +.ui-timepicker-rtl dl { + text-align: right; + padding: 0 5px 0 0; +} +.ui-timepicker-rtl dl dt { + float: right; + clear: right; +} +.ui-timepicker-rtl dl dd { + margin: 0 40% 10px 10px; +} +/* jQuery Slider Settings when inside a timepicker widget */ +.ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +/*================================================================== + Slider - jQuery UI +===================================================================*/ +.admin-form .slider-countbox { + margin-bottom: 5px; + color: #f6931f; + font-weight: bold; + border: 0; + background: transparent; +} +.slider-wrapper, +.sliderv-wrapper { + background: #E5E5E5; + position: relative; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.5em; + height: 1.5em; + cursor: default; + background: #fff; + border: 3px solid #ccc; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -o-border-radius: 20px; + border-radius: 20px; + -ms-touch-action: none; + touch-action: none; + margin-top: -3px; + outline: none; +} +.ui-slider .ui-slider-handle:before { + content: ''; + width: 7px; + height: 7px; + position: absolute; + background-color: #ccc; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; + z-index: 2; + left: 4px; + top: 4px; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; + background-color: #aaa; +} +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} +.ui-slider-horizontal { + height: .5em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -0.3em; + margin-left: -0.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} +.ui-slider-vertical, +.sliderv-wrapper { + width: .5em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -0.45em; + margin-left: 0; + margin-bottom: -0.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.slider-input { + color: #f6931f!important; + border: 0; + background: none; +} +.slider-group .sliderv-wrapper { + height: 150px; + float: left; + margin: 15px 15px; +} +.ui-slider .ui-state-active { + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; +} +/* progress bar strips */ +.ui-slider .ui-slider-range { + background-size: 16px 16px; + background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); +} +/*================================================================== + Slider Tooltips - jQuery UI +===================================================================*/ +.slider-tip { + display: block; + position: absolute; + text-align: center; + font: 10pt Tahoma, Arial, sans-serif; + background: #333333; + padding: 10px; + color: #fff; +} +.slider-wrapper .slider-tip { + top: -50px; + left: -15px; +} +.slider-wrapper .slider-tip:after { + content: ''; + position: absolute; + top: 98%; + left: 35%; + border-top: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.sliderv-wrapper .slider-tip { + left: 30px; + top: -12px; +} +.sliderv-wrapper .slider-tip:after { + content: ''; + position: absolute; + top: 30%; + right: 98%; + border-right: 8px solid #333333; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; +} +/*================================================================== + Spectrum Color Picker +===================================================================*/ +.sp-container { + position: absolute; + display: inline-block; + *display: inline; + z-index: 9999994; + overflow: hidden; + *zoom: 1; + top: 0; + left: 0; + border-radius: 0; + padding: 0; + background: #f8f8f8; + border: 1px solid #DDD; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); +} +/* expands container to the left of + * button, default opens right */ +.sp-container.sp-left { + top: 50px !important; + left: auto !important; + right: 0px !important; +} +.sp-container.sp-flat { + position: relative; +} +.sp-top { + position: relative; + display: inline-block; + width: 100%; +} +.sp-top-inner { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.sp-color { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 20%; +} +.sp-hue { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 84%; + height: 100%; +} +.sp-clear-enabled .sp-hue { + top: 33px; + height: 77.5%; +} +.sp-fill { + padding-top: 80%; +} +.sp-sat, +.sp-val { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.sp-alpha-enabled .sp-top { + margin-bottom: 18px; +} +.sp-alpha-enabled .sp-alpha { + display: block; +} +.sp-alpha-handle { + position: absolute; + top: -4px; + bottom: -4px; + width: 6px; + left: 50%; + cursor: pointer; + border: 1px solid black; + background: white; + opacity: .8; +} +.sp-alpha { + display: none; + position: absolute; + bottom: -14px; + right: 0; + left: 0; + height: 8px; +} +.sp-alpha-inner { + border: solid 1px #333; +} +.sp-clear { + display: none; +} +.sp-clear.sp-clear-display { + background-position: center; +} +.sp-clear-enabled .sp-clear { + display: block; + position: absolute; + top: 0px; + right: 0; + bottom: 0; + left: 84%; + height: 28px; +} +.sp-dd, +.sp-clear, +.sp-alpha, +.sp-slider, +.sp-dragger, +.sp-preview, +.sp-alpha-handle, +.sp-container, +.sp-replacer, +.sp-container.sp-dragging .sp-input, +.sp-container button { + -webkit-user-select: none; + -moz-user-select: -moz-none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.sp-container.sp-input-disabled .sp-input-container { + display: none; +} +.sp-container.sp-buttons-disabled .sp-button-container { + display: none; +} +.sp-palette-only .sp-picker-container { + display: none; +} +.sp-palette-disabled .sp-palette-container { + display: none; +} +.sp-initial-disabled .sp-initial { + display: none; +} +.sp-sat { + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0))); + background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); + background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); + background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); + background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); + background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0)); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); +} +.sp-val { + background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); + background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0)); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); +} +.sp-hue { + background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); + background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); +} +.sp-1 { + height: 17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); +} +.sp-2 { + height: 16%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); +} +.sp-3 { + height: 17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); +} +.sp-4 { + height: 17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); +} +.sp-5 { + height: 16%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); +} +.sp-6 { + height: 17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); +} +.sp-hidden { + display: none !important; +} +.sp-cf:before, +.sp-cf:after { + content: ""; + display: table; +} +.sp-cf:after { + clear: both; +} +.sp-cf { + *zoom: 1; +} +.sp-dragger { + border-radius: 5px; + height: 5px; + width: 5px; + border: 1px solid #fff; + background: #000; + cursor: pointer; + position: absolute; + top: 0; + left: 0; +} +.sp-slider { + position: absolute; + top: 0; + cursor: pointer; + height: 3px; + left: -1px; + right: -1px; + border: 1px solid #000; + background: white; + opacity: .8; +} +.sp-container, +.sp-container button, +.sp-container input, +.sp-color, +.sp-hue, +.sp-clear { + font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.sp-top { + margin-bottom: 3px; +} +.sp-color, +.sp-hue, +.sp-clear { + border: solid 1px #666; +} +.sp-input-container { + float: right; + width: 100px; + margin-bottom: 4px; +} +.sp-initial-disabled .sp-input-container { + width: 100%; +} +.sp-input { + font-size: 12px !important; + border: 1px inset; + padding: 4px 5px; + background: transparent; + border-radius: 3px; + width: 100%; + color: #222; + margin: 0; +} +.sp-input:focus { + border: 1px solid orange; +} +.sp-input.sp-validation-error { + border: 1px solid red; + background: #fdd; +} +.sp-picker-container, +.sp-palette-container { + float: left; + position: relative; + padding: 10px 15px; + padding-bottom: 300px; + margin-bottom: -290px; + min-height: 300px; +} +.sp-picker-container { + width: 172px; + border-left: 1px solid #DDD; + background-color: #f1f1f1; +} +.sp-palette-container { + padding: 5px; + border-right: 1px solid transparent; + background-color: #f1f1f1; +} +.sp-palette .sp-thumb-el { + display: block; + position: relative; + float: left; + width: 24px; + height: 15px; + margin: 3px; + cursor: pointer; + border: solid 2px transparent; +} +.sp-palette .sp-thumb-el:hover, +.sp-palette .sp-thumb-el.sp-thumb-active { + border-color: orange; +} +.sp-thumb-el { + position: relative; +} +.sp-initial { + float: left; + border: solid 1px #333; +} +.sp-initial span { + width: 30px; + height: 25px; + border: none; + display: block; + float: left; + margin: 0; +} +.sp-initial .sp-clear-display { + background-position: center; +} +.sp-button-container { + float: right; +} +.sp-replacer { + cursor: pointer; + overflow: hidden; + padding: 4px 10px; + position: absolute; + background: #F5F5F5; + vertical-align: middle; + border: solid 1px #DDD; + border-width: 1px 1px 1px 0; + display: inline-block; + *display: inline; + height: 100%; + color: #333; + margin: 0; + *zoom: 1; + right: 0; +} +.sp-replacer:hover, +.sp-replacer.sp-active { + border-color: #aaa; + color: #111; +} +.sp-replacer.sp-disabled { + cursor: default; + border-color: #DDD; + color: #AAA; +} +.sp-dd { + padding: 2px 0; + height: 16px; + line-height: 16px; + float: left; + font-size: 12px; + color: #9F9F9F; + position: relative; + top: 6px; +} +.sp-preview { + position: relative; + width: 25px; + height: 20px; + border: solid 1px #222; + margin-right: 5px; + margin-top: 6px; + float: left; + z-index: 0; +} +.sp-palette { + *width: 220px; + max-width: 220px; +} +.sp-palette .sp-thumb-el { + width: 16px; + height: 16px; + margin: 2px 1px; + border: solid 1px #d0d0d0; +} +.sp-container { + padding-bottom: 0; +} +.sp-container button { + cursor: pointer; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 2px; + color: #666; + font-size: 13px; + line-height: 1; + padding: 7px 8px; + text-align: center; + vertical-align: middle; +} +.sp-container button:hover { + border: 1px solid #ddd; +} +.sp-container button:active { + border: 1px solid #ccc; +} +.sp-cancel { + font-size: 11px; + color: #aaa !important; + margin: 0; + padding: 2px; + margin-right: 7px; + vertical-align: middle; + text-decoration: none; +} +.sp-cancel:hover { + color: #666 !important; + text-decoration: none; +} +.sp-palette span:hover, +.sp-palette span.sp-thumb-active { + border-color: #000; +} +.sp-preview, +.sp-alpha, +.sp-thumb-el { + position: relative; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.sp-preview-inner, +.sp-alpha-inner, +.sp-thumb-inner { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.sp-palette .sp-thumb-inner { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); +} +.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); +} +.sp-clear-display { + background-repeat: no-repeat; + background-position: center; + background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); +} +.sfcolor { + padding-right: 63px; +} +.sfcolor .gui-input + .sp-replacer { + width: 63px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; +} +/* Custom Changes - Field preview thumb */ +.sp-preview { + border-color: #fff; +} +/* Custom Changes - Primary Container */ +.sp-picker-container { + background-color: #fff; + margin-bottom: -300px; +} +.sp-button-container { + float: none; + text-align: right; + background: #f2f2f2; + border-top: 1px solid #DDD; + margin-top: 35px; + margin-left: -15px; + margin-right: -15px; + padding: 6px; +} +.sp-palette-disabled .sp-button-container { + margin-top: 5px; +} +/* Color Pointer */ +.sp-dragger { + background: rgba(255, 255, 255, 0.4); + height: 10px; + width: 10px; + border-radius: 0px; + border-color: rgba(255, 255, 255, 0.7); +} +/* hue + color border color */ +.sp-color, +.sp-hue, +.sp-clear { + border-color: #bbb; +} +/* Hue Slider */ +.sp-input { + background: #f1f1f1; + border: 0; +} +.sp-slider { + height: 6px; + border: 0; + background: rgba(0, 0, 0, 0.4); + opacity: 1; +} +/* Custom Changes - Palette Container */ +.sp-palette-button-container { + display: none; +} +/* palette thumbs */ +.sp-palette .sp-thumb-el { + width: 18px; + height: 18px; + margin: 2px; + border-color: #fff; +} +/* palette active thumb */ +.sp-palette .sp-thumb-el:hover, +.sp-palette .sp-thumb-el.sp-thumb-active { + border-color: #fff; +} +.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { + background-image: none; +} +.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after { + position: absolute; + content: "\f00c"; + font-family: "FontAwesome"; + font-size: 12px; + color: #FFF; + left: 2px; + top: 2px; + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); +} +.inline-cp + .sp-container { + width: 100%; + box-shadow: none; +} +.inline-cp + .sp-container > .sp-picker-container { + width: 70%; +} +.inline-cp + .sp-container > .sp-palette-container { + width: 30%; +} +.inline-cp + .sp-container > .sp-palette-container .sp-palette .sp-thumb-el { + width: 22px; + height: 22px; + margin: 3px; +} +.inline-cp + .sp-container > .sp-palette-container .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after { + font-size: 13px; + left: 3px; + top: 3px; +} +/*================================================================== + Google Map Block +===================================================================*/ +.admin-form .map-container { + padding: 7px; + border: 1px solid #CFCFCF; +} +.admin-form #map_canvas { + width: 100%; + height: 300px; + overflow: hidden; +} +.admin-form .block { + display: block; +} +/*================================================================== + AdminForm Wizard +===================================================================*/ +/* form wizard wrapper */ +.wizard { + background-color: #FFF; +} +/* Wizard top nav - "steps" */ +.wizard .steps { + text-align: center; + padding: 20px 15px 10px; + border: 1px solid #E8E8E8; + border-bottom: 0; +} +.wizard .steps ul, +.wizard .steps li { + list-style: none; + text-decoration: none; + padding: 0; + margin: 0; +} +.wizard .steps li { + display: inline-block; + margin-right: 10px; +} +.wizard .steps li.last { + margin-right: 0; +} +.wizard .steps li.disabled a { + cursor: not-allowed; +} +.wizard .steps li a { + display: inline-block; + color: #FFF; + font-size: 15px; + text-align: center; + padding: 12px 18px; + background-color: #649ae1; + text-decoration: none; + -webkit-user-drag: none; +} +/* Nav item states */ +.wizard .steps li.current a { + background-color: #2e76d6; +} +.wizard .steps li.disabled a { + background-color: #BBBBBB !important; +} +.wizard .steps li.current a:focus { + outline-color: transparent; +} +/* Disable various nav meta information */ +.wizard .steps li a .current-info, +.wizard .steps li a .number { + display: none; +} +/* Wizard Content */ +.wizard .content { + background-color: #ffffff; + border: 1px solid #E8E8E8; + border-top: 0; +} +.wizard .content + .actions { + border-top: 0; +} +.wizard .wizard-section-title { + display: none; +} +.wizard .wizard-section.body { + padding: 15px; +} +/* Wizard Actions/Footer */ +.wizard .actions { + padding: 10px 15px; + background-color: #f8f8f8; + border: 1px solid #E8E8E8; +} +.wizard .actions ul { + list-style: none; + text-decoration: none; + padding: 0; + margin: 0; + float: right; +} +.wizard .actions li { + display: inline-block; + margin-left: 10px; +} +.wizard .actions li a { + display: inline-block; + color: #FFF; + padding: 9px 18px; + background-color: #4a89dc; + text-decoration: none; + -webkit-user-drag: none; +} +.wizard .actions li.disabled a { + cursor: not-allowed; + background-color: #BBB !important; +} +/* hide steps icons */ +.wizard.steps-hide-icons .steps .fa, +.wizard.steps-hide-icons .steps .glyphicon, +.wizard.steps-hide-icons .steps .glyphicon { + display: none !important; +} +/* hide steps icons */ +.wizard.steps-show-icons .steps .fa, +.wizard.steps-show-icons .steps .glyphicon, +.wizard.steps-show-icons .steps .glyphicon { + display: inline-block !important; +} +/* steps align right */ +.wizard.steps-left .steps { + text-align: left; +} +/* steps align right */ +.wizard.steps-right .steps { + text-align: right; +} +/* steps justified */ +.wizard.steps-justified .steps { + position: relative; + width: 100%; +} +.wizard.steps-justified .steps li { + display: table-cell; + position: relative; + float: none; + width: 1%; +} +.wizard.steps-justified .steps li a { + display: block; +} +/* steps tabs */ +.wizard.steps-tabs .steps { + padding: 0; + height: 55px; + position: relative; + background-color: #EEE; + border-color: transparent; + border-bottom: 1px solid #E8E8E8; +} +.wizard.steps-tabs .steps li { + margin: 0; +} +.wizard.steps-tabs .steps li a { + padding: 18px 23px 18px; +} +/* steps add BG */ +.wizard.steps-bg .steps { + padding: 15px; + position: relative; + background-color: #f8f8f8; + border-bottom: 1px solid #E8E8E8; +} +.wizard.steps-bg.steps-tabs .steps { + padding: 0; + border-color: #E8E8E8; +} +.wizard.steps-bg .content, +.wizard.steps-tabs .content, +.wizard.steps-justified .content { + padding-top: 10px; +} +/*================================================================== + Panel +===================================================================*/ +.admin-form .panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid #DDD; +} +/*================================================================== + Panel Header +===================================================================*/ +.admin-form .panel-heading { + overflow: hidden; + position: relative; + height: auto; + padding: 19px 22px 18px; + color: #999; + border-radius: 0; + border-top: 1px solid transparent; + border-left: 0; + border-right: 0; + border-bottom: 1px solid #DDD; + background-color: #FAFAFA; +} +.admin-form .heading-border:before { + content: ""; + background-color: #9999A3; + position: absolute; + height: 10px; + z-index: 1; + top: 0; + right: 0; + left: 0; +} +.admin-form .heading-border .panel-heading { + padding: 30px 22px 17px; +} +.admin-form .heading-border .panel-title { + color: #999; +} +.admin-form .panel-title { + text-align: left; + font-weight: 300; + font-size: 26px; + padding: 0; + margin: 0; + background: transparent; +} +.admin-form .panel-title i { + font-size: 26px; + position: relative; + margin-right: 15px; + top: 0; + border-width: 0; +} +/*================================================================== + Panel Body +===================================================================*/ +.admin-form .panel-body { + padding: 25px; + border: 0; +} +/*================================================================== + Panel Footer +===================================================================*/ +.admin-form .panel-footer { + padding: 12px 13px; + border: 0; + border-top: 1px solid #DDD; + background: #f2f2f2; +} +/*================================================================== + Progress Bars +===================================================================*/ +.admin-form .progress-section { + display: none; +} +.progress-striped .progress-bar, +.progress-bar-striped { + background-size: 18px 18px; + background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); + background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); + background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); +} +/*================================================================== + Checkbox/Radio Confliction fixes +===================================================================*/ +.admin-form .radio, +.admin-form .checkbox { + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + top: 1px; + vertical-align: bottom; +} +.admin-form .checkbox:after, +.admin-form .checkbox:before { + margin: 0; + padding: 0; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + -o-box-sizing: content-box; + box-sizing: content-box; +} +/* This file creates and combines all of the AdminForm color skins. + * To minimize file size, we recommended using only one or two skins. + * However, we have provided this file as it proves useful for demonstrating + * all of skins or for enabling true multi-skin support. + */ +.admin-form .panel-primary > .panel-heading { + border-top-color: #5d9cec; +} +.admin-form .panel-primary > .panel-heading:before { + background-color: #4a89dc; +} +.admin-form .panel-primary.heading-border:before, +.admin-form .panel-primary .heading-border:before { + background-color: #4a89dc; +} +.admin-form .bg-primary { + background-color: #4a89dc; +} +.admin-form .bg-primary.light { + background-color: #5d9cec; +} +.admin-form .bg-primary.lighter { + background-color: #83aee7; +} +.admin-form .bg-primary.dark { + background-color: #2e76d6; +} +.admin-form .bg-primary.darker { + background-color: #2567bd; +} +.admin-form .option-primary input:hover + .checkbox, +.admin-form .option-primary input:hover + .radio { + border-color: #5d9cec; +} +.admin-form .option-primary input:checked + .checkbox, +.admin-form .option-primary input:focus + .checkbox, +.admin-form .option-primary input:checked + .radio, +.admin-form .option-primary input:focus + .radio { + border-color: #4a89dc; +} +.admin-form .option-primary input:checked + .radio:before, +.admin-form .option-primary input:focus + .radio:before { + background: #4a89dc; +} +.admin-form .option-primary input:checked + .checkbox:before, +.admin-form .option-primary input:focus + .checkbox:before { + border-color: #4a89dc; +} +.admin-form .switch-primary > input:checked + label { + background: #4a89dc; + border-color: #4a89dc; +} +.admin-form .switch-primary > input:checked + label:after { + color: #4a89dc; +} +.admin-form .switch-primary > input:checked:focus + label { + background: #2e76d6; + border-color: #2e76d6; +} +.admin-form .btn-primary { + background-color: #4a89dc; +} +.admin-form .btn-primary:hover, +.admin-form .btn-primary:focus { + background-color: #5d9cec; + border-color: #5d9cec; +} +.admin-form .btn-primary:active { + background-color: #2e76d6; +} +.admin-form .btn-primary, +.admin-form .btn-primary:hover, +.admin-form .btn-primary:focus, +.admin-form .btn-primary:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-range { + background-color: #4a89dc; +} +.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-handle { + border-color: #4a89dc; +} +.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-handle:before { + background-color: #4a89dc; +} +.admin-form.theme-primary .section-divider span { + color: #4a89dc; +} +.admin-form.theme-primary .tagline span { + color: #4a89dc; +} +.admin-form.theme-primary .theme-link { + color: #4a89dc; +} +.admin-form.theme-primary .gui-input:hover, +.admin-form.theme-primary .gui-textarea:hover, +.admin-form.theme-primary .select > select:hover, +.admin-form.theme-primary .select-multiple select:hover, +.admin-form.theme-primary .gui-input:hover ~ .input-footer, +.admin-form.theme-primary .file .gui-file:hover + .gui-input, +.admin-form.theme-primary .gui-textarea:hover ~ .input-footer { + border-color: #5d9cec; +} +.admin-form.theme-primary .gui-input:focus, +.admin-form.theme-primary .gui-textarea:focus, +.admin-form.theme-primary .select > select:focus, +.admin-form.theme-primary .select-multiple select:focus { + border-color: #5d9cec; + color: #3C3C3C; +} +.admin-form.theme-primary .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-primary .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-primary .gui-input:focus ~ .field-icon i, +.admin-form.theme-primary .gui-textarea:focus ~ .field-icon i { + color: #4a89dc; +} +.admin-form.theme-primary .select-multiple select:focus, +.admin-form.theme-primary .gui-input:focus ~ .input-footer, +.admin-form.theme-primary .gui-textarea:focus ~ .input-footer, +.admin-form.theme-primary .file .gui-file:focus + .gui-input { + border-color: #5d9cec; +} +.admin-form.theme-primary .select > select:focus + .arrow { + color: #4a89dc; +} +.admin-form.theme-primary .rating:hover .rating-star:hover, +.admin-form.theme-primary .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-primary .rating-input:checked ~ .rating-star { + color: #4a89dc; +} +.admin-form.theme-primary .rating-star, +.admin-form.theme-primary .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-primary .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-primary .ui-datepicker .ui-datepicker-next, +.admin-form.theme-primary .ui-datepicker .ui-datepicker-title { + color: #4a89dc; +} +.admin-form.theme-primary .ui-datepicker-today a, +.admin-form.theme-primary .ui-datepicker-today a:hover, +.admin-form.theme-primary .ui-datepicker .ui-state-highlight { + background: #9fc1ed !important; +} +.admin-form.theme-primary .ui-datepicker .ui-state-active { + background: #4a89dc !important; +} +.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #4a89dc; +} +.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #4a89dc; +} +.admin-form.theme-primary .wizard .steps li a, +.admin-form.theme-primary .wizard .actions li a { + background-color: #4a89dc; +} +.admin-form.theme-primary .wizard .steps li.current a { + background-color: #2e76d6; +} +.admin-form .panel-info > .panel-heading { + border-top-color: #4fc1e9; +} +.admin-form .panel-info > .panel-heading:before { + background-color: #3bafda; +} +.admin-form .panel-info.heading-border:before, +.admin-form .panel-info .heading-border:before { + background-color: #3bafda; +} +.admin-form .bg-info { + background-color: #3bafda; +} +.admin-form .bg-info.light { + background-color: #4fc1e9; +} +.admin-form .bg-info.lighter { + background-color: #74c6e5; +} +.admin-form .bg-info.dark { + background-color: #27a0cc; +} +.admin-form .bg-info.darker { + background-color: #2189b0; +} +.admin-form .option-info input:hover + .checkbox, +.admin-form .option-info input:hover + .radio { + border-color: #4fc1e9; +} +.admin-form .option-info input:checked + .checkbox, +.admin-form .option-info input:focus + .checkbox, +.admin-form .option-info input:checked + .radio, +.admin-form .option-info input:focus + .radio { + border-color: #3bafda; +} +.admin-form .option-info input:checked + .radio:before, +.admin-form .option-info input:focus + .radio:before { + background: #3bafda; +} +.admin-form .option-info input:checked + .checkbox:before, +.admin-form .option-info input:focus + .checkbox:before { + border-color: #3bafda; +} +.admin-form .switch-info > input:checked + label { + background: #3bafda; + border-color: #3bafda; +} +.admin-form .switch-info > input:checked + label:after { + color: #3bafda; +} +.admin-form .switch-info > input:checked:focus + label { + background: #27a0cc; + border-color: #27a0cc; +} +.admin-form .btn-info { + background-color: #3bafda; +} +.admin-form .btn-info:hover, +.admin-form .btn-info:focus { + background-color: #4fc1e9; + border-color: #4fc1e9; +} +.admin-form .btn-info:active { + background-color: #27a0cc; +} +.admin-form .btn-info, +.admin-form .btn-info:hover, +.admin-form .btn-info:focus, +.admin-form .btn-info:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-range { + background-color: #3bafda; +} +.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-handle { + border-color: #3bafda; +} +.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-handle:before { + background-color: #3bafda; +} +.admin-form.theme-info .section-divider span { + color: #3bafda; +} +.admin-form.theme-info .tagline span { + color: #3bafda; +} +.admin-form.theme-info .theme-link { + color: #3bafda; +} +.admin-form.theme-info .gui-input:hover, +.admin-form.theme-info .gui-textarea:hover, +.admin-form.theme-info .select > select:hover, +.admin-form.theme-info .select-multiple select:hover, +.admin-form.theme-info .gui-input:hover ~ .input-footer, +.admin-form.theme-info .file .gui-file:hover + .gui-input, +.admin-form.theme-info .gui-textarea:hover ~ .input-footer { + border-color: #4fc1e9; +} +.admin-form.theme-info .gui-input:focus, +.admin-form.theme-info .gui-textarea:focus, +.admin-form.theme-info .select > select:focus, +.admin-form.theme-info .select-multiple select:focus { + border-color: #4fc1e9; + color: #3C3C3C; +} +.admin-form.theme-info .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-info .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-info .gui-input:focus ~ .field-icon i, +.admin-form.theme-info .gui-textarea:focus ~ .field-icon i { + color: #3bafda; +} +.admin-form.theme-info .select-multiple select:focus, +.admin-form.theme-info .gui-input:focus ~ .input-footer, +.admin-form.theme-info .gui-textarea:focus ~ .input-footer, +.admin-form.theme-info .file .gui-file:focus + .gui-input { + border-color: #4fc1e9; +} +.admin-form.theme-info .select > select:focus + .arrow { + color: #3bafda; +} +.admin-form.theme-info .rating:hover .rating-star:hover, +.admin-form.theme-info .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-info .rating-input:checked ~ .rating-star { + color: #3bafda; +} +.admin-form.theme-info .rating-star, +.admin-form.theme-info .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-info .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-info .ui-datepicker .ui-datepicker-next, +.admin-form.theme-info .ui-datepicker .ui-datepicker-title { + color: #3bafda; +} +.admin-form.theme-info .ui-datepicker-today a, +.admin-form.theme-info .ui-datepicker-today a:hover, +.admin-form.theme-info .ui-datepicker .ui-state-highlight { + background: #91d2ea !important; +} +.admin-form.theme-info .ui-datepicker .ui-state-active { + background: #3bafda !important; +} +.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #3bafda; +} +.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #3bafda; +} +.admin-form.theme-info .wizard .steps li a, +.admin-form.theme-info .wizard .actions li a { + background-color: #3bafda; +} +.admin-form.theme-info .wizard .steps li.current a { + background-color: #27a0cc; +} +.admin-form .panel-success > .panel-heading { + border-top-color: #87d37c; +} +.admin-form .panel-success > .panel-heading:before { + background-color: #70ca63; +} +.admin-form .panel-success.heading-border:before, +.admin-form .panel-success .heading-border:before { + background-color: #70ca63; +} +.admin-form .bg-success { + background-color: #70ca63; +} +.admin-form .bg-success.light { + background-color: #87d37c; +} +.admin-form .bg-success.lighter { + background-color: #9edc95; +} +.admin-form .bg-success.dark { + background-color: #58c249; +} +.admin-form .bg-success.darker { + background-color: #49ae3b; +} +.admin-form .option-success input:hover + .checkbox, +.admin-form .option-success input:hover + .radio { + border-color: #87d37c; +} +.admin-form .option-success input:checked + .checkbox, +.admin-form .option-success input:focus + .checkbox, +.admin-form .option-success input:checked + .radio, +.admin-form .option-success input:focus + .radio { + border-color: #70ca63; +} +.admin-form .option-success input:checked + .radio:before, +.admin-form .option-success input:focus + .radio:before { + background: #70ca63; +} +.admin-form .option-success input:checked + .checkbox:before, +.admin-form .option-success input:focus + .checkbox:before { + border-color: #70ca63; +} +.admin-form .switch-success > input:checked + label { + background: #70ca63; + border-color: #70ca63; +} +.admin-form .switch-success > input:checked + label:after { + color: #70ca63; +} +.admin-form .switch-success > input:checked:focus + label { + background: #58c249; + border-color: #58c249; +} +.admin-form .btn-success { + background-color: #70ca63; +} +.admin-form .btn-success:hover, +.admin-form .btn-success:focus { + background-color: #87d37c; + border-color: #87d37c; +} +.admin-form .btn-success:active { + background-color: #58c249; +} +.admin-form .btn-success, +.admin-form .btn-success:hover, +.admin-form .btn-success:focus, +.admin-form .btn-success:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-range { + background-color: #70ca63; +} +.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-handle { + border-color: #70ca63; +} +.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-handle:before { + background-color: #70ca63; +} +.admin-form.theme-success .section-divider span { + color: #70ca63; +} +.admin-form.theme-success .tagline span { + color: #70ca63; +} +.admin-form.theme-success .theme-link { + color: #70ca63; +} +.admin-form.theme-success .gui-input:hover, +.admin-form.theme-success .gui-textarea:hover, +.admin-form.theme-success .select > select:hover, +.admin-form.theme-success .select-multiple select:hover, +.admin-form.theme-success .gui-input:hover ~ .input-footer, +.admin-form.theme-success .file .gui-file:hover + .gui-input, +.admin-form.theme-success .gui-textarea:hover ~ .input-footer { + border-color: #87d37c; +} +.admin-form.theme-success .gui-input:focus, +.admin-form.theme-success .gui-textarea:focus, +.admin-form.theme-success .select > select:focus, +.admin-form.theme-success .select-multiple select:focus { + border-color: #87d37c; + color: #3C3C3C; +} +.admin-form.theme-success .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-success .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-success .gui-input:focus ~ .field-icon i, +.admin-form.theme-success .gui-textarea:focus ~ .field-icon i { + color: #70ca63; +} +.admin-form.theme-success .select-multiple select:focus, +.admin-form.theme-success .gui-input:focus ~ .input-footer, +.admin-form.theme-success .gui-textarea:focus ~ .input-footer, +.admin-form.theme-success .file .gui-file:focus + .gui-input { + border-color: #87d37c; +} +.admin-form.theme-success .select > select:focus + .arrow { + color: #70ca63; +} +.admin-form.theme-success .rating:hover .rating-star:hover, +.admin-form.theme-success .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-success .rating-input:checked ~ .rating-star { + color: #70ca63; +} +.admin-form.theme-success .rating-star, +.admin-form.theme-success .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-success .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-success .ui-datepicker .ui-datepicker-next, +.admin-form.theme-success .ui-datepicker .ui-datepicker-title { + color: #70ca63; +} +.admin-form.theme-success .ui-datepicker-today a, +.admin-form.theme-success .ui-datepicker-today a:hover, +.admin-form.theme-success .ui-datepicker .ui-state-highlight { + background: #b6e4af !important; +} +.admin-form.theme-success .ui-datepicker .ui-state-active { + background: #70ca63 !important; +} +.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #70ca63; +} +.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #70ca63; +} +.admin-form.theme-success .wizard .steps li a, +.admin-form.theme-success .wizard .actions li a { + background-color: #70ca63; +} +.admin-form.theme-success .wizard .steps li.current a { + background-color: #58c249; +} +.admin-form .panel-warning > .panel-heading { + border-top-color: #ffce54; +} +.admin-form .panel-warning > .panel-heading:before { + background-color: #f6bb42; +} +.admin-form .panel-warning.heading-border:before, +.admin-form .panel-warning .heading-border:before { + background-color: #f6bb42; +} +.admin-form .bg-warning { + background-color: #f6bb42; +} +.admin-form .bg-warning.light { + background-color: #ffce54; +} +.admin-form .bg-warning.lighter { + background-color: #f9d283; +} +.admin-form .bg-warning.dark { + background-color: #f4af22; +} +.admin-form .bg-warning.darker { + background-color: #d9950a; +} +.admin-form .option-warning input:hover + .checkbox, +.admin-form .option-warning input:hover + .radio { + border-color: #ffce54; +} +.admin-form .option-warning input:checked + .checkbox, +.admin-form .option-warning input:focus + .checkbox, +.admin-form .option-warning input:checked + .radio, +.admin-form .option-warning input:focus + .radio { + border-color: #f6bb42; +} +.admin-form .option-warning input:checked + .radio:before, +.admin-form .option-warning input:focus + .radio:before { + background: #f6bb42; +} +.admin-form .option-warning input:checked + .checkbox:before, +.admin-form .option-warning input:focus + .checkbox:before { + border-color: #f6bb42; +} +.admin-form .switch-warning > input:checked + label { + background: #f6bb42; + border-color: #f6bb42; +} +.admin-form .switch-warning > input:checked + label:after { + color: #f6bb42; +} +.admin-form .switch-warning > input:checked:focus + label { + background: #f4af22; + border-color: #f4af22; +} +.admin-form .btn-warning { + background-color: #f6bb42; +} +.admin-form .btn-warning:hover, +.admin-form .btn-warning:focus { + background-color: #ffce54; + border-color: #ffce54; +} +.admin-form .btn-warning:active { + background-color: #f4af22; +} +.admin-form .btn-warning, +.admin-form .btn-warning:hover, +.admin-form .btn-warning:focus, +.admin-form .btn-warning:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-range { + background-color: #f6bb42; +} +.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-handle { + border-color: #f6bb42; +} +.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-handle:before { + background-color: #f6bb42; +} +.admin-form.theme-warning .section-divider span { + color: #f6bb42; +} +.admin-form.theme-warning .tagline span { + color: #f6bb42; +} +.admin-form.theme-warning .theme-link { + color: #f6bb42; +} +.admin-form.theme-warning .gui-input:hover, +.admin-form.theme-warning .gui-textarea:hover, +.admin-form.theme-warning .select > select:hover, +.admin-form.theme-warning .select-multiple select:hover, +.admin-form.theme-warning .gui-input:hover ~ .input-footer, +.admin-form.theme-warning .file .gui-file:hover + .gui-input, +.admin-form.theme-warning .gui-textarea:hover ~ .input-footer { + border-color: #ffce54; +} +.admin-form.theme-warning .gui-input:focus, +.admin-form.theme-warning .gui-textarea:focus, +.admin-form.theme-warning .select > select:focus, +.admin-form.theme-warning .select-multiple select:focus { + border-color: #ffce54; + color: #3C3C3C; +} +.admin-form.theme-warning .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-warning .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-warning .gui-input:focus ~ .field-icon i, +.admin-form.theme-warning .gui-textarea:focus ~ .field-icon i { + color: #f6bb42; +} +.admin-form.theme-warning .select-multiple select:focus, +.admin-form.theme-warning .gui-input:focus ~ .input-footer, +.admin-form.theme-warning .gui-textarea:focus ~ .input-footer, +.admin-form.theme-warning .file .gui-file:focus + .gui-input { + border-color: #ffce54; +} +.admin-form.theme-warning .select > select:focus + .arrow { + color: #f6bb42; +} +.admin-form.theme-warning .rating:hover .rating-star:hover, +.admin-form.theme-warning .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-warning .rating-input:checked ~ .rating-star { + color: #f6bb42; +} +.admin-form.theme-warning .rating-star, +.admin-form.theme-warning .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-warning .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-warning .ui-datepicker .ui-datepicker-next, +.admin-form.theme-warning .ui-datepicker .ui-datepicker-title { + color: #f6bb42; +} +.admin-form.theme-warning .ui-datepicker-today a, +.admin-form.theme-warning .ui-datepicker-today a:hover, +.admin-form.theme-warning .ui-datepicker .ui-state-highlight { + background: #fbdea3 !important; +} +.admin-form.theme-warning .ui-datepicker .ui-state-active { + background: #f6bb42 !important; +} +.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #f6bb42; +} +.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #f6bb42; +} +.admin-form.theme-warning .wizard .steps li a, +.admin-form.theme-warning .wizard .actions li a { + background-color: #f6bb42; +} +.admin-form.theme-warning .wizard .steps li.current a { + background-color: #f4af22; +} +.admin-form .panel-danger > .panel-heading { + border-top-color: #fc6e51; +} +.admin-form .panel-danger > .panel-heading:before { + background-color: #e9573f; +} +.admin-form .panel-danger.heading-border:before, +.admin-form .panel-danger .heading-border:before { + background-color: #e9573f; +} +.admin-form .bg-danger { + background-color: #e9573f; +} +.admin-form .bg-danger.light { + background-color: #fc6e51; +} +.admin-form .bg-danger.lighter { + background-color: #f08c7c; +} +.admin-form .bg-danger.dark { + background-color: #e63c21; +} +.admin-form .bg-danger.darker { + background-color: #cd3117; +} +.admin-form .option-danger input:hover + .checkbox, +.admin-form .option-danger input:hover + .radio { + border-color: #fc6e51; +} +.admin-form .option-danger input:checked + .checkbox, +.admin-form .option-danger input:focus + .checkbox, +.admin-form .option-danger input:checked + .radio, +.admin-form .option-danger input:focus + .radio { + border-color: #e9573f; +} +.admin-form .option-danger input:checked + .radio:before, +.admin-form .option-danger input:focus + .radio:before { + background: #e9573f; +} +.admin-form .option-danger input:checked + .checkbox:before, +.admin-form .option-danger input:focus + .checkbox:before { + border-color: #e9573f; +} +.admin-form .switch-danger > input:checked + label { + background: #e9573f; + border-color: #e9573f; +} +.admin-form .switch-danger > input:checked + label:after { + color: #e9573f; +} +.admin-form .switch-danger > input:checked:focus + label { + background: #e63c21; + border-color: #e63c21; +} +.admin-form .btn-danger { + background-color: #e9573f; +} +.admin-form .btn-danger:hover, +.admin-form .btn-danger:focus { + background-color: #fc6e51; + border-color: #fc6e51; +} +.admin-form .btn-danger:active { + background-color: #e63c21; +} +.admin-form .btn-danger, +.admin-form .btn-danger:hover, +.admin-form .btn-danger:focus, +.admin-form .btn-danger:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-range { + background-color: #e9573f; +} +.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-handle { + border-color: #e9573f; +} +.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-handle:before { + background-color: #e9573f; +} +.admin-form.theme-danger .section-divider span { + color: #e9573f; +} +.admin-form.theme-danger .tagline span { + color: #e9573f; +} +.admin-form.theme-danger .theme-link { + color: #e9573f; +} +.admin-form.theme-danger .gui-input:hover, +.admin-form.theme-danger .gui-textarea:hover, +.admin-form.theme-danger .select > select:hover, +.admin-form.theme-danger .select-multiple select:hover, +.admin-form.theme-danger .gui-input:hover ~ .input-footer, +.admin-form.theme-danger .file .gui-file:hover + .gui-input, +.admin-form.theme-danger .gui-textarea:hover ~ .input-footer { + border-color: #fc6e51; +} +.admin-form.theme-danger .gui-input:focus, +.admin-form.theme-danger .gui-textarea:focus, +.admin-form.theme-danger .select > select:focus, +.admin-form.theme-danger .select-multiple select:focus { + border-color: #fc6e51; + color: #3C3C3C; +} +.admin-form.theme-danger .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-danger .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-danger .gui-input:focus ~ .field-icon i, +.admin-form.theme-danger .gui-textarea:focus ~ .field-icon i { + color: #e9573f; +} +.admin-form.theme-danger .select-multiple select:focus, +.admin-form.theme-danger .gui-input:focus ~ .input-footer, +.admin-form.theme-danger .gui-textarea:focus ~ .input-footer, +.admin-form.theme-danger .file .gui-file:focus + .gui-input { + border-color: #fc6e51; +} +.admin-form.theme-danger .select > select:focus + .arrow { + color: #e9573f; +} +.admin-form.theme-danger .rating:hover .rating-star:hover, +.admin-form.theme-danger .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-danger .rating-input:checked ~ .rating-star { + color: #e9573f; +} +.admin-form.theme-danger .rating-star, +.admin-form.theme-danger .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-danger .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-danger .ui-datepicker .ui-datepicker-next, +.admin-form.theme-danger .ui-datepicker .ui-datepicker-title { + color: #e9573f; +} +.admin-form.theme-danger .ui-datepicker-today a, +.admin-form.theme-danger .ui-datepicker-today a:hover, +.admin-form.theme-danger .ui-datepicker .ui-state-highlight { + background: #f3a79b !important; +} +.admin-form.theme-danger .ui-datepicker .ui-state-active { + background: #e9573f !important; +} +.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #e9573f; +} +.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #e9573f; +} +.admin-form.theme-danger .wizard .steps li a, +.admin-form.theme-danger .wizard .actions li a { + background-color: #e9573f; +} +.admin-form.theme-danger .wizard .steps li.current a { + background-color: #e63c21; +} +.admin-form .panel-alert > .panel-heading { + border-top-color: #ac92ec; +} +.admin-form .panel-alert > .panel-heading:before { + background-color: #967adc; +} +.admin-form .panel-alert.heading-border:before, +.admin-form .panel-alert .heading-border:before { + background-color: #967adc; +} +.admin-form .bg-alert { + background-color: #967adc; +} +.admin-form .bg-alert.light { + background-color: #ac92ec; +} +.admin-form .bg-alert.lighter { + background-color: #c0b0ea; +} +.admin-form .bg-alert.dark { + background-color: #815fd5; +} +.admin-form .bg-alert.darker { + background-color: #6c44ce; +} +.admin-form .option-alert input:hover + .checkbox, +.admin-form .option-alert input:hover + .radio { + border-color: #ac92ec; +} +.admin-form .option-alert input:checked + .checkbox, +.admin-form .option-alert input:focus + .checkbox, +.admin-form .option-alert input:checked + .radio, +.admin-form .option-alert input:focus + .radio { + border-color: #967adc; +} +.admin-form .option-alert input:checked + .radio:before, +.admin-form .option-alert input:focus + .radio:before { + background: #967adc; +} +.admin-form .option-alert input:checked + .checkbox:before, +.admin-form .option-alert input:focus + .checkbox:before { + border-color: #967adc; +} +.admin-form .switch-alert > input:checked + label { + background: #967adc; + border-color: #967adc; +} +.admin-form .switch-alert > input:checked + label:after { + color: #967adc; +} +.admin-form .switch-alert > input:checked:focus + label { + background: #815fd5; + border-color: #815fd5; +} +.admin-form .btn-alert { + background-color: #967adc; +} +.admin-form .btn-alert:hover, +.admin-form .btn-alert:focus { + background-color: #ac92ec; + border-color: #ac92ec; +} +.admin-form .btn-alert:active { + background-color: #815fd5; +} +.admin-form .btn-alert, +.admin-form .btn-alert:hover, +.admin-form .btn-alert:focus, +.admin-form .btn-alert:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-range { + background-color: #967adc; +} +.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-handle { + border-color: #967adc; +} +.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-handle:before { + background-color: #967adc; +} +.admin-form.theme-alert .section-divider span { + color: #967adc; +} +.admin-form.theme-alert .tagline span { + color: #967adc; +} +.admin-form.theme-alert .theme-link { + color: #967adc; +} +.admin-form.theme-alert .gui-input:hover, +.admin-form.theme-alert .gui-textarea:hover, +.admin-form.theme-alert .select > select:hover, +.admin-form.theme-alert .select-multiple select:hover, +.admin-form.theme-alert .gui-input:hover ~ .input-footer, +.admin-form.theme-alert .file .gui-file:hover + .gui-input, +.admin-form.theme-alert .gui-textarea:hover ~ .input-footer { + border-color: #ac92ec; +} +.admin-form.theme-alert .gui-input:focus, +.admin-form.theme-alert .gui-textarea:focus, +.admin-form.theme-alert .select > select:focus, +.admin-form.theme-alert .select-multiple select:focus { + border-color: #ac92ec; + color: #3C3C3C; +} +.admin-form.theme-alert .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-alert .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-alert .gui-input:focus ~ .field-icon i, +.admin-form.theme-alert .gui-textarea:focus ~ .field-icon i { + color: #967adc; +} +.admin-form.theme-alert .select-multiple select:focus, +.admin-form.theme-alert .gui-input:focus ~ .input-footer, +.admin-form.theme-alert .gui-textarea:focus ~ .input-footer, +.admin-form.theme-alert .file .gui-file:focus + .gui-input { + border-color: #ac92ec; +} +.admin-form.theme-alert .select > select:focus + .arrow { + color: #967adc; +} +.admin-form.theme-alert .rating:hover .rating-star:hover, +.admin-form.theme-alert .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-alert .rating-input:checked ~ .rating-star { + color: #967adc; +} +.admin-form.theme-alert .rating-star, +.admin-form.theme-alert .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-alert .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-alert .ui-datepicker .ui-datepicker-next, +.admin-form.theme-alert .ui-datepicker .ui-datepicker-title { + color: #967adc; +} +.admin-form.theme-alert .ui-datepicker-today a, +.admin-form.theme-alert .ui-datepicker-today a:hover, +.admin-form.theme-alert .ui-datepicker .ui-state-highlight { + background: #d6cbf1 !important; +} +.admin-form.theme-alert .ui-datepicker .ui-state-active { + background: #967adc !important; +} +.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #967adc; +} +.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #967adc; +} +.admin-form.theme-alert .wizard .steps li a, +.admin-form.theme-alert .wizard .actions li a { + background-color: #967adc; +} +.admin-form.theme-alert .wizard .steps li.current a { + background-color: #815fd5; +} +.admin-form .panel-system > .panel-heading { + border-top-color: #48cfad; +} +.admin-form .panel-system > .panel-heading:before { + background-color: #37bc9b; +} +.admin-form .panel-system.heading-border:before, +.admin-form .panel-system .heading-border:before { + background-color: #37bc9b; +} +.admin-form .bg-system { + background-color: #37bc9b; +} +.admin-form .bg-system.light { + background-color: #48cfad; +} +.admin-form .bg-system.lighter { + background-color: #65d2b7; +} +.admin-form .bg-system.dark { + background-color: #2fa285; +} +.admin-form .bg-system.darker { + background-color: #288770; +} +.admin-form .option-system input:hover + .checkbox, +.admin-form .option-system input:hover + .radio { + border-color: #48cfad; +} +.admin-form .option-system input:checked + .checkbox, +.admin-form .option-system input:focus + .checkbox, +.admin-form .option-system input:checked + .radio, +.admin-form .option-system input:focus + .radio { + border-color: #37bc9b; +} +.admin-form .option-system input:checked + .radio:before, +.admin-form .option-system input:focus + .radio:before { + background: #37bc9b; +} +.admin-form .option-system input:checked + .checkbox:before, +.admin-form .option-system input:focus + .checkbox:before { + border-color: #37bc9b; +} +.admin-form .switch-system > input:checked + label { + background: #37bc9b; + border-color: #37bc9b; +} +.admin-form .switch-system > input:checked + label:after { + color: #37bc9b; +} +.admin-form .switch-system > input:checked:focus + label { + background: #2fa285; + border-color: #2fa285; +} +.admin-form .btn-system { + background-color: #37bc9b; +} +.admin-form .btn-system:hover, +.admin-form .btn-system:focus { + background-color: #48cfad; + border-color: #48cfad; +} +.admin-form .btn-system:active { + background-color: #2fa285; +} +.admin-form .btn-system, +.admin-form .btn-system:hover, +.admin-form .btn-system:focus, +.admin-form .btn-system:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-range { + background-color: #37bc9b; +} +.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-handle { + border-color: #37bc9b; +} +.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-handle:before { + background-color: #37bc9b; +} +.admin-form.theme-system .section-divider span { + color: #37bc9b; +} +.admin-form.theme-system .tagline span { + color: #37bc9b; +} +.admin-form.theme-system .theme-link { + color: #37bc9b; +} +.admin-form.theme-system .gui-input:hover, +.admin-form.theme-system .gui-textarea:hover, +.admin-form.theme-system .select > select:hover, +.admin-form.theme-system .select-multiple select:hover, +.admin-form.theme-system .gui-input:hover ~ .input-footer, +.admin-form.theme-system .file .gui-file:hover + .gui-input, +.admin-form.theme-system .gui-textarea:hover ~ .input-footer { + border-color: #48cfad; +} +.admin-form.theme-system .gui-input:focus, +.admin-form.theme-system .gui-textarea:focus, +.admin-form.theme-system .select > select:focus, +.admin-form.theme-system .select-multiple select:focus { + border-color: #48cfad; + color: #3C3C3C; +} +.admin-form.theme-system .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-system .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-system .gui-input:focus ~ .field-icon i, +.admin-form.theme-system .gui-textarea:focus ~ .field-icon i { + color: #37bc9b; +} +.admin-form.theme-system .select-multiple select:focus, +.admin-form.theme-system .gui-input:focus ~ .input-footer, +.admin-form.theme-system .gui-textarea:focus ~ .input-footer, +.admin-form.theme-system .file .gui-file:focus + .gui-input { + border-color: #48cfad; +} +.admin-form.theme-system .select > select:focus + .arrow { + color: #37bc9b; +} +.admin-form.theme-system .rating:hover .rating-star:hover, +.admin-form.theme-system .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-system .rating-input:checked ~ .rating-star { + color: #37bc9b; +} +.admin-form.theme-system .rating-star, +.admin-form.theme-system .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-system .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-system .ui-datepicker .ui-datepicker-next, +.admin-form.theme-system .ui-datepicker .ui-datepicker-title { + color: #37bc9b; +} +.admin-form.theme-system .ui-datepicker-today a, +.admin-form.theme-system .ui-datepicker-today a:hover, +.admin-form.theme-system .ui-datepicker .ui-state-highlight { + background: #7fdac3 !important; +} +.admin-form.theme-system .ui-datepicker .ui-state-active { + background: #37bc9b !important; +} +.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #37bc9b; +} +.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #37bc9b; +} +.admin-form.theme-system .wizard .steps li a, +.admin-form.theme-system .wizard .actions li a { + background-color: #37bc9b; +} +.admin-form.theme-system .wizard .steps li.current a { + background-color: #2fa285; +} +.admin-form .panel-dark > .panel-heading { + border-top-color: #424759; +} +.admin-form .panel-dark > .panel-heading:before { + background-color: #3b3f4f; +} +.admin-form .panel-dark.heading-border:before, +.admin-form .panel-dark .heading-border:before { + background-color: #3b3f4f; +} +.admin-form .bg-dark { + background-color: #3b3f4f; +} +.admin-form .bg-dark.light { + background-color: #424759; +} +.admin-form .bg-dark.lighter { + background-color: #51566c; +} +.admin-form .bg-dark.dark { + background-color: #2c2f3c; +} +.admin-form .bg-dark.darker { + background-color: #1e2028; +} +.admin-form .option-dark input:hover + .checkbox, +.admin-form .option-dark input:hover + .radio { + border-color: #424759; +} +.admin-form .option-dark input:checked + .checkbox, +.admin-form .option-dark input:focus + .checkbox, +.admin-form .option-dark input:checked + .radio, +.admin-form .option-dark input:focus + .radio { + border-color: #3b3f4f; +} +.admin-form .option-dark input:checked + .radio:before, +.admin-form .option-dark input:focus + .radio:before { + background: #3b3f4f; +} +.admin-form .option-dark input:checked + .checkbox:before, +.admin-form .option-dark input:focus + .checkbox:before { + border-color: #3b3f4f; +} +.admin-form .switch-dark > input:checked + label { + background: #3b3f4f; + border-color: #3b3f4f; +} +.admin-form .switch-dark > input:checked + label:after { + color: #3b3f4f; +} +.admin-form .switch-dark > input:checked:focus + label { + background: #2c2f3c; + border-color: #2c2f3c; +} +.admin-form .btn-dark { + background-color: #3b3f4f; +} +.admin-form .btn-dark:hover, +.admin-form .btn-dark:focus { + background-color: #424759; + border-color: #424759; +} +.admin-form .btn-dark:active { + background-color: #2c2f3c; +} +.admin-form .btn-dark, +.admin-form .btn-dark:hover, +.admin-form .btn-dark:focus, +.admin-form .btn-dark:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-range { + background-color: #3b3f4f; +} +.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-handle { + border-color: #3b3f4f; +} +.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-handle:before { + background-color: #3b3f4f; +} +.admin-form.theme-dark .section-divider span { + color: #3b3f4f; +} +.admin-form.theme-dark .tagline span { + color: #3b3f4f; +} +.admin-form.theme-dark .theme-link { + color: #3b3f4f; +} +.admin-form.theme-dark .gui-input:hover, +.admin-form.theme-dark .gui-textarea:hover, +.admin-form.theme-dark .select > select:hover, +.admin-form.theme-dark .select-multiple select:hover, +.admin-form.theme-dark .gui-input:hover ~ .input-footer, +.admin-form.theme-dark .file .gui-file:hover + .gui-input, +.admin-form.theme-dark .gui-textarea:hover ~ .input-footer { + border-color: #424759; +} +.admin-form.theme-dark .gui-input:focus, +.admin-form.theme-dark .gui-textarea:focus, +.admin-form.theme-dark .select > select:focus, +.admin-form.theme-dark .select-multiple select:focus { + border-color: #424759; + color: #3C3C3C; +} +.admin-form.theme-dark .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-dark .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-dark .gui-input:focus ~ .field-icon i, +.admin-form.theme-dark .gui-textarea:focus ~ .field-icon i { + color: #3b3f4f; +} +.admin-form.theme-dark .select-multiple select:focus, +.admin-form.theme-dark .gui-input:focus ~ .input-footer, +.admin-form.theme-dark .gui-textarea:focus ~ .input-footer, +.admin-form.theme-dark .file .gui-file:focus + .gui-input { + border-color: #424759; +} +.admin-form.theme-dark .select > select:focus + .arrow { + color: #3b3f4f; +} +.admin-form.theme-dark .rating:hover .rating-star:hover, +.admin-form.theme-dark .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-dark .rating-input:checked ~ .rating-star { + color: #3b3f4f; +} +.admin-form.theme-dark .rating-star, +.admin-form.theme-dark .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-dark .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-dark .ui-datepicker .ui-datepicker-next, +.admin-form.theme-dark .ui-datepicker .ui-datepicker-title { + color: #3b3f4f; +} +.admin-form.theme-dark .ui-datepicker-today a, +.admin-form.theme-dark .ui-datepicker-today a:hover, +.admin-form.theme-dark .ui-datepicker .ui-state-highlight { + background: #676e89 !important; +} +.admin-form.theme-dark .ui-datepicker .ui-state-active { + background: #3b3f4f !important; +} +.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #3b3f4f; +} +.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #3b3f4f; +} +.admin-form.theme-dark .wizard .steps li a, +.admin-form.theme-dark .wizard .actions li a { + background-color: #3b3f4f; +} +.admin-form.theme-dark .wizard .steps li.current a { + background-color: #2c2f3c; +} \ No newline at end of file diff --git a/webroot/static/assets/css/theme/animate.css b/webroot/static/assets/css/theme/animate.css new file mode 100755 index 0000000..f698f1b --- /dev/null +++ b/webroot/static/assets/css/theme/animate.css @@ -0,0 +1,693 @@ +/* +================================================= +1. Animate.css Library +2. Animate.css "Fades" Pack +3. Animate.css "Flips" Pack +4. Animate.css "Slides" Pack +5. Animate.css "Zooms" Pack +6. Animate.css Helpers +================================================= +*/ + +/*=============================================== + Animate.css Library +================================================= +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2014 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; +} +/*=============================================== + Animate.css "Fades" Pack +================================================*/ +/* FADE ENTRANCES + * fadeIn + */ +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} +/* fadeInDown */ +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + 0% { + 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; +} +/* fadeInLeft */ +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInLeft { + 0% { + 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; +} +/* fadeInRight */ +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInRight { + 0% { + 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; +} +/* fadeInUp */ +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInUp { + 0% { + 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; +} +/*=============================================== + Animate.css "Flips" Pack +================================================*/ +/* FLIPPING ENTRANCES + * flip + */ +@-webkit-keyframes flip { + 0% { + -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(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.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 { + 0% { + -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(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.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; +} +/* flipInX */ +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transition-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 { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transition-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; +} +/* flipInY */ +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transition-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 { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transition-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; +} +/*=============================================== + Animate.css "Slides" Pack +================================================*/ +/* SLIDES ENTRANCES + * slideInDown + */ +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} +/* slideInLeft */ +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} +/* slideInRight */ +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} +/* slideInUp */ +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} +/*=============================================== + Animate.css "Zooms" Pack +================================================*/ +/* ZOOMS ENTRANCES + * zoomIn + */ +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} +/* zoomInDown */ +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} +/* zoomInLeft */ +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} +/* zoomInRight */ +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} +/* zoomInUp */ +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} +/*=============================================== + Animate.css Helpers +================================================= */ +/* used in conjuction with "data-animate" + * attr to create a delayed page animation + * read docs for more info on proper use*/ +.animated-delay, +.animated-waypoint { + opacity: 0; +} +.sparkline-delay { + position: absolute; + bottom: 0; + width: 40px; + height: 35px; + line-height: 24px; +} +.animated.animated-short { + -webkit-animation-duration: 0.6s !important; + animation-duration: 0.6s !important; +} +.animated.animated-shorter { + -webkit-animation-duration: 0.3s !important; + animation-duration: 0.3s !important; +} +.animated.animated-long { + -webkit-animation-duration: 1.4s !important; + animation-duration: 1.4s !important; +} +.animated.animated-longer { + -webkit-animation-duration: 2s !important; + animation-duration: 2s !important; +} \ No newline at end of file diff --git a/webroot/static/assets/css/theme/background.css b/webroot/static/assets/css/theme/background.css new file mode 100755 index 0000000..55e07ce --- /dev/null +++ b/webroot/static/assets/css/theme/background.css @@ -0,0 +1,47 @@ +/*================================================== + Background Options +==================================================== */ +.bg-tp { + background-color: rgba(0, 0, 0, 0.5) !important; +} +.bg-gradient { + border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + background-repeat: repeat-x; + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0); +} +.bg-background { + z-index: 0; + color: #FFF; + position: relative; +} +.bg-background.bg-topbar { + background: url("../img/patterns/topbar-bg.jpg") no-repeat center left; +} +.bg-background.bg-topbar2 { + background: url("../img/patterns/topbar-bg2.jpg") no-repeat center left; +} +.bg-background.bg-topbar3 { + background: url("../img/patterns/topbar-bg3.jpg") no-repeat center left; +} +.bg-background.bg-psuedo-tp:before, +.bg-background.bg-psuedo-tp-dark:before, +.bg-background.bg-psuedo-tp-light:before { + z-index: -1; + content: ""; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.4); +} +.bg-background.bg-psuedo-tp-dark:before { + background: rgba(0, 0, 0, 0.6); +} +.bg-background.bg-psuedo-tp-light:before { + background: rgba(0, 0, 0, 0.2); +} diff --git a/webroot/static/assets/css/theme/base.css b/webroot/static/assets/css/theme/base.css new file mode 100755 index 0000000..199ab4c --- /dev/null +++ b/webroot/static/assets/css/theme/base.css @@ -0,0 +1,803 @@ +/* +======================================================== +1. Fix the flawed CSS box model - Yes, IE6's box model is better +2. normalize.css v3.0.2 | git.io/normaliz +3. Utility Classes +4. Responsive: Utility classes +5. Boxed Layout +======================================================== +*/ +/** + * Fix the flawed CSS box model - Yes, IE6's box model is better + * Browser support: IE8+ + * via: http://paulirish.com/2012/box-sizing-border-box-ftw/ + */ +*, *:before, *:after { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +/*=============================================== + normalize.css v3.0.2 | git.io/normaliz +================================================= */ +/* Set and to inherit the height of the viewport */ +html, body { + min-height: 100%; + font-family: "Microsoft Yahei", "微软雅黑", Arial, Helvetica, sans-serif; +} + +/** + * 1. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + * https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust + */ + +html { + -ms-text-size-adjust: 100%; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 1 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. + * Correct `block` display not defined for `main` in IE 11. + * hgroup has been removed from the HTML5 (W3C) specification + * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup + */ + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, canvas, progress, video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ + +[hidden], template, script { + display: none; +} + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Address `outline` inconsistency between Chrome and other browsers. + */ + +a:focus { + outline: thin dotted; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, a:hover { + outline: 0; +} + +/** + * Remove text-decoration + */ + +ins, a { + text-decoration: none; +} + +/** + * Address styling not present in IE 8/9, Safari 5, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ + +b, strong { + font-weight: bold; +} + +/** + * Improve readability of pre-formatted text in all browsers. + */ + +pre { + white-space: pre-wrap; +} + +/** + * Set consistent quote types. + */ + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} + +/** + * 1. Corrects max-width behavior (2.) if padding and border are used + * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height + * 3. Remove the gap between images and the bottom of their containers + * 4. Remove border when inside `a` element in IE 8/9. + * remove 2. for Issue #502 + */ + +img { + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* 1 */ + vertical-align: middle; + /* 3 */ + border: 0; + /* 4 */ +} + +/** + * Correct overflow displayed oddly in IE 9. + */ + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 1em 40px; +} + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +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 { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + 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-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} +/*================================================== + Utility Classes +==================================================== */ +.clearfix:before, +.clearfix:after, +.dl-horizontal dd:before, +.dl-horizontal dd:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after, +#topbar:before, +#topbar:after { + content: " "; + display: table; +} +.clearfix:after, +.dl-horizontal dd:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after, +#topbar:after { + clear: both; +} +.center-block { + float: none; + display: block; + margin-left: auto; + margin-right: auto; +} +.center-children > div { + float: none; + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/*================================================== + Responsive: Utility classes +==================================================== */ +@-ms-viewport { + width: device-width; +} +@media (max-width: 768px) { + h1 { + font-size: 25px; + } + h2 { + font-size: 20px; + } + h3 { + font-size: 16px; + } +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg, +.visible-xl { + display: none !important; +} +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block, +.visible-xl-block, +.visible-xl-inline, +.visible-xl-inline-block { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} +@media (min-width: 992px) and (max-width: 1139px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1139px) { + .visible-md-block { + display: block !important; + } +} +@media (min-width: 992px) and (max-width: 1139px) { + .visible-md-inline { + display: inline !important; + } +} +@media (min-width: 992px) and (max-width: 1139px) { + .visible-md-inline-block { + display: inline-block !important; + } +} +@media (min-width: 1140px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (min-width: 1140px) { + .visible-lg-block { + display: block !important; + } +} +@media (min-width: 1140px) { + .visible-lg-inline { + display: inline !important; + } +} +@media (min-width: 1140px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} +@media (min-width: 1400px) { + .visible-xl { + display: block !important; + } + table.visible-xl { + display: table; + } + tr.visible-xl { + display: table-row !important; + } + th.visible-xl, + td.visible-xl { + display: table-cell !important; + } +} +@media (min-width: 1400px) { + .visible-xl-block { + display: block !important; + } +} +@media (min-width: 1400px) { + .visible-xl-inline { + display: inline !important; + } +} +@media (min-width: 1400px) { + .visible-xl-inline-block { + display: inline-block !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1139px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1140px) { + .hidden-lg { + display: none !important; + } +} +@media (min-width: 1400px) { + .hidden-xl { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !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; + } +} + +/* ============================================== + Boxed Layout - Coming Soon +================================================= + A. Boxed Settings +================================================= */ +@media (min-width: 1140px) { + body.boxed-layout { + background-color: transparent !important; + background-image: url("../../../img/patterns/noise.png"); + background-repeat: repeat; + } + body.boxed-layout .navbar { + width: 1140px !important; + margin: 0 auto; + } + body.boxed-layout .navbar-nav.navbar-right, + body.boxed-layout .navbar-nav.navbar-right:last-child { + margin-right: 0; + } + body.boxed-layout #main { + overflow: hidden; + width: 1140px !important; + margin: 0 auto; + } + body.boxed-layout #main:before { + content: ""; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #eee; + margin: 0 auto; + width: 1142px; + border-right: 1px solid #DDD; + border-left: 1px solid #DDD; + } + body.boxed-layout #main:after { + z-index: -1; + content: ""; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + background: #f8f8f8; + } + body.boxed-layout #content_wrapper { + margin-top: 0px; + } + body.boxed-layout .navbar.navbar-fixed-top + #main > #content_wrapper { + margin-top: 60px; + } + body.boxed-layout.sb-top #sidebar_left.affix { + width: 1140px; + } + body.boxed-layout #sidebar_left.affix { + left: auto; + } + body.boxed-layout #sidebar_left.nano > .nano-content { + padding-top: 0; + } + body.boxed-layout.sb-l-c #sidebar_left, + body.boxed-layout.sb-l-c.sb-l-m #sidebar_left { + left: -230px; + } + body.boxed-layout #sidebar_right { + display: none; + position: absolute; + top: 0; + right: 0; + } + body.boxed-layout.sb-r-o #sidebar_right { + display: block; + } + body.boxed-layout #topbar.affix { + width: 910px !important; + margin-left: 0; + left: auto; + right: auto; + } + body.boxed-layout.sb-r-o #topbar.affix { + width: 780px !important; + } + body.boxed-layout.sb-l-m #topbar.affix { + width: 1080px !important; + } + body.boxed-layout.sb-l-c #topbar.affix { + width: 1140px !important; + } + body.boxed-layout.sb-l-m.sb-r-o #topbar.affix { + width: 780px !important; + } + body.boxed-layout.sb-l-c.sb-r-o #topbar.affix { + width: 840px !important; + } + body.boxed-layout #topbar-dropmenu { + top: 0; + } + body.boxed-layout .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper > #topbar-dropmenu { + top: 1px; + } + body.boxed-layout.sb-top .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper > #topbar-dropmenu { + top: 0; + } +} +@media (max-width: 1140px) { + body.boxed-layout .navbar.navbar-fixed-top + #main { + margin-top: 60px; + } + body.boxed-layout.sb-l-o .navbar + #main > #sidebar_left.nano > .nano-content { + padding-top: 60px; + } + body.boxed-layout.sb-l-m .navbar + #main > #sidebar_left.nano > .nano-content { + padding-top: 0; + } +} \ No newline at end of file diff --git a/webroot/static/assets/css/theme/charts.css b/webroot/static/assets/css/theme/charts.css new file mode 100755 index 0000000..c422c7c --- /dev/null +++ b/webroot/static/assets/css/theme/charts.css @@ -0,0 +1,65 @@ +/* +=============================================== +1. High Charts +2. Jvector Maps +=============================================== +*/ + +/*=============================================== + High Charts +================================================= */ +/* Custom Legend */ +.legend-item { + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 2s; +} +/* Label Text */ +.highcharts-container .highcharts-axis-labels text { + color: #AAA !important; + fill: #AAA !important; +} + +/*=============================================== + Jvector Maps +================================================= */ +.jvectormap-label { + z-index: 10; + position: absolute; + display: none; + border: solid 1px #CDCDCD; + -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; +} +.jvectormap-zoomin, +.jvectormap-zoomout { + cursor: pointer; + position: absolute; + top: 30px; + left: auto; + right: 30px; + padding: 0; + width: 40px; + height: 35px; + line-height: 35px; + color: #fff; + text-align: center; + font-weight: 400; + font-size: 22px; + border-radius: 2px; + background: rgba(0, 0, 0, 0.5); +} +.jvectormap-zoomout { + right: 80px; +} +/* used to hide zoom buttons */ +.hide-jzoom .jvectormap-zoomin, +.hide-jzoom .jvectormap-zoomout { + display: none; +} diff --git a/webroot/static/assets/css/theme/ckeditor.css b/webroot/static/assets/css/theme/ckeditor.css new file mode 100755 index 0000000..147712d --- /dev/null +++ b/webroot/static/assets/css/theme/ckeditor.css @@ -0,0 +1,58 @@ +/*=============================================== + CKEditor +================================================= */ +.admin-skin.cke_chrome { + font-family: 'Microsoft Yahei','Open Sans', Helvetica, Arial, sans-serif; + border: none; + box-shadow: none; + padding: 0; + margin: 0; + border-radius: 2px; + background: #fafafa; + border-color: #e7e7e7; +} +.admin-skin .cke_top { + background: #fafafa; + border: 1px solid #e7e7e7; + padding: 8px 10px 4px; +} +.admin-skin .cke_toolgroup, +.admin-skin .cke_combo_button { + margin-right: 10px; + box-shadow: none; + background: #FFF; + border-radius: 1px; + border-color: #DDD; +} +.admin-skin .cke_contents { + border-radius: 0; + border-color: #e7e7e7; +} +.admin-skin .cke_top + .cke_contents, +.admin-skin .cke_contents + .cke_bottom { + border-top: 0; +} +.admin-skin .cke_bottom { + background: none; + padding: 6px 4px; + border: 1px solid #e7e7e7; +} +.admin-skin .cke_resizer { + margin-top: 6px; + margin-right: 4px; + border-right-color: #999; +} +.cke_editable_inline.cke_show_borders:focus { + outline-width: 2px; + outline-style: dashed; + outline-offset: 6px; + outline-color: #f6bb42; + background: #f2f2f2; +} +.cke-hide-bottom .cke_bottom { + display: none; +} +.cke_toolbar_break { + clear: none !important; + display: block !important; +} diff --git a/webroot/static/assets/css/theme/common.css b/webroot/static/assets/css/theme/common.css new file mode 100755 index 0000000..7a4fbc2 --- /dev/null +++ b/webroot/static/assets/css/theme/common.css @@ -0,0 +1,6386 @@ +/* +=============================================== +1. +2. Basic print styles +3. Typography +4. Dividers +5. Code(inline and block) +6. Grid System +7. Tables +8. Forms +9. Form Groups +10. Field Icons and Addons +11. Buttons +12. Component Animations +13. Dropdown menus +14. Button Groups +15. Input Groups +16. Navs +17. Navbars +18. Breadcrumbs +19. Paginations +20. Pager Pagination +21. Labels +22. Badges +23. Jumbotron +24. Thumbnails +25. Alerts +26. Progress Bars +27. Media Groups +28. List Groups +29. Panels +30. Responsive Embeds +31. Wells +32. Close Icons +33. Tabs +34. Tab Navigation +35. Tab Navigation - Tabs Left +36. Tab Navigation - Tabs Right +37. Tab Navigation - Tabs Below +38. Tab Navigation Option - Panel Based Tabs +39. Tab Navigation - Justified +40. Tab Navigation Option - Right Floating Tabs +41. Tab Navigation Option - Active Item Border +42. Tab Navigation Option - Active Item Inverse Border +43. Tab Navigation Option - Nav Background +44. Tab Navigation Option - Unstyled Tab Block +45. Tab Navigation Option - Tab Merge +46. Switches - Created with Pure CSS, no js required +47. Radios and Checkboxes +48. Icons +49. Panel Tile +50. Tile Icon BG +================================================= +*/ + +/*================================================== + Basic print styles + Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css +==================================================== */ + +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + 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; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} + + +/*================================================== + Typography +==================================================== */ +a.link-unstyled { + color: #666; +} +a.link-unstyled:hover, +a.link-unstyled:focus, +a.link-unstyled:active { + color: #222; + text-decoration: none; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 600; + line-height: 1.1; + color: inherit; + text-rendering: optimizelegibility; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 19px; + margin-bottom: 9.5px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 75%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 9.5px; + margin-bottom: 9.5px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 88%; +} +h1 small, +.h1 .small { + font-size: 70%; +} +h1, +.h1 { + font-size: 30px; +} +h2, +.h2 { + font-size: 24px; +} +h3, +.h3 { + font-size: 18px; +} +h4, +.h4 { + font-size: 15px; +} +h5, +.h5 { + font-size: 13px; +} +h6, +.h6 { + font-size: 11px; + color: #999999; +} +p { + margin: 0 0 9.5px; +} +.lead { + margin-bottom: 19px; + font-size: 14px; + font-weight: 300; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 19.5px; + } +} +small, +.small { + font-size: 92%; +} +cite { + font-style: normal; +} +mark, +.mark { + background-color: #f8cd73; + padding: .2em; +} +.text-left { + text-align: left !important; +} +.text-right { + text-align: right !important; +} +.text-center { + text-align: center !important; +} +.text-justify { + text-align: justify !important; +} +.text-nowrap { + white-space: nowrap !important; +} +.text-lowercase { + text-transform: lowercase; +} +.text-uppercase { + text-transform: uppercase; +} +.text-capitalize { + text-transform: capitalize; +} +.page-header { + padding-bottom: 16.5px; + margin: 38px 0 19px; + border-bottom: 1px solid #dddddd; +} +.content-header { + text-align: center; + margin-top: 15px; + margin-bottom: 40px; +} +.content-header h1, +.content-header h2, +.content-header h3, +.content-header h4 { + line-height: 30px; +} +.micro-header { + color: #999; + text-align: center; + font-weight: 400; + margin-bottom: 20px; +} +ul, +ol { + margin-top: 0; + margin-bottom: 9.5px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-top: 0; + margin-bottom: 19px; +} +dt, +dd { + line-height: 1.49; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 480px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #777777; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 9.5px 19px; + margin: 0 0 19px; + font-size: 16.25px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote.blockquote-rounded { + border-radius: 11px; +} +blockquote.blockquote-thin { + border-width: 3px; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.49; + color: #777777; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +blockquote:before, +blockquote:after { + content: ""; +} +address { + margin-bottom: 19px; + font-style: normal; + line-height: 1.49; +} +.dropcap { + min-height: 75px; +} +.dropcap:first-letter { + font-family: 'Droid Serif', serif; + float: left; + color: #555; + font-size: 60px; + font-weight: 600; + line-height: 45px; + padding: 5px; + margin: 0px 5px 0 0; +} +.dropcap.lead:first-letter { + font-size: 90px; + line-height: 25px; +} +.dropcap.dropcap-fill:first-letter { + border-radius: 6px; + color: #FFF; + margin: 0px 10px 0 0; +} +.dropcap.lead.dropcap-fill:first-letter { + border-radius: 6px; + color: #FFF; + margin: 0px 10px 0 0; + padding-bottom: 26px; +} +/*=============================================== + Dividers +================================================= */ +hr { + margin: 35px 0; + border-top: 1px solid #DDD; +} +hr.alt { + border-top: 1px dashed #cccccc; +} +hr.short { + margin: 20px 0; +} +hr.tall { + margin: 55px 0; +} +hr.dotted { + border-style: dotted; +} +.divider { + height: 1px; + margin: 25px 0; + background: #e2e2e2; +} +/*================================================== + Code(inline and block) +==================================================== */ +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + border-radius: 1px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #ffffff; + background-color: #333333; + border-radius: 0px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +kbd kbd { + padding: 0; + font-size: 100%; + box-shadow: none; +} +pre { + display: block; + padding: 9px; + margin: 0 0 9.5px; + font-size: 12px; + line-height: 1.49; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: #eaeef0; + border: 1px solid #cbd6d6; + border-radius: 1px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +/*================================================== + Grid System +==================================================== */ +.container { + margin-right: auto; + margin-left: auto; + padding-left: 11px; + padding-right: 11px; +} +@media (min-width: 768px) { + .container { + width: 742px; + } +} +@media (min-width: 992px) { + .container { + width: 962px; + } +} +@media (min-width: 1140px) { + .container { + width: 1062px; + } +} +@media (min-width: 1400px) { + .container { + width: 1302px; + } +} +.container-sm { + max-width: 640px; +} +.container-md { + max-width: 860px; +} +.container-lg { + max-width: 1000px; +} +.container-xl { + max-width: 1200px; +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 11px; + padding-right: 11px; +} +.row { + margin-left: -11px; + margin-right: -11px; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { + position: relative; + min-height: 1px; + padding-left: 11px; + padding-right: 11px; +} +.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-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: auto; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: auto; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0%; +} +@media (min-width: 768px) { + .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-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: auto; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: auto; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .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-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: auto; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1140px) { + .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-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1400px) { + .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-12 { + width: 100%; + } + .col-xl-11 { + width: 91.66666667%; + } + .col-xl-10 { + width: 83.33333333%; + } + .col-xl-9 { + width: 75%; + } + .col-xl-8 { + width: 66.66666667%; + } + .col-xl-7 { + width: 58.33333333%; + } + .col-xl-6 { + width: 50%; + } + .col-xl-5 { + width: 41.66666667%; + } + .col-xl-4 { + width: 33.33333333%; + } + .col-xl-3 { + width: 25%; + } + .col-xl-2 { + width: 16.66666667%; + } + .col-xl-1 { + width: 8.33333333%; + } + .col-xl-pull-12 { + right: 100%; + } + .col-xl-pull-11 { + right: 91.66666667%; + } + .col-xl-pull-10 { + right: 83.33333333%; + } + .col-xl-pull-9 { + right: 75%; + } + .col-xl-pull-8 { + right: 66.66666667%; + } + .col-xl-pull-7 { + right: 58.33333333%; + } + .col-xl-pull-6 { + right: 50%; + } + .col-xl-pull-5 { + right: 41.66666667%; + } + .col-xl-pull-4 { + right: 33.33333333%; + } + .col-xl-pull-3 { + right: 25%; + } + .col-xl-pull-2 { + right: 16.66666667%; + } + .col-xl-pull-1 { + right: 8.33333333%; + } + .col-xl-pull-0 { + right: auto; + } + .col-xl-push-12 { + left: 100%; + } + .col-xl-push-11 { + left: 91.66666667%; + } + .col-xl-push-10 { + left: 83.33333333%; + } + .col-xl-push-9 { + left: 75%; + } + .col-xl-push-8 { + left: 66.66666667%; + } + .col-xl-push-7 { + left: 58.33333333%; + } + .col-xl-push-6 { + left: 50%; + } + .col-xl-push-5 { + left: 41.66666667%; + } + .col-xl-push-4 { + left: 33.33333333%; + } + .col-xl-push-3 { + left: 25%; + } + .col-xl-push-2 { + left: 16.66666667%; + } + .col-xl-push-1 { + left: 8.33333333%; + } + .col-xl-push-0 { + left: auto; + } + .col-xl-offset-12 { + margin-left: 100%; + } + .col-xl-offset-11 { + margin-left: 91.66666667%; + } + .col-xl-offset-10 { + margin-left: 83.33333333%; + } + .col-xl-offset-9 { + margin-left: 75%; + } + .col-xl-offset-8 { + margin-left: 66.66666667%; + } + .col-xl-offset-7 { + margin-left: 58.33333333%; + } + .col-xl-offset-6 { + margin-left: 50%; + } + .col-xl-offset-5 { + margin-left: 41.66666667%; + } + .col-xl-offset-4 { + margin-left: 33.33333333%; + } + .col-xl-offset-3 { + margin-left: 25%; + } + .col-xl-offset-2 { + margin-left: 16.66666667%; + } + .col-xl-offset-1 { + margin-left: 8.33333333%; + } + .col-xl-offset-0 { + margin-left: 0%; + } +} +/*=============================================== + Tables +================================================= */ +table { + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 0; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 9px; + line-height: 1.49; + vertical-align: middle; + border-top: 1px solid #eeeeee; +} +.table > thead > tr > th { + font-weight: 600; + vertical-align: bottom; + border-bottom: 1px solid #eeeeee; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #eeeeee; +} +.table tbody > tr:first-child > td { + border-top: 0; +} +.table .table { + margin-bottom: 0; + background-color: #ffffff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #eeeeee; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #eeeeee; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +.table-curved > tbody > tr > td:first-child { + border-radius: 4px 0 0 4px; +} +.table-curved > tbody > tr > td:last-child { + border-radius: 0 4px 4px 0; +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} +.table > thead > tr > td.default, +.table > tbody > tr > td.default, +.table > tfoot > tr > td.default, +.table > thead > tr > th.default, +.table > tbody > tr > th.default, +.table > tfoot > tr > th.default, +.table > thead > tr.default > td, +.table > tbody > tr.default > td, +.table > tfoot > tr.default > td, +.table > thead > tr.default > th, +.table > tbody > tr.default > th, +.table > tfoot > tr.default > th { + color: #777; + border-color: #ddd; + background-color: #f0f0f0; +} +.table-hover > tbody > tr > td.default:hover, +.table-hover > tbody > tr > th.default:hover, +.table-hover > tbody > tr.default:hover > td, +.table-hover > tbody > tr:hover > .default, +.table-hover > tbody > tr.default:hover > th { + background-color: #fcfcfc; +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 14.25px; + overflow-y: hidden; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #eeeeee; + -webkit-overflow-scrolling: touch; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +/*================================================== + Forms +==================================================== */ +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 19px; + font-size: 19.5px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: 600; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: 0; + outline-offset: -2px; +} +output { + display: block; + padding-top: 10px; + font-size: 13px; + line-height: 1.49; + color: #555555; +} +.form-control { + display: block; + width: 100%; + height: 39px; + padding: 9px 12px; + font-size: 13px; + line-height: 1.49; + color: #555555; + background-color: #ffffff; + background-image: none; + border: 1px solid #dddddd; + border-radius: 0px; + -webkit-transition: border-color ease-in-out .15s; + -o-transition: border-color ease-in-out .15s; + transition: border-color ease-in-out .15s; +} +.form-control:focus { + border-color: #75a5e4; + outline: 0; +} +.form-control::-moz-placeholder { + color: #777777; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #777777; +} +.form-control::-webkit-input-placeholder { + color: #777777; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #fafafa; + opacity: 1; +} +textarea.form-control { + height: auto; +} +textarea.form-control { + resize: vertical; +} +textarea.textarea-grow { + height: 39px; + resize: none; +} +textarea.textarea-grow:focus { + height: auto; + resize: vertical; +} +.input-hero .form-control { + padding: 14px 25px; + height: 60px; + background: #f9f9f9; + border: 1px solid #DDD; + font-size: 16px; + border-radius: 3px; +} +input[type="search"] { + -webkit-appearance: none; +} +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + line-height: 39px; + line-height: 1.49 \0; +} +input[type="date"].input-sm, +input[type="time"].input-sm, +input[type="datetime-local"].input-sm, +input[type="month"].input-sm { + line-height: 30px; +} +input[type="date"].input-lg, +input[type="time"].input-lg, +input[type="datetime-local"].input-lg, +input[type="month"].input-lg { + line-height: 45px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + position: relative; + display: block; + min-height: 19px; + margin-top: 10px; + margin-bottom: 10px; +} +.radio label, +.checkbox label { + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; +} +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; +} +.form-control-static { + padding-top: 10px; + padding-bottom: 10px; + margin-bottom: 0; +} +.form-control-static.input-lg, +.form-control-static.input-sm { + padding-left: 0; + padding-right: 0; +} +.input-sm, +.form-horizontal .form-group-sm .form-control { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg, +.form-horizontal .form-group-lg .form-control { + height: 45px; + padding: 10px 16px; + font-size: 17px; + line-height: 1.33; + border-radius: 3px; +} +select.input-lg { + height: 45px; + line-height: 45px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 48.75px; +} +.form-control-feedback { + position: absolute; + top: 24px; + right: 0; + z-index: 2; + display: block; + width: 39px; + height: 39px; + line-height: 39px; + text-align: center; +} +.input-lg + .form-control-feedback { + width: 45px; + height: 45px; + line-height: 45px; +} +.input-sm + .form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px; +} +.has-primary .help-block, +.has-primary .control-label, +.has-primary .radio, +.has-primary .checkbox, +.has-primary .radio-inline, +.has-primary .checkbox-inline, +.has-primary .append-icon { + color: #4a89dc; +} +.has-primary .form-control { + border-color: #75a5e4; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-primary .form-control:focus { + border-color: #276ecc; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #9fc1ed; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #9fc1ed; +} +.has-primary .input-group-addon { + color: #1f57a1; + border-color: #4a89dc; + background-color: #caddf5; +} +.has-primary .form-control-feedback { + color: #4a89dc; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success .append-icon { + color: #70ca63; +} +.has-success .form-control { + border-color: #93d789; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #4fbb3f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af; +} +.has-success .input-group-addon { + color: #3f9532; + border-color: #70ca63; + background-color: #d9f1d5; +} +.has-success .form-control-feedback { + color: #70ca63; +} +.has-info .help-block, +.has-info .control-label, +.has-info .radio, +.has-info .checkbox, +.has-info .radio-inline, +.has-info .checkbox-inline, +.has-info .append-icon { + color: #3bafda; +} +.has-info .form-control { + border-color: #66c1e2; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-info .form-control:focus { + border-color: #2494be; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea; +} +.has-info .input-group-addon { + color: #1c7393; + border-color: #3bafda; + background-color: #bce4f2; +} +.has-info .form-control-feedback { + color: #3bafda; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning .append-icon { + color: #f6bb42; +} +.has-warning .form-control { + border-color: #f8cd73; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #f4a911; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3; +} +.has-warning .input-group-addon { + color: #c88a0a; + border-color: #f6bb42; + background-color: #fdf0d4; +} +.has-warning .form-control-feedback { + color: #f6bb42; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error .append-icon { + color: #e9573f; +} +.has-error .form-control { + border-color: #ee7f6d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #dc3519; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #f3a79b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #f3a79b; +} +.has-error .input-group-addon { + color: #bc2d16; + border-color: #e9573f; + background-color: #fadbd6; +} +.has-error .form-control-feedback { + color: #e9573f; +} +.has-alert .help-block, +.has-alert .control-label, +.has-alert .radio, +.has-alert .checkbox, +.has-alert .radio-inline, +.has-alert .checkbox-inline, +.has-alert .append-icon { + color: #967adc; +} +.has-alert .form-control { + border-color: #b6a2e7; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-alert .form-control:focus { + border-color: #7652d1; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1; +} +.has-alert .input-group-addon { + color: #542fb2; + border-color: #967adc; + background-color: #ece7f9; +} +.has-alert .form-control-feedback { + color: #967adc; +} +.has-system .help-block, +.has-system .control-label, +.has-system .radio, +.has-system .checkbox, +.has-system .radio-inline, +.has-system .checkbox-inline, +.has-system .append-icon { + color: #37bc9b; +} +.has-system .form-control { + border-color: #58ceb1; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-system .form-control:focus { + border-color: #2b957a; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3; +} +.has-system .input-group-addon { + color: #206d5a; + border-color: #37bc9b; + background-color: #a7e5d6; +} +.has-system .form-control-feedback { + color: #37bc9b; +} +.has-feedback label.sr-only ~ .form-control-feedback { + top: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #a6a6a6; +} +@media (min-width: 768px) { + .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 .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 .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; + } +} +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 10px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 29px; +} +.form-horizontal .form-group { + margin-left: -11px; + margin-right: -11px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 10px; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 11px; +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.3px; + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px; + } +} +/*=============================================== + Form Groups +================================================= */ +.form-bordered .form-group { + border-bottom: 1px solid #f2f2f2; + padding-bottom: 18px; + margin-bottom: 18px; +} +.form-bordered .form-group:last-child { + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; +} +/*=============================================== + Field Icons and Addons +================================================= */ +.append-icon { + position: absolute; + left: 23px; + top: 8px; + font-size: 14px; +} +.append-icon.right { + left: auto; + right: 23px; +} +.append-icon + input.form-control { + padding-right: 40px; +} +/* Input Addon */ +.input-group-addon { + color: #4a89dc; + background-color: #fafafa; + border-color: #DDD; +} +/*================================================== + Buttons +==================================================== */ +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + border-color: rgba(0, 0, 0, 0); + white-space: nowrap; + padding: 9px 12px; + font-size: 13px; + line-height: 1.49; + border-radius: 0px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: 0; + outline-offset: -2px; +} +.btn:hover, +.btn:focus { + color: #666666; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.btn.btn-gradient { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + background-repeat: repeat-x; + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); +} +.btn.btn-rounded { + border-radius: 20px; +} +.btn-link { + color: #4a89dc; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #2363b6; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #777777; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 17px; + line-height: 1.33; + border-radius: 3px; +} +.btn-sm, +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +.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%; +} +.btn.btn-alt { + position: relative; + padding: 7px 11px; + margin: 5px 3px; + color: #999; + font-size: 11px; + font-weight: 600; + text-decoration: none; + background-color: #fbfbfb; + border-radius: 1px; + border: 1px solid #EEE; + border-left: 4px solid #EEE; + -webkit-transition: opacity 0.1s ease; + transition: opacity 0.1s ease; +} +.btn.btn-alt.item-active, +.btn.btn-alt:hover, +.btn.btn-alt:focus { + color: #666 !important; + background-color: #fefefe !important; +} +.btn.btn-alt.btn-gradient { + background-color: #f0f0f0; + text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + background-repeat: repeat-x; + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%); + border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.14); + border-left: 4px solid #DDD; +} +.btn.btn-alt.btn-gradient:hover, +.btn.btn-alt.btn-gradient:focus { + background-color: #eee; +} +.btn.btn-alt.item-checked { + opacity: 1; + color: #666; + border-left-color: #70ca63 !important; + transition: all 0.2s ease; +} +.holder-style { + display: block; + padding: 9px 16px; + color: #AAA; + background-color: #f1f1f1; + outline: 2px dashed #d9d9d9; + border: 0; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + transition: all 0.15s ease; +} +.holder-style:hover, +.holder-style:focus { + cursor: pointer; + color: #777; + background-color: #EEE; + outline: 2px dashed #aaa; + border: 0; + text-decoration: none; +} +.holder-style.holder-active { + background-color: #FFF; + outline-color: #70ca63; +} +.holder-style .holder-icon { + color: #AAA; + font-size: 30px; + padding-bottom: 10px; +} +.holder-style:hover .holder-icon, +.holder-style:focus .holder-icon, +.holder-style.holder-active .holder-icon { + color: #70ca63; +} +.btn-dimmer.btn, +.btn-dimmer .btn { + opacity: 0.5; +} +.btn-dimmer.btn:hover, +.btn-dimmer .btn:hover, +.btn-dimmer.btn.item-active, +.btn-dimmer .btn.item-active { + opacity: 1; +} +/*================================================== + Component Animations +==================================================== */ +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +tr.collapse.in { + display: table-row; +} +tbody.collapse.in { + display: table-row-group; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} +/*================================================== + Dropdown menus +==================================================== */ +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.caret.caret-tp { + border-top-color: rgba(0, 0, 0, 0.2); +} +.caret.caret-xs { + border-width: 2px; +} +.caret.caret-sm { + border-width: 3px; +} +.caret.caret-lg { + border-width: 5px; +} +.dropdown { + position: relative; +} +.dropdown-menu.dropdown-sm { + min-width: 120px; +} +.dropdown-menu.dropdown-sm li { + margin-bottom: 0; +} +.dropdown-menu.dropdown-sm li a { + font-size: 13px; + padding: 2px 12px; +} +.dropdown-toggle:focus { + outline: 0; +} +.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; + list-style: none; + font-size: 13px; + text-align: left; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 1px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 8.5px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 5px 15px; + clear: both; + color: #666666; + font-weight: normal; + line-height: 1.49; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + text-decoration: none; + color: #595959; + background-color: #f5f5f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + background-color: #4a89dc; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #777777; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + left: auto; + right: 0; +} +.dropdown-menu-left { + left: 0; + right: auto; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.49; + color: #777777; + white-space: nowrap; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 480px) { + .navbar-right .dropdown-menu { + left: auto; + right: 0; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } +} +/*================================================== + Button Groups +==================================================== */ +.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:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: 0; +} +.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 .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-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-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 > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + border-left: 1px solid rgba(0, 0, 0, 0.12); +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.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 > .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: 1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.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-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +.btn-group-justified > .btn-group .dropdown-menu { + left: auto; +} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + position: absolute; + z-index: -1; + opacity: 0; + filter: alpha(opacity=0); +} +/*================================================== + Input Groups +==================================================== */ +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 45px; + padding: 10px 16px; + font-size: 17px; + line-height: 1.33; + border-radius: 3px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 45px; + line-height: 45px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.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 { + min-width: 40px; + padding: 9px 12px; + font-size: 13px; + font-weight: normal; + line-height: 1; + color: #4a89dc; + text-align: center; + background-color: #fafafa; + border: 1px solid #dddddd; + border-radius: 0px; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 0px; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 17px; + border-radius: 3px; +} +.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-bottom-right-radius: 0; + border-top-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-bottom-left-radius: 0; + border-top-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:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.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 { + margin-left: -1px; +} +/*================================================== + Navs +==================================================== */ +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #777777; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #777777; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: #CCC; +} +.nav .nav-divider { + height: 1px; + margin: 8.5px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #dddddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.49; + border: 1px solid transparent; + border-radius: 1px 1px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: transparent; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 1px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 1px 1px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills.nav-pills-sm > li > a { + font-size: 12px; + padding: 4px 8px; +} +.nav-pills.nav-pills-lg > li > a { + font-size: 14px; + padding: 12px 18px; +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + color: #888; + padding: 8px 14px; + border-radius: 1px; +} +.nav-pills > li + li { + margin-left: 7px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #FFF; + background-color: #4a89dc; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.page-heading { + position: relative; + padding: 30px 40px; + margin: -25px -20px 25px; + border-bottom: 1px solid #d9d9d9; + background-color: #f2f2f2; +} +.page-tabs { + margin: -25px -20px 30px; + padding: 15px 25px 0; + border-bottom: 1px solid #ddd; + background: #e9e9e9; +} +.page-tabs .nav-tabs { + border-bottom: 0; +} +.page-tabs .nav-tabs > li > a { + color: #AAA; + padding: 10px 20px; +} +.page-tabs .nav-tabs > li:hover > a, +.page-tabs .nav-tabs > li:focus > a { + border-color: #ddd; +} +.page-tabs .nav-tabs > li.active > a, +.page-tabs .nav-tabs > li.active > a:hover, +.page-tabs .nav-tabs > li.active > a:focus { + color: #666; + font-weight: 600; + background-color: #eee; + border-bottom-color: transparent; +} +@media (max-width: 800px) { + .page-tabs { + padding: 25px 20px 0; + } + .page-tabs .nav-tabs li { + float: none; + margin-bottom: 5px; + } + .page-tabs .nav-tabs li:last-child, + .page-tabs .nav-tabs li.active:last-child { + margin-bottom: 10px; + } + .page-tabs .nav-tabs > li > a:hover, + .page-tabs .nav-tabs > li > a:focus { + border: 1px solid #DDD; + } + .page-tabs .nav-tabs > li.active > a, + .page-tabs .nav-tabs > li.active > a:hover, + .page-tabs .nav-tabs > li.active > a:focus { + border-bottom-color: #ddd; + } +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 1px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 1px 1px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.nav-list { + margin-bottom: 20px; +} +.nav-list li { + display: inline-block; +} +.nav-list li.active a { + color: #444; + border-bottom: 3px solid #4a89dc; +} +.nav-list li a { + color: #AAA; + font-weight: 600; + border-bottom: 3px solid transparent; +} +.nav-list li a:hover, +.nav-list li a:focus { + color: #444; + background-color: transparent; +} +.nav-list.nav-list-sm li a { + padding: 10px 8px; +} +/*================================================== + Navbars +==================================================== */ +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 19px; + border: 1px solid transparent; +} +@media (min-width: 480px) { + .navbar { + border-radius: 1px; + } +} +@media (min-width: 480px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 11px; + padding-left: 11px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 480px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -11px; + margin-left: -11px; +} +@media (min-width: 480px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 480px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 480px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 15.5px 11px; + font-size: 17px; + line-height: 19px; + height: 50px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 480px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -11px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 11px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 1px; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 480px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 7.75px -11px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 19px; +} +@media (max-width: 479px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 19px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 480px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 15.5px; + padding-bottom: 15.5px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -11px; + } +} +@media (min-width: 480px) { + .navbar-left { + float: left; + float: left !important; + } + .navbar-right { + float: right; + float: right !important; + } +} +.navbar-form { + margin-left: -11px; + margin-right: -11px; + padding: 10px 11px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 5.5px; + margin-bottom: 5.5px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control { + width: auto; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 479px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 480px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -11px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 15px; + margin-bottom: 15px; +} +.navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-text { + margin-top: 15.5px; + margin-bottom: 15.5px; +} +@media (min-width: 480px) { + .navbar-text { + float: left; + margin-left: 11px; + margin-right: 11px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #777777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: #e7e7e7; + color: #555555; +} +@media (max-width: 479px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777777; +} +.navbar-default .navbar-link:hover { + color: #333333; +} +.navbar-default .btn-link { + color: #777777; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #333333; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +.navbar-inverse { + background-color: #222222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #777777; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #777777; +} +.navbar-inverse .navbar-nav > li > a { + color: #777777; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #ffffff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #080808; + color: #ffffff; +} +@media (max-width: 479px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #ffffff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #777777; +} +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} +.navbar-inverse .btn-link { + color: #777777; +} +.navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link:focus { + color: #ffffff; +} +.navbar-inverse .btn-link[disabled]:hover, +fieldset[disabled] .navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link[disabled]:focus, +fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #444444; +} +/*================================================== + Breadcrumbs +==================================================== */ +.breadcrumb { + padding: 8px 15px; + margin-bottom: 19px; + list-style: none; + background-color: #f5f5f5; + border-radius: 1px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/\00a0"; + padding: 0 5px; + color: #cccccc; +} +.breadcrumb > .active { + color: #777777; +} +/*================================================== + Paginations +==================================================== */ +.pagination { + display: inline-block; + padding-left: 0; + margin: 19px 0; + border-radius: 1px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 5px 12px; + line-height: 1.49; + text-decoration: none; + color: #4a89dc; + background-color: #ffffff; + border: 1px solid #dddddd; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 1px; + border-top-left-radius: 1px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 1px; + border-top-right-radius: 1px; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: #2363b6; + background-color: #eeeeee; + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: #4a89dc; + border-color: #4a89dc; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #777777; + background-color: #ffffff; + border-color: #dddddd; + cursor: not-allowed; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 17px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 0px; + border-top-left-radius: 0px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 0px; + border-top-right-radius: 0px; +} +/*================================================== + Pager Pagination +==================================================== */ +.pager { + padding-left: 0; + margin: 19px 0; + list-style: none; + text-align: center; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #777777; + background-color: #ffffff; + cursor: not-allowed; +} +/*================================================== + Labels +==================================================== */ +.label { + display: inline; + padding: .3em .7em .4em; + font-size: 84%; + font-weight: 600; + line-height: 24px; + color: #ffffff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label.label-xs { + padding: 0 .35em .1em; + font-size: 75%; +} +.label.label-sm { + padding: .1em .65em .2em; + font-size: 75%; +} +.label.label-lg { + padding: .4em .9em .5em; + font-size: 95%; +} +.label.label-rounded { + padding: .2em 0.85em .3em; + border-radius: 1em; +} +.label.label-rounded.label-xs { + padding: 0 .35em .1em; +} +.label.label-rounded.label-sm { + padding: .1em .65em .2em; +} +.label.label-rounded.label-lg { + padding: .4em .9em .5em; +} +a.label:hover, +a.label:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +/*================================================== + Badges +==================================================== */ +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: 600; + color: #ffffff; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #777777; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #4a89dc; + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +/*================================================== + Jumbotron +==================================================== */ +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eeeeee; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 20px; + font-weight: 200; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 3px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 58.5px; + } +} +/*=============================================== + Thumbnails +================================================= */ +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 19px; + line-height: 1.49; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 1px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-left: auto; + margin-right: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #4a89dc; +} +.thumbnail .caption { + padding: 9px; + color: #666666; +} +/*================================================== + Alerts +==================================================== */ +.alert { + color: #ffffff; + font-size: 14px; + padding: 15px; + margin-bottom: 19px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 1px; +} +.alert .close { + color: #666666; +} +.alert .close:hover { + color: #666666; +} +.alert hr { + border-top-color: rgba(0, 0, 0, 0.1); +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + color: #ffffff; + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert.alert-micro, +.alert .alert-sm { + font-size: 13px; + padding: 9px 35px 9px 9px; + border-radius: 0; +} +.alert.alert-sm { + padding: 12px 35px 12px 12px; +} +.alert.alert-border { + border: 1px solid transparent; +} +.alert.alert-border-right { + border-right-width: 6px; +} +.alert.alert-border-top { + border-top-width: 3px; +} +.alert.alert-border-bottom { + border-bottom-width: 3px; +} +.alert.alert-border-left { + padding-left: 15px; + border-left-width: 6px; +} +.alert-dismissable, +.alert-dismissible { + padding-right: 35px; +} +.alert-dismissable .close, +.alert-dismissible .close { + position: relative; + right: -21px; + color: #FFF; + opacity: 0.3; +} +.alert-dismissable .close:hover, +.alert-dismissible .close:hover { + color: #FFF; + opacity: 1; +} +/*================================================== + Progress Bars +==================================================== */ +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 19px; + margin-bottom: 19px; + background-color: #ececec; + border-radius: 1px; + box-shadow: none; +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + font-weight: 600; + line-height: 19px; + color: #ffffff; + text-align: center; + background-color: #999999; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar, +.progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar, +.progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar[aria-valuenow="1"], +.progress-bar[aria-valuenow="2"] { + min-width: 30px; +} +.progress-bar[aria-valuenow="0"] { + color: #777777; + min-width: 30px; + background-color: transparent; + background-image: none; + box-shadow: none; +} +.progress { + height: 18px; + border-radius: 2px; +} +.progress.progress-bar-xxs { + height: 3px; + border-radius: 2px; +} +.progress.progress-bar-xxs .progress-bar { + line-height: 3px; +} +.progress.progress-bar-xs { + height: 6px; + border-radius: 2px; +} +.progress.progress-bar-xs .progress-bar { + line-height: 6px; +} +.progress.progress-bar-sm { + height: 10px; + border-radius: 2px; +} +.progress.progress-bar-sm .progress-bar { + line-height: 10px; +} +.progress.progress-bar-lg { + height: 20px; +} +.progress.progress-bar-lg .progress-bar { + line-height: 20px; +} +.progress.progress-bar-xl { + height: 24px; +} +.progress.progress-bar-xl .progress-bar { + line-height: 24px; +} +.progress.right .progress-bar { + float: right; +} +.progress.vertical { + height: 100%; + min-height: 200px; + width: 22px; + position: relative; +} +.progress.vertical .progress-bar { + width: 100%; + position: absolute; + font-size: 11px; + line-height: 20px; +} +.progress.vertical.bottom .progress-bar { + bottom: 0; +} +.progress { + height: 18px; + border-radius: 2px; +} +.progress.vertical.progress-bar-sm { + width: 16px; +} +.progress.vertical.progress-bar-lg { + width: 30px; +} +.progress.vertical.progress-bar-xl { + width: 40px; +} +/*================================================== + Media Groups +==================================================== */ +.media { + color: #999999; + font-weight: 600; + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-right, +.media > .pull-right { + padding-left: 10px; +} +.media-left, +.media > .pull-left { + padding-right: 10px; +} +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} +.media-middle { + vertical-align: middle; +} +.media-bottom { + vertical-align: bottom; +} +.media-heading { + color: #555555; + margin-top: 0; + margin-bottom: 5px; +} +.media-list { + padding-left: 0; + list-style: none; +} +/*================================================== + List Groups +==================================================== */ +.list-group { + margin-bottom: 20px; + padding-left: 0; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #ffffff; + border: 1px solid #e7e7e7; +} +.list-group-item:first-child { + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +a.list-group-item { + color: #4a89dc; +} +a.list-group-item .list-group-item-heading { + color: #333333; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + color: #4a89dc; + background-color: #f5f5f5; +} +.list-group-item.disabled, +.list-group-item.disabled:hover, +.list-group-item.disabled:focus { + background-color: #eeeeee; + color: #777777; +} +.list-group-item.disabled .list-group-item-heading, +.list-group-item.disabled:hover .list-group-item-heading, +.list-group-item.disabled:focus .list-group-item-heading { + color: inherit; +} +.list-group-item.disabled .list-group-item-text, +.list-group-item.disabled:hover .list-group-item-text, +.list-group-item.disabled:focus .list-group-item-text { + color: #777777; +} +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + z-index: 2; + color: #ffffff; + background-color: #4a89dc; + border-color: #4a89dc; +} +.list-group-item.active .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading, +.list-group-item.active .list-group-item-heading > small, +.list-group-item.active:hover .list-group-item-heading > small, +.list-group-item.active:focus .list-group-item-heading > small, +.list-group-item.active .list-group-item-heading > .small, +.list-group-item.active:hover .list-group-item-heading > .small, +.list-group-item.active:focus .list-group-item-heading > .small { + color: inherit; +} +.list-group-item.active .list-group-item-text, +.list-group-item.active:hover .list-group-item-text, +.list-group-item.active:focus .list-group-item-text { + color: #f5f8fd; +} +.list-group.list-group-links .list-group-header { + list-style: none; + font-size: 15px; + font-weight: 600; + padding-left: 7px; + margin-bottom: 5px; + padding-bottom: 10px; + border-bottom: 1px solid #e5e5e5; +} +.list-group.list-group-links .list-group-item { + color: #AAA; + font-weight: 600; + background: transparent; + border: 0; + padding: 8px 9px; +} +.list-group.list-group-links .list-group-item .label { + float: right; + line-height: inherit; + padding: .1em .6em .2em; +} +.list-group.list-group-links .list-group-item i.fa { + padding-right: 5px; +} +.list-group.list-group-links .list-group-item .fa-circle { + float: right; + font-size: 14px; +} +.list-group.list-group-links.list-group-spacing-sm > a { + padding: 6px 9px; +} +.list-group.list-group-links.list-group-spacing-xs > a { + padding: 4px 9px; +} +.list-group.list-group-links .list-group-divider { + border-bottom: 1px dashed #DDD; + padding-bottom: 6px; + margin-bottom: 6px; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +/*================================================== + Panels +==================================================== */ +.panel { + position: relative; + margin-bottom: 20px; + background-color: #ffffff; + border-radius: 2px; +} +.panel.panel-transparent { + background: none; + border: 0; + margin: 0; + padding: 0; +} +.panel.panel-border { + border-style: solid; + border-width: 0; +} +.panel.panel-border.top { + border-top-width: 5px; +} +.panel.panel-border.right { + border-right-width: 5px; +} +.panel.panel-border.bottom { + border-bottom-width: 5px; +} +.panel.panel-border.left { + border-left-width: 5px; +} +.panel.panel-border > .panel-heading { + background-color: #fafafa; + border-color: #e5e5e5; + border-top: 1px solid transparent; +} +.panel.panel-border > .panel-heading > .panel-title { + color: #666666; +} +.panel.panel-border.panel-default { + border-color: #DDD; +} +.panel.panel-border.panel-default > .panel-heading { + border-top: 1px solid transparent; +} +.panel-menu { + background-color: #fafafa; + padding: 12px; + border: 1px solid #e5e5e5; +} +.panel-menu.dark { + background-color: #f8f8f8; +} +.panel-body .panel-menu { + border-left: 0; + border-right: 0; +} +.panel-heading + .panel-menu, +.panel-menu + .panel-body, +.panel-body + .panel-menu, +.panel-body + .panel-body { + border-top: 0; +} +.panel-body { + position: relative; + padding: 15px; + border: 1px solid #e5e5e5; +} +.panel-body + .panel-footer { + border-top: 0; +} +.panel-heading { + position: relative; + height: 40px; + line-height: 36px; + background: #fafafa; + color: #666666; + font-size: 13px; + font-weight: 600; + padding: 0 8px; + border: 1px solid #e5e5e5; + border-top-right-radius: 1px; + border-top-left-radius: 1px; +} +.panel-heading + .panel-body { + border-top: 0; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-heading .widget-menu .btn-group { + margin-top: -3px; +} +.panel-heading .widget-menu .form-control { + margin-top: 6px; + font-size: 11px; + height: 27px; + padding: 2px 10px; + border-radius: 1px; +} +.panel-heading .widget-menu .form-control.input-sm { + margin-top: 9px; + height: 22px; +} +.panel-heading .widget-menu .progress { + margin-top: 11px; + margin-bottom: 0; +} +.panel-heading .widget-menu .progress-bar-lg { + margin-top: 10px; +} +.panel-heading .widget-menu .progress-bar-sm { + margin-top: 15px; +} +.panel-heading .widget-menu .progress-bar-xs { + margin-top: 17px; +} +.panel-icon { + padding-left: 5px; +} +.panel-title { + padding-left: 6px; + margin-top: 0; + margin-bottom: 0; +} +.panel-title > .fa, +.panel-title > .glyphicon, +.panel-title > .glyphicons, +.panel-title > .imoon { + top: 2px; + min-width: 22px; + color: inherit; + font-size: 14px; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #fafafa; + border: 1px solid #e5e5e5; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; +} +.panel > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top-right-radius: 1px; + border-top-left-radius: 1px; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.panel-body + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.list-group + .panel-footer { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table, +.panel > .panel-collapse > .table { + margin-bottom: 0; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: 1px; + border-top-left-radius: 1px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 1px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 1px; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 1px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 1px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #eeeeee; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + border: 0; + margin-bottom: 0; +} +.panel-group { + margin-bottom: 19px; +} +.panel-group .panel-title { + padding-left: 0; +} +.panel-group .panel-heading, +.panel-group .panel-heading a { + position: relative; + display: block; + width: 100%; +} +.panel-group.accordion-lg .panel + .panel { + margin-top: 12px; +} +.panel-group.accordion-lg .panel-heading { + font-size: 14px; + height: 54px; + line-height: 52px; +} +.panel-group .accordion-icon { + padding-left: 35px; +} +.panel-group .accordion-icon:after { + position: absolute; + content: "\f068"; + font-family: "FontAwesome"; + font-size: 12px; + font-style: normal; + font-weight: normal; + -webkit-font-smoothing: antialiased; + color: #555; + left: 10px; + top: 0; +} +.panel-group .accordion-icon.collapsed:after { + content: "\f067"; +} +.panel-group .accordion-icon.icon-right { + padding-left: 10px; + padding-right: 30px; +} +.panel-group .accordion-icon.icon-right:after { + left: auto; + right: 5px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 2px; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading + .panel-collapse > .panel-body { + border-top: 0; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #eeeeee; +} +/*================================================== + Responsive Embeds + Credit: Nicolas Gallagher and SUIT CSS. +==================================================== */ +.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 { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; +} +.embed-responsive.embed-responsive-16by9 { + padding-bottom: 56.25%; +} +.embed-responsive.embed-responsive-4by3 { + padding-bottom: 75%; +} +/*================================================== + Wells +==================================================== */ +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 1px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-lg { + padding: 24px; + border-radius: 3px; +} +.well-sm { + padding: 9px; + border-radius: 0px; +} +.well.well-xs { + padding: 6px; + border-radius: 0px; +} +.well.well-clean { + border-radius: 0; + border-color: #DDD; + box-shadow: none; +} +/*================================================== + Close Icons +==================================================== */ +.close { + float: right; + font-size: 19.5px; + font-weight: bold; + line-height: 1; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +/*=============================================== + Tabs +================================================= */ +/* Tabs Wrapper */ +.tab-block { + position: relative; +} +/* Tabs Content */ +.tab-block .tab-content { + overflow: auto; + position: relative; + z-index: 10; + min-height: 125px; + padding: 16px 12px; + border: 1px solid #e5e5e5; + background-color: #FFF; +} +/*=============================================== + Tab Navigation +================================================= */ +.tab-block .nav-tabs { + position: relative; + border: 0; +} +/* nav tab item */ +.tab-block .nav-tabs > li { + float: left; + margin-bottom: -1px; +} +/* nav tab link */ +.tab-block .nav-tabs > li > a { + position: relative; + z-index: 9; + padding: 9px 16px; + margin-right: -1px; + font-weight: 600; + color: #777; + border-color: #e5e5e5; + border-radius: 0; + background: #fafafa; +} +.tab-block .nav-tabs > li:first-child > a { + margin-left: 0; +} +/* nav tab link:hover */ +.tab-block .nav-tabs > li > a:hover { + background-color: #eeeeee; +} +/* nav tab active link:focus:hover */ +.tab-block .nav-tabs > li.active > a, +.tab-block .nav-tabs > li.active > a:hover, +.tab-block .nav-tabs > li.active > a:focus { + cursor: default; + position: relative; + z-index: 12; + color: #555555; + background: #FFF; + border-color: #e5e5e5; + border-bottom: 1px solid #FFF; +} +/*=============================================== + Tab Navigation - Tabs Left +================================================= */ +.tabs-left { + float: left; +} +/* nav tab item */ +.tabs-left > li { + float: none; + margin: 0 -1px -1px 0; +} +/* nav tab item link */ +.tabs-left > li > a { + padding: 12px 16px; + color: #777; + font-weight: 600; + border: 1px solid transparent; + border-color: #DDD; + background: #fafafa; +} +/* nav tab link:hover */ +/* nav tab active link:focus:hover */ +.tab-block .tabs-left > li.active > a, +.tab-block .tabs-left > li.active > a:hover, +.tab-block .tabs-left > li.active > a:focus { + color: #555; + border-color: #DDD #FFF #DDD #DDD; + cursor: default; + position: relative; + z-index: 12; + background: #FFF; +} +/*=============================================== + Tab Navigation - Tabs Right +================================================= */ +.tabs-right { + float: right; +} +/* nav tab item */ +.tabs-right > li { + float: none; + margin: 0 0 -1px -1px; +} +/* nav tab item link */ +.tabs-right > li > a { + padding: 12px 16px; + color: #777; + font-weight: 600; + border: 1px solid transparent; + border-color: #DDD; + background: #fafafa; +} +/* nav tab link:hover */ +/* nav tab active link:focus:hover */ +.tab-block .tabs-right > li.active > a, +.tab-block .tabs-right > li.active > a:hover, +.tab-block .tabs-right > li.active > a:focus { + color: #555; + border-color: #DDD #DDD #DDD #FFF; + cursor: default; + position: relative; + z-index: 12; + background: #FFF; +} +/*=============================================== + Tab Navigation - Tabs Below +================================================= */ +.tabs-below { + position: relative; +} +/* nav tab item */ +.tabs-below > li { + float: left; + margin-top: -1px; +} +/* nav tab item link */ +.tabs-below > li > a { + position: relative; + z-index: 9; + margin-right: -1px; + padding: 11px 16px; + color: #777; + font-weight: 600; + border: 1px solid #DDD; + background: #fafafa; +} +/* nav tab link:hover */ +/* nav tab active link:focus:hover */ +.tab-block .tabs-below > li.active > a, +.tab-block .tabs-below > li.active > a:hover, +.tab-block .tabs-below > li.active > a:focus { + cursor: default; + position: relative; + z-index: 12; + color: #555555; + background: #FFF; + border-color: #DDD; + border-top: 1px solid #FFF; +} +/*=============================================== + Tab Navigation Option - Panel Based Tabs + ----------------------------------------------- + Panel Tab Navigation must be placed inside + ".panel-heading" see Docs for example +================================================= */ +.panel-tabs { + position: absolute; + bottom: 0; + right: 0; +} +/* nav tab item */ +.panel-tabs > li { + position: relative; + float: left; + margin-bottom: -1px; +} +/* nav tab item link */ +.panel-tabs > li > a { + line-height: 18px; + border-radius: 0; + padding: 10px 18px; + border-left: 1px solid #DDD; + font-size: 12px; + color: #777; +} +/* nav tab item link:hover */ +.panel-tabs > li > a:hover { + background-color: transparent; +} +/* nav tab item active link:focus:hover */ +.panel-tabs > li.active > a, +.panel-tabs > li.active > a:hover, +.panel-tabs > li.active > a:focus { + color: #555555; + cursor: default; + background: #ffffff; +} +/* Unlike normal tabs, panel tabs alignment + * to the rightside. This option aligns them left */ +.panel-tabs-left { + left: 0; +} +.panel-tabs-left > li > a { + border-right: 1px solid #DDD; + border-left: 1px solid transparent; +} +/*=============================================== + Tab Navigation - Justified +================================================= */ +.tab-block .nav-tabs.nav-justified { + top: 1px; + margin-top: -1px; +} +/* nav tab link */ +.tab-block .nav-tabs.nav-justified > li { + float: none; +} +/* nav tab item link */ +.tab-block .nav-tabs.nav-justified > li > a { + padding: 11px; +} +/* tabs justified - bottom */ +.tab-block .tab-content + .nav-tabs.nav-justified { + top: -1px; + margin-top: 0; +} +/* nav tab active link */ +.tab-block .tab-content + .nav-tabs.nav-justified > li.active > a { + border-top-color: #fff; + border-bottom-color: #DDD; +} +/*=============================================== + Tab Navigation Option - Right Floating Tabs + ------ + This settings refers to tabs that float from + left to right, not tabs that are to the right + of tab content +================================================= */ +.nav-tabs.nav-tabs-right > li { + float: right; +} +.nav-tabs.nav-tabs-right > li:first-child > a { + margin-right: 0; +} +/*=============================================== + Tab Navigation Option - Active Item Border +================================================= */ +/* tabs default */ +.tab-block .tabs-border.nav-tabs > li.active > a { + margin-top: -1px; + border-top: 2px solid #4a89dc; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left > li.active > a { + margin-left: -1px; + border-left: 2px solid #4a89dc; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right > li.active > a { + margin-right: -1px; + border-right: 2px solid #4a89dc; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below > li.active > a { + margin-bottom: -1px; + border-bottom: 2px solid #4a89dc; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border > li.active > a { + margin-top: -1px; + border-top: 2px solid #4a89dc; +} +/* tabs justified */ +.tab-block .tab-content + .tabs-border.nav-justified > li.active > a { + border-bottom: 2px solid #4a89dc; +} +/*==================================================== + Tab Navigation Option - Active Item Inverse Border +====================================================== */ +.tab-block .tabs-border-bottom.nav-tabs > li.active > a, +.tab-block .tabs-border-bottom .nav-tabs > li.active > a { + color: #555; + font-weight: 600; + margin-bottom: -1px; + background: #f7f7f7; + border-color: #DDD; + border-bottom: 2px solid #4a89dc; +} +/*==================================================== + Tab Navigation Option - Nav Background +====================================================== */ +/* tabs default */ +.tabs-bg.nav-tabs { + background: #f5f5f5; + border: 1px solid #DDD; + border-bottom: none; + padding: 10px 10px 0; +} +/* tabs bottom */ +.tabs-bg.tabs-below { + background: #f5f5f5; + border: 1px solid #DDD; + border-top: none; + padding: 0 10px 6px; +} +/*=============================================== + Tab Navigation Option - Unstyled Tab Block + --------- + Removes container and active borders + Used primarily in sidebars +================================================= */ +.tab-block.sidebar-block .nav-tabs > li > a { + background: #f0f0f0; + padding: 16px 8px; +} +.tab-block.sidebar-block .nav-tabs > li:first-child > a { + border-left: 0; +} +.tab-block.sidebar-block .nav-tabs > li:last-child > a { + border-right: 0; +} +.tab-block.sidebar-block .tabs-border.nav-tabs > li.active > a { + background: #f8f8f8; + border-bottom-color: #f8f8f8; +} +.tab-block.sidebar-block .tab-content { + border: 0; + background: transparent; +} +/*=============================================== + Tab Navigation Option - Tab Merge + Color to Match + --------- + Change Active Tab BG Color so that it merges + into a sibling panel-menu +================================================= */ +/* bg-light colored panel-tabs styling */ +.panel-tabs.panel-tabs-merge > li.active > a, +.panel-tabs.panel-tabs-merge > li.active > a:hover, +.panel-tabs.panel-tabs-merge > li.active > a:focus { + background: #FAFAFA; +} +/*================================================== + Switches - Created with Pure CSS, no js required +==================================================== */ +div.switch label { + display: block; + position: relative; + color: transparent; + background: #ddd; + text-indent: 100%; + width: 52px; + height: 26px; + cursor: pointer; + transition: left 0.15s ease-out; +} +div.switch input { + display: none; +} +div.switch input + label { + margin-left: 0; + margin-right: 0; +} +div.switch label:after { + content: ""; + display: block; + background: #fff; + position: absolute; + top: 3px; + left: 3px; + width: 19px; + height: 19px; + -webkit-transition: left 0.15s ease-out; + -moz-transition: left 0.15s ease-out; + transition: left 0.15s ease-out; +} +div.switch input:checked + label { + background: #2ba6cb; +} +div.switch input:checked + label:after { + left: 29px; +} +div.switch label { + width: 52px; + height: 26px; +} +div.switch label:after { + width: 19px; + height: 19px; +} +div.switch input:checked + label:after { + left: 29px; +} +div.switch label { + color: transparent; + background: #dddddd; +} +div.switch label:after { + background: #ffffff; +} +div.switch input:checked + label { + background: #2ba6cb; +} +/* Switch Sizes */ +div.switch.switch-lg label { + width: 65px; + height: 32px; +} +div.switch.switch-lg label:after { + width: 26px; + height: 26px; +} +div.switch.switch-lg input:checked + label:after { + left: 35px; +} +div.switch.switch-sm label { + width: 45px; + height: 22px; +} +div.switch.switch-sm label:after { + width: 16px; + height: 16px; +} +div.switch.switch-sm input:checked + label:after { + left: 26px; +} +div.switch.switch-xs label { + width: 39px; + height: 19px; +} +div.switch.switch-xs label:after { + width: 13px; + height: 13px; +} +div.switch.switch-xs input:checked + label:after { + left: 22px; +} +div.switch.radius label { + border-radius: 4px; +} +div.switch.radius label:after { + border-radius: 3px; +} +/* Switch Option - Rounded */ +div.switch.round { + border-radius: 1000px; +} +div.switch.round label { + border-radius: 26px; +} +div.switch.round label:after { + border-radius: 26px; +} +/* Switch Option - Inline */ +.switch.switch-inline { + display: inline-block; +} +.switch.switch-inline + .switch.switch-inline { + margin-left: 15px; +} +/*================================================== + Radios and Checkboxes +==================================================== */ +.radio-custom, +.checkbox-custom { + background-color: transparent; + color: inherit; +} +/* hide default input */ +.radio-custom input, +.checkbox-custom input { + display: none; +} +.checkbox-custom label:empty, +.radio-custom label:empty { + padding-left: 10px; +} +/* radio container */ +.radio-custom label { + cursor: pointer; + position: relative; + padding-left: 32px; + margin-right: 15px; + margin-bottom: 5px; +} +/* radio border */ +.radio-custom label:before { + content: ""; + position: absolute; + top: 0; + left: 0; + border-radius: 64px; + width: 20px; + height: 20px; + border: 2px solid #666; +} +/* check radio icon */ +.radio-custom input[type=radio]:checked + label:after, +.radio-custom input[type=checkbox]:checked + label:after { + content: ""; + position: absolute; + top: 5px; + left: 5px; + border-radius: 64px; + width: 10px; + height: 10px; + color: #666; + background-color: #666; +} +/* alt style - square */ +.radio-custom.square label:before { + border-radius: 2px; +} +.radio-custom.square input[type=radio]:checked + label:after, +.radio-custom.square input[type=checkbox]:checked + label:after { + border-radius: 2px; +} +/* checkbox container */ +.checkbox-custom label { + cursor: pointer; + position: relative; + padding-left: 32px; + margin-right: 15px; + margin-bottom: 5px; +} +/* checkbox border */ +.checkbox-custom label:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 22px; + height: 21px; + background-color: #FFF; + border: 1px solid #666; + border-width: 2px; + border-radius: 1px; +} +/* checked state icon */ +.checkbox-custom input[type=checkbox]:checked + label:after, +.checkbox-custom input[type=radio]:checked + label:after { + position: absolute; + font-family: "FontAwesome"; + content: "\f00c"; + font-size: 12px; + top: 4px; + left: 4px; + width: 0; + height: 0; + transform: rotate(-13deg); +} +/* alt style - filled bg ".fill" */ +.checkbox-custom.fill label { + cursor: pointer; + position: relative; + padding-left: 32px; + margin-right: 15px; + margin-bottom: 5px; +} +.checkbox-custom.fill label:before { + content: ""; + position: absolute; + top: 0; + left: 0; + border-radius: 2px; + width: 22px; + height: 21px; + background-color: #666; +} +.checkbox-custom.fill input[type=checkbox]:checked + label:after, +.checkbox-custom.fill input[type=radio]:checked + label:after { + position: absolute; + font-family: "FontAwesome"; + content: "\f00c"; + font-size: 12px; + top: 3px; + left: 3px; + width: 0; + height: 0; + color: #fff !important; + transform: rotate(-13deg); +} +/*================================================== + Icons +==================================================== */ +.wf-loading .glyphicons, +.wf-loading .glyphicon, +.wf-loading .imoon, +.wf-loading .fa, +.wf-loading .iconsweets { + opacity: 0 !important; +} +/* Font Awesome Fixed Width Helpers */ +.fs15.fa-fw { + width: 35px; +} +.fs16.fa-fw { + width: 40px; +} +.fs17.fa-fw { + width: 43px; +} +.fs18.fa-fw { + width: 46px; +} +/* Icon Transitions */ +.glyphicon, +.glyphicons, +.imoon, +.fa, +.iconsweets { + opacity: 1; + transition: opacity 0.1s ease-in; + -moz-transition: opacity 0.1s ease-in; + -webkit-transition: opacity 0.1s ease-in; +} +/* Glyphicon Pro and Halfling */ +.glyphicons-2x, +.glyphicon-2x { + font-size: 2em; +} +.glyphicons-3x, +.glyphicon-3x { + font-size: 3em; +} +.glyphicons-4x, +.glyphicon-4x { + font-size: 4em; +} +.glyphicons-5x, +.glyphicon-5x { + font-size: 5em; +} +/* Icomoon Font Icons */ +.imoon-2x { + font-size: 2em; +} +.imoon-3x { + font-size: 3em; +} +.imoon-4x { + font-size: 4em; +} +.imoon-5x { + font-size: 5em; +} +/* IconSweets2 Font Icons */ +.iconsweets-2x { + font-size: 2em; +} +.iconsweets-3x { + font-size: 3em; +} +.iconsweets-4x { + font-size: 4em; +} +.iconsweets-5x { + font-size: 5em; +} +/* Buttons with Icons +* Cross browser problems were creating problems when +* an icon was given a larger font size than its sibling +* text. To fix Line height, vertical align, and top +* positioning have been redefined */ +.btn .glyphicon, +.btn .glyphicons { + top: -1px; + vertical-align: middle; + line-height: 0; + font-size: 1.1em; +} +/* A Helper Class to Align Icons Right in Control-forms */ +span.field-icon-right, +i.field-icon-right { + position: absolute; + right: 10px; + top: 8px; +} +/* Icon Background and Borders +* properly align icons that have been placed inside of titles +* Useful for matching icon size to adjacent text +* Icon Background Shapes */ +.icon-circle { + top: 0; + padding: 9px; + position: relative; + overflow: visible; + border-radius: 64px; +} +.icon-square { + top: 0; + padding: 9px; + border-radius: 4px; +} +/* Icon Background Sizes */ +.icon-circle.glyphicon-2x, +.icon-circle.glyphicons-2x { + padding: 12px; +} +.icon-circle.glyphicon-3x, +.icon-circle.glyphicons-3x { + padding: 20px; +} +.icon-circle.glyphicon-4x, +.icon-circle.glyphicons-4x { + padding: 35px; +} +.icon-square.glyphicon-2x, +.icon-square.glyphicons-2x { + padding: 12px; +} +.icon-square.glyphicon-3x, +.icon-square.glyphicons-3x { + padding: 20px; +} +.icon-square.glyphicon-4x, +.icon-square.glyphicons-4x { + padding: 35px; +} +/* WIDGET SPECIFIC ICON STYLING +* ALL elements which use icons have been +* moved from their respective positions +* and placed here for easy icon styling */ +/* Header Button Icons */ +.navbar-menus > div > button > span, +.navbar-menus > div > button > i { + font-size: 15px; + vertical-align: middle; +} +/* Special on-hover styles for user dropdown menu */ +.user-menu ul.dropdown-items > li:hover .glyphicon { + color: #d9534f; +} +.user-menu ul.dropdown-items > li:last-child:hover .glyphicon { + color: #888; +} +.user-menu ul.dropdown-items > li:last-child > div:hover .glyphicon { + color: #d9534f; +} +/* Breadcrumb "Home" Icon */ +.breadcrumb .glyphicon, +.breadcrumb .glyphicons { + color: #777; + font-size: 11px; + margin-left: 1px; + top: 0; +} +/* Panel Sidemenu Icons */ +.panel-sidemenu ul.nav li.active .fa { + color: #4a89dc; +} +.panel-sidemenu ul.nav li a:hover { + background: none; +} +.panel-sidemenu ul.nav li .fa { + width: 28px; + color: #BBB; + font-size: 18px; +} +/* Panel Tabs Icons */ +.panel-tabs li .glyphicon, +.panel-tabs li .glyphicons, +.panel-tabs li .fa { + font-size: 14px; +} +.panel-tabs .imoon, +.panel-tabs .iconsweets { + font-size: 14px; + vertical-align: middle; +} +/* Mildly styles a font awesome based icon group + * used in occasionaly in panel heading. Look at + * message widget on index.html for example */ +.mini-action-icons .fa { + position: relative; + top: 2px; + padding-right: 10px; + color: #777; + font-size: 16px; + cursor: pointer; +} +/* Pricing Table Icons */ +.pricing-tables .pricing-icons li .fa-times { + color: #e74a4a; +} +.pricing-tables .pricing-icons li .fa-ellipsis-h { + color: #555555; +} +/* Tab Navigation Icons */ +.nav-tabs li .fa { + font-size: 14px; +} +.nav-tabs li .fa.fa-caret-down { + font-size: 12px; +} +/* Timeline Widget Icons */ +.timeline-widget span.glyphicons { + z-index: 11; + position: relative; + top: 2px; + width: auto; + padding: 6px; + font-size: 18px; + border-radius: 50%; + -webkit-box-shadow: 1px 1px 2px #AAA; + box-shadow: 1px 1px 2px #AAA; +} +/*=============================================== + Panel Tile +=================================================*/ +.panel-tile { + position: relative; + overflow: hidden; +} +.panel-tile .panel-body, +.panel-tile .panel-footer { + border: 0; +} +/*=============================================== + Tile Icon BG +================================================= */ +.icon-bg { + position: absolute; + opacity: 0.8; + right: 0; + top: 0; + line-height: 100px; + font-size: 100px; +} +.icon-bg.left { + right: auto; + left: 0; +} +/*================================================== + Modals +==================================================== */ +.modal-open { + overflow: hidden; +} +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + z-index: 1050; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 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: #ffffff; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 3px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: 0; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.49px; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.49; +} +.modal-body { + position: relative; + padding: 15px; +} +.modal-footer { + padding: 15px; + padding: 10px; + text-align: right; + border-top: 1px solid #e5e5e5; + background: #f2f2f2; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.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: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +/*================================================== + Tooltips +==================================================== */ +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + border-radius: 1px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +/*=============================================== + S. Bootstrap Tooltips +================================================= */ +/* white tooltips */ +.tooltip-white.in { + opacity: 1; +} +.tooltip-white { + min-width: 60px; + transition: opacity 0.3s ease; +} +.tooltip-white .tooltip-inner { + background-color: #FFF; + color: #555; + font-weight: 600; + border-radius: 2px; +} +.tooltip-white.top .tooltip-arrow { + border-top-color: #FFF; +} +.tooltip-white.bottom .tooltip-arrow { + border-bottom-color: #FFF; +} +.tooltip-white.right .tooltip-arrow { + border-right-color: #FFF; +} +.tooltip.left .tooltip-arrow { + border-left-color: #FFF; +} +/*================================================== + Popovers +==================================================== */ +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 3px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 13px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 2px 2px 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 { + border-width: 10px; + content: ""; +} +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; +} +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; +} +/*================================================== + Carousel +==================================================== */ +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +.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; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} +.carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} +.carousel-control:hover, +.carousel-control:focus { + outline: 0; + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; +} +.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%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #ffffff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #ffffff; +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -15px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -15px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} + +/* ============================================== + Boxed Layout - Coming Soon +================================================= + A. Boxed Settings +================================================= */ +@media (min-width: 1140px) { + body.boxed-layout { + background-color: transparent !important; + background-image: url("../../../img/patterns/noise.png"); + background-repeat: repeat; + } + body.boxed-layout .navbar { + width: 1140px !important; + margin: 0 auto; + } + body.boxed-layout .navbar-nav.navbar-right, + body.boxed-layout .navbar-nav.navbar-right:last-child { + margin-right: 0; + } + body.boxed-layout #main { + overflow: hidden; + width: 1140px !important; + margin: 0 auto; + } + body.boxed-layout #main:before { + content: ""; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #eee; + margin: 0 auto; + width: 1142px; + border-right: 1px solid #DDD; + border-left: 1px solid #DDD; + } + body.boxed-layout #main:after { + z-index: -1; + content: ""; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + background: #f8f8f8; + } + body.boxed-layout #content_wrapper { + margin-top: 0px; + } + body.boxed-layout .navbar.navbar-fixed-top + #main > #content_wrapper { + margin-top: 60px; + } + body.boxed-layout.sb-top #sidebar_left.affix { + width: 1140px; + } + body.boxed-layout #sidebar_left.affix { + left: auto; + } + body.boxed-layout #sidebar_left.nano > .nano-content { + padding-top: 0; + } + body.boxed-layout.sb-l-c #sidebar_left, + body.boxed-layout.sb-l-c.sb-l-m #sidebar_left { + left: -230px; + } + body.boxed-layout #sidebar_right { + display: none; + position: absolute; + top: 0; + right: 0; + } + body.boxed-layout.sb-r-o #sidebar_right { + display: block; + } + body.boxed-layout #topbar.affix { + width: 910px !important; + margin-left: 0; + left: auto; + right: auto; + } + body.boxed-layout.sb-r-o #topbar.affix { + width: 780px !important; + } + body.boxed-layout.sb-l-m #topbar.affix { + width: 1080px !important; + } + body.boxed-layout.sb-l-c #topbar.affix { + width: 1140px !important; + } + body.boxed-layout.sb-l-m.sb-r-o #topbar.affix { + width: 780px !important; + } + body.boxed-layout.sb-l-c.sb-r-o #topbar.affix { + width: 840px !important; + } + body.boxed-layout #topbar-dropmenu { + top: 0; + } + body.boxed-layout .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper > #topbar-dropmenu { + top: 1px; + } + body.boxed-layout.sb-top .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper > #topbar-dropmenu { + top: 0; + } +} +@media (max-width: 1140px) { + body.boxed-layout .navbar.navbar-fixed-top + #main { + margin-top: 60px; + } + body.boxed-layout.sb-l-o .navbar + #main > #sidebar_left.nano > .nano-content { + padding-top: 60px; + } + body.boxed-layout.sb-l-m .navbar + #main > #sidebar_left.nano > .nano-content { + padding-top: 0; + } +} \ No newline at end of file diff --git a/webroot/static/assets/css/theme/contextuals.css b/webroot/static/assets/css/theme/contextuals.css new file mode 100755 index 0000000..455db77 --- /dev/null +++ b/webroot/static/assets/css/theme/contextuals.css @@ -0,0 +1,228 @@ +/* +====================================================== +1. Nav Pill Contextuals - Active Item +2. Tab Block Contextuals - Active Item Border +====================================================== +*/ +/*==================================================== + Nav Pill Contextuals - Active Item +====================================================== */ +/* pills primary */ +.nav-pills.nav-primary > li.active > a, +.nav-pills.nav-primary > li.active > a:hover, +.nav-pills.nav-primary > li.active > a:focus { + background-color: #4a89dc; +} +/* pills success */ +.nav-pills.nav-success > li.active > a, +.nav-pills.nav-success > li.active > a:hover, +.nav-pills.nav-success > li.active > a:focus { + background-color: #70ca63; +} +/* pills info */ +.nav-pills.nav-info > li.active > a, +.nav-pills.nav-info > li.active > a:hover, +.nav-pills.nav-info > li.active > a:focus { + background-color: #3bafda; +} +/* pills warning */ +.nav-pills.nav-warning > li.active > a, +.nav-pills.nav-warning > li.active > a:hover, +.nav-pills.nav-warning > li.active > a:focus { + background-color: #f6bb42; +} +/* pills danger */ +.nav-pills.nav-danger > li.active > a, +.nav-pills.nav-danger > li.active > a:hover, +.nav-pills.nav-danger > li.active > a:focus { + background-color: #e9573f; +} +/* pills alert */ +.nav-pills.nav-alert > li.active > a, +.nav-pills.nav-alert > li.active > a:hover, +.nav-pills.nav-alert > li.active > a:focus { + background-color: #967adc; +} +/* pills system */ +.nav-pills.nav-system > li.active > a, +.nav-pills.nav-system > li.active > a:hover, +.nav-pills.nav-system > li.active > a:focus { + background-color: #37bc9b; +} +/* pills dark */ +.nav-pills.nav-dark > li.active > a, +.nav-pills.nav-dark > li.active > a:hover, +.nav-pills.nav-dark > li.active > a:focus { + background-color: #3b3f4f; +} +/*==================================================== + Tab Block Contextuals - Active Item Border +====================================================== */ +/* tabs primary */ +/* tabs top */ +.tab-block .tabs-border.nav-tabs.tabs-primary > li.active > a { + border-top-color: #4a89dc; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left.tabs-primary > li.active > a { + border-left-color: #4a89dc; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right.tabs-primary > li.active > a { + border-right-color: #4a89dc; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below.tabs-primary > li.active > a { + border-bottom-color: #4a89dc; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border.tabs-primary > li.active > a { + border-top-color: #4a89dc; +} +/* tabs success */ +/* tabs top */ +.tab-block .tabs-border.nav-tabs.tabs-success > li.active > a { + border-top-color: #70ca63; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left.tabs-success > li.active > a { + border-left-color: #70ca63; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right.tabs-success > li.active > a { + border-right-color: #70ca63; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below.tabs-success > li.active > a { + border-bottom-color: #70ca63; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border.tabs-success > li.active > a { + border-top-color: #70ca63; +} +/* tabs info */ +/* tabs top */ +.tab-block .tabs-border.nav-tabs.tabs-info > li.active > a { + border-top-color: #3bafda; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left.tabs-info > li.active > a { + border-left-color: #3bafda; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right.tabs-info > li.active > a { + border-right-color: #3bafda; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below.tabs-info > li.active > a { + border-bottom-color: #3bafda; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border.tabs-info > li.active > a { + border-top-color: #3bafda; +} +/* tabs warning */ +/* tabs top */ +.tab-block .tabs-border.nav-tabs.tabs-warning > li.active > a { + border-top-color: #f6bb42; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left.tabs-warning > li.active > a { + border-left-color: #f6bb42; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right.tabs-warning > li.active > a { + border-right-color: #f6bb42; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below.tabs-warning > li.active > a { + border-bottom-color: #f6bb42; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border.tabs-warning > li.active > a { + border-top-color: #f6bb42; +} +/* tabs danger */ +/* tabs top */ +.tab-block .tabs-border.nav-tabs.tabs-danger > li.active > a { + border-top-color: #e9573f; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left.tabs-danger > li.active > a { + border-left-color: #e9573f; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right.tabs-danger > li.active > a { + border-right-color: #e9573f; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below.tabs-danger > li.active > a { + border-bottom-color: #e9573f; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border.tabs-danger > li.active > a { + border-top-color: #e9573f; +} +/* tabs alert */ +/* tabs top */ +.tab-block .tabs-border.nav-tabs.tabs-alert > li.active > a { + border-top-color: #967adc; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left.tabs-alert > li.active > a { + border-left-color: #967adc; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right.tabs-alert > li.active > a { + border-right-color: #967adc; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below.tabs-alert > li.active > a { + border-bottom-color: #967adc; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border.tabs-alert > li.active > a { + border-top-color: #967adc; +} +/* tabs system */ +/* tabs top */ +.tab-block .tabs-border.nav-tabs.tabs-system > li.active > a { + border-top-color: #37bc9b; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left.tabs-system > li.active > a { + border-left-color: #37bc9b; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right.tabs-system > li.active > a { + border-right-color: #37bc9b; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below.tabs-system > li.active > a { + border-bottom-color: #37bc9b; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border.tabs-system > li.active > a { + border-top-color: #37bc9b; +} +/* tabs dark */ +/* tabs top */ +.tab-block .tabs-border.nav-tabs.tabs-dark > li.active > a { + border-top-color: #3b3f4f; +} +/* tabs left */ +.tab-block .tabs-border.tabs-left.tabs-dark > li.active > a { + border-left-color: #3b3f4f; +} +/* tabs right */ +.tab-block .tabs-border.tabs-right.tabs-dark > li.active > a { + border-right-color: #3b3f4f; +} +/* tabs bottom */ +.tab-block .tabs-border.tabs-below.tabs-dark > li.active > a { + border-bottom-color: #3b3f4f; +} +/* panel tabs */ +.panel-tabs.panel-tabs-border.tabs-dark > li.active > a { + border-top-color: #3b3f4f; +} diff --git a/webroot/static/assets/css/theme/crop_demo.css b/webroot/static/assets/css/theme/crop_demo.css new file mode 100755 index 0000000..2693355 --- /dev/null +++ b/webroot/static/assets/css/theme/crop_demo.css @@ -0,0 +1,116 @@ +/* Demo CSS */ +/* Content Containers */ +.img-container, +.img-preview { + background-color: #f7f7f7; + overflow: hidden; + width: 100%; + text-align: center; +} +.img-container { + min-height: 200px; + max-height: 466px; + margin-bottom: 20px; +} +@media (min-width: 768px) { + .img-container { + min-height: 466px; + } +} +.img-container > img { + max-width: 100%; +} +.img-preview { + float: left; + margin-right: 10px; + margin-bottom: 10px; +} +.img-preview > img { + max-width: 100%; +} +.preview-lg { + width: 263px; + height: 148px; +} +.preview-md { + width: 139px; + height: 78px; +} +.preview-sm { + width: 69px; + height: 39px; +} +.preview-xs { + width: 35px; + height: 20px; + margin-right: 0; +} +.docs-data > .input-group { + margin-bottom: 10px; +} +.docs-data > .input-group > label { + min-width: 80px; +} +.docs-data > .input-group > span { + min-width: 50px; +} +.docs-buttons > .btn, +.docs-buttons > .btn-group, +.docs-buttons > .form-control { + margin-right: 5px; + margin-bottom: 10px; +} +.docs-toggles > .btn, +.docs-toggles > .btn-group, +.docs-toggles > .dropdown { + margin-bottom: 10px; +} +.docs-tooltip { + display: block; + margin: -6px -12px; + padding: 6px 12px; +} +.docs-tooltip > .icon { + margin: 0 -3px; + vertical-align: top; +} +.tooltip-inner { + white-space: normal; +} +.btn-upload .tooltip-inner { + white-space: nowrap; +} +@media (max-width: 400px) { + .btn-group-crop { + margin-right: -15px !important; + } + .btn-group-crop > .btn { + padding-left: 5px; + padding-right: 5px; + } + .btn-group-crop .docs-tooltip { + margin-left: -5px; + margin-right: -5px; + padding-left: 5px; + padding-right: 5px; + } +} +.docs-options .dropdown-menu { + width: 100%; +} +.docs-options .dropdown-menu > li { + padding: 3px 20px; +} +.docs-options .dropdown-menu > li:hover { + background-color: #f7f7f7; +} +.docs-options .dropdown-menu > li > label { + display: block; +} +.docs-cropped .modal-body { + text-align: center; +} +.docs-cropped .modal-body > img, +.docs-cropped .modal-body > canvas { + max-width: 100%; +} diff --git a/webroot/static/assets/css/theme/datatables.css b/webroot/static/assets/css/theme/datatables.css new file mode 100755 index 0000000..2dc47da --- /dev/null +++ b/webroot/static/assets/css/theme/datatables.css @@ -0,0 +1,232 @@ +/*=============================================== + DataTables +================================================= */ +/* DataTable */ +table.dataTable { + margin: 0 !important; +} +/* Table Row Changes */ +table.dataTable tr.odd { + background-color: #fff; +} +/* Table Header Changes */ +table.dataTable thead th { + background: #f9f9f9; + padding: 10px; +} +/* Table Footer Changes */ +table.dataTable tfoot th { + border-top: 1px solid #ddd; + padding: 4px 18px 4px 10px; + font-weight: 600; + background: #f2f2f2; +} +/* DataTable panel-menu, commonly holds filters */ +.dt-panelmenu { + padding: 10px 14px; + background: #f8f8f8; + border-bottom: 1px solid #e5e5e5; +} +/* DataTable panel-footer, commonly holds paginator */ +.dt-panelfooter { + padding: 6px 14px; + background: #f8f8f8; + border-top: 1px solid #e5e5e5; +} +/* DataTable Length */ +.dataTables_length { + float: left; +} +.dataTables_length select { + margin: 0 5px; +} +/* DataTable Filter */ +.dataTables_filter { + float: right; +} +.dataTables_length label, +.dataTables_filter label { + margin: 0; +} +/* DataTable Search bar */ +table.dataTable .form-control { + width: 100%; +} +/* DataTable Footer Elements */ +div.dataTables_info { + float: left; + padding-top: 12px; +} +div.dataTables_paginate { + margin-top: 5px; +} +/* Filter Returned No results Pane */ +table.dataTable td.dataTables_empty { + padding: 50px !important; + background: #f6f6f6 !important; +} +/* Datatables abc filter */ +.dt-abc-filter { + padding: 4px 0; +} +.dt-abc-filter span { + cursor: pointer; + padding: 0 9px; + font-size: 12px; + font-weight: 600; + color: #4a89dc; + display: inline-block; +} +.dt-abc-filter .abc-label { + color: #999; + padding: 0 3px; +} +/* Contextual Row Filter Example */ +table.dataTable tr.row-label td { + background: #f6f6f6; + color: #333; + font-weight: 600; + cursor: pointer; +} +/* + * Table Selected/Active Row + */ +.table.dataTable tbody tr.active td, +.table.dataTable tbody tr.active th { + color: #555; + border-color: #EEE; + background-color: #FFFEF0 !important; +} +.table.dataTable tbody tr.active:hover td, +.table.dataTable tbody tr.active:hover th { + color: #555; + border-color: #EEE; + background-color: #FAF9DF !important; +} +/* + * DataTable Modals + * + */ +.DTE .DTE_Header { + background-color: #fafafa; +} +.DTE .DTE_Header h3 { + margin-top: 5px; + margin-bottom: 5px; + padding-left: 10px; +} +.DTE .DTE_Body { + min-height: 100px; +} +.DTE .DTE_Body:before, +.DTE .DTE_Body:after { + content: " "; + display: table; +} +.DTE .DTE_Body:after { + clear: both; +} +.DTE .DTE_Body:before, +.DTE .DTE_Body:after { + content: " "; + display: table; +} +.DTE .DTE_Body:after { + clear: both; +} +/* + * DataTables Editor Addon - Checkbox + */ +.fchild-checkbox.dataTable thead th.sorting_disabled { + background: #FFF; +} +.fchild-checkbox.dataTable tr td:first-child { + text-align: center; +} +.fchild-checkbox.dataTable tr td:first-child:before { + content: "\f096"; + /* fa-square-o */ + font-family: FontAwesome; + color: #BBB; +} +.fchild-checkbox.dataTable tr.active td:first-child:before { + content: "\f046"; + /* fa-check-square-o */ + color: #555; +} +.fchild-checkbox.dataTable tr td.dataTables_empty:first-child:before { + content: ""; +} +div.DTE_Inline div.DTE_Field input { + background-color: #FFFEF0; +} +/* + * PRINTING + * Print display styles + */ +.DTTT_Print #content_wrapper { + margin: 0 !important; + padding: 0 !important; + left: 0 !important; + top: 0 !important; + right: 0 !important; + bottom: 0 !important; +} +.DTTT_print_info { + position: fixed; + top: 10%; + left: 50%; + width: 400px; + height: 150px; + margin-left: -200px; + margin-top: -75px; + text-align: center; + color: #333; + padding: 10px 30px; + background: #ffffff; + /* Old browsers */ + background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); + /* Chrome10+,Safari5.1+ */ + background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); + /* FF3.6+ */ + background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); + /* IE10+ */ + background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); + /* Opera 11.10+ */ + background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); + /* W3C */ + /* IE6-9 */ + opacity: 0.95; + border: 1px solid black; + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -ms-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); + -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); + -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); +} +.DTTT_print_info h6 { + font-weight: normal; + font-size: 28px; + line-height: 28px; + margin: 1em; +} +.DTTT_print_info p { + font-size: 14px; + line-height: 20px; +} +tr.shown + tr { + background-color: #f7f7f7; +} +td.details-control { + background: url('../img/plugins/details_open.png') no-repeat center center; + cursor: pointer; +} +tr.shown td.details-control { + background: url('../img/plugins/details_close.png') no-repeat center center; +} diff --git a/webroot/static/assets/css/theme/demo.css b/webroot/static/assets/css/theme/demo.css new file mode 100755 index 0000000..822b3e2 --- /dev/null +++ b/webroot/static/assets/css/theme/demo.css @@ -0,0 +1,289 @@ +/* ============================================== + III. DEMO PAGES + - Global Changes + + * This file is reserved for changes required only + * for the themes demo. These styles may be vital + * to themes appearance but often times will not + * be useful in a true production environment. + + * For example each slider in sliders.html has a + * margin of 65px, a large number only needed + * because six sliders have been stacked on top + * of each other. This would most likely not + * happen in a real enviroment. +================================================= + A. Global/Shared +================================================= */ +.ajax-loading { + overflow-y: scroll; +} +.panel-tabs > li > a:hover { + background-color: #f2f2f2; +} +#return-arrow { + color: #555; + padding-left: 15px; + padding-top: 15px; + position: fixed; + opacity: 0.7; + cursor: pointer; + display: block; + z-index: 1050; +} +#return-arrow i.fa { + float: left; + padding-top: 2px; +} +#return-arrow span { + float: left; + padding-left: 15px; + padding-top: 0px; + font-size: 16px; +} +#return-arrow:hover { + opacity: 1; +} +/*=============================================== + timeline.html/timeline-single.html +================================================= */ +body.timeline-page .panel-clone { + display: none; +} +/*=============================================== + pages-calendar-page.html +================================================= */ +.calendar-page .tray-left { + padding: 15px 18px; +} +.calendar-page .tray-left .fc-event { + margin-left: 2px; + margin-right: 2px; + background: #FFF; +} +/*=============================================== + ui-icons.html +================================================= */ +.icon-demo-list { + font-size: 12px; + padding-left: 0; + padding-bottom: 1px; + margin-bottom: 20px; + list-style: none; + overflow: hidden; +} +.icon-demo-list li { + float: left; + width: 20%; + height: 100px; + padding: 5px; + line-height: 1.4; + text-align: center; +} +.icon-demo-list li:hover { + color: #4a89dc; +} +.icon-demo-list li span { + display: block; + margin: 5px auto 15px; + font-size: 24px; +} +.iconsweets-list li span { + font-size: 32px; +} +.stateface-list li span { + font-size: 36px; +} +/*=============================================== + Skin Toolbox +================================================= */ +#skin-toolbox { + z-index: 999; + overflow: visible !important; + position: fixed; + top: 120px; + right: -230px; + width: 230px; + -webkit-transition: right 0.1s ease-in-out; + -moz-transition: right 0.1s ease-in-out; + transition: right 0.1s ease-in-out; +} +#skin-toolbox.toolbox-open { + right: 0; +} +#skin-toolbox .panel-heading { + cursor: pointer; + margin-right: 30px; + border: 1px solid #DDD; + width: 274px; + height: 47px; + line-height: 42px; + right: 44px; + font-size: 14px; +} +#skin-toolbox .panel-heading .panel-title { + padding-left: 40px; +} +#skin-toolbox .panel-body { + border: 1px solid #DDD; + border-top: 0; + padding: 23px; +} +#skin-toolbox .panel-icon { + font-size: 22px; + padding-right: 20px; + padding-left: 6px; +} +/*=============================================== + Source Code Viewer +================================================= */ +.bs-component { + position: relative; +} +#source-button { + position: absolute; + top: 0; + right: 0; + z-index: 100; + font-weight: 600; +} +#source-modal { + /* source code modal styles */ + /* highlight js styles */ +} +#source-modal .modal-header { + background-color: #fafafa; +} +#source-modal .btn-clipboard { + letter-spacing: 0.5px; +} +#source-modal .hljs { + padding: 10px 13px; +} +/*=============================================== + AdminDock Example Page +================================================= */ +/* Demo styles */ +#dock-content > div { + display: none; +} +#dock-content > div.active-content { + display: block; +} +#dock-content .active-content .modal-placeholder { + position: relative; + visibility: visible; + display: block; + height: 100%; + width: 100%; + text-align: center; + font-size: 20px; +} +#dock-content .active-content .modal-placeholder:before { + content: "It's been sent to AdminDock!"; +} +#dock-content .active-content .modal-placeholder:after { + content: "\f0a7"; + font-family: "FontAwesome"; + font-size: 30px; + position: relative; + top: 3px; + padding-left: 20px; + color: #999; +} +/*=================================================== + PRINT STYLES - Designed soley for Invoice Page + Problems will arise if you attempt to use + these styles globally +=====================================================*/ +@media print { + .invoice-page { + /* Reset + Hide Primary Page Components */ + /* Modify Primary Container */ + /* Shorten and center page */ + /* Remove all Panel Borders */ + /* Hide Image Logo and reveal Text logo */ + /* Modify Invoice Container */ + /* Modify Invoice Panels */ + /* Modify Invoice Panels */ + } + .invoice-page header.navbar, + .invoice-page #sidebar_left, + .invoice-page #sidebar_right, + .invoice-page #topbar, + .invoice-page #skin-toolbox, + .invoice-page .panel-heading, + .invoice-page .invoice-buttons { + display: none !important; + visibility: hidden; + width: 0 !important; + height: 0 !important; + outline: 0; + padding: 0 !important; + margin: 0 !important; + overflow: hidden; + } + .invoice-page #content_wrapper { + background: 0; + margin: 0 auto !important; + padding: 0 !important; + left: auto !important; + right: auto !important; + transition: none; + } + .invoice-page #content { + padding: 0; + background: none; + } + .invoice-page #content_wrapper:after { + margin: 0; + display: none; + } + .invoice-page #main { + width: 1100px !important; + margin: 0 auto !important; + } + .invoice-page .panel, + .invoice-page .panel-body { + border: 0 !important; + margin: 0 !important; + box-shadow: none !important; + } + .invoice-page .invoice-logo { + display: none !important; + } + .invoice-page .invoice-logo-text { + display: block !important; + visibility: visible !important; + } + .invoice-page .table-layout > .col-md-10 { + width: 100% !important; + padding: 0 !important; + } + .invoice-page #invoice-info { + border-top: 1px dashed #ddd; + border-bottom: 1px dashed #ddd; + margin-top: 20px !important; + margin-bottom: 40px !important; + background-color: #ddd; + } + .invoice-page #invoice-info > .col-md-4 { + float: none; + display: inline-block; + width: 32%; + padding: 0; + margin: 0; + } + .invoice-page #invoice-info > .col-md-4:nth-child(2) { + text-align: center; + } + .invoice-page #invoice-info > .col-md-4:last-child { + text-align: right; + position: relative; + top: 8px; + } + .invoice-page #invoice-info > .col-md-4 .panel-body { + padding: 10px; + } +} + diff --git a/webroot/static/assets/css/theme/extend.css b/webroot/static/assets/css/theme/extend.css new file mode 100755 index 0000000..c906c88 --- /dev/null +++ b/webroot/static/assets/css/theme/extend.css @@ -0,0 +1,2445 @@ +/* +=============================================== +1. Circle Graphs +2. Countdown +3. Dropzone +4. Expose.js +5. Bootstrap FileUpload +6. jQuery Spinner +7. Magnific Popup +8. Markitup +9. Bootstrap Multiselect +10. Nestable +11. Nano Scroller +12. Colorpicker/Datepicker/DateRangePicker +13. Pnotify +14. RangeSlider +15. Summernote +16. Tags Manager +17. Treeview Plugin +18. Bootstrap Datepicker +19. Twitters Typeahead.js +20. Bootstrap Dual Listbox +21. Cropper +22. Bootstrap Markdown Editor +23. NProgress (top page loader) +24. Scroller +25. Scroller - Panel Style +26. Scroller Bar - Height Options +27. Scroller Bar Style +28. Scroller Bar - Overlay Style +29. Scroller Contextuals +30. Select2 Contextuals +31. Scaffolding +32. Input Hero +33. Maxlength Indicator - 3rd party plugin +=============================================== +*/ + +/* =============================================== + Circle Graphs +================================================= */ +.circle-text { + width: 100%; + text-align: center; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.circle-text h2 { + font-weight: 600; + font-size: 24px; + margin-top: 0; + margin-bottom: 5px; +} +.circle-text p { + font-weight: 600; + font-size: 12px; + color: #999; +} + +/* ================================================== + Countdown + ==================================================== */ +#counter { + width: 100%; + min-height: 200px; + padding: 30px 20px; + margin-bottom: 100px; +} +.countdown-rtl { + direction: rtl; +} +.countdown-holding span { + color: #888; +} +.countdown-row { + clear: both; + width: 100%; + padding: 0px 2px; + text-align: center; +} +.countdown-show1 .countdown-section { + width: 98%; +} +.countdown-show2 .countdown-section { + width: 48%; +} +.countdown-show3 .countdown-section { + width: 32.5%; +} +.countdown-show4 .countdown-section { + width: 24.5%; +} +.countdown-show5 .countdown-section { + width: 19.5%; +} +.countdown-show6 .countdown-section { + width: 16.25%; +} +.countdown-show7 .countdown-section { + width: 14%; +} +.countdown-section { + position: relative; + display: block; + float: left; + font-size: 75%; + text-align: center; +} +.countdown-section:after { + content: ""; + position: absolute; + width: 5px; + height: 45%; + margin-top: 18%; + top: 0; + right: 0; + background: rgba(255, 255, 255, 0.5); +} +.countdown-section:last-child:after { + display: none; +} +.countdown-amount { + color: #FFF; + font-weight: 200; + font-size: 90px; +} +.countdown-period { + display: block; + color: #FFF; + font-weight: 200; + font-size: 24px; +} +.countdown-descr { + display: block; + width: 100%; +} + +/*=============================================== + Dropzone +================================================= */ +.dropzone { + min-height: 200px; + background: transparent; + border: 0; + outline: 0; + padding: 15px; +} +.dropzone .dz-default.dz-message { + cursor: pointer; + background-image: none; + width: 100%; + height: 100%; + top: 23%; + margin-left: 0px; + margin-top: -23px; + text-align: center; + left: 0; +} +.dropzone .dz-default.dz-message span { + display: inline-block; + text-align: center; +} +.dropzone .dz-default.dz-message span.main-text { + cursor: pointer; + font-size: 28px; + font-weight: 400; + color: #666; +} +.dropzone .dz-default.dz-message span.main-text b { + cursor: pointer; + font-size: 40px; + color: #555; +} +.dropzone .dz-default.dz-message span.sub-text { + font-size: 20px; + color: #888; +} +.dropzone .dz-default.dz-message i.fa { + cursor: pointer; + color: #4a89dc; + font-size: 100px; + display: block; + margin-bottom: 15px; +} +.dropzone a.dz-remove, +.dropzone-previews a.dz-remove { + cursor: pointer; +} +.dropzone .dz-preview, +.dropzone-previews .dz-preview { + box-shadow: none; + border-color: #DDD; +} +.dropzone .dz-preview .dz-details .dz-size, +.dropzone-previews .dz-preview .dz-details .dz-size { + font-size: 13px; +} +.dropzone .dz-preview .dz-details, +.dropzone-previews .dz-preview .dz-details, +.dropzone .dz-preview .dz-details img, +.dropzone-previews .dz-preview .dz-details img { + width: 115px; +} +.dropzone a.dz-remove, +.dropzone-previews a.dz-remove { + margin-top: 30px; + border-radius: 0; +} +.dropzone .dz-preview.dz-error .dz-error-mark, +.dropzone-previews .dz-preview.dz-error .dz-error-mark, +.dropzone .dz-preview.dz-error .dz-success-mark, +.dropzone-previews .dz-preview.dz-error .dz-success-mark { + -webkit-transform: scale(0.7); + transform: scale(0.7); +} +.dropzone.dropzone-sm .dz-default.dz-message i.fa { + color: #BBB; + font-size: 70px; + margin-bottom: 6px; +} +.dropzone.dropzone-sm .dz-default.dz-message span.main-text { + font-size: 22px; +} +.dropzone.dropzone-sm .dz-default.dz-message span.main-text b { + font-size: 32px; +} +.dropzone.dropzone-sm .dz-default.dz-message span.sub-text { + font-size: 16px; +} +/* Demonstration Purposes ONLY */ +.dropzone .dz-preview .dz-error-message, +.dropzone-previews .dz-preview .dz-error-message { + display: none !important; +} + +/*=============================================== + Expose.js +================================================= */ +/* overlay */ +.expose-overlay { + display: none; + background: rgba(0, 0, 0, 0.6); + z-index: 9999; +} + +/*=============================================== + Bootstrap FileUpload +================================================= */ +.btn-file { + overflow: hidden; + position: relative; + vertical-align: middle; +} +.btn-file > input { + position: absolute; + top: 0; + right: 0; + margin: 0; + opacity: 0; + filter: alpha(opacity=0); + transform: translate(-300px, 0) scale(4); + font-size: 23px; + direction: ltr; + cursor: pointer; +} +.fileupload .uneditable-input { + display: inline-block; + margin-bottom: 0px; + vertical-align: middle; + cursor: text; +} +.fileupload .thumbnail { + cursor: pointer; + overflow: hidden; + vertical-align: middle; + text-align: center; + padding: 5px; + outline: 2px dashed #d9d9d9; + border: 0; + background: none; +} +.fileupload .thumbnail > img { + display: inline-block; + vertical-align: middle; + max-height: 100%; +} +.fileupload .btn { + vertical-align: middle; +} +.fileupload-exists .fileupload-new, +.fileupload-new .fileupload-exists { + display: none !important; +} +.fileupload-inline .fileupload-controls { + display: inline; +} +.fileupload-new .input-group .btn-file { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.thumbnail-borderless .thumbnail { + cursor: pointer; + border: none; + padding: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.fileupload-new.thumbnail-borderless .thumbnail { + border: 1px solid #ddd; +} +.control-group.warning .fileupload .uneditable-input { + color: #a47e3c; + border-color: #a47e3c; +} +.control-group.warning .fileupload .fileupload-preview { + color: #a47e3c; +} +.control-group.warning .fileupload .thumbnail { + border-color: #a47e3c; +} +.control-group.error .fileupload .uneditable-input { + color: #b94a48; + border-color: #b94a48; +} +.control-group.error .fileupload .fileupload-preview { + color: #b94a48; +} +.control-group.error .fileupload .thumbnail { + border-color: #b94a48; +} +.control-group.success .fileupload .uneditable-input { + color: #468847; + border-color: #468847; +} +.control-group.success .fileupload .fileupload-preview { + color: #468847; +} +.control-group.success .fileupload .thumbnail { + border-color: #468847; +} +/*=============================================== + jQuery Spinner +================================================= */ +.ui-spinner-input { + color: inherit; + min-height: 36px; +} +.ui-spinner-button { + z-index: 3; + cursor: pointer; + display: block; + overflow: hidden; + position: absolute; + right: 0; + width: 16px; + height: 50%; + padding: 0; + margin: 0; + font-size: .5em; + text-align: center; +} +.input-group .ui-spinner .form-control:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ui-spinner .ui-icon { + position: absolute; + margin-top: -2px; + top: 50%; + left: 0; + text-indent: 0; +} +.ui-spinner-up .ui-icon { + margin-top: -6px; +} +.ui-spinner-up { + top: 0; +} +.ui-spinner-down { + bottom: 0; +} +/* TR overrides */ +.ui-spinner .ui-icon-triangle-1-s { + /* needed to correct false icon sprite pos */ + background-position: -65px -16px; +} + +/* ================================================== + Magnific Popup +==================================================== */ +/* Inline Content Styling (container) */ +.modal-basic { + max-width: 600px; + margin: 40px auto; + position: relative; +} +.modal-basic-bg { + background: white; + padding: 20px 30px; + text-align: left; + max-width: 600px; + margin: 40px auto; + position: relative; +} +/* unstyled popup */ +.popup-basic { + position: relative; + background: #FFF; + width: auto; + max-width: 450px; + margin: 40px auto; +} +/* popup sizes */ +.popup-sm { + max-width: 300px; +} +.popup-lg { + max-width: 700px; +} +.popup-xl { + max-width: 1000px; +} +.popup-full { + max-width: 90%; +} +/* Basic Example */ +.mfp-no-margins img.mfp-img { + padding: 0; +} +.mfp-no-margins .mfp-figure:after { + top: 0; + bottom: 0; +} +.mfp-no-margins .mfp-container { + padding: 0; +} +/*Simple fade transition*/ +.mfp-fade.mfp-bg { + opacity: 0; + -webkit-transition: all 0.15s ease-out; + -moz-transition: all 0.15s ease-out; + transition: all 0.15s ease-out; +} +.mfp-fade.mfp-bg.mfp-ready { + opacity: 0.8; +} +.mfp-fade.mfp-bg.mfp-removing { + opacity: 0; +} +.mfp-fade.mfp-wrap .mfp-content { + opacity: 0; + -webkit-transition: all 0.15s ease-out; + -moz-transition: all 0.15s ease-out; + transition: all 0.15s ease-out; +} +.mfp-fade.mfp-wrap.mfp-ready .mfp-content { + opacity: 1; +} +.mfp-fade.mfp-wrap.mfp-removing .mfp-content { + opacity: 0; +} +/*=============================================== + Markitup +================================================= */ +/* Container */ +.markItUp { + width: 100%; + margin: 0; +} +/* Header */ +.markItUpHeader { + min-height: 43px; + padding: 8px 10px 0px; + background: #fafafa; + border: none; + border-bottom: 1px solid #e7e7e7; +} +.markItUpButton { + padding: 4px; + background: #FFF; + border: 1px solid #DDD; +} +.markItUpButton + .markItUpButton { + border-left: 0; +} +.markItUpHeader ul .markItUpSeparator { + height: 25px; + background-color: #EEE; +} +/* Textarea */ +.markItUpEditor { + font-family: 'Microsoft Yahei','Open Sans', Helvetica, Arial, sans-serif; + font-size: 13px; + padding: 10px; + border: none; + width: 100%; + height: 250px; +} +/* Footer */ +.markItUpFooter { + height: 15px; +} +/* preview frame */ +.markItUpPreviewFrame { + margin: 0; + outline: 0; + border: 0; + padding: 5px 8px; + border-top: 1px solid #e7e7e7; + background: #fafafa; +} + +/*=============================================== + Bootstrap Multiselect +================================================= */ +.multiselect-container.dropdown-menu { + position: absolute; + list-style-type: none; + padding: 0; + margin: 0; + margin-top: 4px; +} +.multiselect-container.dropdown-menu .input-group { + margin: 5px; +} +.multiselect-container.dropdown-menu > li { + padding: 0; +} +.multiselect-container.dropdown-menu > li > a.multiselect-all label { + font-weight: 600; +} +.multiselect-container.dropdown-menu > li.multiselect-group { + background: #f3f3f3; + border-bottom: 1px solid #eaeaea; +} +.multiselect-container.dropdown-menu > li.multiselect-group label { + margin: 0; + padding: 6px 12px 5px; + height: 100%; + font-weight: 600; +} +.multiselect-container.dropdown-menu > li.multiselect-group-clickable label { + cursor: pointer; +} +.multiselect-container.dropdown-menu > li > a { + padding: 0; +} +.multiselect-container.dropdown-menu > li > a > label { + margin: 0; + height: 100%; + cursor: pointer; + font-weight: 400; + padding: 4px 20px 6px 32px; +} +.multiselect-container.dropdown-menu > li > a > label.radio, +.multiselect-container.dropdown-menu > li > a > label.checkbox { + margin: 0; +} +.multiselect-container.dropdown-menu > li > a > label > input[type=checkbox] { + margin-bottom: 5px; +} +.filter .btn.multiselect-clear-filter { + padding: 9px 5px; +} +.filter .btn.multiselect-clear-filter i.glyphicon { + font-size: 11px; + color: #AAA; +} +.btn-group > .btn-group:nth-child(2) > .multiselect.btn { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.form-inline .multiselect-container.dropdown-menu label.checkbox, +.form-inline .multiselect-container.dropdown-menu label.radio { + padding: 3px 20px 3px 40px; +} +.form-inline .multiselect-container.dropdown-menu li a label.checkbox input[type=checkbox], +.form-inline .multiselect-container.dropdown-menu li a label.radio input[type=radio] { + margin-left: -20px; + margin-right: 0; +} +/* item search bar */ +.multiselect-container.dropdown-menu > li.multiselect-item.filter { + min-width: 175px; +} +.btn.multiselect .caret { + margin-left: 5px; +} +/*=============================================== + Nestable +================================================= */ +.nestable-lists:before, +.nestable-lists:after { + content: " "; + display: table; +} +.nestable-lists:after { + clear: both; +} +.nestable-lists:before, +.nestable-lists:after { + content: " "; + display: table; +} +.nestable-lists:after { + clear: both; +} +/*nestable*/ +.dd { + max-width: 100%; +} +/* Item heading */ +.dd-handle { + display: block; + height: auto; + cursor: pointer; + margin: 5px 0; + padding: 7px 10px; + color: #777; + text-decoration: none; + font-weight: 600; + border: 1px solid #ddd; + background: #f5f5f5; + -webkit-border-radius: 2px; + border-radius: 2px; +} +/* heading hover */ +.dd-handle:hover { + color: #333; + background: #ededed; +} +.dd-handle:hover + .dd-content { + border-color: #f9d58b; +} +.dd-item > button { + margin: 7px 0; +} +/* item content */ +.dd-content { + margin-top: -5px; + padding: 10px; + border: 1px solid #ddd; + border-top: 0; + background: #fafafa; +} +.dd-list .dd-list { + padding-top: 5px; + padding-bottom: 5px; +} +/* heading/content - dragged */ +.dd-empty { + background: #f8f8f8; +} +.dd-item.dd-primary > button, +.dd-item.dd-info > button { + color: #FFF; +} +.dd-item.dd-primary .dd-handle { + color: #FFF; + background-color: #4a89dc !important; + border-color: #4a89dc !important; +} +.dd-item.dd-info .dd-handle { + color: #FFF; + background-color: #3bafda !important; + border-color: #3bafda !important; +} +/*=============================================== + Nano Scroller +================================================= */ +/** initial setup **/ +.nano { + position: relative; + width: 100%; + overflow: hidden; +} +.nano.affix { + height: 100%; +} +.nano.has-scrollbar > .nano-content { + height: 100%; + overflow-y: scroll; + overflow-x: hidden; +} +.nano.affix > .nano-content:focus { + outline: 0; +} +.nano.affix > .nano-content::-webkit-scrollbar { + display: none; +} +.affix.has-scrollbar > .nano-content::-webkit-scrollbar { + display: block; +} +.nano.affix > .nano-pane { + background: rgba(0, 0, 0, 0.18); + position: absolute; + width: 5px; + right: 0; + top: 0; + bottom: 0; + visibility: hidden\9; + /* Target only IE7 and IE8 with this hack */ + opacity: .01; + -webkit-transition: .2s; + -moz-transition: .2s; + -o-transition: .2s; + transition: .2s; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; +} +.nano.affix > .nano-pane > .nano-slider { + background: #999; + position: relative; + margin: 0; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; +} +.nano.affix:hover > .nano-pane, +.nano-pane.active, +.nano-pane.flashed { + visibility: visible\9; + /* Target only IE7 and IE8 with this hack */ + opacity: 0.99; +} +/* Nano colors/contextuals - default color grey */ +.nano.affix.nano-primary > .nano-pane > .nano-slider { + background: #4a89dc; +} +.nano.affix.nano-success > .nano-pane > .nano-slider { + background: #70ca63; +} +.nano.affix.nano-info > .nano-pane > .nano-slider { + background: #3bafda; +} +.nano.affix.nano-warning > .nano-pane > .nano-slider { + background: #f6bb42; +} +.nano.affix.nano-danger > .nano-pane > .nano-slider { + background: #e9573f; +} +.nano.affix.nano-alert > .nano-pane > .nano-slider { + background: #967adc; +} +.nano.affix.nano-system > .nano-pane > .nano-slider { + background: #37bc9b; +} +.nano.affix.nano-dark > .nano-pane > .nano-slider { + background: #3b3f4f; +} +/* ============================================== + Colorpicker/Datepicker/DateRangePicker +================================================= */ +/*alter picker z-indexes if inside an overlay*/ +body.mfp-bg-open .datepicker, +body.mfp-bg-open .ui-datepicker, +body.mfp-bg-open .colorpicker.dropdown-menu, +body.mfp-bg-open .daterangepicker.dropdown-menu, +body.mfp-bg-open .bootstrap-datetimepicker-widget { + z-index: 9999 !important; +} +/* disable z-index modifcation for inline pickers */ +body.mfp-bg-open .ui-datepicker-inline { + z-index: inherit !important; +} +/*colorpicker*/ +.colorpicker.dropdown-menu { + z-index: 1025; + padding: 6px 12px; + min-width: 0; + top: 0; + left: 0; + min-width: 130px; + padding: 4px; + margin-top: 1px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border-color: 1px solid rgba(0, 0, 0, 0.1); +} +/*datepicker*/ +.datepicker { + padding: 6px; +} +/*daterangepicker*/ +.daterangepicker.dropdown-menu { + background: #f8f8f8; +} +.daterangepicker .calendar-date { + border-radius: 2px; +} +.daterangepicker.opensleft .ranges, +.daterangepicker.opensleft .calendar { + margin: 4px 6px; + background: #f8f8f8; +} +.daterangepicker.opensleft .calendar.left { + margin-right: 2px; +} +.daterangepicker .ranges li { + background: #FFF; + border-radius: 1px; + padding: 4px 12px; + border: 1px solid #EEE; + margin-bottom: 6px; +} +.daterangepicker .ranges li.active, +.daterangepicker .ranges li:hover { + background: #4a89dc; + border-color: #4a89dc; +} +.daterangepicker .ranges .input-mini { + border-radius: 2px; +} +.daterangepicker td.active, +.daterangepicker td.active:hover { + background: #4a89dc; + border-color: #4a89dc; +} +.daterangepicker td.start-date, +.daterangepicker td.end-date { + border-radius: 0; +} +/*bootstrap datetimepicker*/ +.bootstrap-datetimepicker-widget td span.glyphicon, +.bootstrap-datetimepicker-widget td span.glyphicons { + line-height: 54px; +} +/*bootstrap datetimepicker toggle switch*/ +.bootstrap-datetimepicker-widget .picker-switch .btn { + padding: 4px 12px; +} +.timepicker-sm .bootstrap-datetimepicker-widget td, +.timepicker-sm .bootstrap-datetimepicker-widget td span, +.timepicker-sm .bootstrap-datetimepicker-widget td span.glyphicons { + height: 28px; + line-height: 28px; +} +/* inline datewidget */ +.datewidget-inline { + z-index: 1020 !important; + display: block !important; + position: relative !important; + top: 0 !important; + left: 0 !important; + right: auto !important; + bottom: auto !important; +} +/*================================================== + Pnotify +==================================================== */ +/* -- Notice */ +.ui-pnotify { + top: 25px; + right: 25px; + position: absolute; + height: auto; + /* Ensures notices are above everything */ + z-index: 9999; +} +.ui-pnotify .alert { + border-radius: 0; +} +/* Hides position: fixed from IE6 */ +html > body > .ui-pnotify { + position: fixed; +} +.ui-pnotify .ui-pnotify-shadow { + -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); + -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); + box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); +} +.ui-pnotify-container { + background-position: 0 0; + padding: .8em; + height: 100%; + margin: 0; +} +.ui-pnotify-sharp { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.ui-pnotify-title { + display: block; + margin-bottom: .4em; + margin-top: 0; +} +.ui-pnotify-text { + display: block; +} +.ui-pnotify-icon, +.ui-pnotify-icon span { + display: block; + float: left; + margin-right: .2em; +} +/* Alternate stack initial positioning. */ +.ui-pnotify.stack_top_left, +.ui-pnotify.stack_bottom_left { + left: 15px; + right: auto; +} +.ui-pnotify.stack_bottom_right, +.ui-pnotify.stack_bottom_left { + bottom: 25px; + right: 8px; + top: auto; +} +.ui-pnotify.stack_bottom_right { + right: 12px; +} +.ui-pnotify-closer, +.ui-pnotify-sticker { + float: right; + margin-left: .2em; +} +.ui-pnotify.stack_bar_top { + right: 0; + top: 0; + width: 100%; + border-radius: 0; +} +.ui-pnotify.stack_bar_top .alert { + border-left-width: 0; + border-right-width: 0; + border-top-width: 0; +} +.ui-pnotify.stack_bar_bottom { + right: auto; + top: auto; + left: auto; + margin-left: 15%; + bottom: 0; + border-radius: 0; +} +/*wrapper */ +.ui-pnotify { + top: 70px; + right: 8px; +} +/*with icon*/ +.ui-pnotify-icon, +.ui-pnotify-icon span { + font-size: 30px; + min-height: 40px; + line-height: 40px; + padding-right: 3px; +} +/*=============================================== + RangeSlider +================================================= */ +/* Slider Container */ +.ui-rangeSlider .ui-rangeSlider-bar { + margin: 5px 0; + height: 20px; + background-color: #6390a7; +} +/* Slider Inner bar */ +.ui-rangeSlider .ui-rangeSlider-innerBar { + height: 24px; + margin: 3px 0; + background-color: #FFF; + border: 1px solid #CCC; + border-radius: 3px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset; +} +/* Slider Label */ +.ui-rangeSlider-label { + border: 0; + box-shadow: none; + background: none; + background-image: none; +} +.ui-rangeSlider-label-value { + position: relative; + top: -8px; + min-width: 40px; + min-height: 25px; + text-align: center; + line-height: 25px; + font-size: 12px; + font-weight: 600; + border-radius: 4px; + background: #fafafa; + background-image: none; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); +} +.ui-rangeSlider-label:after { + content: "\f0d7"; + width: 100%; + position: absolute; + bottom: 0; + margin: 0 -6px; + color: #f8f8f8; + font-family: FontAwesome; + font-size: 18px; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); +} +/* Slider Input Label */ +input.ui-editRangeSlider-inputValue { + border: 1px solid #DDD; + width: 2.2em; +} +/* Slider Handles */ +.ui-rangeSlider .ui-rangeSlider-handle { + background: none; +} +.ui-rangeSlider .ui-rangeSlider-handle-inner { + background: url(../img/plugins/slider-knob.png) no-repeat center top; + width: 22px; + height: 24px; +} +.ui-rangeSlider-leftHandle .ui-rangeSlider-handle-inner { + margin-left: -10px; +} +.ui-rangeSlider-rightHandle .ui-rangeSlider-handle-inner { + margin-left: -4px; +} +/* Slider Arrows */ +.ui-rangeSlider-arrow { + margin: 6px 0; +} +.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow { + left: -13px !important; +} +.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow { + right: -13px !important; +} +/*=============================================== + Summernote +================================================= */ +.note-editor { + border: none; +} +.note-editor .note-toolbar { + background: #fafafa; + border: none; + border-bottom: 1px solid #e7e7e7; + padding: 0 10px 9px; + margin: 0; +} +.note-editor .note-toolbar > .btn-group { + margin-top: 8px; +} +.note-editor .btn-sm, +.note-editor .btn-group-sm > .btn { + padding: 3px 8px 4px; +} +.note-editor .btn-default { + background-color: #FFF; + border-color: #DDD; + border-radius: 1px; +} +.note-editor .note-editable { + overflow: auto; +} +.note-editor .note-statusbar { + background: none; +} +.note-editor .note-statusbar .note-resizebar { + border: none; +} +.note-dialog .modal-dialog { + padding-top: 50px; +} +/*=============================================== + Tags Manager +================================================= */ +.tag-container { + margin-top: 10px; +} +.tm-tag { + margin-right: 8px; + padding: 4px 8px; + color: #FFF; + font-size: 13px; + font-weight: 600; + border: 0; + border-radius: 1px; + box-shadow: none; + background: #AAA; +} +.tm-tag .tm-tag-remove { + color: #FFF; + opacity: 0.6; + font-size: 13px; + font-weight: 400; + padding: 0 3px; +} +.tm-tag .tm-tag-remove:hover { + color: #FFF; + opacity: 1; +} +.tm-tag.tm-tag-primary { + color: #FFF; + background-color: #6c9fe3; +} +.tm-tag.tm-tag-info { + color: #FFF; + background-color: #5dbde0; +} +.tm-tag.tm-tag-success { + color: #FFF; + background-color: #8cd481; +} +.tm-tag.tm-tag-warning { + color: #FFF; + background-color: #f8c969; +} +.tm-tag.tm-tag-danger { + color: #FFF; + background-color: #ed7764; +} +.tm-tag.tm-tag-alert { + color: #FFF; + background-color: #b09ae4; +} +.tm-tag.tm-tag-system { + color: #FFF; + background-color: #50ccad; +} +/*=============================================== + Treeview Plugin +================================================= */ +/*fancytree container*/ +ul.fancytree-container { + color: #999; + font-size: 14px; + padding: 0; + border: 0; + outline: 0; + background-color: transparent; +} +/*fancytree items */ +ul.fancytree-container li { + padding: 2px 0; +} +/*fancytree item*/ +span.fancytree-node { + padding: 4px 0; +} +/*fancytree item title*/ +span.fancytree-title { + color: #666; +} +/*fancytree item icon*/ +span.fancytree-icon { + position: relative; +} +/*fancytree item STATES*/ +/*fancytree item hover*/ +span.fancytree-node:hover { + background-color: #EEE; + border-color: #CCC; +} +/*fancytree active item*/ +span.fancytree-node.fancytree-active, +span.fancytree-node.fancytree-selected { + background-color: #EEE; + border-color: #CCC; +} +/*fancytree active item hover*/ +span.fancytree-node.fancytree-active:hover, +span.fancytree-node.fancytree-selected:hover { + background-color: #EEE; + border-color: #CCC; +} +/*fancytree active item focus*/ +.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active, +.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected { + background-color: #EEE; + border-color: #CCC; +} +/*fancytree addon - childcounter */ +span.fancytree-childcounter { + color: #fff; + background: #428BCA; + /* border: 1px solid gray; */ + position: absolute; + top: -9px; + right: -8px; + min-width: 13px; + height: 13px; + line-height: 9px; + vertical-align: baseline; + border-radius: 10px; + /*50%;*/ + padding: 2px; + text-align: center; + font-size: 10px; +} +/*fancytree addon - columnview*/ +table.fancytree-ext-columnview { + outline: 0; + border: 0; +} +table.fancytree-container tbody tr td { + padding: 8px 14px; + border-color: #EEE; + max-width: 300px; + /* width does not work */ +} +/* prevent long lines to wrap */ +table.fancytree-container span.fancytree-node { + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; +} +/* prevent long lines to start with a break after the icon */ +table.fancytree-container span.fancytree-title { + display: inline; +} +table.fancytree-container span.selTag { + cursor: pointer; + display: inline-block; + padding: 3px 7px; + margin: 1px 5px; + background-color: #dec; + border: 0; + border-radius: 1px; +} +table.fancytree-ext-columnview tbody tr #tags, +table.fancytree-ext-columnview tbody tr #preview { + padding: 12px 14px; + vertical-align: middle; + background: #fbfbfb; +} +.bootstrap-tagsinput { + position: relative; + vertical-align: top; + display: inline-block; + vertical-align: middle; + width: 100%; + height: auto; + min-height: 42px; + outline: 0; + padding: 3px 8px; + margin: 0; + cursor: text; + color: #626262; + font-size: 14px; + font-weight: 400; + border: 1px solid #E5E5E5; + border-radius: 0; + -webkit-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; +} +.bootstrap-tagsinput:focus, +.bootstrap-tagsinput:hover { + border-color: #DDD; + background-color: #FFF !important; +} +.bootstrap-tagsinput input { + border: none; + box-shadow: none; + outline: none; + background-color: transparent; + padding: 0; + margin: 0; + width: auto !important; + max-width: inherit; +} +.bootstrap-tagsinput input:focus { + border: none; + box-shadow: none; +} +.bootstrap-tagsinput .tag { + color: white; + margin-right: 5px; + line-height: 36px; + padding: .6em .7em .7em; + border-radius: 2px; +} +.bootstrap-tagsinput .tag.label-default { + color: #AAA; + font-weight: 500; + background-color: #fff; + border: 1px solid #eee; + padding: .5em .7em .6em; +} +.bootstrap-tagsinput .tag [data-role="remove"] { + margin-left: 8px; + cursor: pointer; +} +.bootstrap-tagsinput .tag [data-role="remove"]:after { + content: "x"; + padding: 0px 2px; +} +.bootstrap-tagsinput .tag [data-role="remove"]:hover { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} +.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +/*=============================================== + Bootstrap Datepicker +================================================= */ +/* today item - bg */ +.bootstrap-datetimepicker-widget td.today:before { + border-bottom: 7px solid #4a89dc; +} +/* active/:hover item - bg */ +.bootstrap-datetimepicker-widget td.active, +.bootstrap-datetimepicker-widget td.active:hover, +.bootstrap-datetimepicker-widget td span.active { + background-color: #428bca; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +/*=============================================== + Twitters Typeahead.js +================================================= */ +/* typeahead wrapper */ +span.twitter-typeahead { + width: 100%; +} +/* dropdown suggestion menu */ +.tt-dropdown-menu { + width: 100%; + max-height: 250px; + overflow: hidden; + overflow-x: hidden; + overflow-y: auto; + margin-top: 8px; + padding: 8px 0; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); +} +/* individual suggestions */ +.tt-suggestion { + padding: 2px 12px; + font-size: 14px; + line-height: 20px; +} +/* active/:hover suggestion */ +.tt-suggestion.tt-cursor { + cursor: pointer; + color: #ffffff; + background-color: #4a89dc; +} +.tt-suggestion p { + margin: 2px 0; +} +/* ================================================== + Bootstrap Dual Listbox + ==================================================== */ +.bootstrap-duallistbox-container .buttons { + width: 100%; + margin-bottom: -1px; +} +.bootstrap-duallistbox-container label { + display: block; +} +form.hide-list-label .bootstrap-duallistbox-container label { + display: none !important; +} +.bootstrap-duallistbox-container .info { + display: inline-block; + margin-bottom: 5px; + font-size: 11px; +} +.bootstrap-duallistbox-container .clear1, +.bootstrap-duallistbox-container .clear2 { + display: none; + position: relative; + top: 2px; + font-size: 11px; +} +.bootstrap-duallistbox-container .box1.filtered .clear1, +.bootstrap-duallistbox-container .box2.filtered .clear2 { + display: inline-block; +} +.bootstrap-duallistbox-container .move, +.bootstrap-duallistbox-container .remove { + width: 50%; + padding: 6px 12px; +} +.bootstrap-duallistbox-container .btn-group .btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.bootstrap-duallistbox-container select { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.bootstrap-duallistbox-container .moveall, +.bootstrap-duallistbox-container .removeall { + width: 50%; + padding: 6px 12px; +} +.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn { + margin-left: 0; +} +.bootstrap-duallistbox-container select { + width: 100%; + height: 300px; + padding: 4px 5px; +} +.bootstrap-duallistbox-container.moveonselect select option { + cursor: pointer; +} +.bootstrap-duallistbox-container .filter { + display: inline-block; + width: 100%; + margin: 0 0 -1px 0; +} +.bootstrap-duallistbox-container .filter.placeholder { + color: #aaa; +} +.bootstrap-duallistbox-container.moveonselect .move, +.bootstrap-duallistbox-container.moveonselect .remove { + display: none; +} +.bootstrap-duallistbox-container.moveonselect .moveall, +.bootstrap-duallistbox-container.moveonselect .removeall { + width: 100%; + margin: 0 !important; +} +/* =============================================== + Cropper +================================================= */ +.cropper-container { + position: relative; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; +} +.cropper-container img { + display: block; + width: 100%; + min-width: 0 !important; + max-width: none !important; + height: 100%; + min-height: 0 !important; + max-height: none !important; + image-orientation: 0deg !important; +} +.cropper-canvas, +.cropper-drag-box, +.cropper-crop-box, +.cropper-modal { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.cropper-drag-box { + background-color: #fff; + filter: alpha(opacity=0); + opacity: 0; +} +.cropper-modal { + background-color: #000; + filter: alpha(opacity=50); + opacity: .5; +} +.cropper-view-box { + display: block; + width: 100%; + height: 100%; + overflow: hidden; + outline: 1px solid #69f; + outline-color: rgba(102, 153, 255, 0.75); +} +.cropper-dashed { + position: absolute; + display: block; + filter: alpha(opacity=50); + border: 0 dashed #fff; + opacity: .5; +} +.cropper-dashed.dashed-h { + top: 33.33333333%; + left: 0; + width: 100%; + height: 33.33333333%; + border-top-width: 1px; + border-bottom-width: 1px; +} +.cropper-dashed.dashed-v { + top: 0; + left: 33.33333333%; + width: 33.33333333%; + height: 100%; + border-right-width: 1px; + border-left-width: 1px; +} +.cropper-face, +.cropper-line, +.cropper-point { + position: absolute; + display: block; + width: 100%; + height: 100%; + filter: alpha(opacity=10); + opacity: .1; +} +.cropper-face { + top: 0; + left: 0; + cursor: move; + background-color: #fff; +} +.cropper-line { + background-color: #69f; +} +.cropper-line.line-e { + top: 0; + right: -3px; + width: 5px; + cursor: e-resize; +} +.cropper-line.line-n { + top: -3px; + left: 0; + height: 5px; + cursor: n-resize; +} +.cropper-line.line-w { + top: 0; + left: -3px; + width: 5px; + cursor: w-resize; +} +.cropper-line.line-s { + bottom: -3px; + left: 0; + height: 5px; + cursor: s-resize; +} +.cropper-point { + width: 5px; + height: 5px; + background-color: #69f; + filter: alpha(opacity=75); + opacity: .75; +} +.cropper-point.point-e { + top: 50%; + right: -3px; + margin-top: -3px; + cursor: e-resize; +} +.cropper-point.point-n { + top: -3px; + left: 50%; + margin-left: -3px; + cursor: n-resize; +} +.cropper-point.point-w { + top: 50%; + left: -3px; + margin-top: -3px; + cursor: w-resize; +} +.cropper-point.point-s { + bottom: -3px; + left: 50%; + margin-left: -3px; + cursor: s-resize; +} +.cropper-point.point-ne { + top: -3px; + right: -3px; + cursor: ne-resize; +} +.cropper-point.point-nw { + top: -3px; + left: -3px; + cursor: nw-resize; +} +.cropper-point.point-sw { + bottom: -3px; + left: -3px; + cursor: sw-resize; +} +.cropper-point.point-se { + right: -3px; + bottom: -3px; + width: 20px; + height: 20px; + cursor: se-resize; + filter: alpha(opacity=100); + opacity: 1; +} +.cropper-point.point-se:before { + position: absolute; + right: -50%; + bottom: -50%; + display: block; + width: 200%; + height: 200%; + content: " "; + background-color: #69f; + filter: alpha(opacity=0); + opacity: 0; +} +@media (min-width: 768px) { + .cropper-point.point-se { + width: 15px; + height: 15px; + } +} +@media (min-width: 992px) { + .cropper-point.point-se { + width: 10px; + height: 10px; + } +} +@media (min-width: 1200px) { + .cropper-point.point-se { + width: 5px; + height: 5px; + filter: alpha(opacity=75); + opacity: .75; + } +} +.cropper-bg { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); +} +.cropper-invisible { + filter: alpha(opacity=0); + opacity: 0; +} +.cropper-hide { + position: fixed; + top: 0; + left: 0; + z-index: -1; + width: auto!important; + min-width: 0!important; + max-width: none!important; + height: auto!important; + min-height: 0!important; + max-height: none!important; + filter: alpha(opacity=0); + opacity: 0; +} +.cropper-hidden { + display: none !important; +} +.cropper-move { + cursor: move; +} +.cropper-crop { + cursor: crosshair; +} +.cropper-disabled .cropper-canvas, +.cropper-disabled .cropper-face, +.cropper-disabled .cropper-line, +.cropper-disabled .cropper-point { + cursor: not-allowed; +} + +/*=============================================== + Bootstrap Markdown Editor +================================================= */ +.md-editor { + display: block; +} +/* toolbar header */ +.md-editor .md-footer, +.md-editor > .md-header { + display: block; + padding: 8px 4px; + background: #fafafa; +} +.md-editor > .md-header { + margin: 0; +} +.md-editor > .md-header .btn-group .btn-default, +.md-editor > .md-header .btn-group .btn-primary { + color: #666; + border-color: rgba(0, 0, 0, 0.1); + background-color: #fff; +} +/* preview area */ +.md-editor > .md-preview { + background: #fff; + border-top: 1px dashed #ddd; + border-bottom: 1px dashed #ddd; + min-height: 10px; + overflow: auto; +} +/* editor area */ +.md-editor > textarea { + font-size: 14px; + outline: 0; + margin: 0; + display: block; + padding: 15px; + width: 100%; + border: 0; + border-top: 1px solid #ddd; + border-radius: 0; + box-shadow: none; + background: #ffffff; +} +.md-editor > textarea:focus { + box-shadow: none; + background: #ffffff; +} +/* focus/active area */ +.md-editor .md-controls { + float: right; + padding: 3px; +} +.md-editor .md-controls .md-control { + right: 5px; + color: #bebebe; + padding: 3px 3px 3px 10px; +} +.md-editor .md-controls .md-control:hover { + color: #333333; +} +.md-editor .md-controls .md-control-fullscreen { + position: relative; + top: 4px; +} +.md-editor.md-fullscreen-mode { + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 99999; + padding: 60px 30px 15px; + background: #fff!important; + border: 0 !important; +} +.md-editor.md-fullscreen-mode .md-footer { + display: none; +} +.md-editor.md-fullscreen-mode .md-input, +.md-editor.md-fullscreen-mode .md-preview { + margin: 0 auto!important; + height: 100%!important; + font-size: 20px!important; + padding: 20px!important; + color: #999; + line-height: 1.6em!important; + resize: none!important; + box-shadow: none!important; + background: #fff!important; + border: 0 !important; +} +.md-editor.md-fullscreen-mode .md-preview { + color: #333; + overflow: auto; +} +.md-editor.md-fullscreen-mode .md-input:focus, +.md-editor.md-fullscreen-mode .md-input:hover { + color: #333; + background: #ffffff !important; +} +.md-editor.md-fullscreen-mode .md-header { + background: 0 0; + text-align: center; + position: fixed; + width: 100%; + top: 20px; +} +.md-editor.md-fullscreen-mode .btn-group { + float: none; +} +.md-editor.md-fullscreen-mode .btn { + border: 0; + background: 0 0; + color: #b3b3b3; +} +.md-editor.md-fullscreen-mode .btn.active, +.md-editor.md-fullscreen-mode .btn:active, +.md-editor.md-fullscreen-mode .btn:focus, +.md-editor.md-fullscreen-mode .btn:hover { + box-shadow: none; + color: #333333; +} +.md-editor.md-fullscreen-mode .md-fullscreen-controls { + position: absolute; + top: 20px; + right: 20px; + text-align: right; + z-index: 1002; + display: block; +} +.md-editor.md-fullscreen-mode .md-fullscreen-controls a { + color: #b3b3b3; + clear: right; + margin: 10px; + width: 30px; + height: 30px; + text-align: center; +} +.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover { + color: #333; + text-decoration: none; +} +.md-editor.md-fullscreen-mode .md-editor { + height: 100%!important; + position: relative; +} +.md-editor .md-fullscreen-controls { + display: none; +} +.md-nooverflow { + overflow: hidden; + position: fixed; + width: 100%; +} + +/* =============================================== + NProgress (top page loader) +================================================= */ +/* Make clicks pass-through */ +#nprogress { + pointer-events: none; +} +#nprogress .bar { + background-color: #f6bb42; + position: fixed; + z-index: 1031; + top: 0; + left: 0; + width: 100%; + height: 3px; +} +/* Fancy blur effect */ +#nprogress .peg { + opacity: 1.0; + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: none !important; + -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: 20px; + right: 48%; +} +#nprogress .spinner-icon { + opacity: 1; + width: 18px; + height: 18px; + box-sizing: border-box; + border: solid 2px transparent; + border-radius: 50%; + border-top-color: #4a89dc; + border-left-color: #4a89dc; + -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); + } +} +/* NPR "barPosition" Helpers */ +#nprogress.npr-header .bar { + top: 60px; + height: 2px; +} +#nprogress.npr-bottom .bar { + top: auto; + bottom: 0; + height: 4px; +} +/* NPR "barColor" Contextuals */ +#nprogress.npr-primary .bar { + background-color: #4a89dc; +} +#nprogress.npr-success .bar { + background-color: #70ca63; +} +#nprogress.npr-info .bar { + background-color: #3bafda; +} +#nprogress.npr-warning .bar { + background-color: #f6bb42; +} +#nprogress.npr-danger .bar { + background-color: #e9573f; +} +#nprogress.npr-alert .bar { + background-color: #967adc; +} +#nprogress.npr-system .bar { + background-color: #37bc9b; +} +#nprogress.npr-dark .bar { + background-color: #3b3f4f; +} +#nprogress.npr-light .bar { + background-color: #fafafa; +} +#nprogress.npr-muted .bar { + background-color: #999; +} + +/*=============================================== + Scroller +================================================= */ +.scroller { + height: 100%; + overflow: hidden; + overflow-x: hidden; + overflow-y: hidden; + position: relative; +} +.scroller, +.scroller * { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} +.scroller, +.scroller-content, +.scroller-bar, +.scroller-track, +.scroller-handle { + box-sizing: border-box; +} +.scroller-content { + position: relative; + z-index: 1; + height: 100%; + overflow: auto; + overflow-x: hidden; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} +.scroller-content::-webkit-scrollbar, +.scroller-content::-webkit-scrollbar-button, +.scroller-content::-webkit-scrollbar-track, +.scroller-content::-webkit-scrollbar-track-piece, +.scroller-content::-webkit-scrollbar-thumb, +.scroller-content::-webkit-scrollbar-corner, +.scroller-content::-webkit-resizer { + background: transparent; + opacity: 0; +} +.scroller-bar { + width: 6px; + height: 100%; + position: absolute; + right: 0; + top: 0; + z-index: 2; + display: none; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.scroller-active .scroller-bar { + opacity: 1; +} +.scroller-track { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; +} +.scroller-handle { + z-index: 2; + cursor: pointer; + position: absolute; + top: 0; + right: 0; + width: 5px; + height: 20px; + background: #cccccc; + background: rgba(0, 0, 0, 0.2); + -webkit-transition: height 0.3s ease; + transition: height 0.3s ease; +} +.scroller-horizontal .scroller-content { + overflow: auto; + overflow-x: auto; + overflow-y: hidden; + padding: 0 0 16px 0; +} +.scroller-horizontal .scroller-bar { + width: 100%; + height: 5px; + top: auto; + bottom: 0; + border-width: 1px 0 0 0; +} +.scroller-horizontal .scroller-handle { + width: 20px; + height: 5px; + top: auto; + right: auto; + bottom: 3px; +} +.scroller-setup .scroller-content, +.scroller-active .scroller-content { + padding: 0; +} +.scroller-setup .scroller-bar, +.scroller-active .scroller-bar { + display: block; +} +/*=============================================== + Scroller - Panel Style +================================================= */ +.panel-scroller { + padding: 0; + height: 600px; + max-height: 600px; + overflow: hidden; +} +/* scroller content */ +.panel-scroller .scroller-content { + padding: 12px; +} +/* scroller bar container */ +.panel-scroller .scroller-bar { + width: 14px; + background: #f7f7f7; + border-left: 1px solid #e7e7e7; +} +/* scroller bar container handle */ +.panel-scroller .scroller-handle { + right: 4px; + width: 5px; + height: 20px; + border-radius: 4px; +} +/*=============================================== + Scroller Bar - Height Options +================================================= */ +.scroller-xs { + height: 125px; + max-height: 125px; +} +.scroller-sm { + height: 200px; + max-height: 200px; +} +.scroller-md { + height: 300px; + max-height: 300px; +} +.scroller-lg { + height: 400px; + max-height: 400px; +} +/*=============================================== + Scroller Bar Style +================================================= */ +.scroller-thick .scroller-bar { + width: 12px; +} +.scroller-thick .scroller-handle { + width: 12px; + right: 0; + border-radius: 0; +} +/*=============================================== + Scroller Bar - Overlay Style +================================================= */ +/* scroller bar container overlay mode */ +.panel-scroller.scroller-overlay .scroller-bar { + background: transparent; + border: 0; +} +.panel-scroller.scroller-overlay .scroller-handle { + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.panel-scroller.scroller-overlay:hover .scroller-handle { + opacity: 1; +} +.panel-scroller.scroller-overlay .scroller-content { + padding: 0; + margin-right: -17px; +} +/* scroller nopad helper */ +.scroller.scroller-pn .scroller-content { + padding: 0 !important; +} +/*=============================================== + Scroller Contextuals +================================================= */ +.scroller-primary .scroller-handle { + background: #4a89dc; +} +.scroller-success .scroller-handle { + background: #70ca63; +} +.scroller-info .scroller-handle { + background: #3bafda; +} +.scroller-warning .scroller-handle { + background: #f6bb42; +} +.scroller-danger .scroller-handle { + background: #e9573f; +} +.scroller-alert .scroller-handle { + background: #967adc; +} +.scroller-system .scroller-handle { + background: #37bc9b; +} +.scroller-dark .scroller-handle { + background: #3b3f4f; +} +/* inverse light contextuals */ +.scroller-light .scroller-handle, +.scroller-white .scroller-handle { + background: #fafafa; +} +.scroller-light .scroller-bar, +.scroller-white .scroller-bar { + border-left: 0; + background: transparent; +} + +/*=============================================== + Select2 Contextuals +================================================= */ +/* Select2 contextual */ +.select2-primary + .select2-container .select2-selection--single, +.select2-primary + .select2-container .select2-selection--single .select2-selection__rendered { + color: #FFF; + border-color: #4a89dc; + background-color: #4a89dc; +} +/* arrow */ +.select2-primary + .select2-container .select2-selection__arrow b { + border-top-color: #FFF; +} +.select2-primary + .select2-container.select2-container--open .select2-selection__arrow b { + border-bottom-color: #FFF; +} +/* Select2 contextual */ +.select2-success + .select2-container .select2-selection--single, +.select2-success + .select2-container .select2-selection--single .select2-selection__rendered { + color: #FFF; + border-color: #70ca63; + background-color: #70ca63; +} +/* arrow */ +.select2-success + .select2-container .select2-selection__arrow b { + border-top-color: #FFF; +} +.select2-success + .select2-container.select2-container--open .select2-selection__arrow b { + border-bottom-color: #FFF; +} +/* Select2 contextual */ +.select2-info + .select2-container .select2-selection--single, +.select2-info + .select2-container .select2-selection--single .select2-selection__rendered { + color: #FFF; + border-color: #3bafda; + background-color: #3bafda; +} +/* arrow */ +.select2-info + .select2-container .select2-selection__arrow b { + border-top-color: #FFF; +} +.select2-info + .select2-container.select2-container--open .select2-selection__arrow b { + border-bottom-color: #FFF; +} +/* Select2 contextual */ +.select2-warning + .select2-container .select2-selection--single, +.select2-warning + .select2-container .select2-selection--single .select2-selection__rendered { + color: #FFF; + border-color: #f6bb42; + background-color: #f6bb42; +} +/* arrow */ +.select2-warning + .select2-container .select2-selection__arrow b { + border-top-color: #FFF; +} +.select2-warning + .select2-container.select2-container--open .select2-selection__arrow b { + border-bottom-color: #FFF; +} +/* Select2 contextual */ +.select2-danger + .select2-container .select2-selection--single, +.select2-danger + .select2-container .select2-selection--single .select2-selection__rendered { + color: #FFF; + border-color: #e9573f; + background-color: #e9573f; +} +/* arrow */ +.select2-danger + .select2-container .select2-selection__arrow b { + border-top-color: #FFF; +} +.select2-danger + .select2-container.select2-container--open .select2-selection__arrow b { + border-bottom-color: #FFF; +} +/* Select2 contextual */ +.select2-alert + .select2-container .select2-selection--single, +.select2-alert + .select2-container .select2-selection--single .select2-selection__rendered { + color: #FFF; + border-color: #967adc; + background-color: #967adc; +} +/* arrow */ +.select2-alert + .select2-container .select2-selection__arrow b { + border-top-color: #FFF; +} +.select2-alert + .select2-container.select2-container--open .select2-selection__arrow b { + border-bottom-color: #FFF; +} +/* Select2 contextual */ +.select2-system + .select2-container .select2-selection--single, +.select2-system + .select2-container .select2-selection--single .select2-selection__rendered { + color: #FFF; + border-color: #37bc9b; + background-color: #37bc9b; +} +/* arrow */ +.select2-system + .select2-container .select2-selection__arrow b { + border-top-color: #FFF; +} +.select2-system + .select2-container.select2-container--open .select2-selection__arrow b { + border-bottom-color: #FFF; +} +/* Select2 contextual */ +.select2-dark + .select2-container .select2-selection--single, +.select2-dark + .select2-container .select2-selection--single .select2-selection__rendered { + color: #FFF; + border-color: #3b3f4f; + background-color: #3b3f4f; +} +/* arrow */ +.select2-dark + .select2-container .select2-selection__arrow b { + border-top-color: #FFF; +} +.select2-dark + .select2-container.select2-container--open .select2-selection__arrow b { + border-bottom-color: #FFF; +} +/*================================================== + Scaffolding +==================================================== */ +/* +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 1.49; + color: #666666; + background-color: #ffffff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #4a89dc; + text-decoration: none; +} +a:hover, +a:focus { + color: #2363b6; + text-decoration: underline; +} +a:focus { + outline: 0; + outline-offset: -2px; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 3px; +} +.img-thumbnail { + padding: 4px; + line-height: 1.49; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 1px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + width: 100% \9; + max-width: 100%; + height: auto; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 19px; + margin-bottom: 19px; + border: 0; + border-top: 1px solid #eeeeee; +} +*/ +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + 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; +} +/*=============================================== + Input Hero - Used on FAQ and ui-icons page +================================================= */ +.input-group.input-hero { + display: block; +} +.input-group.input-hero .input-group-addon { + position: absolute; + top: 10px; + left: 13px; + border: 0; + background: transparent; + z-index: 3; + font-size: 18px; +} +.input-group.input-hero .input-group-addon + input.form-control { + border-left: 3px solid #4a89dc; + display: block; + float: none; + padding-left: 60px; + z-index: 0 !important; +} +/* Input Hero Size - SM */ +.input-hero.input-hero-sm .form-control { + height: 54px; + background: #FFF; +} +.input-hero.input-hero-sm .input-group-addon { + top: 8px; + left: 10px; +} +.input-group.input-hero-sm .input-group-addon + input.form-control { + padding-left: 54px; +} +/*=============================================== + Maxlength Indicator - 3rd party plugin + Not enough styles to grant own stylesheet +================================================= */ +.bootstrap-maxlength { + opacity: 0.6; + padding: 0px 15px; + border-radius: 0; +} +.bootstrap-maxlength.maxlength-right { + padding: 7px 12px; + margin-top: -8px; + margin-left: 7px; +} \ No newline at end of file diff --git a/webroot/static/assets/css/theme/footable.css b/webroot/static/assets/css/theme/footable.css new file mode 100755 index 0000000..e569984 --- /dev/null +++ b/webroot/static/assets/css/theme/footable.css @@ -0,0 +1,108 @@ +/*=============================================== + FooTables +================================================= */ +/*table row hover*/ +table.footable > tbody > tr > td.footable-first-column { + border-left: 4px solid transparent; +} +table.footable > tbody > tr:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show > td.footable-first-column { + border-left-color: #AAA; +} +/* Primary Row */ +table.footable > tbody > tr.row-primary:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show.row-primary > td.footable-first-column { + border-left-color: #4a89dc; +} +/* Info Row */ +table.footable > tbody > tr.row-info:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show.row-info > td.footable-first-column { + border-left-color: #3bafda; +} +/* Success Row */ +table.footable > tbody > tr.row-success:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show.row-success > td.footable-first-column { + border-left-color: #70ca63; +} +/* Warning Row */ +table.footable > tbody > tr.row-warning:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show.row-warning > td.footable-first-column { + border-left-color: #f6bb42; +} +/* Danger Row */ +table.footable > tbody > tr.row-danger:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show.row-danger > td.footable-first-column { + border-left-color: #e9573f; +} +/* Alert Row */ +table.footable > tbody > tr.row-alert:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show.row-moved > td.footable-first-column { + border-left-color: #967adc; +} +/* System Row */ +table.footable > tbody > tr.row-system:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show.row-system > td.footable-first-column { + border-left-color: #37bc9b; +} +/* Dark Row */ +table.footable > tbody > tr.row-dark:hover > td.footable-first-column, +table.footable > tbody > tr.footable-detail-show.row-dark > td.footable-first-column { + border-left-color: #3b3f4f; +} +/* Fixed width labels - used only in first column */ +table.footable.fw-labels > tbody > tr > td:first-child { + width: 90px; + vertical-align: middle; + padding: 11px 12px 11px 8px; +} +table.footable.fw-labels > tbody > tr > td:first-child .label { + width: 100%; + display: inline-block; + padding: 4px 4px 6px; + font-size: 11px; + text-align: center; + font-weight: 600; + line-height: 1; +} +/* expand row padding */ +.footable-row-detail-name, +.footable-row-detail-value { + padding: 7px 9px 9px; +} +/* row bgs */ +table.footable .footable-odd { + background-color: #FFF; +} +table.footable .footable-even { + background-color: #fafafa; +} +/* table row open */ +table.footable > tbody > tr.footable-row-detail { + background-color: #FFF !important; +} +/* table toggle row icon */ +table.footable.breakpoint > tbody > tr > td > span.footable-toggle { + float: right; + font-size: 10px; + padding-top: 2px; +} +.foo-header > tr > th { + background-color: #f6f6f6; + border: 1px solid #DDD !important; +} +.foo-footer > tr > td { + background-color: #f6f6f6; +} +.footable-page-arrow a[data-page="first"], +.footable-page-arrow a[data-page="last"] { + display: none; +} +/* footer style - menu */ +.footable > tfoot.footer-menu, +.footable > tfoot.footer-menu > tr { + background-color: #f7f7f7; +} +/* pagination settings */ +.footable > tfoot .pagination { + margin-top: 5px; +} diff --git a/webroot/static/assets/css/theme/forms.css b/webroot/static/assets/css/theme/forms.css new file mode 100755 index 0000000..d26203c --- /dev/null +++ b/webroot/static/assets/css/theme/forms.css @@ -0,0 +1,4171 @@ +/*================================================================== + Form Wrappers +===================================================================*/ +.admin-form, +.admin-form * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.admin-form { + line-height: 1.231; + font-weight: 400; + font-size: 14px; + color: #626262; +} +.admin-form .section { + margin-bottom: 22px; +} +/*================================================================== + Browser Styling Reset +===================================================================*/ +.admin-form .gui-input, +.admin-form .gui-textarea, +.admin-form .select > select, +.admin-form input[type="button"], +.admin-form input[type="submit"], +.admin-form input[type="search"], +.admin-form .select-multiple select { + -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-border-radius: 0px; + border-radius: 0px; +} +.admin-form input[type="search"]::-webkit-search-decoration, +.admin-form input[type="search"]::-webkit-search-cancel-button, +.admin-form input[type="search"]::-webkit-search-results-button, +.admin-form input[type="search"]::-webkit-search-results-decoration { + display: none; +} +/*================================================================== + Prevent user selection. For usability purposes +===================================================================*/ +.admin-form .radio, +.admin-form .button, +.admin-form .checkbox, +.admin-form .select .arrow, +.admin-form .switch > label, +.admin-form .ui-slider .ui-slider-handle { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +/*================================================================== + Input General Styles +===================================================================*/ +.admin-form label, +.admin-form input, +.admin-form button, +.admin-form select, +.admin-form textarea { + margin: 0; + font-size: 14px; + font-weight: 400; + color: #626262; + outline: none; +} +/*================================================================== + Input Animations +===================================================================*/ +.admin-form .radio, +.admin-form .button, +.admin-form .tooltip, +.admin-form .checkbox, +.admin-form .gui-input, +.admin-form .input-footer, +.admin-form .notification, +.admin-form .gui-textarea, +.admin-form .select > select, +.admin-form .select-multiple select { + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + outline: none; +} +.admin-form .input-link, +.admin-form .panel-heading, +.admin-form .section-divider span, +.admin-form .select > select, +.admin-form .select-multiple select { + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +/*=============================================== + Form Dividers +================================================= */ +.admin-form .spacer { + border-top: 1px solid #eee; + margin-top: 10px; + margin-bottom: 10px; + display: block; + height: 0; +} +/*================================================================== + Form Text Elements +===================================================================*/ +/* Themed Link */ +.admin-form .theme-link { + color: #4a89dc; + text-decoration: none; +} +.admin-form .theme-link:hover { + text-decoration: underline; +} +/* Section Divider */ +.admin-form .section-divider { + height: 0; + border-top: 1px solid #DDD; + text-align: center; + margin-top: 20px; + margin-bottom: 30px; +} +.admin-form .section-divider span { + display: inline-block; + position: relative; + padding: 0 17px; + background: #e9e9e9; + color: #999; + top: -11px; + font-size: 15px; +} +.admin-form.panel .section-divider span, +.admin-form .panel .section-divider span, +.admin-form.tab-content .section-divider span, +.admin-form .tab-content .section-divider span { + background: #fff; +} +.admin-form.bg-light .section-divider span, +.admin-form .bg-light .section-divider span { + background: #FAFAFA; +} +.admin-form.bg-light.light .section-divider span, +.admin-form .bg-light.light .section-divider span { + background: #FEFEFE; +} +.admin-form.bg-light.dark .section-divider span, +.admin-form .bg-light.dark .section-divider span { + background: #F2F2F2; +} +.admin-form.well .section-divider span, +.admin-form .well .section-divider span { + background: #f5f5f5; +} +/* Input Labels */ +.admin-form .switch, +.admin-form .option, +.admin-form .field-label { + font-size: 14px; +} +/* Column Labels - Can also use .field-align */ +.admin-form .field-label[class*='col-'] { + line-height: 42px; +} +.admin-form .field-align { + line-height: 42px; +} +/*================================================================== + General Input Styling +===================================================================*/ +.admin-form .radio, +.admin-form .option, +.admin-form .checkbox { + cursor: pointer; +} +.admin-form .field { + display: block; + position: relative; +} +.admin-form .field-icon i { + color: #BBB; + position: relative; +} +.admin-form .field-label { + display: block; + margin-bottom: 7px; +} +.admin-form .field-label em { + color: #e74c3c; + font-size: 14px; + font-style: normal; + display: inline-block; + margin-left: 4px; + position: relative; + top: 3px; +} +.admin-form .gui-input, +.admin-form .gui-textarea { + padding: 10px; +} +.admin-form .select, +.admin-form .gui-input, +.admin-form .gui-textarea, +.admin-form .select > select, +.admin-form .select-multiple select { + position: relative; + vertical-align: top; + border: 1px solid #DDD; + display: -moz-inline-stack; + display: inline-block; + *display: inline; + color: #626262; + outline: none; + height: 42px; + width: 100%; + *zoom: 1; +} +.admin-form .select option { + background: #fff; +} +.admin-form select[disabled], +.admin-form .select > select[disabled] { + color: #aaa !important; +} +/*================================================================== + Form Textarea +===================================================================*/ +.admin-form .gui-textarea { + resize: none; + line-height: 19px; + overflow: auto; + max-width: 100%; + height: 96px; +} +/*================================================================== + Form Selects +===================================================================*/ +.admin-form .select { + border: 0; + z-index: 10; + background: #FFF; +} +.admin-form .select > select { + display: block; + z-index: 10; + margin: 0; + padding: 9px 10px; + color: #626262; + outline: none; + text-indent: 0.01px; + text-overflow: ''; + background: #FFF; + border: 1px solid #DDD; + -webkit-appearance: none; + -moz-appearance: none; + appearance: normal; +} +.admin-form .select:before, +.admin-form .select:after { + background: #FFF; +} +.admin-form .select > select::-ms-expand { + display: none; +} +.admin-form .select .arrow { + pointer-events: none; + position: absolute; + top: 9px; + right: 4px; + width: 24px; + height: 24px; + color: #9F9F9F; + z-index: 100; +} +.admin-form .select .arrow:after, +.admin-form .select .arrow:before { + content: ''; + position: absolute; + font: 12px "Consolas", monospace; + font-style: normal; + pointer-events: none; + display: none\9; + left: 5px; +} +.admin-form .select .arrow:before { + content: '\25BC'; + bottom: 4px; +} +.admin-form .select .double:after { + content: '\25B2'; + top: -1px; +} +.admin-form .select .double:before { + content: '\25BC'; + bottom: -1px; +} +.admin-form .select-multiple select { + width: 100%; + height: 123px; + padding: 10px; +} +/*================================================================== + Form File Inputs +===================================================================*/ +.admin-form .file { + display: block; + width: 100%; +} +.admin-form .file .gui-file { + width: 100%; + height: 100%; + cursor: pointer; + padding: 8px 10px; + position: absolute; + -moz-opacity: 0; + opacity: 0; + z-index: 11; + bottom: 0; + right: 0; +} +/* Default state positions button right */ +.admin-form .file .button { + position: absolute; + top: 4px; + right: 4px; + float: none; + height: 34px; + line-height: 34px; + padding: 0 16px; + z-index: 10; +} +/* File Button - Left Style */ +.admin-form .file.append-button .button { + left: 4px; + right: auto; +} +.admin-form .file.append-button > input.gui-input { + padding-right: 40px; + padding-left: 125px; + text-align: right; +} +.admin-form .file.append-button > label.field-icon { + right: 4px; + left: auto; +} +/*================================================================== + Form Inputs:hover state +-===================================================================*/ +.admin-form .gui-input:hover, +.admin-form .gui-textarea:hover, +.admin-form .select > select:hover, +.admin-form .select-multiple select:hover, +.admin-form .gui-input:hover ~ .input-footer, +.admin-form .file .gui-file:hover + .gui-input, +.admin-form .gui-textarea:hover ~ .input-footer { + border-color: #888; +} +/*================================================================== + Form Inputs:focus state +===================================================================*/ +.admin-form .gui-input:focus, +.admin-form .gui-textarea:focus, +.admin-form .select > select:focus, +.admin-form .select-multiple select:focus { + color: #3c3c3c; + background: #fff; + border: 1px solid #999; + outline: none; +} +.admin-form .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form .gui-textarea:focus { + height: 120px; +} +.admin-form .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form .gui-input:focus ~ .field-icon i, +.admin-form .gui-textarea:focus ~ .field-icon i { + color: #999; +} +.admin-form .select-multiple select:focus, +.admin-form .gui-input:focus ~ .input-footer, +.admin-form .gui-textarea:focus ~ .input-footer, +.admin-form .file .gui-file:focus + .gui-input { + border-color: #999; +} +.admin-form .select > select:focus + .arrow { + color: #999; +} +/*================================================================== + Radio/Checkboxes +-===================================================================*/ +.admin-form .option { + position: relative; + padding-right: 15px; + display: inline-block; + vertical-align: middle; +} +.admin-form .option > input { + position: absolute; + height: inherit; + width: inherit; + opacity: 0; + left: 0; +} +.admin-form .checkbox, +.admin-form .radio { + cursor: pointer; + position: relative; + margin-right: 5px; + background: #fff; + display: inline-block; + border: 3px solid #DDD; + height: 21px; + width: 21px; + top: 4px; +} +.admin-form .checkbox:before, +.admin-form .radio:before { + content: ''; + display: none; +} +.admin-form input:checked + .checkbox:before, +.admin-form input:checked + .radio:before { + display: block; +} +.admin-form .checkbox:before { + position: absolute; + top: 4px; + left: 3px; + width: 6px; + height: 3px; + border: solid #888; + border-width: 0 0 3px 3px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.admin-form input:checked + .checkbox, +.admin-form input:checked + .radio { + border: 3px solid #888; +} +.admin-form .radio { + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -o-border-radius: 20px; + border-radius: 20px; +} +.admin-form .radio:before { + margin: 4px; + width: 7px; + height: 7px; + background: #888; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} +/*================================================================== + Radio/Checkboxes:hover state +===================================================================*/ +.admin-form input:not([disabled]):hover + .checkbox, +.admin-form input:not([disabled]):hover + .radio { + border-color: #666; +} +/*================================================================== + Radio/Checkboxes:focus state +-===================================================================*/ +.admin-form input:focus + .checkbox, +.admin-form input:focus + .radio { + border-color: #666; +} +.admin-form input:focus + .radio:before { + background: #666; +} +.admin-form input:focus + .checkbox:before { + border-color: #666; +} +/*================================================================== + Switches +===================================================================*/ +.admin-form .switch { + cursor: pointer; + position: relative; + padding-right: 10px; + display: inline-block; + margin-bottom: 5px; + height: 26px; +} +.admin-form .switch > label { + cursor: pointer; + display: inline-block; + position: relative; + height: 25px; + width: 58px; + color: #fff; + font-size: 10px; + font-weight: bold; + line-height: 20px; + text-align: center; + background: #D7D7D7; + border: 2px solid #D7D7D7; + text-transform: uppercase; + font-family: Helvetica, Arial, sans-serif; + -webkit-transition: 0.3s ease-out; + -moz-transition: 0.3s ease-out; + -o-transition: 0.3s ease-out; + transition: 0.3s ease-out; +} +.admin-form .switch > label + span { + display: inline-block; + padding-left: 5px; + position: relative; + top: -7px; +} +.admin-form .switch > label:before { + content: attr(data-off); + position: absolute; + top: 1px; + right: 3px; + width: 33px; +} +.admin-form .switch > label:after { + content: ""; + margin: 1px; + width: 19px; + height: 19px; + display: block; + background: #fff; +} +.admin-form .switch > input { + -webkit-appearance: none; + position: absolute; + width: inherit; + height: inherit; + opacity: 0; + left: 0; + top: 0; +} +/*================================================================== + Switch:focus state +-===================================================================*/ +.admin-form .switch > input:focus { + outline: none; +} +.admin-form .switch > input:focus + label { + color: #fff; + border-color: #C7C7C7; + background: #C7C7C7; +} +.admin-form .switch > input:focus + label:after { + background: #fff; +} +/*================================================================== + Switch:checked state +===================================================================*/ +.admin-form .switch > input:checked + label { + border-color: #999; + background: #999; + padding-left: 33px; + color: white; +} +.admin-form .switch > input:checked + label:before { + content: attr(data-on); + left: 1px; + top: 1px; +} +.admin-form .switch > input:checked + label:after { + margin: 1px; + width: 19px; + height: 19px; + background: white; +} +/*================================================================== + Switch:checked:focus state +-===================================================================*/ +.admin-form .switch > input:checked:focus + label { + background: #555; + border-color: #555; +} +/* Round Style*/ +.admin-form .switch-round > label { + -webkit-border-radius: 13px; + -moz-border-radius: 13px; + -o-border-radius: 13px; + border-radius: 13px; +} +.admin-form .switch-round > label + span { + top: -2px; +} +.admin-form .switch-round > label:before { + width: 33px; +} +.admin-form .switch-round > label:after { + width: 19px; + color: #D7D7D7; + content: "\2022"; + font: 20px/20px Times, Serif; + -webkit-border-radius: 13px; + -moz-border-radius: 13px; + -o-border-radius: 13px; + border-radius: 13px; +} +.admin-form .switch-round > input:checked + label { + padding-left: 33px; +} +.admin-form .switch-round > input:checked + label:after { + color: #999; +} +/*================================================================== + Switch - Custom Success/Danger Styled +-===================================================================*/ +.admin-form .switch-custom > label { + background: #f3a79b; + border-color: #f3a79b; +} +.admin-form .switch-custom > input:hover + label, +.admin-form .switch-custom > input:focus + label { + background: #e74b31; + border-color: #e74b31; +} +/* Checked state */ +.admin-form .switch-custom > input:checked + label { + background: #70ca63; + border-color: #70ca63; +} +.admin-form .switch-custom > input:checked:hover + label, +.admin-form .switch-custom > input:checked:focus + label { + background: #47a839; + border-color: #47a839; +} +/*================================================================== + Input:disabled state +===================================================================*/ +.admin-form .button[disabled], +.admin-form .state-disabled .button, +.admin-form input[disabled] + .radio, +.admin-form input[disabled] + .checkbox, +.admin-form .switch > input[disabled] + label { + cursor: default; + opacity: 0.5; +} +.admin-form .gui-input[disabled], +.admin-form .gui-textarea[disabled], +.admin-form .select > select[disabled], +.admin-form .select-multiple select[disabled], +.admin-form .gui-input[disabled] ~ .input-footer, +.admin-form .file .gui-file[disabled] + .gui-input, +.admin-form .file .gui-file[disabled]:hover + .gui-input, +.admin-form .gui-textarea[disabled] ~ .input-footer { + background-color: #f4f6f6; + border-color: #d5dbdb!important; + cursor: default; + color: #d5dbdb; + opacity: 0.7; +} +.admin-form input[disabled] ~ .field-icon i, +.admin-form textarea[disabled] ~ .field-icon i, +.admin-form .select > select[disabled] + .arrow { + opacity: 0.4; +} +/*================================================================== + Form Footer +===================================================================*/ +.admin-form .input-footer { + padding: 10px; + display: block; + margin-top: -1px; + line-height: 16px; + position: relative; + background: #F5F5F5; + border: 1px solid #DDD; + font-family: Arial, Helvetica, sans-serif; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + font-size: 11px; + color: #999; +} +/*================================================================== + Input Icons +===================================================================*/ +.admin-form .append-icon, +.admin-form .prepend-icon { + top: 0; + left: 0; + display: inline-block; + vertical-align: top; + position: relative; + width: 100%; +} +.admin-form .append-icon .field-icon, +.admin-form .prepend-icon .field-icon { + top: 0; + z-index: 4; + width: 42px; + height: 42px; + color: inherit; + line-height: 42px; + position: absolute; + text-align: center; + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -ms-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + pointer-events: none; +} +.admin-form .append-icon .field-icon i, +.admin-form .prepend-icon .field-icon i { + position: relative; + font-size: 14px; +} +.admin-form .prepend-icon .field-icon { + left: 0; +} +.admin-form .append-icon .field-icon { + right: 0; +} +.admin-form .prepend-icon > input, +.admin-form .prepend-icon > textarea { + padding-left: 36px; +} +.admin-form .append-icon > input, +.admin-form .append-icon > textarea { + padding-right: 36px; + padding-left: 10px; +} +.admin-form .append-icon > textarea { + padding-right: 36px; +} +/*================================================================== + Input Tooltips +===================================================================*/ +.admin-form .tooltip { + position: absolute; + z-index: -1; + opacity: 0; + color: #fff; + width: 184px; + left: -9999px; + top: auto; + font-size: 11px; + font-weight: normal; + background: #333333; + -webkit-transition: margin 0.6s, opacity 0.6s; + -moz-transition: margin 0.6s, opacity 0.6s; + -ms-transition: margin 0.6s, opacity 0.6s; + -o-transition: margin 0.6s, opacity 0.6s; + transition: margin 0.6s, opacity 0.6s; +} +.admin-form .tooltip > em { + padding: 12px; + font-style: normal; + display: block; + position: static; +} +.admin-form .tooltip:after { + content: ''; + position: absolute; +} +.admin-form .gui-input:focus + .tooltip, +.admin-form .gui-textarea:focus + .tooltip { + opacity: 1; + z-index: 999; +} +/*================================================================== + Tooltip - Left +===================================================================*/ +.admin-form .tip-left { + top: 1px; + margin-right: -20px; +} +.admin-form .tip-left:after { + top: 12px; + left: 100%; + border-left: 8px solid #333333; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-left, +.admin-form .gui-textarea:focus + .tip-left { + margin-right: 5px; + right: 100%; + left: auto; +} +/*================================================================== + Tooltip - Right +===================================================================*/ +.admin-form .tip-right { + top: 1px; + margin-left: -20px; +} +.admin-form .tip-right:after { + top: 12px; + right: 100%; + border-right: 8px solid #333333; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-right, +.admin-form .gui-textarea:focus + .tip-right { + left: 100%; + margin-left: 5px; +} +/*================================================================== + Tooltip - Right/Top +===================================================================*/ +.admin-form .tip-right-top { + bottom: 100%; + margin-bottom: -20px; +} +.admin-form .tip-right-top:after { + top: 100%; + right: 12px; + border-top: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-right-top, +.admin-form .gui-textarea:focus + .tip-right-top { + right: 0; + left: auto; + margin-bottom: 10px; +} +/*================================================================== + Tooltip - Left/Top +===================================================================*/ +.admin-form .tip-left-top { + bottom: 100%; + margin-bottom: -20px; +} +.admin-form .tip-left-top:after { + top: 100%; + left: 12px; + border-top: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-left-top, +.admin-form .gui-textarea:focus + .tip-left-top { + left: 0; + right: auto; + margin-bottom: 10px; +} +/*================================================================== + Tooltip - Right/Bottom +===================================================================*/ +.admin-form .tip-right-bottom { + top: 100%; + margin-top: -20px; +} +.admin-form .tip-right-bottom:after { + right: 12px; + bottom: 100%; + border-bottom: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-right-bottom, +.admin-form .gui-textarea:focus + .tip-right-bottom { + margin-top: 10px; + left: auto; + right: 0; +} +/*================================================================== + Tooltip - Left/Bottom +===================================================================*/ +.admin-form .tip-left-bottom { + top: 100%; + margin-top: -20px; +} +.admin-form .tip-left-bottom:after { + left: 12px; + bottom: 100%; + border-bottom: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.admin-form .gui-input:focus + .tip-left-bottom, +.admin-form .gui-textarea:focus + .tip-left-bottom { + margin-top: 10px; + right: auto; + left: 0; +} +/*================================================================== + Validation - error state +===================================================================*/ +.admin-form .state-error .gui-input, +.admin-form .state-error .gui-textarea, +.admin-form .state-error.select > select, +.admin-form .state-error.select-multiple > select, +.admin-form .state-error input:hover + .checkbox, +.admin-form .state-error input:hover + .radio, +.admin-form .state-error input:focus + .checkbox, +.admin-form .state-error input:focus + .radio, +.admin-form .state-error .checkbox, +.admin-form .state-error .radio { + background: #FEE9EA; + border-color: #DE888A; +} +.admin-form .state-error .gui-input:focus, +.admin-form .state-error .gui-textarea:focus, +.admin-form .state-error.select > select:focus, +.admin-form .state-error.select-multiple > select:focus { + -webkit-box-shadow: 0px 0px 3px #DE888A inset; + -moz-box-shadow: 0px 0px 3px #DE888A inset; + -o-box-shadow: 0px 0px 3px #DE888A inset; + box-shadow: 0px 0px 3px #DE888A inset; +} +.admin-form .state-error .gui-input ~ .field-icon i, +.admin-form .state-error .gui-textarea ~ .field-icon i { + color: #DE888A; +} +.admin-form .state-error.select .arrow { + color: #DE888A; +} +.admin-form .state-error.select > select:focus + .arrow { + color: #DE888A; +} +.admin-form .state-error .gui-input ~ .input-footer, +.admin-form .state-error.file .gui-file:hover + .gui-input, +.admin-form .state-error .gui-textarea ~ .input-footer { + border-color: #DE888A; +} +.admin-form .state-error + em { + display: block!important; + margin-top: 6px; + padding: 0 3px; + font-family: Arial, Helvetica, sans-serif; + font-style: normal; + line-height: normal; + font-size: 0.85em; + color: #DE888A; +} +/*================================================================== + Validation - success state +===================================================================*/ +.admin-form .state-success .gui-input, +.admin-form .state-success .gui-textarea, +.admin-form .state-success.select > select, +.admin-form .state-success.select-multiple > select, +.admin-form .state-success input:hover + .checkbox, +.admin-form .state-success input:hover + .radio, +.admin-form .state-success input:focus + .checkbox, +.admin-form .state-success input:focus + .radio, +.admin-form .state-success .checkbox, +.admin-form .state-success .radio { + background: #F0FEE9; + border-color: #A5D491; +} +.admin-form .state-success .gui-input:focus, +.admin-form .state-success .gui-textarea:focus, +.admin-form .state-success.select > select:focus, +.admin-form .state-success.select-multiple > select:focus { + -webkit-box-shadow: 0px 0px 3px #A5D491 inset; + -moz-box-shadow: 0px 0px 3px #A5D491 inset; + -o-box-shadow: 0px 0px 3px #A5D491 inset; + box-shadow: 0px 0px 3px #A5D491 inset; +} +.admin-form .state-success .gui-input ~ .field-icon i, +.admin-form .state-success .gui-textarea ~ .field-icon i { + color: #A5D491; +} +.admin-form .state-success.select .arrow { + color: #A5D491; +} +.admin-form .state-success.select > select:focus + .arrow { + color: #A5D491; +} +.admin-form .state-success .gui-input ~ .input-footer, +.admin-form .state-success.file .gui-file:hover + .gui-input, +.admin-form .state-success .gui-textarea ~ .input-footer { + border-color: #A5D491; +} +/*================================================================== + Smart Widget + * These widgets helps us to position an element, button, + * label or span. The positions can either be left or right + * while the input stays 100%. Use this to rapidly create + * search widgets, newsletter subscribe etc . +====================================================================*/ +.admin-form .smart-widget, +.admin-form .append-picker-icon, +.admin-form .prepend-picker-icon { + position: relative; + display: block; +} +.admin-form .smart-widget .field input, +.admin-form .append-picker-icon input, +.admin-form .prepend-picker-icon input { + width: 100%; +} +.admin-form .append-picker-icon button, +.admin-form .prepend-picker-icon button, +.admin-form .smart-widget .button { + border: 1px solid #DDD; + background: #F5F5F5; + position: absolute; + cursor: pointer; + color: #626262; + height: 42px; + line-height: 40px; + top: 0; +} +/* Disabled Prepended Icon State */ +.admin-form .prepend-picker-icon button:disabled { + background-color: #f4f6f6 !important; + border-color: #d5dbdb!important; +} +.admin-form .sm-right .button, +.admin-form .append-picker-icon button { + border-left: 0; +} +.admin-form .sm-left .button, +.admin-form .prepend-picker-icon button { + border-right: 0; +} +.admin-form .sm-left .button, +.admin-form .prepend-picker-icon button { + left: 0; +} +.admin-form .sm-right .button, +.admin-form .append-picker-icon button { + right: 0; +} +/*================================================================== + Smart Widget Button - Left +===================================================================*/ +.admin-form .sml-50, +.admin-form .prepend-picker-icon { + padding-left: 50px; +} +.admin-form .sml-50 .button, +.admin-form .prepend-picker-icon button { + width: 50px; +} +.admin-form .sml-80 { + padding-left: 80px; +} +.admin-form .sml-80 .button { + width: 80px; +} +.admin-form .sml-120 { + padding-left: 120px; +} +.admin-form .sml-120 .button { + width: 120px; +} +.admin-form .sml-160 { + padding-left: 160px; +} +.admin-form .sml-160 .button { + width: 160px; +} +/*================================================================== + Smart Widget Button - Right +===================================================================*/ +.admin-form .smr-50, +.admin-form .append-picker-icon { + padding-right: 50px; +} +.admin-form .smr-50 .button, +.admin-form .append-picker-icon button { + width: 50px; +} +.admin-form .smr-80 { + padding-right: 80px; +} +.admin-form .smr-80 .button { + width: 80px; +} +.admin-form .smr-120 { + padding-right: 120px; +} +.admin-form .smr-120 .button { + width: 120px; +} +.admin-form .smr-140 { + padding-right: 140px; +} +.admin-form .smr-140 .button { + width: 140px; +} +.admin-form .smr-160 { + padding-right: 160px; +} +.admin-form .smr-160 .button { + width: 160px; +} +/*================================================================== + Rating Star Widget - with hover +-===================================================================*/ +.admin-form .rating { + overflow: hidden; +} +.admin-form .rating.block { + display: block; + margin: 10px 0; +} +.admin-form .rating label { + color: #CCC; +} +.admin-form .rating label i { + font-size: 17px; + text-align: center; + color: inherit; +} +.admin-form .rating label span { + font: 22px/22px Times, Serif; +} +.admin-form .rating-star { + margin-left: 4px; +} +.admin-form .rating-input { + position: absolute; + left: -9999px; + top: auto; +} +.admin-form .rating:hover .rating-star:hover, +.admin-form .rating:hover .rating-star:hover ~ .rating-star, +.admin-form .rating-input:checked ~ .rating-star { + color: #666; +} +.admin-form .rating-star, +.admin-form .rating:hover .rating-star { + width: 18px; + float: right; + display: block; + cursor: pointer; + color: #CCC; +} +/*================================================================== + Buttons +-===================================================================*/ +.admin-form .button { + color: #243140; + border: 0; + height: 42px; + line-height: 42px; + font-size: 15px; + cursor: pointer; + padding: 0 18px; + text-align: center; + vertical-align: top; + background: #DBDBDB; + display: inline-block; + -webkit-user-drag: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); +} +/*================================================================== + Button States +===================================================================*/ +.admin-form .button:hover { + color: #243140; + background: #EEE; +} +.admin-form .button:active { + color: #1d2938; + -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.admin-form a.button, +.admin-form span.button, +.admin-form label.button { + line-height: 42px; + text-decoration: none; +} +.admin-form .button i { + font-size: 14px; +} +.admin-form .button-list .button { + margin-bottom: 5px; +} +/*================================================================== + Primary Button +-===================================================================*/ +.admin-form .btn-primary { + background-color: #3bafda; +} +.admin-form .btn-primary:hover, +.admin-form .btn-primary:focus { + background-color: #3bafda; +} +.admin-form .btn-primary:active { + background-color: #3bafda; +} +.admin-form .btn-primary, +.admin-form .btn-primary:hover, +.admin-form .btn-primary:focus, +.admin-form .btn-primary:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +/*================================================================== + Left + Right Shaped Buttons +-===================================================================*/ +.admin-form .button-left, +.admin-form .button-right { + position: relative; + z-index: 9; +} +.admin-form .button-left:before, +.admin-form .button-right:before { + content: ''; + z-index: -1; + width: 32px; + height: 32px; + position: absolute; + background-color: inherit; + border-color: inherit; + border: none; + top: 5px; +} +.admin-form .button-left { + border-left-width: 0; + padding: 0 18px 0 7px; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + -o-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + margin-left: 20px; +} +.admin-form .button-left:before { + left: -15px; + -webkit-border-radius: 2px 5px 0 5px; + -moz-border-radius: 2px 5px 0 5px; + -o-border-radius: 2px 5px 0 5px; + border-radius: 2px 5px 0 5px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.admin-form .button-right { + padding: 0 7px 0 18px; + border-right-width: 0; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -o-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + margin-right: 20px; +} +.admin-form .button-right:before { + right: -15px; + -webkit-border-radius: 5px 2px 5px 0; + -moz-border-radius: 5px 2px 5px 0; + -o-border-radius: 5px 2px 5px 0; + border-radius: 5px 2px 5px 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +/*================================================================== + Buttons - Push Effect +-===================================================================*/ +.admin-form .pushed { + -webkit-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2); + -o-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2); + position: relative; +} +.admin-form .pushed:active { + -webkit-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2); + -o-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2); + top: 2px; +} +.admin-form .pushed.button-left:before { + -webkit-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2); + -o-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2); +} +.admin-form .pushed:active.button-left:before { + -webkit-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2); +} +.admin-form .pushed.button-right:before { + -webkit-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2); + box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2); +} +.admin-form .pushed:active.button-right:before { + -webkit-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2); + box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2); +} +/*================================================================== + Buttons - Footer Adjustment +-===================================================================*/ +.admin-form .form-footer .button { + margin-right: 10px; + margin-bottom: 5px; +} +.admin-form .align-right .button { + margin-right: 0; + margin-left: 10px; +} +/*================================================================== + Buttons - Social +===================================================================*/ +.admin-form .twitter, +.admin-form .twitter:hover, +.admin-form .twitter:focus, +.admin-form .facebook, +.admin-form .facebook:hover, +.admin-form .facebook:focus, +.admin-form .googleplus, +.admin-form .googleplus:hover, +.admin-form .googleplus:focus { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .facebook { + background-color: #3b5998; +} +.admin-form .twitter { + background-color: #00acee; +} +.admin-form .googleplus { + background-color: #dd4b39; +} +.admin-form .facebook:hover, +.admin-form .facebook:focus { + background-color: #25385F; +} +.admin-form .twitter:hover, +.admin-form .twitter:focus { + background-color: #00749F; +} +.admin-form .googleplus:hover, +.admin-form .googleplus:focus { + background-color: #8D2418; +} +.admin-form .span-left { + padding-left: 56px; + text-align: left; +} +.admin-form .btn-social { + position: relative; + font-weight: 600; + margin-bottom: 5px; +} +.admin-form .btn-social i { + font-size: 22px; + font-weight: normal; + position: relative; + top: 3px; +} +.admin-form .btn-social span { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -o-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + display: inline-block; + text-align: center; + position: absolute; + width: 45px; + left: 0; +} +.admin-form .twitter span { + background-color: #009AD5; +} +.admin-form .facebook span { + background-color: #31497D; +} +.admin-form .googleplus span { + background-color: #C03121; +} +/*================================================================== + Lists +-===================================================================*/ +.admin-form .admin-list { + list-style: none; + margin: 0; + padding: 0; +} +.admin-form .admin-list li { + margin-bottom: 20px; +} +/*================================================================== + Firefox select fix - select arrow hack disabled on FF 30+ +===================================================================*/ +@-moz-document url-prefix() { + .admin-form .select:before { + content: ''; + pointer-events: none; + -moz-transition: none; + transition: none; + position: absolute; + background: #F5F5F5; + width: 36px; + right: 1px; + top: 1px; + bottom: 1px; + z-index: 99; + } + .admin-form .select > select:focus, + .admin-form .select > select:hover, + .admin-form .select:hover select, + .admin-form .select:hover:before { + background: #fff; + -moz-transition: none; + transition: none; + -moz-box-shadow: none; + box-shadow: none; + } + .admin-form .select .arrow { + z-index: 100; + } + .admin-form .state-error.select > select:focus, + .admin-form .state-error.select > select:hover, + .admin-form .state-error.select:hover select, + .admin-form .state-error.select:hover:before, + .admin-form .state-error.select:before { + background: #FEE9EA; + } + .admin-form .state-success.select > select:focus, + .admin-form .state-success.select > select:hover, + .admin-form .state-success.select:hover select, + .admin-form .state-success.select:hover:before, + .admin-form .state-success.select:before { + background: #F0FEE9; + } +} +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .admin-form .select .arrow:after, + .admin-form .select .arrow:before { + display: block; + } +} +/*================================================================== + ANDROID + IOS FIXES +===================================================================*/ +@media screen and (-webkit-min-device-pixel-ratio: 0) { + .admin-form .option, + .admin-form .rating, + .admin-form .switch, + .admin-form .captcode { + -webkit-animation: bugfix infinite 1s; + } + @-webkit-keyframes bugfix { + from { + padding: 0; + } + to { + padding: 0; + } + } + .admin-form .switch { + margin-right: 10px; + margin-bottom: 5px; + } + .admin-form .option { + margin-right: 15px; + } +} +/*================================================================== + Responsiveness for Tablets + Smartphones +===================================================================*/ +@media (max-width: 600px) { + .admin-form .section row { + margin: 0; + } + .admin-form .section row .colm { + width: 100%; + float: none; + padding: 0; + } + .admin-form .bdl { + border-left: 0; + } + .admin-form .border-right { + border-right: 0; + } + .admin-form .align-right { + text-align: left; + } +} +/*================================================================== + Stepper - jQuery UI +===================================================================*/ +.stepper-wrap { + position: relative; + display: block; + font: 11px Arial, sans-serif; +} +.stepper-wrap input { + text-align: right; + padding-right: 20px; +} +.stepper-btn-wrap { + position: absolute; + top: 0; + right: -34px; + width: 34px; + height: 100%; + overflow: hidden; + background: #F5F5F5; + border: 1px solid #ccc; + border-width: 1px 1px 1px 0; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.stepper-btn-wrap a { + display: block; + height: 50%; + overflow: hidden; + line-height: 100%; + text-align: center; + text-decoration: none; + text-shadow: 1px 1px 0 #fff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-indent: -9999px; + background: #F5F5F5; + cursor: default; + color: #666; +} +.stepper-btn-wrap a:hover { + background: #F9F9F9; +} +.stepper-btn-up:before, +.stepper-btn-dwn:before { + content: ''; + border: 4px dashed; + pointer-events: none; + border-color: #9F9F9F transparent; + border-color: #9f9f9f rgba(255, 255, 255, 0); + position: absolute; + right: 14px; + z-index: 1; + height: 0; + top: 32%; + width: 0; +} +.stepper-btn-up:before { + border-bottom-style: solid; + border-top: none; +} +.stepper-btn-dwn:before { + margin-top: 10px; + border-top-style: solid; + border-bottom: none; +} +/*================================================================== + Datepicker - jQuery UI +===================================================================*/ +.ui-datepicker { + width: 18em; + margin-top: 8px; + display: none; + background: #fff; + position: relative; + -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + border: 1px solid #DDD; + z-index: 1025 !important; + text-align: center; + color: #666; +} +.ui-datepicker a { + color: #404040; + text-align: center; +} +.ui-datepicker .ui-state-disabled span { + color: #DBDBDB; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + background: #F5F5F5; + border-bottom: 1px solid #CFCFCF; + line-height: 27px; + font-size: 15px; + padding: 10px; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + width: 34px; + height: 34px; + display: block; + font-size: 14px; + position: absolute; + text-decoration: none; + cursor: pointer; + color: #666; + top: 20.5%; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; + color: #555; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; + padding: 1px 5px; + background-color: #EEE; + border-color: #CCC; +} +.ui-datepicker .ui-datepicker-title select option { + background: #FFF; +} +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 52%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + margin: 0 0 15px; + border-collapse: collapse; +} +.ui-datepicker th { + padding: .5em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 2px 5px; +} +.ui-datepicker td span, +.ui-datepicker td a { + color: #AAA; + padding: .25em; + display: block; + text-align: center; + text-decoration: none; +} +.ui-datepicker td span:hover, +.ui-datepicker td a:hover { + background: #F5F5F5; +} +.ui-datepicker .ui-state-disabled span:hover { + background: none; +} +.ui-datepicker-today a, +.ui-datepicker-today a:hover, +.ui-datepicker .ui-state-active, +.ui-datepicker .ui-state-highlight { + font-weight: 600; + color: #fff; + background: #CCC !important; +} +.ui-datepicker .ui-state-active { + background: #888 !important; +} +/* jQuery UI Buttons */ +.ui-datepicker-buttonpane { + border-top: 1px solid #DDD; + padding: 10px; + background: #f8f8f8; +} +.ui-datepicker-buttonpane button { + padding: 5px 12px; + margin-right: 10px; + font-size: 13px; + position: relative; + line-height: normal; + display: inline-block; + -webkit-user-drag: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); + vertical-align: middle; + background: #FFF; + text-align: center; + overflow: visible; + cursor: pointer; + color: #333; + border: 1px solid #ddd; +} +/* jQuery UI Button States */ +.ui-datepicker-buttonpane button:hover { + color: #243140; + background: #E8E8E8; +} +.ui-datepicker-buttonpane button:active { + color: #1d2938; + background: #C4C4C4; +} +.ui-monthpicker .ui-datepicker-header { + margin-bottom: 3px; +} +/* Inline Picker */ +.ui-datepicker-inline { + width: 100%; +} +.ui-datepicker-inline, +.ui-timepicker-inline, +.ui-datetimepicker-inline { + box-shadow: none; + margin: 0 auto; +} +/*================================================================== + Monthpicker - jQuery UI +===================================================================*/ +.hasMonthpicker .ui-datepicker td { + width: 25%; + padding: 10px 8px; +} +/*================================================================== + Multi-Month Datepicker - jQuery UI +===================================================================*/ +.cal-widget .ui-datepicker { + width: 100%; + margin-top: 0; +} +.cal-widget .ui-datepicker:before { + display: none; +} +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.333%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} +/*================================================================== + TimePicker - jQuery UI +===================================================================*/ +.ui-timepicker-div .ui-widget-header { + position: relative; + background: #F5F5F5; + line-height: 27px; + font-size: 15px; + padding: 10px; +} +.ui-timepicker-div dl { + text-align: left; + border: 1px solid #EEE; + border-width: 1px 0 0 0; + padding: 15px 10px; + margin: 0; +} +.ui-timepicker-div dl dt { + float: left; + clear: left; + padding: 0 0 0 5px; +} +.ui-timepicker-div dl dd { + margin: 0 10px 20px 40%; +} +.ui-timepicker-div dl .ui_tpicker_hour, +.ui-timepicker-div dl .ui_tpicker_minute, +.ui-timepicker-div dl .ui_tpicker_second, +.ui-timepicker-div dl .ui_tpicker_millisec { + background: #E5E5E5; + position: relative; + top: 6px; +} +.ui-timepicker-div td { + font-size: 90%; +} +.ui-tpicker-grid-label { + background: none; + border: none; + margin: 0; + padding: 0; +} +.ui-timepicker-rtl { + direction: rtl; +} +.ui-timepicker-rtl dl { + text-align: right; + padding: 0 5px 0 0; +} +.ui-timepicker-rtl dl dt { + float: right; + clear: right; +} +.ui-timepicker-rtl dl dd { + margin: 0 40% 10px 10px; +} +/* jQuery Slider Settings when inside a timepicker widget */ +.ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +/*================================================================== + Slider - jQuery UI +===================================================================*/ +.admin-form .slider-countbox { + margin-bottom: 5px; + color: #f6931f; + font-weight: bold; + border: 0; + background: transparent; +} +.slider-wrapper, +.sliderv-wrapper { + background: #E5E5E5; + position: relative; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.5em; + height: 1.5em; + cursor: default; + background: #fff; + border: 3px solid #ccc; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -o-border-radius: 20px; + border-radius: 20px; + -ms-touch-action: none; + touch-action: none; + margin-top: -3px; + outline: none; +} +.ui-slider .ui-slider-handle:before { + content: ''; + width: 7px; + height: 7px; + position: absolute; + background-color: #ccc; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; + z-index: 2; + left: 4px; + top: 4px; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; + background-color: #aaa; +} +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} +.ui-slider-horizontal { + height: .5em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -0.3em; + margin-left: -0.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} +.ui-slider-vertical, +.sliderv-wrapper { + width: .5em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -0.45em; + margin-left: 0; + margin-bottom: -0.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.slider-input { + color: #f6931f!important; + border: 0; + background: none; +} +.slider-group .sliderv-wrapper { + height: 150px; + float: left; + margin: 15px 15px; +} +.ui-slider .ui-state-active { + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; +} +/* progress bar strips */ +.ui-slider .ui-slider-range { + background-size: 16px 16px; + background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); +} +/*================================================================== + Slider Tooltips - jQuery UI +===================================================================*/ +.slider-tip { + display: block; + position: absolute; + text-align: center; + font: 10pt Tahoma, Arial, sans-serif; + background: #333333; + padding: 10px; + color: #fff; +} +.slider-wrapper .slider-tip { + top: -50px; + left: -15px; +} +.slider-wrapper .slider-tip:after { + content: ''; + position: absolute; + top: 98%; + left: 35%; + border-top: 8px solid #333333; + border-right: 8px solid transparent; + border-left: 8px solid transparent; +} +.sliderv-wrapper .slider-tip { + left: 30px; + top: -12px; +} +.sliderv-wrapper .slider-tip:after { + content: ''; + position: absolute; + top: 30%; + right: 98%; + border-right: 8px solid #333333; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; +} +/*================================================================== + Spectrum Color Picker +===================================================================*/ +.sp-container { + position: absolute; + display: inline-block; + *display: inline; + z-index: 9999994; + overflow: hidden; + *zoom: 1; + top: 0; + left: 0; + border-radius: 0; + padding: 0; + background: #f8f8f8; + border: 1px solid #DDD; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); +} +/* expands container to the left of + * button, default opens right */ +.sp-container.sp-left { + top: 50px !important; + left: auto !important; + right: 0px !important; +} +.sp-container.sp-flat { + position: relative; +} +.sp-top { + position: relative; + display: inline-block; + width: 100%; +} +.sp-top-inner { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.sp-color { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 20%; +} +.sp-hue { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 84%; + height: 100%; +} +.sp-clear-enabled .sp-hue { + top: 33px; + height: 77.5%; +} +.sp-fill { + padding-top: 80%; +} +.sp-sat, +.sp-val { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.sp-alpha-enabled .sp-top { + margin-bottom: 18px; +} +.sp-alpha-enabled .sp-alpha { + display: block; +} +.sp-alpha-handle { + position: absolute; + top: -4px; + bottom: -4px; + width: 6px; + left: 50%; + cursor: pointer; + border: 1px solid black; + background: white; + opacity: .8; +} +.sp-alpha { + display: none; + position: absolute; + bottom: -14px; + right: 0; + left: 0; + height: 8px; +} +.sp-alpha-inner { + border: solid 1px #333; +} +.sp-clear { + display: none; +} +.sp-clear.sp-clear-display { + background-position: center; +} +.sp-clear-enabled .sp-clear { + display: block; + position: absolute; + top: 0px; + right: 0; + bottom: 0; + left: 84%; + height: 28px; +} +.sp-dd, +.sp-clear, +.sp-alpha, +.sp-slider, +.sp-dragger, +.sp-preview, +.sp-alpha-handle, +.sp-container, +.sp-replacer, +.sp-container.sp-dragging .sp-input, +.sp-container button { + -webkit-user-select: none; + -moz-user-select: -moz-none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.sp-container.sp-input-disabled .sp-input-container { + display: none; +} +.sp-container.sp-buttons-disabled .sp-button-container { + display: none; +} +.sp-palette-only .sp-picker-container { + display: none; +} +.sp-palette-disabled .sp-palette-container { + display: none; +} +.sp-initial-disabled .sp-initial { + display: none; +} +.sp-sat { + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0))); + background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); + background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); + background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); + background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); + background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0)); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); +} +.sp-val { + background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); + background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0)); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); +} +.sp-hue { + background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); + background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); +} +.sp-1 { + height: 17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); +} +.sp-2 { + height: 16%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); +} +.sp-3 { + height: 17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); +} +.sp-4 { + height: 17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); +} +.sp-5 { + height: 16%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); +} +.sp-6 { + height: 17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); +} +.sp-hidden { + display: none !important; +} +.sp-cf:before, +.sp-cf:after { + content: ""; + display: table; +} +.sp-cf:after { + clear: both; +} +.sp-cf { + *zoom: 1; +} +.sp-dragger { + border-radius: 5px; + height: 5px; + width: 5px; + border: 1px solid #fff; + background: #000; + cursor: pointer; + position: absolute; + top: 0; + left: 0; +} +.sp-slider { + position: absolute; + top: 0; + cursor: pointer; + height: 3px; + left: -1px; + right: -1px; + border: 1px solid #000; + background: white; + opacity: .8; +} +.sp-container, +.sp-container button, +.sp-container input, +.sp-color, +.sp-hue, +.sp-clear { + font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.sp-top { + margin-bottom: 3px; +} +.sp-color, +.sp-hue, +.sp-clear { + border: solid 1px #666; +} +.sp-input-container { + float: right; + width: 100px; + margin-bottom: 4px; +} +.sp-initial-disabled .sp-input-container { + width: 100%; +} +.sp-input { + font-size: 12px !important; + border: 1px inset; + padding: 4px 5px; + background: transparent; + border-radius: 3px; + width: 100%; + color: #222; + margin: 0; +} +.sp-input:focus { + border: 1px solid orange; +} +.sp-input.sp-validation-error { + border: 1px solid red; + background: #fdd; +} +.sp-picker-container, +.sp-palette-container { + float: left; + position: relative; + padding: 10px 15px; + padding-bottom: 300px; + margin-bottom: -290px; + min-height: 300px; +} +.sp-picker-container { + width: 172px; + border-left: 1px solid #DDD; + background-color: #f1f1f1; +} +.sp-palette-container { + padding: 5px; + border-right: 1px solid transparent; + background-color: #f1f1f1; +} +.sp-palette .sp-thumb-el { + display: block; + position: relative; + float: left; + width: 24px; + height: 15px; + margin: 3px; + cursor: pointer; + border: solid 2px transparent; +} +.sp-palette .sp-thumb-el:hover, +.sp-palette .sp-thumb-el.sp-thumb-active { + border-color: orange; +} +.sp-thumb-el { + position: relative; +} +.sp-initial { + float: left; + border: solid 1px #333; +} +.sp-initial span { + width: 30px; + height: 25px; + border: none; + display: block; + float: left; + margin: 0; +} +.sp-initial .sp-clear-display { + background-position: center; +} +.sp-button-container { + float: right; +} +.sp-replacer { + cursor: pointer; + overflow: hidden; + padding: 4px 10px; + position: absolute; + background: #F5F5F5; + vertical-align: middle; + border: solid 1px #DDD; + border-width: 1px 1px 1px 0; + display: inline-block; + *display: inline; + height: 100%; + color: #333; + margin: 0; + *zoom: 1; + right: 0; +} +.sp-replacer:hover, +.sp-replacer.sp-active { + border-color: #aaa; + color: #111; +} +.sp-replacer.sp-disabled { + cursor: default; + border-color: #DDD; + color: #AAA; +} +.sp-dd { + padding: 2px 0; + height: 16px; + line-height: 16px; + float: left; + font-size: 12px; + color: #9F9F9F; + position: relative; + top: 6px; +} +.sp-preview { + position: relative; + width: 25px; + height: 20px; + border: solid 1px #222; + margin-right: 5px; + margin-top: 6px; + float: left; + z-index: 0; +} +.sp-palette { + *width: 220px; + max-width: 220px; +} +.sp-palette .sp-thumb-el { + width: 16px; + height: 16px; + margin: 2px 1px; + border: solid 1px #d0d0d0; +} +.sp-container { + padding-bottom: 0; +} +.sp-container button { + cursor: pointer; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 2px; + color: #666; + font-size: 13px; + line-height: 1; + padding: 7px 8px; + text-align: center; + vertical-align: middle; +} +.sp-container button:hover { + border: 1px solid #ddd; +} +.sp-container button:active { + border: 1px solid #ccc; +} +.sp-cancel { + font-size: 11px; + color: #aaa !important; + margin: 0; + padding: 2px; + margin-right: 7px; + vertical-align: middle; + text-decoration: none; +} +.sp-cancel:hover { + color: #666 !important; + text-decoration: none; +} +.sp-palette span:hover, +.sp-palette span.sp-thumb-active { + border-color: #000; +} +.sp-preview, +.sp-alpha, +.sp-thumb-el { + position: relative; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.sp-preview-inner, +.sp-alpha-inner, +.sp-thumb-inner { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.sp-palette .sp-thumb-inner { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); +} +.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); +} +.sp-clear-display { + background-repeat: no-repeat; + background-position: center; + background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); +} +.sfcolor { + padding-right: 63px; +} +.sfcolor .gui-input + .sp-replacer { + width: 63px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; +} +/* Custom Changes - Field preview thumb */ +.sp-preview { + border-color: #fff; +} +/* Custom Changes - Primary Container */ +.sp-picker-container { + background-color: #fff; + margin-bottom: -300px; +} +.sp-button-container { + float: none; + text-align: right; + background: #f2f2f2; + border-top: 1px solid #DDD; + margin-top: 35px; + margin-left: -15px; + margin-right: -15px; + padding: 6px; +} +.sp-palette-disabled .sp-button-container { + margin-top: 5px; +} +/* Color Pointer */ +.sp-dragger { + background: rgba(255, 255, 255, 0.4); + height: 10px; + width: 10px; + border-radius: 0px; + border-color: rgba(255, 255, 255, 0.7); +} +/* hue + color border color */ +.sp-color, +.sp-hue, +.sp-clear { + border-color: #bbb; +} +/* Hue Slider */ +.sp-input { + background: #f1f1f1; + border: 0; +} +.sp-slider { + height: 6px; + border: 0; + background: rgba(0, 0, 0, 0.4); + opacity: 1; +} +/* Custom Changes - Palette Container */ +.sp-palette-button-container { + display: none; +} +/* palette thumbs */ +.sp-palette .sp-thumb-el { + width: 18px; + height: 18px; + margin: 2px; + border-color: #fff; +} +/* palette active thumb */ +.sp-palette .sp-thumb-el:hover, +.sp-palette .sp-thumb-el.sp-thumb-active { + border-color: #fff; +} +.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { + background-image: none; +} +.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after { + position: absolute; + content: "\f00c"; + font-family: "FontAwesome"; + font-size: 12px; + color: #FFF; + left: 2px; + top: 2px; + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); +} +.inline-cp + .sp-container { + width: 100%; + box-shadow: none; +} +.inline-cp + .sp-container > .sp-picker-container { + width: 70%; +} +.inline-cp + .sp-container > .sp-palette-container { + width: 30%; +} +.inline-cp + .sp-container > .sp-palette-container .sp-palette .sp-thumb-el { + width: 22px; + height: 22px; + margin: 3px; +} +.inline-cp + .sp-container > .sp-palette-container .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after { + font-size: 13px; + left: 3px; + top: 3px; +} +/*================================================================== + Google Map Block +===================================================================*/ +.admin-form .map-container { + padding: 7px; + border: 1px solid #CFCFCF; +} +.admin-form #map_canvas { + width: 100%; + height: 300px; + overflow: hidden; +} +.admin-form .block { + display: block; +} +/*================================================================== + AdminForm Wizard +===================================================================*/ +/* form wizard wrapper */ +.wizard { + background-color: #FFF; +} +/* Wizard top nav - "steps" */ +.wizard .steps { + text-align: center; + padding: 20px 15px 10px; + border: 1px solid #E8E8E8; + border-bottom: 0; +} +.wizard .steps ul, +.wizard .steps li { + list-style: none; + text-decoration: none; + padding: 0; + margin: 0; +} +.wizard .steps li { + display: inline-block; + margin-right: 10px; +} +.wizard .steps li.last { + margin-right: 0; +} +.wizard .steps li.disabled a { + cursor: not-allowed; +} +.wizard .steps li a { + display: inline-block; + color: #FFF; + font-size: 15px; + text-align: center; + padding: 12px 18px; + background-color: #649ae1; + text-decoration: none; + -webkit-user-drag: none; +} +/* Nav item states */ +.wizard .steps li.current a { + background-color: #2e76d6; +} +.wizard .steps li.disabled a { + background-color: #BBBBBB !important; +} +.wizard .steps li.current a:focus { + outline-color: transparent; +} +/* Disable various nav meta information */ +.wizard .steps li a .current-info, +.wizard .steps li a .number { + display: none; +} +/* Wizard Content */ +.wizard .content { + background-color: #ffffff; + border: 1px solid #E8E8E8; + border-top: 0; +} +.wizard .content + .actions { + border-top: 0; +} +.wizard .wizard-section-title { + display: none; +} +.wizard .wizard-section.body { + padding: 15px; +} +/* Wizard Actions/Footer */ +.wizard .actions { + padding: 10px 15px; + background-color: #f8f8f8; + border: 1px solid #E8E8E8; +} +.wizard .actions ul { + list-style: none; + text-decoration: none; + padding: 0; + margin: 0; + float: right; +} +.wizard .actions li { + display: inline-block; + margin-left: 10px; +} +.wizard .actions li a { + display: inline-block; + color: #FFF; + padding: 9px 18px; + background-color: #4a89dc; + text-decoration: none; + -webkit-user-drag: none; +} +.wizard .actions li.disabled a { + cursor: not-allowed; + background-color: #BBB !important; +} +/* hide steps icons */ +.wizard.steps-hide-icons .steps .fa, +.wizard.steps-hide-icons .steps .glyphicon, +.wizard.steps-hide-icons .steps .glyphicon { + display: none !important; +} +/* hide steps icons */ +.wizard.steps-show-icons .steps .fa, +.wizard.steps-show-icons .steps .glyphicon, +.wizard.steps-show-icons .steps .glyphicon { + display: inline-block !important; +} +/* steps align right */ +.wizard.steps-left .steps { + text-align: left; +} +/* steps align right */ +.wizard.steps-right .steps { + text-align: right; +} +/* steps justified */ +.wizard.steps-justified .steps { + position: relative; + width: 100%; +} +.wizard.steps-justified .steps li { + display: table-cell; + position: relative; + float: none; + width: 1%; +} +.wizard.steps-justified .steps li a { + display: block; +} +/* steps tabs */ +.wizard.steps-tabs .steps { + padding: 0; + height: 55px; + position: relative; + background-color: #EEE; + border-color: transparent; + border-bottom: 1px solid #E8E8E8; +} +.wizard.steps-tabs .steps li { + margin: 0; +} +.wizard.steps-tabs .steps li a { + padding: 18px 23px 18px; +} +/* steps add BG */ +.wizard.steps-bg .steps { + padding: 15px; + position: relative; + background-color: #f8f8f8; + border-bottom: 1px solid #E8E8E8; +} +.wizard.steps-bg.steps-tabs .steps { + padding: 0; + border-color: #E8E8E8; +} +.wizard.steps-bg .content, +.wizard.steps-tabs .content, +.wizard.steps-justified .content { + padding-top: 10px; +} +/*================================================================== + Panel +===================================================================*/ +.admin-form .panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid #DDD; +} +/*================================================================== + Panel Header +===================================================================*/ +.admin-form .panel-heading { + overflow: hidden; + position: relative; + height: auto; + padding: 19px 22px 18px; + color: #999; + border-radius: 0; + border-top: 1px solid transparent; + border-left: 0; + border-right: 0; + border-bottom: 1px solid #DDD; + background-color: #FAFAFA; +} +.admin-form .heading-border:before { + content: ""; + background-color: #9999A3; + position: absolute; + height: 10px; + z-index: 1; + top: 0; + right: 0; + left: 0; +} +.admin-form .heading-border .panel-heading { + padding: 30px 22px 17px; +} +.admin-form .heading-border .panel-title { + color: #999; +} +.admin-form .panel-title { + text-align: left; + font-weight: 300; + font-size: 26px; + padding: 0; + margin: 0; + background: transparent; +} +.admin-form .panel-title i { + font-size: 26px; + position: relative; + margin-right: 15px; + top: 0; + border-width: 0; +} +/*================================================================== + Panel Body +===================================================================*/ +.admin-form .panel-body { + padding: 25px; + border: 0; +} +/*================================================================== + Panel Footer +===================================================================*/ +.admin-form .panel-footer { + padding: 12px 13px; + border: 0; + border-top: 1px solid #DDD; + background: #f2f2f2; +} +/*================================================================== + Progress Bars +===================================================================*/ +.admin-form .progress-section { + display: none; +} +.progress-striped .progress-bar, +.progress-bar-striped { + background-size: 18px 18px; + background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); + background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); + background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); +} +/*================================================================== + Checkbox/Radio Confliction fixes +===================================================================*/ +.admin-form .radio, +.admin-form .checkbox { + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + top: 1px; + vertical-align: bottom; +} +.admin-form .checkbox:after, +.admin-form .checkbox:before { + margin: 0; + padding: 0; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + -o-box-sizing: content-box; + box-sizing: content-box; +} +/* This file creates and combines all of the AdminForm color skins. + * To minimize file size, we recommended using only one or two skins. + * However, we have provided this file as it proves useful for demonstrating + * all of skins or for enabling true multi-skin support. + */ +.admin-form .panel-primary > .panel-heading { + border-top-color: #5d9cec; +} +.admin-form .panel-primary > .panel-heading:before { + background-color: #4a89dc; +} +.admin-form .panel-primary.heading-border:before, +.admin-form .panel-primary .heading-border:before { + background-color: #4a89dc; +} +.admin-form .bg-primary { + background-color: #4a89dc; +} +.admin-form .bg-primary.light { + background-color: #5d9cec; +} +.admin-form .bg-primary.lighter { + background-color: #83aee7; +} +.admin-form .bg-primary.dark { + background-color: #2e76d6; +} +.admin-form .bg-primary.darker { + background-color: #2567bd; +} +.admin-form .option-primary input:hover + .checkbox, +.admin-form .option-primary input:hover + .radio { + border-color: #5d9cec; +} +.admin-form .option-primary input:checked + .checkbox, +.admin-form .option-primary input:focus + .checkbox, +.admin-form .option-primary input:checked + .radio, +.admin-form .option-primary input:focus + .radio { + border-color: #4a89dc; +} +.admin-form .option-primary input:checked + .radio:before, +.admin-form .option-primary input:focus + .radio:before { + background: #4a89dc; +} +.admin-form .option-primary input:checked + .checkbox:before, +.admin-form .option-primary input:focus + .checkbox:before { + border-color: #4a89dc; +} +.admin-form .switch-primary > input:checked + label { + background: #4a89dc; + border-color: #4a89dc; +} +.admin-form .switch-primary > input:checked + label:after { + color: #4a89dc; +} +.admin-form .switch-primary > input:checked:focus + label { + background: #2e76d6; + border-color: #2e76d6; +} +.admin-form .btn-primary { + background-color: #4a89dc; +} +.admin-form .btn-primary:hover, +.admin-form .btn-primary:focus { + background-color: #5d9cec; + border-color: #5d9cec; +} +.admin-form .btn-primary:active { + background-color: #2e76d6; +} +.admin-form .btn-primary, +.admin-form .btn-primary:hover, +.admin-form .btn-primary:focus, +.admin-form .btn-primary:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-range { + background-color: #4a89dc; +} +.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-handle { + border-color: #4a89dc; +} +.admin-form .slider-wrapper.slider-primary .ui-slider .ui-slider-handle:before { + background-color: #4a89dc; +} +.admin-form.theme-primary .section-divider span { + color: #4a89dc; +} +.admin-form.theme-primary .tagline span { + color: #4a89dc; +} +.admin-form.theme-primary .theme-link { + color: #4a89dc; +} +.admin-form.theme-primary .gui-input:hover, +.admin-form.theme-primary .gui-textarea:hover, +.admin-form.theme-primary .select > select:hover, +.admin-form.theme-primary .select-multiple select:hover, +.admin-form.theme-primary .gui-input:hover ~ .input-footer, +.admin-form.theme-primary .file .gui-file:hover + .gui-input, +.admin-form.theme-primary .gui-textarea:hover ~ .input-footer { + border-color: #5d9cec; +} +.admin-form.theme-primary .gui-input:focus, +.admin-form.theme-primary .gui-textarea:focus, +.admin-form.theme-primary .select > select:focus, +.admin-form.theme-primary .select-multiple select:focus { + border-color: #5d9cec; + color: #3C3C3C; +} +.admin-form.theme-primary .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-primary .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-primary .gui-input:focus ~ .field-icon i, +.admin-form.theme-primary .gui-textarea:focus ~ .field-icon i { + color: #4a89dc; +} +.admin-form.theme-primary .select-multiple select:focus, +.admin-form.theme-primary .gui-input:focus ~ .input-footer, +.admin-form.theme-primary .gui-textarea:focus ~ .input-footer, +.admin-form.theme-primary .file .gui-file:focus + .gui-input { + border-color: #5d9cec; +} +.admin-form.theme-primary .select > select:focus + .arrow { + color: #4a89dc; +} +.admin-form.theme-primary .rating:hover .rating-star:hover, +.admin-form.theme-primary .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-primary .rating-input:checked ~ .rating-star { + color: #4a89dc; +} +.admin-form.theme-primary .rating-star, +.admin-form.theme-primary .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-primary .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-primary .ui-datepicker .ui-datepicker-next, +.admin-form.theme-primary .ui-datepicker .ui-datepicker-title { + color: #4a89dc; +} +.admin-form.theme-primary .ui-datepicker-today a, +.admin-form.theme-primary .ui-datepicker-today a:hover, +.admin-form.theme-primary .ui-datepicker .ui-state-highlight { + background: #9fc1ed !important; +} +.admin-form.theme-primary .ui-datepicker .ui-state-active { + background: #4a89dc !important; +} +.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #4a89dc; +} +.admin-form.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #4a89dc; +} +.admin-form.theme-primary .wizard .steps li a, +.admin-form.theme-primary .wizard .actions li a { + background-color: #4a89dc; +} +.admin-form.theme-primary .wizard .steps li.current a { + background-color: #2e76d6; +} +.admin-form .panel-info > .panel-heading { + border-top-color: #4fc1e9; +} +.admin-form .panel-info > .panel-heading:before { + background-color: #3bafda; +} +.admin-form .panel-info.heading-border:before, +.admin-form .panel-info .heading-border:before { + background-color: #3bafda; +} +.admin-form .bg-info { + background-color: #3bafda; +} +.admin-form .bg-info.light { + background-color: #4fc1e9; +} +.admin-form .bg-info.lighter { + background-color: #74c6e5; +} +.admin-form .bg-info.dark { + background-color: #27a0cc; +} +.admin-form .bg-info.darker { + background-color: #2189b0; +} +.admin-form .option-info input:hover + .checkbox, +.admin-form .option-info input:hover + .radio { + border-color: #4fc1e9; +} +.admin-form .option-info input:checked + .checkbox, +.admin-form .option-info input:focus + .checkbox, +.admin-form .option-info input:checked + .radio, +.admin-form .option-info input:focus + .radio { + border-color: #3bafda; +} +.admin-form .option-info input:checked + .radio:before, +.admin-form .option-info input:focus + .radio:before { + background: #3bafda; +} +.admin-form .option-info input:checked + .checkbox:before, +.admin-form .option-info input:focus + .checkbox:before { + border-color: #3bafda; +} +.admin-form .switch-info > input:checked + label { + background: #3bafda; + border-color: #3bafda; +} +.admin-form .switch-info > input:checked + label:after { + color: #3bafda; +} +.admin-form .switch-info > input:checked:focus + label { + background: #27a0cc; + border-color: #27a0cc; +} +.admin-form .btn-info { + background-color: #3bafda; +} +.admin-form .btn-info:hover, +.admin-form .btn-info:focus { + background-color: #4fc1e9; + border-color: #4fc1e9; +} +.admin-form .btn-info:active { + background-color: #27a0cc; +} +.admin-form .btn-info, +.admin-form .btn-info:hover, +.admin-form .btn-info:focus, +.admin-form .btn-info:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-range { + background-color: #3bafda; +} +.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-handle { + border-color: #3bafda; +} +.admin-form .slider-wrapper.slider-info .ui-slider .ui-slider-handle:before { + background-color: #3bafda; +} +.admin-form.theme-info .section-divider span { + color: #3bafda; +} +.admin-form.theme-info .tagline span { + color: #3bafda; +} +.admin-form.theme-info .theme-link { + color: #3bafda; +} +.admin-form.theme-info .gui-input:hover, +.admin-form.theme-info .gui-textarea:hover, +.admin-form.theme-info .select > select:hover, +.admin-form.theme-info .select-multiple select:hover, +.admin-form.theme-info .gui-input:hover ~ .input-footer, +.admin-form.theme-info .file .gui-file:hover + .gui-input, +.admin-form.theme-info .gui-textarea:hover ~ .input-footer { + border-color: #4fc1e9; +} +.admin-form.theme-info .gui-input:focus, +.admin-form.theme-info .gui-textarea:focus, +.admin-form.theme-info .select > select:focus, +.admin-form.theme-info .select-multiple select:focus { + border-color: #4fc1e9; + color: #3C3C3C; +} +.admin-form.theme-info .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-info .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-info .gui-input:focus ~ .field-icon i, +.admin-form.theme-info .gui-textarea:focus ~ .field-icon i { + color: #3bafda; +} +.admin-form.theme-info .select-multiple select:focus, +.admin-form.theme-info .gui-input:focus ~ .input-footer, +.admin-form.theme-info .gui-textarea:focus ~ .input-footer, +.admin-form.theme-info .file .gui-file:focus + .gui-input { + border-color: #4fc1e9; +} +.admin-form.theme-info .select > select:focus + .arrow { + color: #3bafda; +} +.admin-form.theme-info .rating:hover .rating-star:hover, +.admin-form.theme-info .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-info .rating-input:checked ~ .rating-star { + color: #3bafda; +} +.admin-form.theme-info .rating-star, +.admin-form.theme-info .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-info .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-info .ui-datepicker .ui-datepicker-next, +.admin-form.theme-info .ui-datepicker .ui-datepicker-title { + color: #3bafda; +} +.admin-form.theme-info .ui-datepicker-today a, +.admin-form.theme-info .ui-datepicker-today a:hover, +.admin-form.theme-info .ui-datepicker .ui-state-highlight { + background: #91d2ea !important; +} +.admin-form.theme-info .ui-datepicker .ui-state-active { + background: #3bafda !important; +} +.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #3bafda; +} +.admin-form.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #3bafda; +} +.admin-form.theme-info .wizard .steps li a, +.admin-form.theme-info .wizard .actions li a { + background-color: #3bafda; +} +.admin-form.theme-info .wizard .steps li.current a { + background-color: #27a0cc; +} +.admin-form .panel-success > .panel-heading { + border-top-color: #87d37c; +} +.admin-form .panel-success > .panel-heading:before { + background-color: #70ca63; +} +.admin-form .panel-success.heading-border:before, +.admin-form .panel-success .heading-border:before { + background-color: #70ca63; +} +.admin-form .bg-success { + background-color: #70ca63; +} +.admin-form .bg-success.light { + background-color: #87d37c; +} +.admin-form .bg-success.lighter { + background-color: #9edc95; +} +.admin-form .bg-success.dark { + background-color: #58c249; +} +.admin-form .bg-success.darker { + background-color: #49ae3b; +} +.admin-form .option-success input:hover + .checkbox, +.admin-form .option-success input:hover + .radio { + border-color: #87d37c; +} +.admin-form .option-success input:checked + .checkbox, +.admin-form .option-success input:focus + .checkbox, +.admin-form .option-success input:checked + .radio, +.admin-form .option-success input:focus + .radio { + border-color: #70ca63; +} +.admin-form .option-success input:checked + .radio:before, +.admin-form .option-success input:focus + .radio:before { + background: #70ca63; +} +.admin-form .option-success input:checked + .checkbox:before, +.admin-form .option-success input:focus + .checkbox:before { + border-color: #70ca63; +} +.admin-form .switch-success > input:checked + label { + background: #70ca63; + border-color: #70ca63; +} +.admin-form .switch-success > input:checked + label:after { + color: #70ca63; +} +.admin-form .switch-success > input:checked:focus + label { + background: #58c249; + border-color: #58c249; +} +.admin-form .btn-success { + background-color: #70ca63; +} +.admin-form .btn-success:hover, +.admin-form .btn-success:focus { + background-color: #87d37c; + border-color: #87d37c; +} +.admin-form .btn-success:active { + background-color: #58c249; +} +.admin-form .btn-success, +.admin-form .btn-success:hover, +.admin-form .btn-success:focus, +.admin-form .btn-success:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-range { + background-color: #70ca63; +} +.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-handle { + border-color: #70ca63; +} +.admin-form .slider-wrapper.slider-success .ui-slider .ui-slider-handle:before { + background-color: #70ca63; +} +.admin-form.theme-success .section-divider span { + color: #70ca63; +} +.admin-form.theme-success .tagline span { + color: #70ca63; +} +.admin-form.theme-success .theme-link { + color: #70ca63; +} +.admin-form.theme-success .gui-input:hover, +.admin-form.theme-success .gui-textarea:hover, +.admin-form.theme-success .select > select:hover, +.admin-form.theme-success .select-multiple select:hover, +.admin-form.theme-success .gui-input:hover ~ .input-footer, +.admin-form.theme-success .file .gui-file:hover + .gui-input, +.admin-form.theme-success .gui-textarea:hover ~ .input-footer { + border-color: #87d37c; +} +.admin-form.theme-success .gui-input:focus, +.admin-form.theme-success .gui-textarea:focus, +.admin-form.theme-success .select > select:focus, +.admin-form.theme-success .select-multiple select:focus { + border-color: #87d37c; + color: #3C3C3C; +} +.admin-form.theme-success .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-success .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-success .gui-input:focus ~ .field-icon i, +.admin-form.theme-success .gui-textarea:focus ~ .field-icon i { + color: #70ca63; +} +.admin-form.theme-success .select-multiple select:focus, +.admin-form.theme-success .gui-input:focus ~ .input-footer, +.admin-form.theme-success .gui-textarea:focus ~ .input-footer, +.admin-form.theme-success .file .gui-file:focus + .gui-input { + border-color: #87d37c; +} +.admin-form.theme-success .select > select:focus + .arrow { + color: #70ca63; +} +.admin-form.theme-success .rating:hover .rating-star:hover, +.admin-form.theme-success .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-success .rating-input:checked ~ .rating-star { + color: #70ca63; +} +.admin-form.theme-success .rating-star, +.admin-form.theme-success .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-success .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-success .ui-datepicker .ui-datepicker-next, +.admin-form.theme-success .ui-datepicker .ui-datepicker-title { + color: #70ca63; +} +.admin-form.theme-success .ui-datepicker-today a, +.admin-form.theme-success .ui-datepicker-today a:hover, +.admin-form.theme-success .ui-datepicker .ui-state-highlight { + background: #b6e4af !important; +} +.admin-form.theme-success .ui-datepicker .ui-state-active { + background: #70ca63 !important; +} +.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #70ca63; +} +.admin-form.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #70ca63; +} +.admin-form.theme-success .wizard .steps li a, +.admin-form.theme-success .wizard .actions li a { + background-color: #70ca63; +} +.admin-form.theme-success .wizard .steps li.current a { + background-color: #58c249; +} +.admin-form .panel-warning > .panel-heading { + border-top-color: #ffce54; +} +.admin-form .panel-warning > .panel-heading:before { + background-color: #f6bb42; +} +.admin-form .panel-warning.heading-border:before, +.admin-form .panel-warning .heading-border:before { + background-color: #f6bb42; +} +.admin-form .bg-warning { + background-color: #f6bb42; +} +.admin-form .bg-warning.light { + background-color: #ffce54; +} +.admin-form .bg-warning.lighter { + background-color: #f9d283; +} +.admin-form .bg-warning.dark { + background-color: #f4af22; +} +.admin-form .bg-warning.darker { + background-color: #d9950a; +} +.admin-form .option-warning input:hover + .checkbox, +.admin-form .option-warning input:hover + .radio { + border-color: #ffce54; +} +.admin-form .option-warning input:checked + .checkbox, +.admin-form .option-warning input:focus + .checkbox, +.admin-form .option-warning input:checked + .radio, +.admin-form .option-warning input:focus + .radio { + border-color: #f6bb42; +} +.admin-form .option-warning input:checked + .radio:before, +.admin-form .option-warning input:focus + .radio:before { + background: #f6bb42; +} +.admin-form .option-warning input:checked + .checkbox:before, +.admin-form .option-warning input:focus + .checkbox:before { + border-color: #f6bb42; +} +.admin-form .switch-warning > input:checked + label { + background: #f6bb42; + border-color: #f6bb42; +} +.admin-form .switch-warning > input:checked + label:after { + color: #f6bb42; +} +.admin-form .switch-warning > input:checked:focus + label { + background: #f4af22; + border-color: #f4af22; +} +.admin-form .btn-warning { + background-color: #f6bb42; +} +.admin-form .btn-warning:hover, +.admin-form .btn-warning:focus { + background-color: #ffce54; + border-color: #ffce54; +} +.admin-form .btn-warning:active { + background-color: #f4af22; +} +.admin-form .btn-warning, +.admin-form .btn-warning:hover, +.admin-form .btn-warning:focus, +.admin-form .btn-warning:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-range { + background-color: #f6bb42; +} +.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-handle { + border-color: #f6bb42; +} +.admin-form .slider-wrapper.slider-warning .ui-slider .ui-slider-handle:before { + background-color: #f6bb42; +} +.admin-form.theme-warning .section-divider span { + color: #f6bb42; +} +.admin-form.theme-warning .tagline span { + color: #f6bb42; +} +.admin-form.theme-warning .theme-link { + color: #f6bb42; +} +.admin-form.theme-warning .gui-input:hover, +.admin-form.theme-warning .gui-textarea:hover, +.admin-form.theme-warning .select > select:hover, +.admin-form.theme-warning .select-multiple select:hover, +.admin-form.theme-warning .gui-input:hover ~ .input-footer, +.admin-form.theme-warning .file .gui-file:hover + .gui-input, +.admin-form.theme-warning .gui-textarea:hover ~ .input-footer { + border-color: #ffce54; +} +.admin-form.theme-warning .gui-input:focus, +.admin-form.theme-warning .gui-textarea:focus, +.admin-form.theme-warning .select > select:focus, +.admin-form.theme-warning .select-multiple select:focus { + border-color: #ffce54; + color: #3C3C3C; +} +.admin-form.theme-warning .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-warning .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-warning .gui-input:focus ~ .field-icon i, +.admin-form.theme-warning .gui-textarea:focus ~ .field-icon i { + color: #f6bb42; +} +.admin-form.theme-warning .select-multiple select:focus, +.admin-form.theme-warning .gui-input:focus ~ .input-footer, +.admin-form.theme-warning .gui-textarea:focus ~ .input-footer, +.admin-form.theme-warning .file .gui-file:focus + .gui-input { + border-color: #ffce54; +} +.admin-form.theme-warning .select > select:focus + .arrow { + color: #f6bb42; +} +.admin-form.theme-warning .rating:hover .rating-star:hover, +.admin-form.theme-warning .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-warning .rating-input:checked ~ .rating-star { + color: #f6bb42; +} +.admin-form.theme-warning .rating-star, +.admin-form.theme-warning .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-warning .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-warning .ui-datepicker .ui-datepicker-next, +.admin-form.theme-warning .ui-datepicker .ui-datepicker-title { + color: #f6bb42; +} +.admin-form.theme-warning .ui-datepicker-today a, +.admin-form.theme-warning .ui-datepicker-today a:hover, +.admin-form.theme-warning .ui-datepicker .ui-state-highlight { + background: #fbdea3 !important; +} +.admin-form.theme-warning .ui-datepicker .ui-state-active { + background: #f6bb42 !important; +} +.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #f6bb42; +} +.admin-form.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #f6bb42; +} +.admin-form.theme-warning .wizard .steps li a, +.admin-form.theme-warning .wizard .actions li a { + background-color: #f6bb42; +} +.admin-form.theme-warning .wizard .steps li.current a { + background-color: #f4af22; +} +.admin-form .panel-danger > .panel-heading { + border-top-color: #fc6e51; +} +.admin-form .panel-danger > .panel-heading:before { + background-color: #e9573f; +} +.admin-form .panel-danger.heading-border:before, +.admin-form .panel-danger .heading-border:before { + background-color: #e9573f; +} +.admin-form .bg-danger { + background-color: #e9573f; +} +.admin-form .bg-danger.light { + background-color: #fc6e51; +} +.admin-form .bg-danger.lighter { + background-color: #f08c7c; +} +.admin-form .bg-danger.dark { + background-color: #e63c21; +} +.admin-form .bg-danger.darker { + background-color: #cd3117; +} +.admin-form .option-danger input:hover + .checkbox, +.admin-form .option-danger input:hover + .radio { + border-color: #fc6e51; +} +.admin-form .option-danger input:checked + .checkbox, +.admin-form .option-danger input:focus + .checkbox, +.admin-form .option-danger input:checked + .radio, +.admin-form .option-danger input:focus + .radio { + border-color: #e9573f; +} +.admin-form .option-danger input:checked + .radio:before, +.admin-form .option-danger input:focus + .radio:before { + background: #e9573f; +} +.admin-form .option-danger input:checked + .checkbox:before, +.admin-form .option-danger input:focus + .checkbox:before { + border-color: #e9573f; +} +.admin-form .switch-danger > input:checked + label { + background: #e9573f; + border-color: #e9573f; +} +.admin-form .switch-danger > input:checked + label:after { + color: #e9573f; +} +.admin-form .switch-danger > input:checked:focus + label { + background: #e63c21; + border-color: #e63c21; +} +.admin-form .btn-danger { + background-color: #e9573f; +} +.admin-form .btn-danger:hover, +.admin-form .btn-danger:focus { + background-color: #fc6e51; + border-color: #fc6e51; +} +.admin-form .btn-danger:active { + background-color: #e63c21; +} +.admin-form .btn-danger, +.admin-form .btn-danger:hover, +.admin-form .btn-danger:focus, +.admin-form .btn-danger:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-range { + background-color: #e9573f; +} +.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-handle { + border-color: #e9573f; +} +.admin-form .slider-wrapper.slider-danger .ui-slider .ui-slider-handle:before { + background-color: #e9573f; +} +.admin-form.theme-danger .section-divider span { + color: #e9573f; +} +.admin-form.theme-danger .tagline span { + color: #e9573f; +} +.admin-form.theme-danger .theme-link { + color: #e9573f; +} +.admin-form.theme-danger .gui-input:hover, +.admin-form.theme-danger .gui-textarea:hover, +.admin-form.theme-danger .select > select:hover, +.admin-form.theme-danger .select-multiple select:hover, +.admin-form.theme-danger .gui-input:hover ~ .input-footer, +.admin-form.theme-danger .file .gui-file:hover + .gui-input, +.admin-form.theme-danger .gui-textarea:hover ~ .input-footer { + border-color: #fc6e51; +} +.admin-form.theme-danger .gui-input:focus, +.admin-form.theme-danger .gui-textarea:focus, +.admin-form.theme-danger .select > select:focus, +.admin-form.theme-danger .select-multiple select:focus { + border-color: #fc6e51; + color: #3C3C3C; +} +.admin-form.theme-danger .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-danger .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-danger .gui-input:focus ~ .field-icon i, +.admin-form.theme-danger .gui-textarea:focus ~ .field-icon i { + color: #e9573f; +} +.admin-form.theme-danger .select-multiple select:focus, +.admin-form.theme-danger .gui-input:focus ~ .input-footer, +.admin-form.theme-danger .gui-textarea:focus ~ .input-footer, +.admin-form.theme-danger .file .gui-file:focus + .gui-input { + border-color: #fc6e51; +} +.admin-form.theme-danger .select > select:focus + .arrow { + color: #e9573f; +} +.admin-form.theme-danger .rating:hover .rating-star:hover, +.admin-form.theme-danger .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-danger .rating-input:checked ~ .rating-star { + color: #e9573f; +} +.admin-form.theme-danger .rating-star, +.admin-form.theme-danger .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-danger .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-danger .ui-datepicker .ui-datepicker-next, +.admin-form.theme-danger .ui-datepicker .ui-datepicker-title { + color: #e9573f; +} +.admin-form.theme-danger .ui-datepicker-today a, +.admin-form.theme-danger .ui-datepicker-today a:hover, +.admin-form.theme-danger .ui-datepicker .ui-state-highlight { + background: #f3a79b !important; +} +.admin-form.theme-danger .ui-datepicker .ui-state-active { + background: #e9573f !important; +} +.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #e9573f; +} +.admin-form.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #e9573f; +} +.admin-form.theme-danger .wizard .steps li a, +.admin-form.theme-danger .wizard .actions li a { + background-color: #e9573f; +} +.admin-form.theme-danger .wizard .steps li.current a { + background-color: #e63c21; +} +.admin-form .panel-alert > .panel-heading { + border-top-color: #ac92ec; +} +.admin-form .panel-alert > .panel-heading:before { + background-color: #967adc; +} +.admin-form .panel-alert.heading-border:before, +.admin-form .panel-alert .heading-border:before { + background-color: #967adc; +} +.admin-form .bg-alert { + background-color: #967adc; +} +.admin-form .bg-alert.light { + background-color: #ac92ec; +} +.admin-form .bg-alert.lighter { + background-color: #c0b0ea; +} +.admin-form .bg-alert.dark { + background-color: #815fd5; +} +.admin-form .bg-alert.darker { + background-color: #6c44ce; +} +.admin-form .option-alert input:hover + .checkbox, +.admin-form .option-alert input:hover + .radio { + border-color: #ac92ec; +} +.admin-form .option-alert input:checked + .checkbox, +.admin-form .option-alert input:focus + .checkbox, +.admin-form .option-alert input:checked + .radio, +.admin-form .option-alert input:focus + .radio { + border-color: #967adc; +} +.admin-form .option-alert input:checked + .radio:before, +.admin-form .option-alert input:focus + .radio:before { + background: #967adc; +} +.admin-form .option-alert input:checked + .checkbox:before, +.admin-form .option-alert input:focus + .checkbox:before { + border-color: #967adc; +} +.admin-form .switch-alert > input:checked + label { + background: #967adc; + border-color: #967adc; +} +.admin-form .switch-alert > input:checked + label:after { + color: #967adc; +} +.admin-form .switch-alert > input:checked:focus + label { + background: #815fd5; + border-color: #815fd5; +} +.admin-form .btn-alert { + background-color: #967adc; +} +.admin-form .btn-alert:hover, +.admin-form .btn-alert:focus { + background-color: #ac92ec; + border-color: #ac92ec; +} +.admin-form .btn-alert:active { + background-color: #815fd5; +} +.admin-form .btn-alert, +.admin-form .btn-alert:hover, +.admin-form .btn-alert:focus, +.admin-form .btn-alert:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-range { + background-color: #967adc; +} +.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-handle { + border-color: #967adc; +} +.admin-form .slider-wrapper.slider-alert .ui-slider .ui-slider-handle:before { + background-color: #967adc; +} +.admin-form.theme-alert .section-divider span { + color: #967adc; +} +.admin-form.theme-alert .tagline span { + color: #967adc; +} +.admin-form.theme-alert .theme-link { + color: #967adc; +} +.admin-form.theme-alert .gui-input:hover, +.admin-form.theme-alert .gui-textarea:hover, +.admin-form.theme-alert .select > select:hover, +.admin-form.theme-alert .select-multiple select:hover, +.admin-form.theme-alert .gui-input:hover ~ .input-footer, +.admin-form.theme-alert .file .gui-file:hover + .gui-input, +.admin-form.theme-alert .gui-textarea:hover ~ .input-footer { + border-color: #ac92ec; +} +.admin-form.theme-alert .gui-input:focus, +.admin-form.theme-alert .gui-textarea:focus, +.admin-form.theme-alert .select > select:focus, +.admin-form.theme-alert .select-multiple select:focus { + border-color: #ac92ec; + color: #3C3C3C; +} +.admin-form.theme-alert .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-alert .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-alert .gui-input:focus ~ .field-icon i, +.admin-form.theme-alert .gui-textarea:focus ~ .field-icon i { + color: #967adc; +} +.admin-form.theme-alert .select-multiple select:focus, +.admin-form.theme-alert .gui-input:focus ~ .input-footer, +.admin-form.theme-alert .gui-textarea:focus ~ .input-footer, +.admin-form.theme-alert .file .gui-file:focus + .gui-input { + border-color: #ac92ec; +} +.admin-form.theme-alert .select > select:focus + .arrow { + color: #967adc; +} +.admin-form.theme-alert .rating:hover .rating-star:hover, +.admin-form.theme-alert .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-alert .rating-input:checked ~ .rating-star { + color: #967adc; +} +.admin-form.theme-alert .rating-star, +.admin-form.theme-alert .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-alert .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-alert .ui-datepicker .ui-datepicker-next, +.admin-form.theme-alert .ui-datepicker .ui-datepicker-title { + color: #967adc; +} +.admin-form.theme-alert .ui-datepicker-today a, +.admin-form.theme-alert .ui-datepicker-today a:hover, +.admin-form.theme-alert .ui-datepicker .ui-state-highlight { + background: #d6cbf1 !important; +} +.admin-form.theme-alert .ui-datepicker .ui-state-active { + background: #967adc !important; +} +.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #967adc; +} +.admin-form.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #967adc; +} +.admin-form.theme-alert .wizard .steps li a, +.admin-form.theme-alert .wizard .actions li a { + background-color: #967adc; +} +.admin-form.theme-alert .wizard .steps li.current a { + background-color: #815fd5; +} +.admin-form .panel-system > .panel-heading { + border-top-color: #48cfad; +} +.admin-form .panel-system > .panel-heading:before { + background-color: #37bc9b; +} +.admin-form .panel-system.heading-border:before, +.admin-form .panel-system .heading-border:before { + background-color: #37bc9b; +} +.admin-form .bg-system { + background-color: #37bc9b; +} +.admin-form .bg-system.light { + background-color: #48cfad; +} +.admin-form .bg-system.lighter { + background-color: #65d2b7; +} +.admin-form .bg-system.dark { + background-color: #2fa285; +} +.admin-form .bg-system.darker { + background-color: #288770; +} +.admin-form .option-system input:hover + .checkbox, +.admin-form .option-system input:hover + .radio { + border-color: #48cfad; +} +.admin-form .option-system input:checked + .checkbox, +.admin-form .option-system input:focus + .checkbox, +.admin-form .option-system input:checked + .radio, +.admin-form .option-system input:focus + .radio { + border-color: #37bc9b; +} +.admin-form .option-system input:checked + .radio:before, +.admin-form .option-system input:focus + .radio:before { + background: #37bc9b; +} +.admin-form .option-system input:checked + .checkbox:before, +.admin-form .option-system input:focus + .checkbox:before { + border-color: #37bc9b; +} +.admin-form .switch-system > input:checked + label { + background: #37bc9b; + border-color: #37bc9b; +} +.admin-form .switch-system > input:checked + label:after { + color: #37bc9b; +} +.admin-form .switch-system > input:checked:focus + label { + background: #2fa285; + border-color: #2fa285; +} +.admin-form .btn-system { + background-color: #37bc9b; +} +.admin-form .btn-system:hover, +.admin-form .btn-system:focus { + background-color: #48cfad; + border-color: #48cfad; +} +.admin-form .btn-system:active { + background-color: #2fa285; +} +.admin-form .btn-system, +.admin-form .btn-system:hover, +.admin-form .btn-system:focus, +.admin-form .btn-system:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-range { + background-color: #37bc9b; +} +.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-handle { + border-color: #37bc9b; +} +.admin-form .slider-wrapper.slider-system .ui-slider .ui-slider-handle:before { + background-color: #37bc9b; +} +.admin-form.theme-system .section-divider span { + color: #37bc9b; +} +.admin-form.theme-system .tagline span { + color: #37bc9b; +} +.admin-form.theme-system .theme-link { + color: #37bc9b; +} +.admin-form.theme-system .gui-input:hover, +.admin-form.theme-system .gui-textarea:hover, +.admin-form.theme-system .select > select:hover, +.admin-form.theme-system .select-multiple select:hover, +.admin-form.theme-system .gui-input:hover ~ .input-footer, +.admin-form.theme-system .file .gui-file:hover + .gui-input, +.admin-form.theme-system .gui-textarea:hover ~ .input-footer { + border-color: #48cfad; +} +.admin-form.theme-system .gui-input:focus, +.admin-form.theme-system .gui-textarea:focus, +.admin-form.theme-system .select > select:focus, +.admin-form.theme-system .select-multiple select:focus { + border-color: #48cfad; + color: #3C3C3C; +} +.admin-form.theme-system .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-system .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-system .gui-input:focus ~ .field-icon i, +.admin-form.theme-system .gui-textarea:focus ~ .field-icon i { + color: #37bc9b; +} +.admin-form.theme-system .select-multiple select:focus, +.admin-form.theme-system .gui-input:focus ~ .input-footer, +.admin-form.theme-system .gui-textarea:focus ~ .input-footer, +.admin-form.theme-system .file .gui-file:focus + .gui-input { + border-color: #48cfad; +} +.admin-form.theme-system .select > select:focus + .arrow { + color: #37bc9b; +} +.admin-form.theme-system .rating:hover .rating-star:hover, +.admin-form.theme-system .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-system .rating-input:checked ~ .rating-star { + color: #37bc9b; +} +.admin-form.theme-system .rating-star, +.admin-form.theme-system .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-system .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-system .ui-datepicker .ui-datepicker-next, +.admin-form.theme-system .ui-datepicker .ui-datepicker-title { + color: #37bc9b; +} +.admin-form.theme-system .ui-datepicker-today a, +.admin-form.theme-system .ui-datepicker-today a:hover, +.admin-form.theme-system .ui-datepicker .ui-state-highlight { + background: #7fdac3 !important; +} +.admin-form.theme-system .ui-datepicker .ui-state-active { + background: #37bc9b !important; +} +.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #37bc9b; +} +.admin-form.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #37bc9b; +} +.admin-form.theme-system .wizard .steps li a, +.admin-form.theme-system .wizard .actions li a { + background-color: #37bc9b; +} +.admin-form.theme-system .wizard .steps li.current a { + background-color: #2fa285; +} +.admin-form .panel-dark > .panel-heading { + border-top-color: #424759; +} +.admin-form .panel-dark > .panel-heading:before { + background-color: #3b3f4f; +} +.admin-form .panel-dark.heading-border:before, +.admin-form .panel-dark .heading-border:before { + background-color: #3b3f4f; +} +.admin-form .bg-dark { + background-color: #3b3f4f; +} +.admin-form .bg-dark.light { + background-color: #424759; +} +.admin-form .bg-dark.lighter { + background-color: #51566c; +} +.admin-form .bg-dark.dark { + background-color: #2c2f3c; +} +.admin-form .bg-dark.darker { + background-color: #1e2028; +} +.admin-form .option-dark input:hover + .checkbox, +.admin-form .option-dark input:hover + .radio { + border-color: #424759; +} +.admin-form .option-dark input:checked + .checkbox, +.admin-form .option-dark input:focus + .checkbox, +.admin-form .option-dark input:checked + .radio, +.admin-form .option-dark input:focus + .radio { + border-color: #3b3f4f; +} +.admin-form .option-dark input:checked + .radio:before, +.admin-form .option-dark input:focus + .radio:before { + background: #3b3f4f; +} +.admin-form .option-dark input:checked + .checkbox:before, +.admin-form .option-dark input:focus + .checkbox:before { + border-color: #3b3f4f; +} +.admin-form .switch-dark > input:checked + label { + background: #3b3f4f; + border-color: #3b3f4f; +} +.admin-form .switch-dark > input:checked + label:after { + color: #3b3f4f; +} +.admin-form .switch-dark > input:checked:focus + label { + background: #2c2f3c; + border-color: #2c2f3c; +} +.admin-form .btn-dark { + background-color: #3b3f4f; +} +.admin-form .btn-dark:hover, +.admin-form .btn-dark:focus { + background-color: #424759; + border-color: #424759; +} +.admin-form .btn-dark:active { + background-color: #2c2f3c; +} +.admin-form .btn-dark, +.admin-form .btn-dark:hover, +.admin-form .btn-dark:focus, +.admin-form .btn-dark:active { + color: #fff; + text-shadow: 0 1px rgba(0, 0, 0, 0.08); +} +.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-range { + background-color: #3b3f4f; +} +.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-handle { + border-color: #3b3f4f; +} +.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-handle:before { + background-color: #3b3f4f; +} +.admin-form.theme-dark .section-divider span { + color: #3b3f4f; +} +.admin-form.theme-dark .tagline span { + color: #3b3f4f; +} +.admin-form.theme-dark .theme-link { + color: #3b3f4f; +} +.admin-form.theme-dark .gui-input:hover, +.admin-form.theme-dark .gui-textarea:hover, +.admin-form.theme-dark .select > select:hover, +.admin-form.theme-dark .select-multiple select:hover, +.admin-form.theme-dark .gui-input:hover ~ .input-footer, +.admin-form.theme-dark .file .gui-file:hover + .gui-input, +.admin-form.theme-dark .gui-textarea:hover ~ .input-footer { + border-color: #424759; +} +.admin-form.theme-dark .gui-input:focus, +.admin-form.theme-dark .gui-textarea:focus, +.admin-form.theme-dark .select > select:focus, +.admin-form.theme-dark .select-multiple select:focus { + border-color: #424759; + color: #3C3C3C; +} +.admin-form.theme-dark .gui-textarea:focus { + height: 120px; +} +.admin-form.theme-dark .select > select:focus { + z-index: 10; + z-index: 20\9; +} +.admin-form.theme-dark .gui-input:focus ~ .field-icon i, +.admin-form.theme-dark .gui-textarea:focus ~ .field-icon i { + color: #3b3f4f; +} +.admin-form.theme-dark .select-multiple select:focus, +.admin-form.theme-dark .gui-input:focus ~ .input-footer, +.admin-form.theme-dark .gui-textarea:focus ~ .input-footer, +.admin-form.theme-dark .file .gui-file:focus + .gui-input { + border-color: #424759; +} +.admin-form.theme-dark .select > select:focus + .arrow { + color: #3b3f4f; +} +.admin-form.theme-dark .rating:hover .rating-star:hover, +.admin-form.theme-dark .rating:hover .rating-star:hover ~ .rating-star, +.admin-form.theme-dark .rating-input:checked ~ .rating-star { + color: #3b3f4f; +} +.admin-form.theme-dark .rating-star, +.admin-form.theme-dark .rating:hover .rating-star { + color: #A2A6A8; +} +.admin-form.theme-dark .ui-datepicker .ui-datepicker-prev, +.admin-form.theme-dark .ui-datepicker .ui-datepicker-next, +.admin-form.theme-dark .ui-datepicker .ui-datepicker-title { + color: #3b3f4f; +} +.admin-form.theme-dark .ui-datepicker-today a, +.admin-form.theme-dark .ui-datepicker-today a:hover, +.admin-form.theme-dark .ui-datepicker .ui-state-highlight { + background: #676e89 !important; +} +.admin-form.theme-dark .ui-datepicker .ui-state-active { + background: #3b3f4f !important; +} +.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active { + background: #FFF !important; +} +.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle { + border-color: #3b3f4f; +} +.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before { + background-color: #3b3f4f; +} +.admin-form.theme-dark .wizard .steps li a, +.admin-form.theme-dark .wizard .actions li a { + background-color: #3b3f4f; +} +.admin-form.theme-dark .wizard .steps li.current a { + background-color: #2c2f3c; +} diff --git a/webroot/static/assets/css/theme/fullcalendar.css b/webroot/static/assets/css/theme/fullcalendar.css new file mode 100755 index 0000000..ca361d2 --- /dev/null +++ b/webroot/static/assets/css/theme/fullcalendar.css @@ -0,0 +1,392 @@ +/*================================================== + FullCalendar.JS - Used on pages-calendar.html +==================================================== */ +/* External Events +------------------------------*/ +.fc-event { + position: relative; + cursor: pointer; + padding: 8px; + margin: 10px; + color: #777; + font-size: 12px; + background: #f9f9f9; + border-radius: 2px; + border: 1px solid #ddd; + border-left: 4px solid #ddd; +} +.fc-event-desc { + display: inline-block; + vertical-align: middle; + padding-left: 5px; +} +.fc-event-icon { + display: inline-block; + vertical-align: middle; + width: 20px; + font-size: 16px; + text-align: center; +} +.fc-event:hover, +.fc-event:focus { + color: #777; + background: #f4f4f4; +} +.fc-view-container .fc-event { + padding: 6px; + background: #f4f4f4; +} +.fc-view-container .fc-event .fc-content { + overflow: hidden; + text-overflow: ellipsis; +} +.fc-event-primary { + border-left-color: #4a89dc; +} +.fc-event-primary .fc-event-icon { + color: #4a89dc; +} +.fc-event-info { + border-left-color: #3bafda; +} +.fc-event-info .fc-event-icon { + color: #3bafda; +} +.fc-event-success { + border-left-color: #70ca63; +} +.fc-event-success .fc-event-icon { + color: #70ca63; +} +.fc-event-warning { + border-left-color: #f6bb42; +} +.fc-event-warning .fc-event-icon { + color: #f6bb42; +} +.fc-event-danger { + border-left-color: #e9573f; +} +.fc-event-danger .fc-event-icon { + color: #e9573f; +} +.fc-event-alert { + border-left-color: #967adc; +} +.fc-event-alert .fc-event-icon { + color: #967adc; +} +.fc-event-system { + border-left-color: #37bc9b; +} +.fc-event-system .fc-event-icon { + color: #37bc9b; +} +/* Buttons (styled