diff --git a/modules/backend/ServiceProvider.php b/modules/backend/ServiceProvider.php
index ba410e9cb..464a371d5 100644
--- a/modules/backend/ServiceProvider.php
+++ b/modules/backend/ServiceProvider.php
@@ -66,13 +66,13 @@ class ServiceProvider extends ModuleServiceProvider
protected function registerAssetBundles()
{
CombineAssets::registerCallback(function($combiner) {
- $combiner->registerBundle('~/modules/backend/assets/less/october.less');
+ // $combiner->registerBundle('~/modules/backend/assets/less/october.less');
$combiner->registerBundle('~/modules/backend/assets/js/october.js');
$combiner->registerBundle('~/modules/backend/widgets/table/assets/js/build.js');
- $combiner->registerBundle('~/modules/backend/formwidgets/datepicker/assets/js/build.js');
- $combiner->registerBundle('~/modules/backend/formwidgets/richeditor/assets/less/richeditor.less');
+ // $combiner->registerBundle('~/modules/backend/formwidgets/datepicker/assets/js/build.js');
+ // $combiner->registerBundle('~/modules/backend/formwidgets/richeditor/assets/less/richeditor.less');
$combiner->registerBundle('~/modules/backend/formwidgets/richeditor/assets/js/build.js');
- $combiner->registerBundle('~/modules/backend/formwidgets/codeeditor/assets/less/codeeditor.less');
+ // $combiner->registerBundle('~/modules/backend/formwidgets/codeeditor/assets/less/codeeditor.less');
$combiner->registerBundle('~/modules/backend/formwidgets/codeeditor/assets/js/build.js');
$combiner->registerBundle('~/modules/backend/formwidgets/fileupload/assets/less/fileupload.less');
});
@@ -88,6 +88,7 @@ class ServiceProvider extends ModuleServiceProvider
'dashboard' => [
'label' => 'backend::lang.dashboard.menu_label',
'icon' => 'icon-dashboard',
+ 'iconSvg' => 'modules/backend/assets/images/dashboard-icon.svg',
'url' => Backend::url('backend'),
'permissions' => ['backend.access_dashboard'],
'order' => 1
diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css
index ef77339d5..8af167d9b 100644
--- a/modules/backend/assets/css/october.css
+++ b/modules/backend/assets/css/october.css
@@ -533,7 +533,7 @@
background-repeat: no-repeat;
}
.sweet-alert .btn-default:focus {
- border-color: #e3e3e3;
+ border-color: #bdc3c7;
outline: 0;
}
.sweet-alert .btn-success:focus {
@@ -801,9 +801,9 @@
font-size: 12px;
text-align: center;
font-weight: 400;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
}
.control-filelist ul {
padding: 0;
@@ -1217,9 +1217,9 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
}
.report-widget h3 {
font-size: 14px;
@@ -2001,14 +2001,23 @@
}
}
.sidenav-tree {
- width: 280px;
- background: #34495e;
+ width: 300px;
+ background: #31495f;
}
.sidenav-tree .control-toolbar {
- padding: 20px 0 20px 20px;
+ padding: 0;
+}
+.sidenav-tree .control-toolbar .toolbar-item {
+ display: block;
}
.sidenav-tree .control-toolbar input.form-control {
border: none;
+ outline: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
+ box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
}
.sidenav-tree ul {
padding: 0;
@@ -2019,33 +2028,46 @@
background: #2b3e50!important;
}
.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group h3:before {
- -webkit-transform: rotate(0deg) translate(3px, 0);
- -ms-transform: rotate(0deg) translate(3px, 0);
- transform: rotate(0deg) translate(3px, 0);
+ -webkit-transform: rotate(0deg) translate(2px, -2px);
+ -ms-transform: rotate(0deg) translate(2px, -2px);
+ transform: rotate(0deg) translate(2px, -2px);
+}
+.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group h3:after {
+ display: none;
}
.sidenav-tree ul.top-level > li[data-status=collapsed] ul {
display: none;
}
+.sidenav-tree ul.top-level > li > div.group {
+ position: relative;
+}
+.sidenav-tree ul.top-level > li > div.group:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 10px;
+ height: 100%;
+ -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
+ box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
+}
.sidenav-tree ul.top-level > li > div.group h3 {
- background: #2b3e50;
+ background: #2a3e51;
color: #ecf0f1;
text-transform: uppercase;
- font-size: 14px;
- padding: 15px 15px 15px 33px;
+ font-size: 16px;
+ padding: 22px 15px 21px 40px;
margin: 0;
position: relative;
cursor: pointer;
}
.sidenav-tree ul.top-level > li > div.group h3:before {
- width: 10px;
- height: 10px;
display: block;
position: absolute;
- top: 1px;
-}
-.sidenav-tree ul.top-level > li > div.group h3:before {
- left: 13px;
- top: 15px;
+ width: 10px;
+ height: 10px;
+ left: 16px;
+ top: 21px;
color: #cfcfcf;
font-family: FontAwesome;
font-weight: normal;
@@ -2053,69 +2075,84 @@
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
- content: "\f0da";
- -webkit-transform: rotate(90deg) translate(5px, 0);
- -ms-transform: rotate(90deg) translate(5px, 0);
- transform: rotate(90deg) translate(5px, 0);
+ content: "\f105";
+ -webkit-transform: rotate(90deg) translate(5px, -3px);
+ -ms-transform: rotate(90deg) translate(5px, -3px);
+ transform: rotate(90deg) translate(5px, -3px);
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
+ font-size: 16px;
+}
+.sidenav-tree ul.top-level > li > div.group h3:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-top: 8px solid #2a3e51;
+ border-bottom-width: 0;
+ position: absolute;
+ left: 15px;
+ bottom: -8px;
+ z-index: 101;
}
.sidenav-tree ul.top-level > li > ul li a {
display: block;
position: relative;
- padding: 15px 15px 15px 40px;
- background: #3d5265;
- margin-bottom: 1px;
- color: rgba(255, 255, 255, 0.26);
+ padding: 25px 25px 25px 60px;
+ background: transparent;
+ border-bottom: 1px solid #2a3e51;
+ color: #ffffff;
text-decoration: none!important;
}
+.sidenav-tree ul.top-level > li > ul li a:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 10px;
+ height: 100%;
+ -webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
+ box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
+}
.sidenav-tree ul.top-level > li > ul li a:hover {
text-decoration: none;
}
.sidenav-tree ul.top-level > li > ul li a i {
position: absolute;
- left: 15px;
- top: 17px;
- font-size: 16px;
+ left: 20px;
+ top: 24px;
+ font-size: 22px;
}
.sidenav-tree ul.top-level > li > ul li a span {
display: block;
line-height: 150%;
}
.sidenav-tree ul.top-level > li > ul li a span.header {
- color: rgba(255, 255, 255, 0.74);
- font-size: 14px;
+ color: #ffffff;
+ font-size: 16px;
margin-bottom: 5px;
}
.sidenav-tree ul.top-level > li > ul li a span.description {
- color: rgba(255, 255, 255, 0.64);
- font-size: 12px;
- font-weight: 100;
+ color: #bdc3c7;
+ font-size: 15px;
}
-.sidenav-tree ul.top-level > li > ul li.active a {
- background: #34495e;
+.sidenav-tree ul.top-level > li > ul li.active a,
+.sidenav-tree ul.top-level > li > ul li:hover a {
+ background: #1f99dc;
color: rgba(255, 255, 255, 0.91);
}
-.sidenav-tree ul.top-level > li > ul li.active a:before {
- content: ' ';
- position: absolute;
- width: 4px;
- background: #e67e22;
- left: 0;
- top: 0;
- height: 100%;
-}
-.sidenav-tree ul.top-level > li > ul li.active a span.header {
+.sidenav-tree ul.top-level > li > ul li.active a span.header,
+.sidenav-tree ul.top-level > li > ul li:hover a span.header {
color: #ffffff;
}
-.sidenav-tree ul.top-level > li > ul li.active a span.description {
+.sidenav-tree ul.top-level > li > ul li.active a span.description,
+.sidenav-tree ul.top-level > li > ul li:hover a span.description {
color: rgba(255, 255, 255, 0.91);
}
.sidenav-tree ul.top-level > li > ul li:last-child a {
- margin-bottom: 0;
-}
-.sidenav-tree ul.top-level > li > ul li:hover a {
- background-color: #34495e;
+ border-bottom: none;
}
.sidenav-tree .back-link {
display: none;
@@ -2437,6 +2474,25 @@ div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar .drag-ha
.autocomplete.dropdown-menu li a {
padding: 3px 12px;
}
+.svg-icon-container img.svg-icon {
+ display: none;
+}
+.svg-icon-container.svg-active-effects img.svg-icon {
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%);
+ opacity: 0.6;
+ filter: alpha(opacity=60);
+}
+.svg-icon-container.svg-active-effects:hover img.svg-icon,
+.svg-icon-container.svg-active-effects.active img.svg-icon {
+ -webkit-filter: none;
+ filter: none;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+html.svg .svg-icon-container i.svg-replace {
+ display: none;
+}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
@@ -2746,8 +2802,8 @@ body {
.control-tabs.primary-tabs > ul.nav-tabs,
.control-tabs.primary-tabs > div > ul.nav-tabs,
.control-tabs.primary-tabs > div > div > ul.nav-tabs {
- margin-left: -20px;
- margin-right: -20px;
+ margin-left: -35px;
+ margin-right: -35px;
}
.control-tabs.primary-tabs.tabs-no-inset > ul.nav-tabs,
.control-tabs.primary-tabs.tabs-no-inset > div > ul.nav-tabs,
@@ -2787,7 +2843,7 @@ body {
.layout > .layout-row > .layout-cell .layout-container,
.layout > .layout-row > .layout-cell.padded-container,
.layout > .layout-row > .layout-cell .padded-container {
- padding: 20px 20px 0 20px;
+ padding: 35px 35px 0 35px;
}
.layout > .layout-row > .layout-cell.layout-container .container-flush,
.layout > .layout-row > .layout-cell .layout-container .container-flush,
@@ -2832,7 +2888,7 @@ body {
.layout > .layout-row > .layout-cell .layout-container,
.layout > .layout-row > .layout-cell.padded-container,
.layout > .layout-row > .layout-cell .padded-container {
- padding: 20px 20px 0 20px;
+ padding: 35px 35px 0 35px;
}
.layout > .layout-row > .layout-cell.layout-container .container-flush,
.layout > .layout-row > .layout-cell .layout-container .container-flush,
@@ -2885,7 +2941,7 @@ body {
.layout > .layout-cell .layout-container,
.layout > .layout-cell.padded-container,
.layout > .layout-cell .padded-container {
- padding: 20px 20px 0 20px;
+ padding: 35px 35px 0 35px;
}
.layout > .layout-cell.layout-container .container-flush,
.layout > .layout-cell .layout-container .container-flush,
@@ -3070,20 +3126,20 @@ body.slim-container .layout .layout-container {
body.mainmenu-open {
overflow: hidden;
}
-nav#layout-mainmenu.navbar {
+nav#layout-mainmenu {
background-color: #111111;
padding: 0 0 0 20px;
line-height: 0;
white-space: nowrap;
vertical-align: top;
}
-nav#layout-mainmenu.navbar a {
+nav#layout-mainmenu a {
text-decoration: none;
}
-nav#layout-mainmenu.navbar a:focus {
+nav#layout-mainmenu a:focus {
background: transparent;
}
-nav#layout-mainmenu.navbar ul {
+nav#layout-mainmenu ul {
margin: 0;
padding: 0;
list-style: none;
@@ -3091,95 +3147,165 @@ nav#layout-mainmenu.navbar ul {
white-space: nowrap;
overflow: hidden;
}
-nav#layout-mainmenu.navbar ul li {
+nav#layout-mainmenu ul li {
color: #555555;
display: inline-block;
vertical-align: top;
margin-right: 30px;
position: relative;
}
-nav#layout-mainmenu.navbar ul li:last-child {
+nav#layout-mainmenu ul li a {
+ padding: 19px 0 15px;
+ display: inline-block;
+ font-size: 16px;
+ color: inherit;
+ outline: none;
+}
+nav#layout-mainmenu ul li a:hover {
+ background-color: transparent !important;
+}
+nav#layout-mainmenu ul li a:active,
+nav#layout-mainmenu ul li a:focus {
+ text-decoration: none;
+ color: #555555;
+}
+nav#layout-mainmenu ul li a i {
+ position: relative;
+ top: -2px;
+ line-height: 1;
+ font-size: 35px;
+ vertical-align: middle;
+ margin-right: 10px;
+}
+nav#layout-mainmenu ul li a i {
+ font-size: 30px;
+}
+nav#layout-mainmenu ul li a img.svg-icon {
+ height: 30px;
+ width: 30px;
+ margin-right: 10px;
+ position: relative;
+ top: 0;
+}
+nav#layout-mainmenu ul li:last-child {
margin-right: 0;
}
-nav#layout-mainmenu.navbar ul li.active:after {
+nav#layout-mainmenu ul li.active:after {
content: ' ';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -8.5px;
}
-nav#layout-mainmenu.navbar ul li.icon {
+nav#layout-mainmenu ul li.active a {
+ font-size: 18px;
+ padding-top: 13px;
+ padding-bottom: 8px;
+}
+nav#layout-mainmenu ul li.active a i {
+ font-size: 40px;
+}
+nav#layout-mainmenu ul li.active a img.svg-icon {
+ height: 40px;
+ width: 40px;
+}
+nav#layout-mainmenu ul li.icon {
margin-right: 0;
}
-nav#layout-mainmenu.navbar ul li.icon i {
+nav#layout-mainmenu ul li.icon i {
margin-right: 0;
}
-nav#layout-mainmenu.navbar ul li.icon a {
+nav#layout-mainmenu ul li.icon a {
padding: 14px;
}
-nav#layout-mainmenu.navbar ul li.power-off i,
-nav#layout-mainmenu.navbar ul li.preview i {
+nav#layout-mainmenu ul li.power-off i,
+nav#layout-mainmenu ul li.preview i {
font-size: 20px;
}
-nav#layout-mainmenu.navbar ul li.power-off a,
-nav#layout-mainmenu.navbar ul li.preview a {
+nav#layout-mainmenu ul li.power-off a,
+nav#layout-mainmenu ul li.preview a {
padding: 25px 10px 19px 21px;
}
-nav#layout-mainmenu.navbar ul li.account {
+nav#layout-mainmenu ul li.account {
margin-right: 0;
}
-nav#layout-mainmenu.navbar ul li.account > a {
- padding: 20px 20px 9px 10px;
+nav#layout-mainmenu ul li.account > a {
+ padding: 16px 20px 13px 10px;
font-size: 18px;
position: relative;
z-index: 590;
}
-nav#layout-mainmenu.navbar ul li.account img {
+nav#layout-mainmenu ul li.account img {
width: 35px;
margin-right: 15px;
position: relative;
- top: -4px;
+ top: -1px;
}
-nav#layout-mainmenu.navbar ul li.account ul {
+nav#layout-mainmenu ul li.account ul {
line-height: 23px;
}
-nav#layout-mainmenu.navbar ul.nav {
+nav#layout-mainmenu ul.nav {
display: inline-block;
}
-nav#layout-mainmenu.navbar .menu-toggle {
+nav#layout-mainmenu .menu-toggle {
+ padding: 19px 0 15px;
+ display: inline-block;
+ font-size: 16px;
+ color: inherit;
+ outline: none;
display: none;
}
-nav#layout-mainmenu.navbar .toolbar-item {
+nav#layout-mainmenu .menu-toggle:hover {
+ background-color: transparent !important;
+}
+nav#layout-mainmenu .menu-toggle:active,
+nav#layout-mainmenu .menu-toggle:focus {
+ text-decoration: none;
+ color: #555555;
+}
+nav#layout-mainmenu .menu-toggle i {
+ position: relative;
+ top: -2px;
+ line-height: 1;
+ font-size: 35px;
+ vertical-align: middle;
+ margin-right: 10px;
+}
+nav#layout-mainmenu .toolbar-item {
padding-right: 0;
}
-nav#layout-mainmenu.navbar .toolbar-item:before,
-nav#layout-mainmenu.navbar .toolbar-item:after {
+nav#layout-mainmenu .toolbar-item:before,
+nav#layout-mainmenu .toolbar-item:after {
margin-top: 0;
}
-nav#layout-mainmenu.navbar .toolbar-item:before {
+nav#layout-mainmenu .toolbar-item:before {
left: -12px;
}
-nav#layout-mainmenu.navbar .toolbar-item:after {
+nav#layout-mainmenu .toolbar-item:after {
right: -12px;
}
-nav#layout-mainmenu.navbar .toolbar-item.scroll-active-before:before {
+nav#layout-mainmenu .toolbar-item.scroll-active-before:before {
color: #ffffff;
}
-nav#layout-mainmenu.navbar .toolbar-item.scroll-active-after:after {
+nav#layout-mainmenu .toolbar-item.scroll-active-after:after {
color: #ffffff;
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu {
+html.svg nav#layout-mainmenu img.svg-icon,
+html.svg .mainmenu-collapsed img.svg-icon {
+ display: inline-block;
+}
+nav#layout-mainmenu ul li .mainmenu-accountmenu {
position: fixed;
- top: 61px;
+ top: 64px;
right: 0;
background: #2b3e50;
z-index: 590;
display: none;
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu.active {
+nav#layout-mainmenu ul li .mainmenu-accountmenu.active {
display: block;
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after {
+nav#layout-mainmenu ul li .mainmenu-accountmenu:after {
content: '';
display: block;
width: 0;
@@ -3191,84 +3317,35 @@ nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after {
top: -12px;
position: absolute;
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu ul {
+nav#layout-mainmenu ul li .mainmenu-accountmenu ul {
float: none;
display: block;
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li {
+nav#layout-mainmenu ul li .mainmenu-accountmenu li {
padding: 0;
margin: 0;
font-weight: normal;
text-align: left;
display: block;
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li a {
+nav#layout-mainmenu ul li .mainmenu-accountmenu li a {
display: block;
padding: 12px 30px;
text-align: left;
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li:hover {
+nav#layout-mainmenu ul li .mainmenu-accountmenu li:hover {
background: #3d5265!important;
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li.divider {
+nav#layout-mainmenu ul li .mainmenu-accountmenu li.divider {
height: 1px;
width: 100%;
background-color: #4b6372;
}
@media (max-width: 768px) {
- nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after {
+ nav#layout-mainmenu ul li .mainmenu-accountmenu:after {
right: 71px;
}
}
-nav#layout-mainmenu.navbar ul li a,
-nav#layout-mainmenu .menu-toggle,
-.mainmenu-collapsed li a {
- padding: 19px 0 15px;
- display: inline-block;
- font-size: 16px;
- color: inherit;
- outline: none;
-}
-nav#layout-mainmenu.navbar ul li a:hover,
-nav#layout-mainmenu .menu-toggle:hover,
-.mainmenu-collapsed li a:hover {
- background-color: transparent !important;
-}
-nav#layout-mainmenu.navbar ul li a:active,
-nav#layout-mainmenu .menu-toggle:active,
-.mainmenu-collapsed li a:active,
-nav#layout-mainmenu.navbar ul li a:focus,
-nav#layout-mainmenu .menu-toggle:focus,
-.mainmenu-collapsed li a:focus {
- text-decoration: none;
- color: #555555;
-}
-nav#layout-mainmenu.navbar ul li a i,
-nav#layout-mainmenu .menu-toggle i,
-.mainmenu-collapsed li a i {
- position: relative;
- top: -2px;
- line-height: 1;
- font-size: 35px;
- vertical-align: middle;
- margin-right: 10px;
-}
-nav#layout-mainmenu.navbar ul li a i {
- font-size: 30px;
-}
-nav#layout-mainmenu.navbar ul li.active a {
- font-size: 18px;
- padding-top: 16px;
- padding-bottom: 13px;
-}
-nav#layout-mainmenu.navbar ul li.active a i {
- font-size: 35px;
-}
-.mainmenu-collapsed li a i {
- width: 40px;
- text-align: left;
- display: inline-block;
-}
nav#layout-mainmenu.navbar ul li:hover a:active,
.mainmenu-collapsed li:hover a:active,
nav#layout-mainmenu.navbar ul li:hover a:focus,
@@ -3333,12 +3410,48 @@ body.drag .mainmenu-collapsed ul li:hover {
color: #555555;
}
.mainmenu-collapsed > div ul li a {
+ padding: 19px 0 15px;
+ display: inline-block;
+ font-size: 16px;
+ color: inherit;
+ outline: none;
white-space: nowrap;
display: block;
padding: 15px 20px;
}
.mainmenu-collapsed > div ul li a:hover {
+ background-color: transparent !important;
+ }
+ .mainmenu-collapsed > div ul li a:active,
+ .mainmenu-collapsed > div ul li a:focus {
text-decoration: none;
+ color: #555555;
+ }
+ .mainmenu-collapsed > div ul li a i {
+ position: relative;
+ top: -2px;
+ line-height: 1;
+ font-size: 35px;
+ vertical-align: middle;
+ margin-right: 10px;
+ }
+ .mainmenu-collapsed > div ul li a:hover {
+ text-decoration: none;
+ }
+ .mainmenu-collapsed > div ul li a img.svg-icon {
+ margin-right: 10px;
+ position: relative;
+ top: -3px;
+ width: 30px;
+ height: 30px;
+ }
+ .mainmenu-collapsed > div ul li a i {
+ width: 40px;
+ text-align: left;
+ display: inline-block;
+ }
+ .mainmenu-collapsed > div ul li.active a {
+ padding: 9px 20px 11px 20px;
}
.mainmenu-collapsed .scroll-marker {
position: absolute;
@@ -3395,7 +3508,7 @@ body.mainmenu-open .mainmenu-collapsed ul {
}
}
#layout-sidenav {
- background-color: #34495e;
+ background-color: #31495f;
position: absolute;
height: 100%;
width: 100%;
@@ -4400,7 +4513,7 @@ html.csstransitions body.outer.preload .outer-form-container {
}
.fancy-layout .field-richeditor {
border: none;
- border-left: 1px solid #e0e0e0 !important;
+ border-left: 1px solid #bdc3c7 !important;
}
.fancy-layout .field-richeditor,
.fancy-layout .field-richeditor .redactor_box,
diff --git a/modules/backend/assets/images/dashboard-icon.svg b/modules/backend/assets/images/dashboard-icon.svg
new file mode 100644
index 000000000..bf6976e2b
--- /dev/null
+++ b/modules/backend/assets/images/dashboard-icon.svg
@@ -0,0 +1,20 @@
+
+
\ No newline at end of file
diff --git a/modules/backend/assets/less/controls/sidenav-tree.less b/modules/backend/assets/less/controls/sidenav-tree.less
index 52fc0600a..458c42ea8 100644
--- a/modules/backend/assets/less/controls/sidenav-tree.less
+++ b/modules/backend/assets/less/controls/sidenav-tree.less
@@ -1,12 +1,31 @@
+.sidenav-tree-shadow-element() {
+ content: '';
+ position: absolute;
+ height: 100%;
+ top: 0;
+ right: 0;
+ width: 10px;
+ height: 100%;
+ .box-shadow(inset -5px 0 3px rgba(0,0,0,0.1));
+}
+
.sidenav-tree {
- width: 280px;
+ width: 300px;
background: @color-sidebarnav-bg;
.control-toolbar {
- padding: 20px 0 20px 20px;
+ padding: 0;
+
+ .toolbar-item {
+ display: block;
+ }
input.form-control {
border: none;
+ outline: none;
+
+ .border-radius(0);
+ .box-shadow(inset -5px 0 3px rgba(0,0,0,0.1));
}
}
@@ -22,8 +41,16 @@
ul.top-level > li {
&[data-status=collapsed] {
- > div.group h3:before {
- .transform(~'rotate(0deg) translate(3px, 0)');
+ > div.group {
+ h3 {
+ &:before {
+ .transform(~'rotate(0deg) translate(2px, -2px)');
+ }
+
+ &:after {
+ display: none;
+ }
+ }
}
ul {
@@ -32,31 +59,42 @@
}
> div.group {
+ position: relative;
+
+ &:after {
+ .sidenav-tree-shadow-element();
+ }
+
h3 {
background: @color-sidebarnav-tree-group-bg;
color: @color-sidebarnav-tree-group;
text-transform: uppercase;
- font-size: 14px;
- padding: 15px 15px 15px 33px;
+ font-size: 16px;
+ padding: 22px 15px 21px 40px;
margin: 0;
position: relative;
cursor: pointer;
&:before {
- width: 10px;
- height: 10px;
display: block;
position: absolute;
- top: 1px;
+ width: 10px;
+ height: 10px;
+ left: 16px;
+ top: 21px;
+ color: @color-list-arrow;
+ .icon(@angle-right);
+ .transform(~'rotate(90deg) translate(5px, -3px)');
+ .transition(all 0.1s ease);
+ font-size: 16px;
}
- &:before {
- left: 13px;
- top: 15px;
- color: @color-list-arrow;
- .icon(@caret-right);
- .transform(~'rotate(90deg) translate(5px, 0)');
- .transition(all 0.1s ease);
+ &:after {
+ .triangle(down, 15px, 8px, @color-sidebarnav-tree-group-bg);
+ position: absolute;
+ left: 15px;
+ bottom: -8px;
+ z-index: 101;
}
}
}
@@ -66,21 +104,25 @@
a {
display: block;
position: relative;
- padding: 15px 15px 15px 40px;
+ padding: 25px 25px 25px 60px;
background: @color-sidebarnav-tree-inactive-bg;
- margin-bottom: 1px;
+ border-bottom: 1px solid @color-sidebarnav-tree-group-bg;
color: @color-sidebarnav-tree-inactive-text;
text-decoration: none!important;
+ &:after {
+ .sidenav-tree-shadow-element();
+ }
+
&:hover {
text-decoration: none;
}
i {
position: absolute;
- left: 15px;
- top: 17px;
- font-size: 16px;
+ left: 20px;
+ top: 24px;
+ font-size: 22px;
}
span {
@@ -89,32 +131,21 @@
&.header {
color: @color-sidebarnav-tree-inactive-header;
- font-size: 14px;
+ font-size: 16px;
margin-bottom: 5px;
}
&.description {
color: @color-sidebarnav-tree-inactive-desc;
- font-size: 12px;
- font-weight: 100;
+ font-size: 15px;
}
}
}
- &.active a {
+ &.active a, &:hover a {
background: @color-sidebarnav-tree-active-bg;
color: @color-sidebarnav-tree-active-text;
- &:before {
- content: ' ';
- position: absolute;
- width: 4px;
- background: @color-sidebarnav-tree-active-marker;
- left: 0;
- top: 0;
- height: 100%;
- }
-
span.header {
color: @color-sidebarnav-tree-active-header;
}
@@ -125,11 +156,7 @@
}
&:last-child a {
- margin-bottom: 0;
- }
-
- &:hover a {
- background-color: @color-sidebarnav-tree-active-bg;
+ border-bottom: none;
}
}
}
diff --git a/modules/backend/assets/less/controls/svg-icons.less b/modules/backend/assets/less/controls/svg-icons.less
new file mode 100644
index 000000000..6e82b8917
--- /dev/null
+++ b/modules/backend/assets/less/controls/svg-icons.less
@@ -0,0 +1,33 @@
+.svg-icon-container {
+ img.svg-icon {
+ // SVG icons are invisible until SVG support is detected
+ // with JavaScript to reduce flickering on page load.
+ // This should be overridden in a specific control,
+ // inside html.svg {}
+ display: none;
+ }
+
+ &.svg-active-effects {
+ img.svg-icon {
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%);
+ .opacity(0.6);
+ }
+
+ &:hover, &.active {
+ img.svg-icon {
+ -webkit-filter: none;
+ filter: none;
+ .opacity(1);
+ }
+ }
+ }
+}
+
+html.svg {
+ .svg-icon-container {
+ i.svg-replace {
+ display: none;
+ }
+ }
+}
diff --git a/modules/backend/assets/less/core/variables.less b/modules/backend/assets/less/core/variables.less
index 08c4af0a8..eb0201180 100644
--- a/modules/backend/assets/less/core/variables.less
+++ b/modules/backend/assets/less/core/variables.less
@@ -29,7 +29,7 @@
@color-footer-border: #dfdfdf;
@color-footer-text: #666666;
-@color-sidebarnav-bg: #34495e;
+@color-sidebarnav-bg: #31495F;
@color-sidebarnav-active-text: #ffffff;
@color-sidebarnav-active-icon: #ffffff;
@color-sidebarnav-inactive-text: rgba(255,255,255,.35);
@@ -38,13 +38,13 @@
@color-sidebarnav-counter-text: #ffffff;
@color-sidebarnav-tree-group: #ecf0f1;
-@color-sidebarnav-tree-group-bg: #2b3e50;
-@color-sidebarnav-tree-inactive-header: rgba(255,255,255,.74);
-@color-sidebarnav-tree-inactive-desc: rgba(255,255,255,.64);
-@color-sidebarnav-tree-inactive-text: rgba(255,255,255,.26);
+@color-sidebarnav-tree-group-bg: #2A3E51;
+@color-sidebarnav-tree-inactive-header: #ffffff;
+@color-sidebarnav-tree-inactive-desc: #BDC3C7;
+@color-sidebarnav-tree-inactive-text: #ffffff;
@color-sidebarnav-tree-active-header: #ffffff;
-@color-sidebarnav-tree-inactive-bg: #3d5265;
-@color-sidebarnav-tree-active-bg: #34495e;
+@color-sidebarnav-tree-inactive-bg: transparent;
+@color-sidebarnav-tree-active-bg: #1F99DC;
@color-sidebarnav-tree-active-text: rgba(255,255,255,.91);
@color-sidebarnav-tree-active-marker: #e67e22;
@color-sidebarnav-back-link-bg: #2b3e50;
diff --git a/modules/backend/assets/less/layout/layout.less b/modules/backend/assets/less/layout/layout.less
index da8c8491e..7bc367fcd 100644
--- a/modules/backend/assets/less/layout/layout.less
+++ b/modules/backend/assets/less/layout/layout.less
@@ -50,8 +50,8 @@ body {
.control-tabs.primary-tabs {
> ul.nav-tabs, > div > ul.nav-tabs, > div > div > ul.nav-tabs {
- margin-left: -20px;
- margin-right: -20px;
+ margin-left: -35px;
+ margin-right: -35px;
}
&.tabs-no-inset {
@@ -78,7 +78,7 @@ body {
&.width-300 { width: 300px; }
&.layout-container, .layout-container, &.padded-container, .padded-container {
- padding: 20px 20px 0 20px;
+ padding: 35px 35px 0 35px;
// Container to sit flush to the element above
.container-flush {
diff --git a/modules/backend/assets/less/layout/mainmenu.less b/modules/backend/assets/less/layout/mainmenu.less
index 3682a49e4..3d37278f2 100644
--- a/modules/backend/assets/less/layout/mainmenu.less
+++ b/modules/backend/assets/less/layout/mainmenu.less
@@ -6,7 +6,33 @@ body.mainmenu-open {
overflow: hidden;
}
-nav#layout-mainmenu.navbar {
+.main-menu-item-link() {
+ padding: 19px 0 15px;
+ display: inline-block;
+ font-size: 16px;
+ color: inherit;
+ outline: none;
+
+ &:hover {
+ background-color: transparent !important;
+ }
+
+ &:active, &:focus {
+ text-decoration: none;
+ color: @color-mainmenu-inactive;
+ }
+
+ i {
+ position: relative;
+ top: -2px;
+ line-height: 1;
+ font-size: 35px;
+ vertical-align: middle;
+ margin-right: 10px;
+ }
+}
+
+nav#layout-mainmenu {
background-color: @color-mainmenu;
padding: 0 0 0 20px;
line-height: 0;
@@ -35,7 +61,25 @@ nav#layout-mainmenu.navbar {
margin-right: 30px;
position: relative;
- &:last-child { margin-right: 0; }
+ a {
+ .main-menu-item-link();
+
+ i {
+ font-size: 30px;
+ }
+
+ img.svg-icon {
+ height: 30px;
+ width: 30px;
+ margin-right: 10px;
+ position: relative;
+ top: 0;
+ }
+ }
+
+ &:last-child {
+ margin-right: 0;
+ }
&.active {
&:after {
@@ -45,24 +89,50 @@ nav#layout-mainmenu.navbar {
left: 50%;
margin-left: -8.5px;
}
+
+ a {
+ font-size: 18px;
+ padding-top: 13px;
+ padding-bottom: 8px;
+
+ i {
+ font-size: 40px;
+ }
+
+ img.svg-icon {
+ height: 40px;
+ width: 40px;
+ }
+ }
}
&.icon {
margin-right: 0;
- i { margin-right: 0; }
- a { padding: 14px; }
+
+ i {
+ margin-right: 0;
+ }
+
+ a {
+ padding: 14px;
+ }
}
&.power-off, &.preview {
- i { font-size: 20px; }
- a { padding: 25px 10px 19px 21px; }
+ i {
+ font-size: 20px;
+ }
+
+ a {
+ padding: 25px 10px 19px 21px;
+ }
}
&.account {
margin-right: 0;
> a {
- padding: 20px 20px 9px 10px;
+ padding: 16px 20px 13px 10px;
font-size: 18px;
position: relative;
z-index: 590;
@@ -72,7 +142,7 @@ nav#layout-mainmenu.navbar {
width: 35px;
margin-right: 15px;
position: relative;
- top: -4px;
+ top: -1px;
}
ul {
@@ -81,9 +151,15 @@ nav#layout-mainmenu.navbar {
}
}
- &.nav { display: inline-block; }
+ &.nav {
+ display: inline-block;
+ }
+ }
+
+ .menu-toggle {
+ .main-menu-item-link();
+ display: none;
}
- .menu-toggle { display: none; }
.toolbar-item {
padding-right: 0;
@@ -91,17 +167,37 @@ nav#layout-mainmenu.navbar {
&:before, &:after {
margin-top: 0;
}
- &:before { left: -12px; }
- &:after { right: -12px; }
- &.scroll-active-before:before { color: @color-mainmenu-active; }
- &.scroll-active-after:after { color: @color-mainmenu-active; }
+ &:before {
+ left: -12px;
+ }
+
+ &:after {
+ right: -12px;
+ }
+
+ &.scroll-active-before:before {
+ color: @color-mainmenu-active;
+ }
+
+ &.scroll-active-after:after {
+ color: @color-mainmenu-active;
+ }
}
}
-nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu {
+html.svg {
+ nav#layout-mainmenu,
+ .mainmenu-collapsed {
+ img.svg-icon {
+ display: inline-block;
+ }
+ }
+}
+
+nav#layout-mainmenu ul li .mainmenu-accountmenu {
position: fixed;
- top: 61px;
+ top: 64px;
right: 0;
background: @color-accountmenu-bg;
z-index: 590;
@@ -154,57 +250,6 @@ nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu {
}
}
-nav#layout-mainmenu.navbar ul li a,
-nav#layout-mainmenu .menu-toggle,
-.mainmenu-collapsed li a {
- padding: 19px 0 15px;
- display: inline-block;
- font-size: 16px;
- color: inherit;
- outline: none;
-
- &:hover {
- background-color: transparent !important;
- }
-
- &:active, &:focus {
- text-decoration: none;
- color: @color-mainmenu-inactive;
- }
-
- i {
- position: relative;
- top: -2px;
- line-height: 1;
- font-size: 35px;
- vertical-align: middle;
- margin-right: 10px;
- }
-}
-
-nav#layout-mainmenu.navbar ul li {
- a {
- i {
- font-size: 30px;
- }
- }
- &.active a {
- font-size: 18px;
- padding-top: 16px;
- padding-bottom: 13px;
-
- i {
- font-size: 35px;
- }
- }
-}
-
-.mainmenu-collapsed li a i {
- width: 40px;
- text-align: left;
- display: inline-block;
-}
-
nav#layout-mainmenu.navbar ul li:hover,
.mainmenu-collapsed li:hover {
a {
@@ -277,6 +322,8 @@ body.drag {
color: @color-mainmenu-inactive;
a {
+ .main-menu-item-link();
+
white-space: nowrap;
display: block;
padding: 15px 20px;
@@ -284,6 +331,24 @@ body.drag {
&:hover {
text-decoration: none;
}
+
+ img.svg-icon {
+ margin-right: 10px;
+ position: relative;
+ top: -3px;
+ width: 30px;
+ height: 30px;
+ }
+
+ i {
+ width: 40px;
+ text-align: left;
+ display: inline-block;
+ }
+ }
+
+ &.active a {
+ padding: 9px 20px 11px 20px;
}
}
}
@@ -303,4 +368,4 @@ body.mainmenu-open .mainmenu-collapsed ul {
@media (min-width: @menu-breakpoint-min) {
#layout-canvas {position: static!important;}
.mainmenu-collapsed {display: none!important;}
-}
+}
\ No newline at end of file
diff --git a/modules/backend/assets/less/october.less b/modules/backend/assets/less/october.less
index d5090ad21..be5dea606 100644
--- a/modules/backend/assets/less/october.less
+++ b/modules/backend/assets/less/october.less
@@ -36,6 +36,7 @@
@import "controls/namevaluelist.less";
@import "controls/scrollpad.less";
@import "controls/autocomplete.less";
+@import "controls/svg-icons.less";
//
// October Storm UI
diff --git a/modules/backend/classes/NavigationManager.php b/modules/backend/classes/NavigationManager.php
index 907ec2b01..53d625b1e 100644
--- a/modules/backend/classes/NavigationManager.php
+++ b/modules/backend/classes/NavigationManager.php
@@ -34,6 +34,7 @@ class NavigationManager
'code' => null,
'label' => null,
'icon' => null,
+ 'iconSvg' => null,
'url' => null,
'permissions' => [],
'order' => 500,
@@ -45,6 +46,7 @@ class NavigationManager
'label' => null,
'icon' => null,
'url' => null,
+ 'iconSvg' => null,
'counter' => null,
'counterLabel'=> null,
'order' => -1,
diff --git a/modules/backend/controllers/Users.php b/modules/backend/controllers/Users.php
index 8b68e7cf3..cc13b3c64 100644
--- a/modules/backend/controllers/Users.php
+++ b/modules/backend/controllers/Users.php
@@ -100,7 +100,7 @@ class Users extends Controller
/*
* Add permissions tab
*/
- $form->addTabFields($this->generatePermissionFields());
+ $form->addTabFields($this->generatePermissionsField());
/*
* Mark default groups
@@ -114,52 +114,21 @@ class Users extends Controller
}
/**
- * Generates an array of form fields to assign permissions provided
- * by the system.
+ * Adds the permissions editor widget to the form.
* @return array
*/
- protected function generatePermissionFields()
+ protected function generatePermissionsField()
{
- $permissionFields = [];
-
- foreach (BackendAuth::listTabbedPermissions() as $tab => $permissions) {
-
- $fieldName = 'permissions_'.snake_case($tab).'_section';
- $fieldConfig = [
- 'label' => $tab,
- 'type' => 'section',
+ return [
+ 'permissions' => [
'tab' => 'backend::lang.user.permissions',
- 'containerAttributes' => [
- 'data-field-collapsible' => 1
- ],
- ];
-
- $permissionFields[$fieldName] = $fieldConfig;
-
- foreach ($permissions as $permission) {
- $fieldName = 'permissions['.$permission->code.']';
- $fieldConfig = [
- 'label' => $permission->label,
- 'comment' => $permission->comment,
- 'type' => 'balloon-selector',
- 'options' => [
- 1 => 'backend::lang.user.allow',
- 0 => 'backend::lang.user.inherit',
- -1 => 'backend::lang.user.deny',
- ],
- 'trigger' => [
- 'action' => 'disable',
- 'field' => 'is_superuser',
- 'condition' => 'checked'
- ],
- 'span' => 'auto',
- 'tab' => 'backend::lang.user.permissions',
- ];
-
- $permissionFields[$fieldName] = $fieldConfig;
- }
- }
-
- return $permissionFields;
+ 'type' => 'Backend\FormWidgets\PermissionEditor',
+ 'trigger' => [
+ 'action' => 'disable',
+ 'field' => 'is_superuser',
+ 'condition' => 'checked'
+ ]
+ ]
+ ];
}
}
diff --git a/modules/backend/formwidgets/FileUpload.php b/modules/backend/formwidgets/FileUpload.php
index 7bcc47601..7e6712a97 100644
--- a/modules/backend/formwidgets/FileUpload.php
+++ b/modules/backend/formwidgets/FileUpload.php
@@ -119,7 +119,7 @@ class FileUpload extends FormWidgetBase
$this->vars['fileList'] = $fileList = $this->getFileList();
$this->vars['singleFile'] = $fileList->first();
$this->vars['displayMode'] = $this->getDisplayMode();
- $this->vars['emptyIcon'] = $this->getConfig('emptyIcon', 'icon-plus');
+ $this->vars['emptyIcon'] = $this->getConfig('emptyIcon', 'icon-upload');
$this->vars['imageHeight'] = $this->imageHeight;
$this->vars['imageWidth'] = $this->imageWidth;
$this->vars['acceptedFileTypes'] = $this->getAcceptedFileTypes(true);
diff --git a/modules/backend/formwidgets/PermissionEditor.php b/modules/backend/formwidgets/PermissionEditor.php
new file mode 100644
index 000000000..4947ffdc2
--- /dev/null
+++ b/modules/backend/formwidgets/PermissionEditor.php
@@ -0,0 +1,48 @@
+prepareVars();
+ return $this->makePartial('permissioneditor');
+ }
+
+ /**
+ * Prepares the list data
+ */
+ public function prepareVars()
+ {
+ $this->vars['permissions'] = BackendAuth::listTabbedPermissions();
+ $this->vars['baseFieldName'] = $this->formField->getName();
+ $this->vars['permissionsData'] = $this->formField->getValueFromData($this->model);
+ }
+
+ /**
+ * {@inheritDoc}
+ */
+ protected function loadAssets()
+ {
+ $this->addCss('css/permissioneditor.css', 'core');
+ }
+}
diff --git a/modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css b/modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css
index 6db32c2f9..2e7ea90c1 100644
--- a/modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css
+++ b/modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css
@@ -1,12 +1,12 @@
-.field-codeeditor{width:100%;position:relative;border:2px solid #e0e0e0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
+.field-codeeditor{width:100%;position:relative;border:2px solid #bdc3c7;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.field-codeeditor textarea{opacity:0;filter:alpha(opacity=0)}
-.field-codeeditor.editor-focus{border:2px solid #808c8d}
+.field-codeeditor.editor-focus{border:2px solid #1f99dc}
.field-codeeditor.size-tiny{min-height:50px}
.field-codeeditor.size-small{min-height:100px}
.field-codeeditor.size-large{min-height:200px}
.field-codeeditor.size-huge{min-height:250px}
.field-codeeditor.size-giant{min-height:350px}
-.field-codeeditor .ace_search{font-family:'Open Sans',Arial,sans-serif;font-size:14px;color:#333333;z-index:603}
+.field-codeeditor .ace_search{font-family:sans-serif;font-size:14px;color:#333333;z-index:603}
.field-codeeditor .editor-code{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.field-codeeditor .editor-toolbar{position:absolute;top:10px;right:10px;z-index:600}
.field-codeeditor .editor-toolbar > ul,.field-codeeditor .editor-toolbar ul > li{list-style-type:none;padding:0;margin:0}
diff --git a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css
index 71a0bb55d..bb63377f6 100644
--- a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css
+++ b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css
@@ -4,7 +4,7 @@
.field-fileupload .upload-object .icon-container i{color:#95a5a6;display:inline-block}
.field-fileupload .upload-object .icon-container div{display:table-cell;text-align:center;vertical-align:middle}
.field-fileupload .upload-object .icon-container.image > div.icon-wrapper{display:none}
-.field-fileupload .upload-object h4{font-weight:600;font-size:13px;color:#2b3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:150%;margin:15px 0 5px 0;padding-right:0;-webkit-transition:padding 0.1s;transition:padding 0.1s;position:relative}
+.field-fileupload .upload-object h4{font-size:15px;color:#2A3E51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:150%;margin:15px 0 5px 0;padding-right:0;-webkit-transition:padding 0.1s;transition:padding 0.1s;position:relative}
.field-fileupload .upload-object h4 a{position:absolute;right:0;top:0;display:none;font-weight:400}
.field-fileupload .upload-object p.size{font-size:12px;color:#95a5a6}
.field-fileupload .upload-object p.size strong{font-weight:400}
@@ -39,16 +39,18 @@
.fileupload-config-form .file-upload-modal-image-header,.fileupload-config-form .file-upload-modal-image-header img{border-top-right-radius:2px;border-top-left-radius:2px}
.fileupload-config-form .file-upload-modal-image-header .close{position:absolute;top:20px;right:20px}
.field-fileupload.style-image-multi .upload-button,.field-fileupload.style-image-multi .upload-object{margin:0 10px 10px 0}
-.field-fileupload.style-image-multi .upload-button{display:block;float:left;border:2px dotted rgba(0,0,0,0.1);position:relative;outline:none;width:76px;height:76px}
+.field-fileupload.style-image-multi .upload-button{display:block;float:left;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;width:76px;height:76px}
.field-fileupload.style-image-multi .upload-button .upload-button-icon{position:absolute;width:22px;height:22px;top:50%;left:50%;margin-top:-11px;margin-left:-11px}
-.field-fileupload.style-image-multi .upload-button .upload-button-icon:before{text-align:center;display:block;font-size:22px;height:22px;width:22px;line-height:22px;color:rgba(0,0,0,0.1)}
-.field-fileupload.style-image-multi .upload-button:hover{border:2px dotted rgba(0,0,0,0.2)}
-.field-fileupload.style-image-multi .upload-button:hover .upload-button-icon:before{color:#31ac5f;color:rgba(0,0,0,0.2)}
-.field-fileupload.style-image-multi .upload-button:focus{border:2px solid rgba(0,0,0,0.3);background:transparent}
-.field-fileupload.style-image-multi .upload-button:focus .upload-button-icon:before{color:#31ac5f;color:rgba(0,0,0,0.2)}
+.field-fileupload.style-image-multi .upload-button .upload-button-icon:before{text-align:center;display:block;font-size:22px;height:22px;width:22px;line-height:22px;color:#BDC3C7}
+.field-fileupload.style-image-multi .upload-button .upload-button-icon.large-icon{width:34px;height:34px;top:50%;left:50%;margin-top:-17px;margin-left:-17px}
+.field-fileupload.style-image-multi .upload-button .upload-button-icon.large-icon:before{font-size:34px;height:24px;width:24px;line-height:24px}
+.field-fileupload.style-image-multi .upload-button:hover{border:2px dashed #1F99DC}
+.field-fileupload.style-image-multi .upload-button:hover .upload-button-icon:before{color:#1F99DC}
+.field-fileupload.style-image-multi .upload-button:focus{border:2px dashed #1F99DC}
+.field-fileupload.style-image-multi .upload-button:focus .upload-button-icon:before{color:#1F99DC}
.field-fileupload.style-image-multi .upload-files-container{margin-left:90px}
.field-fileupload.style-image-multi .upload-object{background:#fff;border:1px solid #ecf0f1;width:260px}
-.field-fileupload.style-image-multi .upload-object .progress-bar{display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;bottom:10px;left:0}
+.field-fileupload.style-image-multi .upload-object .progress-bar{display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;bottom:10px;left:0}
.field-fileupload.style-image-multi .upload-object .progress-bar .upload-progress{float:left;width:0%;height:100%;line-height:5px;color:#ffffff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}
.field-fileupload.style-image-multi .upload-object .icon-container{border-right:1px solid #f6f8f9;float:left;display:inline-block;overflow:hidden;width:75px;height:75px}
.field-fileupload.style-image-multi .upload-object .icon-container i{font-size:35px}
@@ -73,17 +75,19 @@
.field-fileupload.style-image-multi .upload-object{margin-right:0;display:block;width:auto}
}
.field-fileupload.style-image-single.is-populated .upload-button{display:none}
-.field-fileupload.style-image-single .upload-button{display:block;float:left;border:2px dotted rgba(0,0,0,0.1);position:relative;outline:none;min-height:100px;min-width:100px}
+.field-fileupload.style-image-single .upload-button{display:block;float:left;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;min-height:100px;min-width:100px}
.field-fileupload.style-image-single .upload-button .upload-button-icon{position:absolute;width:22px;height:22px;top:50%;left:50%;margin-top:-11px;margin-left:-11px}
-.field-fileupload.style-image-single .upload-button .upload-button-icon:before{text-align:center;display:block;font-size:22px;height:22px;width:22px;line-height:22px;color:rgba(0,0,0,0.1)}
-.field-fileupload.style-image-single .upload-button:hover{border:2px dotted rgba(0,0,0,0.2)}
-.field-fileupload.style-image-single .upload-button:hover .upload-button-icon:before{color:#31ac5f;color:rgba(0,0,0,0.2)}
-.field-fileupload.style-image-single .upload-button:focus{border:2px solid rgba(0,0,0,0.3);background:transparent}
-.field-fileupload.style-image-single .upload-button:focus .upload-button-icon:before{color:#31ac5f;color:rgba(0,0,0,0.2)}
+.field-fileupload.style-image-single .upload-button .upload-button-icon:before{text-align:center;display:block;font-size:22px;height:22px;width:22px;line-height:22px;color:#BDC3C7}
+.field-fileupload.style-image-single .upload-button .upload-button-icon.large-icon{width:34px;height:34px;top:50%;left:50%;margin-top:-17px;margin-left:-17px}
+.field-fileupload.style-image-single .upload-button .upload-button-icon.large-icon:before{font-size:34px;height:24px;width:24px;line-height:24px}
+.field-fileupload.style-image-single .upload-button:hover{border:2px dashed #1F99DC}
+.field-fileupload.style-image-single .upload-button:hover .upload-button-icon:before{color:#1F99DC}
+.field-fileupload.style-image-single .upload-button:focus{border:2px dashed #1F99DC}
+.field-fileupload.style-image-single .upload-button:focus .upload-button-icon:before{color:#1F99DC}
.field-fileupload.style-image-single .upload-object{padding-bottom:66px}
.field-fileupload.style-image-single .upload-object .icon-container{border:1px solid #f6f8f9;background:rgba(255,255,255,0.5)}
.field-fileupload.style-image-single .upload-object .icon-container.image img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;max-width:100%;height:auto;min-height:100px;min-width:100px}
-.field-fileupload.style-image-single .upload-object .progress-bar{display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;bottom:10px;left:0}
+.field-fileupload.style-image-single .upload-object .progress-bar{display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;bottom:10px;left:0}
.field-fileupload.style-image-single .upload-object .progress-bar .upload-progress{float:left;width:0%;height:100%;line-height:5px;color:#ffffff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}
.field-fileupload.style-image-single .upload-object .info{position:absolute;left:0;right:0;bottom:0;height:66px}
.field-fileupload.style-image-single .upload-object .meta{position:absolute;bottom:65px;left:0;right:0;margin:0 15px}
@@ -103,7 +107,7 @@
.field-fileupload.style-file-multi .upload-object .info h4{padding-right:15px}
.field-fileupload.style-file-multi .upload-object .info h4 a{padding:10px 0;right:15px}
.field-fileupload.style-file-multi .upload-object .info p.size{position:absolute;top:0;right:0;width:15%;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.field-fileupload.style-file-multi .upload-object .progress-bar{display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;top:18px;left:0}
+.field-fileupload.style-file-multi .upload-object .progress-bar{display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;top:18px;left:0}
.field-fileupload.style-file-multi .upload-object .progress-bar .upload-progress{float:left;width:0%;height:100%;line-height:5px;color:#ffffff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}
.field-fileupload.style-file-multi .upload-object .meta{position:absolute;top:0;right:0;margin-right:15px;width:15%}
.field-fileupload.style-file-multi .upload-object .meta a.drag-handle{top:-2px;bottom:auto;line-height:150%;padding:10px 0}
@@ -126,7 +130,7 @@
.field-fileupload.style-file-multi .info p.size{width:25% !important;padding-right:35px !important}
.field-fileupload.style-file-multi .meta{width:25% !important}
}
-.field-fileupload.style-file-single{background-color:#ffffff;border:1px solid #e0e0e0;overflow:hidden;position:relative;padding-right:30px}
+.field-fileupload.style-file-single{background-color:#ffffff;border:1px solid #bdc3c7;overflow:hidden;position:relative;padding-right:30px}
.field-fileupload.style-file-single .upload-button{position:absolute;top:50%;margin-top:-44px;height:88px;background:transparent;right:-2px;color:#595959}
.field-fileupload.style-file-single .upload-button i{font-size:14px}
.field-fileupload.style-file-single .upload-button:hover{color:#333333}
@@ -140,7 +144,7 @@
.field-fileupload.style-file-single .upload-object .info h4,.field-fileupload.style-file-single .upload-object .info p{display:inline;margin:0;padding:0;font-size:12px;line-height:150%;color:#666666}
.field-fileupload.style-file-single .upload-object .info p.size{font-weight:normal}
.field-fileupload.style-file-single .upload-object .info p.size:before{content:" - "}
-.field-fileupload.style-file-single .upload-object .progress-bar{display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;top:50%;margin-top:-2px;right:5px}
+.field-fileupload.style-file-single .upload-object .progress-bar{display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;top:50%;margin-top:-2px;right:5px}
.field-fileupload.style-file-single .upload-object .progress-bar .upload-progress{float:left;width:0%;height:100%;line-height:5px;color:#ffffff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}
.field-fileupload.style-file-single .upload-object .meta{position:absolute;top:50%;margin-top:-44px;height:88px;right:0;width:15%}
.field-fileupload.style-file-single .upload-object .meta .upload-remove-button{position:absolute;top:50%;right:0;height:20px;margin-top:-10px;margin-right:10px;z-index:100}
diff --git a/modules/backend/formwidgets/fileupload/assets/less/fileupload.base.less b/modules/backend/formwidgets/fileupload/assets/less/fileupload.base.less
index cc2b64286..02ef49db3 100644
--- a/modules/backend/formwidgets/fileupload/assets/less/fileupload.base.less
+++ b/modules/backend/formwidgets/fileupload/assets/less/fileupload.base.less
@@ -38,7 +38,9 @@
.uploader-block-button() {
display: block;
float: left;
- border: 2px dotted rgba(0,0,0,.1);
+ border: 2px dashed #BDC3C7;
+ background-clip: content-box;
+ background-color: #F9F9F9;
position: relative;
outline: none;
@@ -58,26 +60,39 @@
height: 22px;
width: 22px;
line-height: 22px;
- color: rgba(0,0,0,.1);
+ color: #BDC3C7;
+ }
+
+ &.large-icon {
+ width: 34px;
+ height: 34px;
+ top: 50%;
+ left: 50%;
+ margin-top: -17px;
+ margin-left: -17px;
+
+ &:before {
+ font-size: 34px;
+ height: 24px;
+ width: 24px;
+ line-height: 24px;
+ }
}
}
&:hover {
- border: 2px dotted rgba(0,0,0,.2);
+ border: 2px dashed #1F99DC;
.upload-button-icon:before {
- color: @brand-success;
- color: rgba(0,0,0,.2);
+ color: #1F99DC;
}
}
&:focus {
- border: 2px solid rgba(0,0,0,.3);
- background: transparent;
+ border: 2px dashed #1F99DC;
.upload-button-icon:before {
- color: @brand-success;
- color: rgba(0,0,0,.2);
+ color: #1F99DC;
}
}
}
@@ -144,9 +159,8 @@
}
h4 {
- font-weight: 600;
- font-size: 13px;
- color: #2b3e50;
+ font-size: 15px;
+ color: #2A3E51;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
diff --git a/modules/backend/formwidgets/fileupload/partials/_image_single.htm b/modules/backend/formwidgets/fileupload/partials/_image_single.htm
index 00acee552..7a0629634 100644
--- a/modules/backend/formwidgets/fileupload/partials/_image_single.htm
+++ b/modules/backend/formwidgets/fileupload/partials/_image_single.htm
@@ -16,7 +16,7 @@
href="javascript:;"
style="= $cssBlockDimensions ?>"
class="upload-button">
-
+
diff --git a/modules/backend/formwidgets/permissioneditor/assets/css/permissioneditor.css b/modules/backend/formwidgets/permissioneditor/assets/css/permissioneditor.css
new file mode 100644
index 000000000..ee1a7d62d
--- /dev/null
+++ b/modules/backend/formwidgets/permissioneditor/assets/css/permissioneditor.css
@@ -0,0 +1,62 @@
+.permissioneditor table {
+ width: 100%;
+}
+.permissioneditor table th {
+ padding: 30px 0 15px;
+ color: #2a3e51;
+ font-weight: normal;
+ border-bottom: 1px solid #dbe1e3;
+}
+.permissioneditor table th.tab {
+ font-size: 16px;
+}
+.permissioneditor table th.permission-type {
+ font-size: 15px;
+ text-align: center;
+}
+.permissioneditor table td {
+ padding: 10px 0;
+ vertical-align: top;
+ border-bottom: 1px solid #ecf0f1;
+}
+.permissioneditor table td.permission-value {
+ text-align: center;
+}
+.permissioneditor table td.permission-name {
+ font-size: 15px;
+ color: #555555;
+}
+.permissioneditor table td p.comment {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.permissioneditor table td p.comment:empty {
+ display: none;
+}
+.permissioneditor table .custom-radio {
+ display: inline-block;
+ padding-left: 0;
+}
+.permissioneditor table .custom-radio,
+.permissioneditor table .custom-radio label {
+ margin-bottom: 0;
+}
+.permissioneditor table .custom-radio label {
+ text-indent: -10000em;
+ padding: 0 0 0 14px;
+ margin: 0;
+ top: 2px;
+}
+.permissioneditor table .custom-radio label:before {
+ margin-right: 0;
+}
+.permissioneditor table tr:last-child td {
+ border-bottom: none;
+}
+.permissioneditor table tr:first-child th {
+ padding-top: 0;
+}
+.permissioneditor table tr.last-section-row td {
+ border-bottom: none;
+ padding-bottom: 0;
+}
diff --git a/modules/backend/formwidgets/permissioneditor/assets/less/permissioneditor.less b/modules/backend/formwidgets/permissioneditor/assets/less/permissioneditor.less
new file mode 100644
index 000000000..74544fb73
--- /dev/null
+++ b/modules/backend/formwidgets/permissioneditor/assets/less/permissioneditor.less
@@ -0,0 +1,86 @@
+@import "../../../../assets/less/core/boot.less";
+
+@color-permissioneditor-section-border: #DBE1E3;
+@color-permissioneditor-permission-border: #ECF0F1;
+
+
+.permissioneditor {
+ table {
+ width: 100%;
+
+ th {
+ padding: 30px 0 15px;
+ color: @color-label;
+ font-weight: normal;
+ border-bottom: 1px solid @color-permissioneditor-section-border;
+
+ &.tab {
+ font-size: 16px;
+ }
+
+ &.permission-type {
+ font-size: 15px;
+ text-align: center;
+ }
+ }
+
+ td {
+ padding: 10px 0;
+ vertical-align: top;
+ border-bottom: 1px solid @color-permissioneditor-permission-border;
+
+ &.permission-value{
+ text-align: center;
+ }
+
+ &.permission-name {
+ font-size: 15px;
+ color: @color-help-block-text;
+ }
+
+ p.comment {
+ margin-top: 5px;
+ margin-bottom: 0;
+
+ &:empty {
+ display: none;
+ }
+ }
+ }
+
+ .custom-radio {
+ display: inline-block;;
+ padding-left: 0;
+
+ &, label {
+ margin-bottom: 0;
+ }
+
+ label {
+ text-indent: -10000em;
+ padding: 0 0 0 14px;
+ margin: 0;
+ top: 2px;
+
+ &:before {
+ margin-right: 0;
+ }
+ }
+ }
+
+ tr:last-child td {
+ border-bottom: none;
+ }
+
+ tr:first-child th {
+ padding-top: 0;
+ }
+
+ tr.last-section-row {
+ td {
+ border-bottom: none;
+ padding-bottom: 0;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/modules/backend/formwidgets/permissioneditor/partials/_permissioneditor.htm b/modules/backend/formwidgets/permissioneditor/partials/_permissioneditor.htm
new file mode 100644
index 000000000..68f959550
--- /dev/null
+++ b/modules/backend/formwidgets/permissioneditor/partials/_permissioneditor.htm
@@ -0,0 +1,75 @@
+
diff --git a/modules/backend/formwidgets/richeditor/assets/css/richeditor.css b/modules/backend/formwidgets/richeditor/assets/css/richeditor.css
index 46c47462a..4f6362572 100755
--- a/modules/backend/formwidgets/richeditor/assets/css/richeditor.css
+++ b/modules/backend/formwidgets/richeditor/assets/css/richeditor.css
@@ -1,29 +1,29 @@
.redactor-editor figure{position:relative}
-.redactor-editor figcaption{text-align:center;line-height:20px;font-size:14px}
+.redactor-editor figcaption{text-align:center;line-height:22px;font-size:16px}
.redactor-editor figure[data-type=table]{clear:both}
-.redactor-editor figure[data-type=video]{position:relative;margin-bottom:20px;text-align:center;clear:both}
+.redactor-editor figure[data-type=video]{position:relative;margin-bottom:22px;text-align:center;clear:both}
.redactor-editor figure[data-type=video] p{margin:0}
.redactor-editor figure[data-type=video].oc-figure-full:before{position:relative;padding-bottom:51%;width:100%;height:0;content:"";display:block}
.redactor-editor figure[data-type=video].oc-figure-full iframe{width:100%;height:100%;position:absolute;left:0;top:0}
-.redactor-editor figure[data-type=image]{position:relative;margin-bottom:20px}
+.redactor-editor figure[data-type=image]{position:relative;margin-bottom:22px}
.redactor-editor figure[data-type=image] .oc-figure-controls{top:0px}
.redactor-editor figure[data-type=image] img{width:100%}
.redactor-editor figure[data-type=image].oc-figure-large{width:100%;clear:both}
.redactor-editor figure[data-type=image].oc-figure-medium{width:50%}
.redactor-editor figure[data-type=image].oc-figure-small{width:33%}
-.redactor-editor figure[data-type=quote]{font-family:Georgia,serif;margin-bottom:20px;margin-left:20px;font-style:italic;position:relative;border-left:solid 4px #cccccc;padding-left:20px}
+.redactor-editor figure[data-type=quote]{font-family:Georgia,serif;margin-bottom:22px;margin-left:22px;font-style:italic;position:relative;border-left:solid 4px #cccccc;padding-left:22px}
.redactor-editor figure[data-type=quote] figcaption{font-weight:bold;text-align:left}
.redactor-editor figure[data-type=quote] .oc-figure-controls{margin-left:-5px}
.redactor-editor figure[data-type=quote].oc-figure-medium,.redactor-editor figure[data-type=quote].oc-figure-medium blockquote{font-size:20px}
.redactor-editor figure[data-type=quote].oc-figure-large,.redactor-editor figure[data-type=quote].oc-figure-large blockquote{font-size:24px}
.redactor-editor figure[data-type=quote].oc-figure-right{width:33%}
-.redactor-editor figure[data-type=quote].oc-figure-left{width:33%;border-left:none;border-right:solid 4px #cccccc;padding-left:0;padding-right:20px;margin-left:0;margin-right:20px}
+.redactor-editor figure[data-type=quote].oc-figure-left{width:33%;border-left:none;border-right:solid 4px #cccccc;padding-left:0;padding-right:22px;margin-left:0;margin-right:22px}
.redactor-editor figure[data-type=quote].oc-figure-left .oc-figure-controls{margin-left:0;margin-right:-5px}
.redactor-editor figure[data-type=quote] cite{display:block;text-align:left;font-weight:normal}
.redactor-editor figure[data-type=quote] cite:before{content:"\2014\00a0"}
.redactor-editor figure[data-type=quote] cite:empty:before{opacity:0.4;content:"\2014 Type to add citation (optional)"}
.redactor-box figcaption:empty:before{opacity:.4;content:"Type to add caption (optional)"}
-.redactor-box .oc-figure-controls{background:#2b3e50 !important;padding:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;display:none;white-space:nowrap;left:10px;top:-50px;margin:0 auto;font-family:'Open Sans',Arial,sans-serif;line-height:20px;font-style:normal;z-index:1100;text-align:center}
+.redactor-box .oc-figure-controls{background:#2b3e50 !important;padding:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;display:none;white-space:nowrap;left:10px;top:-50px;margin:0 auto;font-family:sans-serif;line-height:22px;font-style:normal;z-index:1100;text-align:center}
.redactor-box .oc-figure-controls:after{content:' ';left:0;position:absolute;display:block;height:10px;background:rgba(0,0,0,0.1);width:100%;bottom:-10px;opacity:0.1;filter:alpha(opacity=10)}
.redactor-box .oc-figure-controls:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-top:9px solid #2b3e50;border-bottom-width:0;position:absolute;left:14px;bottom:-8px}
.redactor-box figure:hover .oc-figure-controls{display:block}
@@ -45,14 +45,14 @@
.redactor-box .oc-figure-controls span.oc-figure-controls-arrow-down:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f063"}
.redactor-box .oc-figure-controls span.oc-figure-controls-resize-full:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f065"}
.redactor-box .oc-figure-controls span.oc-figure-controls-resize-small:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f066"}
-.redactor-box .oc-figure-controls span.oc-figure-controls-delete{margin-left:20px}
+.redactor-box .oc-figure-controls span.oc-figure-controls-delete{margin-left:22px}
.redactor-box .oc-figure-controls span.oc-figure-controls-delete:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f014"}
.redactor-box .oc-figure-controls span.oc-figure-controls-delete:hover{background:#c63e26}
-.redactor-box .oc-figure-controls span.oc-figure-controls-table{width:auto;padding-left:10px;padding-right:10px;text-align:left}
+.redactor-box .oc-figure-controls span.oc-figure-controls-table{width:auto;padding-left:11px;padding-right:11px;text-align:left}
.redactor-box .oc-figure-controls span.oc-figure-controls-table:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f0ce"}
-.redactor-box .oc-figure-right{float:right;margin-left:20px}
+.redactor-box .oc-figure-right{float:right;margin-left:22px}
.redactor-box .oc-figure-right .oc-figure-controls{right:0}
-.redactor-box .oc-figure-left{float:left;margin-right:20px}
+.redactor-box .oc-figure-left{float:left;margin-right:22px}
.redactor-box .oc-dropdown-menu,.redactor-box .oc-dropdown-menu ul{padding:0 !important}
.redactor-box .oc-dropdown-menu ul{background-color:#ffffff !important}
.redactor-box .oc-dropdown-menu a{text-decoration:none;padding:0 15px !important;color:#39454a !important;text-decoration:none !important;line-height:25px}
@@ -223,10 +223,10 @@ to{background-position:0 0}
.redactor-editor h5{font-size:16px}
.redactor-editor h6{font-size:12px;text-transform:uppercase}
.field-flush .field-richeditor,.field-flush .field-richeditor.editor-focus{border:none}
-.field-richeditor{border:1px solid #e0e0e0;-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}
+.field-richeditor{border:1px solid #bdc3c7;-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}
.field-richeditor,.field-richeditor .redactor-box{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.field-richeditor .redactor-toolbar{border-top-right-radius:5px;border-top-left-radius:5px}
-.field-richeditor.editor-focus{border-color:#808c8d}
+.field-richeditor.editor-focus{border-color:#1f99dc}
.field-richeditor.size-tiny .redactor-editor{height:20px !important}
.field-richeditor.size-small .redactor-editor{height:70px !important}
.field-richeditor.size-large .redactor-editor{height:170px !important}
@@ -254,7 +254,7 @@ to{background-position:0 0}
.field-richeditor.stretch .redactor-box textarea{padding:10px}
body .redactor-box-fullscreen{background:#f9f9f9;overflow-y:scroll !important;width:100% !important}
body .redactor-box-fullscreen .redactor-editor{background:#fff;max-width:960px;padding:50px 30px !important;margin:20px auto !important;padding:20px;top:0 !important}
-.redactor-editor figure[data-ui-block]{display:block;margin:0 0 15px 0;padding:10px 10px 10px 36px;border:2px dotted #bdc3c7;background:white;position:relative;cursor:pointer;color:#6c7071;font:15px 'Open Sans',Arial,sans-serif;font-weight:500;line-height:150%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
+.redactor-editor figure[data-ui-block]{display:block;margin:0 0 15px 0;padding:10px 10px 10px 36px;border:2px dotted #bdc3c7;background:white;position:relative;cursor:pointer;color:#6c7071;font:15px sans-serif;font-weight:500;line-height:150%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.redactor-editor figure[data-ui-block]:focus,.redactor-editor figure[data-ui-block].inspector-open{border-color:#2581b8;border-style:solid;outline:none}
.redactor-editor figure[data-video],.redactor-editor figure[data-audio]{padding-left:13px}
.redactor-editor figure[data-video]:after,.redactor-editor figure[data-audio]:after{content:attr(data-label)}
diff --git a/modules/backend/lang/en/lang.php b/modules/backend/lang/en/lang.php
index 837137278..550f120d0 100644
--- a/modules/backend/lang/en/lang.php
+++ b/modules/backend/lang/en/lang.php
@@ -84,14 +84,14 @@ return [
'full_name' => 'Full Name',
'email' => 'Email',
'groups' => 'Groups',
- 'groups_comment' => 'Specify which groups this account should belong to.',
+ 'groups_comment' => 'Specify which groups the account should belong to. Groups define user permissions, which can be overriden on the user level, on the Permissions tab.',
'avatar' => 'Avatar',
'password' => 'Password',
'password_confirmation' => 'Confirm Password',
'permissions' => 'Permissions',
'account' => 'Account',
'superuser' => 'Super User',
- 'superuser_comment' => 'Grants this account unlimited access to all areas.',
+ 'superuser_comment' => 'Grants this account unlimited access to all areas of the system. Super users can add and manage other users. ',
'send_invite' => 'Send invitation by email',
'send_invite_comment' => 'Sends a welcome message containing login and password information.',
'delete_confirm' => 'Do you really want to delete this administrator?',
diff --git a/modules/backend/layouts/_mainmenu.htm b/modules/backend/layouts/_mainmenu.htm
index 88311596f..aa242ba48 100644
--- a/modules/backend/layouts/_mainmenu.htm
+++ b/modules/backend/layouts/_mainmenu.htm
@@ -12,9 +12,15 @@
- -
+
-
- = e(trans($item->label)) ?>
+ iconSvg): ?>
+
+
+
+
+
+ = e(trans($item->label)) ?>
diff --git a/modules/backend/models/user/fields.yaml b/modules/backend/models/user/fields.yaml
index 806bd5699..3fd52e945 100644
--- a/modules/backend/models/user/fields.yaml
+++ b/modules/backend/models/user/fields.yaml
@@ -60,6 +60,6 @@ secondaryTabs:
label: backend::lang.user.avatar
type: fileupload
mode: image
- imageHeight: 260
- imageWidth: 260
+ imageHeight: 230
+ imageWidth: 230
diff --git a/modules/cms/ServiceProvider.php b/modules/cms/ServiceProvider.php
index f5ee9d3a1..8c811e15e 100644
--- a/modules/cms/ServiceProvider.php
+++ b/modules/cms/ServiceProvider.php
@@ -72,7 +72,7 @@ class ServiceProvider extends ModuleServiceProvider
CombineAssets::registerCallback(function($combiner) {
$combiner->registerBundle('~/modules/cms/widgets/mediamanager/assets/js/mediamanager-global.js');
$combiner->registerBundle('~/modules/cms/widgets/mediamanager/assets/js/mediamanager-browser.js');
- $combiner->registerBundle('~/modules/cms/widgets/mediamanager/assets/less/mediamanager.less');
+ // $combiner->registerBundle('~/modules/cms/widgets/mediamanager/assets/less/mediamanager.less');
});
}
@@ -86,6 +86,7 @@ class ServiceProvider extends ModuleServiceProvider
'cms' => [
'label' => 'cms::lang.cms.menu_label',
'icon' => 'icon-magic',
+ 'iconSvg' => 'modules/cms/assets/images/cms-icon.svg',
'url' => Backend::url('cms'),
'permissions' => ['cms.*'],
'order' => 10,
@@ -143,6 +144,7 @@ class ServiceProvider extends ModuleServiceProvider
'media' => [
'label' => 'cms::lang.media.menu_label',
'icon' => 'icon-folder',
+ 'iconSvg' => 'modules/cms/assets/images/media-icon.svg',
'url' => Backend::url('cms/media'),
'permissions' => ['media.*'],
'order' => 20
diff --git a/modules/cms/assets/images/cms-icon.svg b/modules/cms/assets/images/cms-icon.svg
new file mode 100644
index 000000000..c3cba5d12
--- /dev/null
+++ b/modules/cms/assets/images/cms-icon.svg
@@ -0,0 +1,27 @@
+
+
\ No newline at end of file
diff --git a/modules/cms/assets/images/media-icon.svg b/modules/cms/assets/images/media-icon.svg
new file mode 100644
index 000000000..a654de0c7
--- /dev/null
+++ b/modules/cms/assets/images/media-icon.svg
@@ -0,0 +1,22 @@
+
+
\ No newline at end of file
diff --git a/modules/cms/lang/en/lang.php b/modules/cms/lang/en/lang.php
index 614184296..9a985390c 100644
--- a/modules/cms/lang/en/lang.php
+++ b/modules/cms/lang/en/lang.php
@@ -226,13 +226,13 @@ return [
],
'permissions' => [
'name' => 'Cms',
- 'manage_content' => 'Manage content',
- 'manage_assets' => 'Manage assets',
- 'manage_pages' => 'Manage pages',
- 'manage_layouts' => 'Manage layouts',
- 'manage_partials' => 'Manage partials',
- 'manage_themes' => 'Manage themes',
- 'manage_media' => 'Manage media'
+ 'manage_content' => 'Manage website content files',
+ 'manage_assets' => 'Manage website assets - images, JavaScript files, CSS files',
+ 'manage_pages' => 'Create, modify and delete website pages',
+ 'manage_layouts' => 'Create, modify and delete CMS layouts',
+ 'manage_partials' => 'Create, modify and delete CMS partials',
+ 'manage_themes' => 'Activate, deactivate and configure CMS themes',
+ 'manage_media' => 'Upload and manage media contents - images, videos, sounds, documents'
],
'mediafinder' => [
'default_prompt' => 'Click the %s button to find a media item'
diff --git a/modules/cms/widgets/mediamanager/assets/css/mediamanager.css b/modules/cms/widgets/mediamanager/assets/css/mediamanager.css
index b5192d8ae..97345457a 100644
--- a/modules/cms/widgets/mediamanager/assets/css/mediamanager.css
+++ b/modules/cms/widgets/mediamanager/assets/css/mediamanager.css
@@ -43,7 +43,7 @@ div[data-control="media-manager"] .media-list.tiles li .image-placeholder{width:
div[data-control="media-manager"] .media-list.tiles li .image-placeholder[data-loading]:after{background-image:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg');background-position:50% 50%;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:55px 55px;position:absolute;width:55px;height:55px;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px}
div[data-control="media-manager"] .media-list.tiles li .icon-container{width:167px;height:167px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ecf0f1;overflow:hidden;background:#f6f8f9}
div[data-control="media-manager"] .media-list.tiles li .icon-container i{font-size:55px}
-div[data-control="media-manager"] .media-list.tiles li .icon-container p{font-family:'Open Sans',Arial,sans-serif}
+div[data-control="media-manager"] .media-list.tiles li .icon-container p{font-family:sans-serif}
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container{background:#4da7e8 !important;border-color:#2581b8}
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container i,div[data-control="media-manager"] .media-list.tiles li.selected .icon-container p{color:#ecf0f1}
div[data-control="media-manager"] .media-list.tiles li.selected h4{color:#2581b8}
diff --git a/modules/system/ServiceProvider.php b/modules/system/ServiceProvider.php
index 02a4d4086..fdce5d2c5 100644
--- a/modules/system/ServiceProvider.php
+++ b/modules/system/ServiceProvider.php
@@ -307,6 +307,7 @@ class ServiceProvider extends ModuleServiceProvider
'system' => [
'label' => 'system::lang.settings.menu_label',
'icon' => 'icon-cog',
+ 'iconSvg' => 'modules/system/assets/images/cog-icon.svg',
'url' => Backend::url('system/settings'),
'permissions' => [],
'order' => 1000
@@ -441,7 +442,7 @@ class ServiceProvider extends ModuleServiceProvider
* Register asset bundles
*/
CombineAssets::registerCallback(function($combiner) {
- $combiner->registerBundle('~/modules/system/assets/less/styles.less');
+// $combiner->registerBundle('~/modules/system/assets/less/styles.less');
$combiner->registerBundle('~/modules/system/assets/ui/storm.less');
$combiner->registerBundle('~/modules/system/assets/ui/storm.js');
});
diff --git a/modules/system/assets/css/styles.css b/modules/system/assets/css/styles.css
index 157b78316..df88e9b87 100644
--- a/modules/system/assets/css/styles.css
+++ b/modules/system/assets/css/styles.css
@@ -40,7 +40,7 @@ table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
-body{font-family:'Open Sans',Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#f9f9f9}
+body{font-family:sans-serif;font-size:16px;line-height:1.42857143;color:#333333;background-color:#f9f9f9}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
button,input,select[multiple],textarea{background-image:none}
a{color:#0181b9;text-decoration:none}
@@ -50,7 +50,7 @@ img{vertical-align:middle}
.img-responsive{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-circle{border-radius:50%}
-hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee}
+hr{margin-top:22px;margin-bottom:22px;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}
@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}
a,a:visited{text-decoration:underline}
@@ -345,19 +345,19 @@ th.visible-print,td.visible-print{display:table-cell !important}
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
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:20px;margin-bottom:10px}
+h1,.h1,h2,.h2,h3,.h3{margin-top:22px;margin-bottom:11px}
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:65%}
-h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}
+h4,.h4,h5,.h5,h6,.h6{margin-top:11px;margin-bottom:11px}
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:75%}
-h1,.h1{font-size:36px}
-h2,.h2{font-size:30px}
-h3,.h3{font-size:24px}
-h4,.h4{font-size:18px}
-h5,.h5{font-size:14px}
-h6,.h6{font-size:12px}
-p{margin:0 0 10px}
-.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}
-@media (min-width:768px){.lead{font-size:21px}
+h1,.h1{font-size:41px}
+h2,.h2{font-size:34px}
+h3,.h3{font-size:28px}
+h4,.h4{font-size:20px}
+h5,.h5{font-size:16px}
+h6,.h6{font-size:14px}
+p{margin:0 0 11px}
+.lead{margin-bottom:22px;font-size:18px;font-weight:200;line-height:1.4}
+@media (min-width:768px){.lead{font-size:24px}
}
small,.small{font-size:85%}
cite{font-style:normal}
@@ -386,13 +386,13 @@ a.bg-info:hover{background-color:#afd9ee}
a.bg-warning:hover{background-color:#f7ecb5}
.bg-danger{background-color:#f2dede}
a.bg-danger:hover{background-color:#e4b9b9}
-.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee}
-ul,ol{margin-top:0;margin-bottom:10px}
+.page-header{padding-bottom:10px;margin:44px 0 22px;border-bottom:1px solid #eeeeee}
+ul,ol{margin-top:0;margin-bottom:11px}
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:20px}
+dl{margin-top:0;margin-bottom:22px}
dt,dd{line-height:1.42857143}
dt{font-weight:bold}
dd{margin-left:0}
@@ -401,7 +401,7 @@ dd{margin-left:0}
}
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999}
.initialism{font-size:90%;text-transform:uppercase}
-blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eeeeee}
+blockquote{padding:11px 22px;margin:0 0 22px;font-size:20px;border-left:5px solid #eeeeee}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}
blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999999}
blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}
@@ -409,7 +409,7 @@ blockquote footer:before,blockquote small:before,blockquote .small:before{conten
.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:20px;font-style:normal;line-height:1.42857143}
+address{margin-bottom:22px;font-style:normal;line-height:1.42857143}
.oc-icon-glass:before,.icon-glass:before{content:"\f000"}
.oc-icon-music:before,.icon-music:before{content:"\f001"}
.oc-icon-search:before,.icon-search:before{content:"\f002"}
@@ -995,7 +995,7 @@ address{margin-bottom:20px;font-style:normal;line-height:1.42857143}
.oc-icon-vimeo:before,.icon-vimeo:before{content:"\f27d"}
.oc-icon-black-tie:before,.icon-black-tie:before{content:"\f27e"}
.oc-icon-fonticons:before,.icon-fonticons:before{content:"\f280"}
-.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20)}
+.close{float:right;font-size:24px;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}
@font-face{font-family:'FontAwesome';src:url('../ui/font/fontawesome-webfont.eot?v=1.0.1');src:url('../ui/font/fontawesome-webfont.eot?#iefix&v=1.0.1') format('embedded-opentype'),url('../ui/font/fontawesome-webfont.woff?v=1.0.1') format('woff'),url('../ui/font/fontawesome-webfont.ttf?v=1.0.1') format('truetype'),url('../ui/font/fontawesome-webfont.svg#fontawesomeregular?v=1.0.1') format('svg');font-weight:normal;font-style:normal}
@@ -1010,22 +1010,8 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap
.icon-3x{font-size:3em}
.icon-4x{font-size:4em}
.icon-5x{font-size:5em}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Light.eot');src:url('../../../backend/assets/font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Light.svg#open_sanslight') format('svg'),url('../../../backend/assets/font/OpenSans-Light.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Light.ttf') format('truetype');font-style:normal;font-weight:300}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Regular.eot');src:url('../../../backend/assets/font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Regular.svg#open_sansregular') format('svg'),url('../../../backend/assets/font/OpenSans-Regular.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Semibold.eot');src:url('../../../backend/assets/font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Semibold.svg#open_sanssemibold') format('svg'),url('../../../backend/assets/font/OpenSans-Semibold.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Semibold.ttf') format('truetype');font-style:normal;font-weight:600}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Bold.eot');src:url('../../../backend/assets/font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Bold.svg#open_sansbold') format('svg'),url('../../../backend/assets/font/OpenSans-Bold.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-LightItalic.eot');src:url('../../../backend/assets/font/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-LightItalic.svg#open_sanslight_italic') format('svg'),url('../../../backend/assets/font/OpenSans-LightItalic.woff') format('woff'),url('../../../backend/assets/font/OpenSans-LightItalic.ttf') format('truetype');font-style:italic;font-weight:300}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Italic.eot');src:url('../../../backend/assets/font/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Italic.svg#open_sansitalic') format('svg'),url('../../../backend/assets/font/OpenSans-Italic.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Italic.ttf') format('truetype');font-style:italic;font-weight:400}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-SemiboldItalic.eot');src:url('../../../backend/assets/font/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-SemiboldItalic.svg#open_sanssemibold_italic') format('svg'),url('../../../backend/assets/font/OpenSans-SemiboldItalic.woff') format('woff'),url('../../../backend/assets/font/OpenSans-SemiboldItalic.ttf') format('truetype');font-style:italic;font-weight:600}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Light.eot');src:url('../../../backend/assets/font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Light.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Light.svg#open_sanslight') format('svg'),url('../../../backend/assets/font/OpenSans-Light.ttf') format('truetype');font-style:normal;font-weight:300}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Regular.eot');src:url('../../../backend/assets/font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Regular.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Regular.svg#open_sansregular') format('svg'),url('../../../backend/assets/font/OpenSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Semibold.eot');src:url('../../../backend/assets/font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Semibold.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Semibold.svg#open_sanssemibold') format('svg'),url('../../../backend/assets/font/OpenSans-Semibold.ttf') format('truetype');font-style:normal;font-weight:600}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Bold.eot');src:url('../../../backend/assets/font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Bold.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Bold.svg#open_sansbold') format('svg'),url('../../../backend/assets/font/OpenSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-LightItalic.eot');src:url('../../../backend/assets/font/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-LightItalic.woff') format('woff'),url('../../../backend/assets/font/OpenSans-LightItalic.svg#open_sanslight_italic') format('svg'),url('../../../backend/assets/font/OpenSans-LightItalic.ttf') format('truetype');font-style:italic;font-weight:300}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-Italic.eot');src:url('../../../backend/assets/font/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-Italic.woff') format('woff'),url('../../../backend/assets/font/OpenSans-Italic.svg#open_sansitalic') format('svg'),url('../../../backend/assets/font/OpenSans-Italic.ttf') format('truetype');font-style:italic;font-weight:400}
-@font-face{font-family:'Open Sans';src:url('../../../backend/assets/font/OpenSans-SemiboldItalic.eot');src:url('../../../backend/assets/font/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),url('../../../backend/assets/font/OpenSans-SemiboldItalic.woff') format('woff'),url('../../../backend/assets/font/OpenSans-SemiboldItalic.svg#open_sanssemibold_italic') format('svg'),url('../../../backend/assets/font/OpenSans-SemiboldItalic.ttf') format('truetype');font-style:italic;font-weight:600}
-body{padding-top:20px;font-family:'Open Sans',Arial,sans-serif;background:#f3f3f3;color:#405261}
-h1,h2,h3,h4,h5{font-family:'Open Sans',Arial,sans-serif;text-transform:uppercase}
+body{padding-top:20px;font-family:sans-serif;background:#f3f3f3;color:#405261}
+h1,h2,h3,h4,h5{font-family:sans-serif;text-transform:uppercase}
h1{font-weight:300;font-size:50px;margin-bottom:15px}
h1 i[class^="icon-"]:before{font-size:46px}
i[class^="icon-"].warning{color:#c84530}
diff --git a/modules/system/assets/images/cog-icon.svg b/modules/system/assets/images/cog-icon.svg
new file mode 100644
index 000000000..a79be2244
--- /dev/null
+++ b/modules/system/assets/images/cog-icon.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/modules/system/assets/ui/css/storm.css b/modules/system/assets/ui/css/storm.css
new file mode 100644
index 000000000..fb78f4554
--- /dev/null
+++ b/modules/system/assets/ui/css/storm.css
@@ -0,0 +1,12131 @@
+/*
+ __ _____ __ __ __ __ _____ __ __
+ / \/ | / \|__)|_ |__) (_ | / \|__)|\/|
+ \__/\__ | \__/|__)|__| \ __) | \__/| \ | |
+
+*/
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
+html {
+ font-family: sans-serif;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+}
+body {
+ margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ vertical-align: baseline;
+}
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+[hidden],
+template {
+ display: none;
+}
+a {
+ background: transparent;
+}
+a:active,
+a:hover {
+ outline: 0;
+}
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+b,
+strong {
+ font-weight: bold;
+}
+dfn {
+ font-style: italic;
+}
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+mark {
+ background: #ff0;
+ color: #000;
+}
+small {
+ font-size: 80%;
+}
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+img {
+ border: 0;
+}
+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;
+}
+*,
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+html {
+ font-size: 62.5%;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #333333;
+ background-color: #f9f9f9;
+}
+input,
+button,
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+button,
+input,
+select[multiple],
+textarea {
+ background-image: none;
+}
+a {
+ color: #0181b9;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #001721;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+img {
+ vertical-align: middle;
+}
+.img-responsive {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+.img-rounded {
+ border-radius: 6px;
+}
+.img-circle {
+ border-radius: 50%;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ 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;
+}
+@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;
+ }
+}
+.container {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+@media (min-width: 768px) {
+ .container {
+ width: 750px;
+ }
+}
+@media (min-width: 992px) {
+ .container {
+ width: 970px;
+ }
+}
+@media (min-width: 1200px) {
+ .container {
+ width: 1170px;
+ }
+}
+.container-fluid {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.row {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+.row-flush {
+ margin-left: 0;
+ margin-right: 0;
+}
+.row-flush [class*="col-"] {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+}
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+ position: relative;
+ min-height: 1px;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.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: 0%;
+}
+.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: 0%;
+}
+.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: 0%;
+ }
+ .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: 0%;
+ }
+ .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: 0%;
+ }
+ .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: 0%;
+ }
+ .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: 1200px) {
+ .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: 0%;
+ }
+ .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: 0%;
+ }
+ .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%;
+ }
+}
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.modal-footer:before,
+.modal-footer:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.form-horizontal .form-group:after,
+.modal-footer:after {
+ clear: both;
+}
+.center-block {
+ 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;
+}
+@-ms-viewport {
+ width: device-width;
+}
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+ 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 (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: 992px) and (max-width: 1199px) {
+ .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: 1200px) {
+ .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 (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: 1199px) {
+ .hidden-md {
+ display: none !important;
+ }
+}
+@media (min-width: 1200px) {
+ .hidden-lg {
+ 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;
+ }
+}
+@media print {
+ .hidden-print {
+ display: none !important;
+ }
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: inherit;
+ font-weight: 500;
+ line-height: 1.1;
+ color: inherit;
+}
+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: 20px;
+ margin-bottom: 10px;
+}
+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: 65%;
+}
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+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: 75%;
+}
+h1,
+.h1 {
+ font-size: 36px;
+}
+h2,
+.h2 {
+ font-size: 30px;
+}
+h3,
+.h3 {
+ font-size: 24px;
+}
+h4,
+.h4 {
+ font-size: 18px;
+}
+h5,
+.h5 {
+ font-size: 14px;
+}
+h6,
+.h6 {
+ font-size: 12px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 16px;
+ font-weight: 200;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+small,
+.small {
+ font-size: 85%;
+}
+cite {
+ font-style: normal;
+}
+.text-left {
+ text-align: left;
+}
+.text-right {
+ text-align: right;
+}
+.text-center {
+ text-align: center;
+}
+.text-justify {
+ text-align: justify;
+}
+.text-muted {
+ color: #999999;
+}
+.text-primary {
+ color: #4da7e8;
+}
+a.text-primary:hover {
+ color: #2091e2;
+}
+.text-success {
+ color: #3c763d;
+}
+a.text-success:hover {
+ color: #2b542c;
+}
+.text-info {
+ color: #31708f;
+}
+a.text-info:hover {
+ color: #245269;
+}
+.text-warning {
+ color: #8a6d3b;
+}
+a.text-warning:hover {
+ color: #66512c;
+}
+.text-danger {
+ color: #a94442;
+}
+a.text-danger:hover {
+ color: #843534;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #4da7e8;
+}
+a.bg-primary:hover {
+ background-color: #2091e2;
+}
+.bg-success {
+ background-color: #dff0d8;
+}
+a.bg-success:hover {
+ background-color: #c1e2b3;
+}
+.bg-info {
+ background-color: #d9edf7;
+}
+a.bg-info:hover {
+ background-color: #afd9ee;
+}
+.bg-warning {
+ background-color: #fcf8e3;
+}
+a.bg-warning:hover {
+ background-color: #f7ecb5;
+}
+.bg-danger {
+ background-color: #f2dede;
+}
+a.bg-danger:hover {
+ background-color: #e4b9b9;
+}
+.page-header {
+ padding-bottom: 9px;
+ margin: 40px 0 20px;
+ border-bottom: 1px solid #eeeeee;
+}
+ul,
+ol {
+ margin-top: 0;
+ margin-bottom: 10px;
+}
+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: 20px;
+}
+dt,
+dd {
+ line-height: 1.42857143;
+}
+dt {
+ font-weight: bold;
+}
+dd {
+ margin-left: 0;
+}
+@media (min-width: 768px) {
+ .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 #999999;
+}
+.initialism {
+ font-size: 90%;
+ text-transform: uppercase;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 17.5px;
+ border-left: 5px solid #eeeeee;
+}
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+ margin-bottom: 0;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+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: 20px;
+ font-style: normal;
+ line-height: 1.42857143;
+}
+.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;
+ white-space: nowrap;
+ padding: 9px 16.5px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ border-radius: 2px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ 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-default {
+ color: #666666;
+ background-color: #e3e3e3;
+ border-color: #e3e3e3;
+}
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+ color: #666666;
+ background-color: #cfcfcf;
+ border-color: #c4c4c4;
+}
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+ background-image: none;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+ background-color: #e3e3e3;
+ border-color: #e3e3e3;
+}
+.btn-default .badge {
+ color: #e3e3e3;
+ background-color: #666666;
+}
+.btn-primary {
+ color: #ffffff;
+ background-color: #4da7e8;
+ border-color: #369ce5;
+}
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+ color: #ffffff;
+ background-color: #2995e3;
+ border-color: #197dc5;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+ background-image: none;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+ background-color: #4da7e8;
+ border-color: #369ce5;
+}
+.btn-primary .badge {
+ color: #4da7e8;
+ background-color: #ffffff;
+}
+.btn-success {
+ color: #ffffff;
+ background-color: #31ac5f;
+ border-color: #2b9854;
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ color: #ffffff;
+ background-color: #288c4d;
+ border-color: #1e693a;
+}
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ background-image: none;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+ background-color: #31ac5f;
+ border-color: #2b9854;
+}
+.btn-success .badge {
+ color: #31ac5f;
+ background-color: #ffffff;
+}
+.btn-info {
+ color: #ffffff;
+ background-color: #5bc0de;
+ border-color: #46b8da;
+}
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+ color: #ffffff;
+ background-color: #39b3d7;
+ border-color: #269abc;
+}
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+ background-image: none;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+ background-color: #5bc0de;
+ border-color: #46b8da;
+}
+.btn-info .badge {
+ color: #5bc0de;
+ background-color: #ffffff;
+}
+.btn-warning {
+ color: #ffffff;
+ background-color: #f0ad4e;
+ border-color: #eea236;
+}
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+ color: #ffffff;
+ background-color: #ed9c28;
+ border-color: #d58512;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+ background-image: none;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+ background-color: #f0ad4e;
+ border-color: #eea236;
+}
+.btn-warning .badge {
+ color: #f0ad4e;
+ background-color: #ffffff;
+}
+.btn-danger {
+ color: #ffffff;
+ background-color: #ab2a1c;
+ border-color: #952518;
+}
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+ color: #ffffff;
+ background-color: #882116;
+ border-color: #601810;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+ background-image: none;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+ background-color: #ab2a1c;
+ border-color: #952518;
+}
+.btn-danger .badge {
+ color: #ab2a1c;
+ background-color: #ffffff;
+}
+.btn-link {
+ color: #0181b9;
+ 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: #001721;
+ 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: #999999;
+ text-decoration: none;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 10px 24px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 5px 15px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+ padding: 1px 7.5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+.btn-block {
+ display: block;
+ width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+}
+.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-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: none;
+}
+.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;
+}
+.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: 2px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+ border-bottom-left-radius: 2px;
+ 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%;
+}
+[data-toggle="buttons"] > .btn > input[type="radio"],
+[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+ display: none;
+}
+.btn {
+ font-size: 13px;
+ border: none;
+ text-align: left;
+ outline: none !important;
+}
+.btn[class^="oc-icon-"]:before,
+.btn[class*=" oc-icon-"]:before {
+ font-size: 14px;
+ line-height: 14px;
+ position: relative;
+}
+.btn[disabled] {
+ background-color: #dbdbdb;
+ color: #aaaaaa;
+}
+.btn.active,
+.btn:active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.btn-default.on {
+ background-color: #95a5a6;
+ color: #f9f9f9;
+}
+.btn-group .btn {
+ border-right: 1px solid rgba(0, 0, 0, 0.09);
+ margin-left: 0!important;
+}
+.btn-group .btn:last-child,
+.btn-group .btn.last {
+ border-right: none;
+}
+.btn-group .btn.last {
+ border-bottom-right-radius: 2px !important;
+ border-top-right-radius: 2px !important;
+}
+.btn-group > .dropdown {
+ float: left;
+}
+.btn-group > .dropdown:not(:last-child, .last) > .btn {
+ border-right: 1px solid rgba(0, 0, 0, 0.09);
+ border-bottom-right-radius: 0 !important;
+ border-top-right-radius: 0 !important;
+}
+.btn-group > .dropdown:not(:first-child) > .btn {
+ border-bottom-left-radius: 0 !important;
+ border-top-left-radius: 0 !important;
+}
+.btn-group > .dropdown.last .btn {
+ border-right: none;
+}
+.btn.offset-right,
+.btn-group.offset-right {
+ margin-right: 10px;
+}
+.btn-icon {
+ display: inline-block;
+ height: 36px;
+ font-size: 21px;
+ background: transparent;
+ border: none;
+ outline: none;
+}
+.btn-icon:before {
+ display: block;
+ color: #bcc3c7;
+}
+.btn-icon:hover:before {
+ color: #0181b9;
+}
+.btn-icon.danger:hover:before {
+ color: #c63e26;
+}
+.btn-icon.pull-right:before {
+ margin-right: 0;
+}
+.btn-icon.margin-left {
+ margin-left: 5px;
+}
+.btn-icon.small {
+ font-size: 17px;
+ height: 17px;
+ line-height: 15px;
+}
+.btn-icon.larger {
+ font-size: 21px;
+ height: 21px;
+ line-height: 17px;
+}
+.btn-text {
+ font-size: 13px;
+ padding: 9px 0;
+ vertical-align: middle;
+ display: inline-block;
+}
+.btn-text a {
+ color: #666666;
+}
+.btn-text a:hover {
+ color: #0181b9;
+ text-decoration: none;
+}
+.tooltip {
+ position: absolute;
+ z-index: 1060;
+ 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: #34495e;
+ border-radius: 2px;
+}
+.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: #34495e;
+}
+.tooltip.top-left .tooltip-arrow {
+ bottom: 0;
+ left: 5px;
+ border-width: 5px 5px 0;
+ border-top-color: #34495e;
+}
+.tooltip.top-right .tooltip-arrow {
+ bottom: 0;
+ right: 5px;
+ border-width: 5px 5px 0;
+ border-top-color: #34495e;
+}
+.tooltip.right .tooltip-arrow {
+ top: 50%;
+ left: 0;
+ margin-top: -5px;
+ border-width: 5px 5px 5px 0;
+ border-right-color: #34495e;
+}
+.tooltip.left .tooltip-arrow {
+ top: 50%;
+ right: 0;
+ margin-top: -5px;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #34495e;
+}
+.tooltip.bottom .tooltip-arrow {
+ top: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #34495e;
+}
+.tooltip.bottom-left .tooltip-arrow {
+ top: 0;
+ left: 5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #34495e;
+}
+.tooltip.bottom-right .tooltip-arrow {
+ top: 0;
+ right: 5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #34495e;
+}
+.oc-icon-glass:before,
+.icon-glass:before {
+ content: "\f000";
+}
+.oc-icon-music:before,
+.icon-music:before {
+ content: "\f001";
+}
+.oc-icon-search:before,
+.icon-search:before {
+ content: "\f002";
+}
+.oc-icon-envelope-o:before,
+.icon-envelope-o:before {
+ content: "\f003";
+}
+.oc-icon-heart:before,
+.icon-heart:before {
+ content: "\f004";
+}
+.oc-icon-star:before,
+.icon-star:before {
+ content: "\f005";
+}
+.oc-icon-star-o:before,
+.icon-star-o:before {
+ content: "\f006";
+}
+.oc-icon-user:before,
+.icon-user:before {
+ content: "\f007";
+}
+.oc-icon-film:before,
+.icon-film:before {
+ content: "\f008";
+}
+.oc-icon-th-large:before,
+.icon-th-large:before {
+ content: "\f009";
+}
+.oc-icon-th:before,
+.icon-th:before {
+ content: "\f00a";
+}
+.oc-icon-th-list:before,
+.icon-th-list:before {
+ content: "\f00b";
+}
+.oc-icon-check:before,
+.icon-check:before {
+ content: "\f00c";
+}
+.oc-icon-remove:before,
+.icon-remove:before,
+.oc-icon-close:before,
+.icon-close:before,
+.oc-icon-times:before,
+.icon-times:before {
+ content: "\f00d";
+}
+.oc-icon-search-plus:before,
+.icon-search-plus:before {
+ content: "\f00e";
+}
+.oc-icon-search-minus:before,
+.icon-search-minus:before {
+ content: "\f010";
+}
+.oc-icon-power-off:before,
+.icon-power-off:before {
+ content: "\f011";
+}
+.oc-icon-signal:before,
+.icon-signal:before {
+ content: "\f012";
+}
+.oc-icon-gear:before,
+.icon-gear:before,
+.oc-icon-cog:before,
+.icon-cog:before {
+ content: "\f013";
+}
+.oc-icon-trash-o:before,
+.icon-trash-o:before {
+ content: "\f014";
+}
+.oc-icon-home:before,
+.icon-home:before {
+ content: "\f015";
+}
+.oc-icon-file-o:before,
+.icon-file-o:before {
+ content: "\f016";
+}
+.oc-icon-clock-o:before,
+.icon-clock-o:before {
+ content: "\f017";
+}
+.oc-icon-road:before,
+.icon-road:before {
+ content: "\f018";
+}
+.oc-icon-download:before,
+.icon-download:before {
+ content: "\f019";
+}
+.oc-icon-arrow-circle-o-down:before,
+.icon-arrow-circle-o-down:before {
+ content: "\f01a";
+}
+.oc-icon-arrow-circle-o-up:before,
+.icon-arrow-circle-o-up:before {
+ content: "\f01b";
+}
+.oc-icon-inbox:before,
+.icon-inbox:before {
+ content: "\f01c";
+}
+.oc-icon-play-circle-o:before,
+.icon-play-circle-o:before {
+ content: "\f01d";
+}
+.oc-icon-rotate-right:before,
+.icon-rotate-right:before,
+.oc-icon-repeat:before,
+.icon-repeat:before {
+ content: "\f01e";
+}
+.oc-icon-refresh:before,
+.icon-refresh:before {
+ content: "\f021";
+}
+.oc-icon-list-alt:before,
+.icon-list-alt:before {
+ content: "\f022";
+}
+.oc-icon-lock:before,
+.icon-lock:before {
+ content: "\f023";
+}
+.oc-icon-flag:before,
+.icon-flag:before {
+ content: "\f024";
+}
+.oc-icon-headphones:before,
+.icon-headphones:before {
+ content: "\f025";
+}
+.oc-icon-volume-off:before,
+.icon-volume-off:before {
+ content: "\f026";
+}
+.oc-icon-volume-down:before,
+.icon-volume-down:before {
+ content: "\f027";
+}
+.oc-icon-volume-up:before,
+.icon-volume-up:before {
+ content: "\f028";
+}
+.oc-icon-qrcode:before,
+.icon-qrcode:before {
+ content: "\f029";
+}
+.oc-icon-barcode:before,
+.icon-barcode:before {
+ content: "\f02a";
+}
+.oc-icon-tag:before,
+.icon-tag:before {
+ content: "\f02b";
+}
+.oc-icon-tags:before,
+.icon-tags:before {
+ content: "\f02c";
+}
+.oc-icon-book:before,
+.icon-book:before {
+ content: "\f02d";
+}
+.oc-icon-bookmark:before,
+.icon-bookmark:before {
+ content: "\f02e";
+}
+.oc-icon-print:before,
+.icon-print:before {
+ content: "\f02f";
+}
+.oc-icon-camera:before,
+.icon-camera:before {
+ content: "\f030";
+}
+.oc-icon-font:before,
+.icon-font:before {
+ content: "\f031";
+}
+.oc-icon-bold:before,
+.icon-bold:before {
+ content: "\f032";
+}
+.oc-icon-italic:before,
+.icon-italic:before {
+ content: "\f033";
+}
+.oc-icon-text-height:before,
+.icon-text-height:before {
+ content: "\f034";
+}
+.oc-icon-text-width:before,
+.icon-text-width:before {
+ content: "\f035";
+}
+.oc-icon-align-left:before,
+.icon-align-left:before {
+ content: "\f036";
+}
+.oc-icon-align-center:before,
+.icon-align-center:before {
+ content: "\f037";
+}
+.oc-icon-align-right:before,
+.icon-align-right:before {
+ content: "\f038";
+}
+.oc-icon-align-justify:before,
+.icon-align-justify:before {
+ content: "\f039";
+}
+.oc-icon-list:before,
+.icon-list:before {
+ content: "\f03a";
+}
+.oc-icon-dedent:before,
+.icon-dedent:before,
+.oc-icon-outdent:before,
+.icon-outdent:before {
+ content: "\f03b";
+}
+.oc-icon-indent:before,
+.icon-indent:before {
+ content: "\f03c";
+}
+.oc-icon-video-camera:before,
+.icon-video-camera:before {
+ content: "\f03d";
+}
+.oc-icon-photo:before,
+.icon-photo:before,
+.oc-icon-image:before,
+.icon-image:before,
+.oc-icon-picture-o:before,
+.icon-picture-o:before {
+ content: "\f03e";
+}
+.oc-icon-pencil:before,
+.icon-pencil:before {
+ content: "\f040";
+}
+.oc-icon-map-marker:before,
+.icon-map-marker:before {
+ content: "\f041";
+}
+.oc-icon-adjust:before,
+.icon-adjust:before {
+ content: "\f042";
+}
+.oc-icon-tint:before,
+.icon-tint:before {
+ content: "\f043";
+}
+.oc-icon-edit:before,
+.icon-edit:before,
+.oc-icon-pencil-square-o:before,
+.icon-pencil-square-o:before {
+ content: "\f044";
+}
+.oc-icon-share-square-o:before,
+.icon-share-square-o:before {
+ content: "\f045";
+}
+.oc-icon-check-square-o:before,
+.icon-check-square-o:before {
+ content: "\f046";
+}
+.oc-icon-arrows:before,
+.icon-arrows:before {
+ content: "\f047";
+}
+.oc-icon-step-backward:before,
+.icon-step-backward:before {
+ content: "\f048";
+}
+.oc-icon-fast-backward:before,
+.icon-fast-backward:before {
+ content: "\f049";
+}
+.oc-icon-backward:before,
+.icon-backward:before {
+ content: "\f04a";
+}
+.oc-icon-play:before,
+.icon-play:before {
+ content: "\f04b";
+}
+.oc-icon-pause:before,
+.icon-pause:before {
+ content: "\f04c";
+}
+.oc-icon-stop:before,
+.icon-stop:before {
+ content: "\f04d";
+}
+.oc-icon-forward:before,
+.icon-forward:before {
+ content: "\f04e";
+}
+.oc-icon-fast-forward:before,
+.icon-fast-forward:before {
+ content: "\f050";
+}
+.oc-icon-step-forward:before,
+.icon-step-forward:before {
+ content: "\f051";
+}
+.oc-icon-eject:before,
+.icon-eject:before {
+ content: "\f052";
+}
+.oc-icon-chevron-left:before,
+.icon-chevron-left:before {
+ content: "\f053";
+}
+.oc-icon-chevron-right:before,
+.icon-chevron-right:before {
+ content: "\f054";
+}
+.oc-icon-plus-circle:before,
+.icon-plus-circle:before {
+ content: "\f055";
+}
+.oc-icon-minus-circle:before,
+.icon-minus-circle:before {
+ content: "\f056";
+}
+.oc-icon-times-circle:before,
+.icon-times-circle:before {
+ content: "\f057";
+}
+.oc-icon-check-circle:before,
+.icon-check-circle:before {
+ content: "\f058";
+}
+.oc-icon-question-circle:before,
+.icon-question-circle:before {
+ content: "\f059";
+}
+.oc-icon-info-circle:before,
+.icon-info-circle:before {
+ content: "\f05a";
+}
+.oc-icon-crosshairs:before,
+.icon-crosshairs:before {
+ content: "\f05b";
+}
+.oc-icon-times-circle-o:before,
+.icon-times-circle-o:before {
+ content: "\f05c";
+}
+.oc-icon-check-circle-o:before,
+.icon-check-circle-o:before {
+ content: "\f05d";
+}
+.oc-icon-ban:before,
+.icon-ban:before {
+ content: "\f05e";
+}
+.oc-icon-arrow-left:before,
+.icon-arrow-left:before {
+ content: "\f060";
+}
+.oc-icon-arrow-right:before,
+.icon-arrow-right:before {
+ content: "\f061";
+}
+.oc-icon-arrow-up:before,
+.icon-arrow-up:before {
+ content: "\f062";
+}
+.oc-icon-arrow-down:before,
+.icon-arrow-down:before {
+ content: "\f063";
+}
+.oc-icon-mail-forward:before,
+.icon-mail-forward:before,
+.oc-icon-share:before,
+.icon-share:before {
+ content: "\f064";
+}
+.oc-icon-expand:before,
+.icon-expand:before {
+ content: "\f065";
+}
+.oc-icon-compress:before,
+.icon-compress:before {
+ content: "\f066";
+}
+.oc-icon-plus:before,
+.icon-plus:before {
+ content: "\f067";
+}
+.oc-icon-minus:before,
+.icon-minus:before {
+ content: "\f068";
+}
+.oc-icon-asterisk:before,
+.icon-asterisk:before {
+ content: "\f069";
+}
+.oc-icon-exclamation-circle:before,
+.icon-exclamation-circle:before {
+ content: "\f06a";
+}
+.oc-icon-gift:before,
+.icon-gift:before {
+ content: "\f06b";
+}
+.oc-icon-leaf:before,
+.icon-leaf:before {
+ content: "\f06c";
+}
+.oc-icon-fire:before,
+.icon-fire:before {
+ content: "\f06d";
+}
+.oc-icon-eye:before,
+.icon-eye:before {
+ content: "\f06e";
+}
+.oc-icon-eye-slash:before,
+.icon-eye-slash:before {
+ content: "\f070";
+}
+.oc-icon-warning:before,
+.icon-warning:before,
+.oc-icon-exclamation-triangle:before,
+.icon-exclamation-triangle:before {
+ content: "\f071";
+}
+.oc-icon-plane:before,
+.icon-plane:before {
+ content: "\f072";
+}
+.oc-icon-calendar:before,
+.icon-calendar:before {
+ content: "\f073";
+}
+.oc-icon-random:before,
+.icon-random:before {
+ content: "\f074";
+}
+.oc-icon-comment:before,
+.icon-comment:before {
+ content: "\f075";
+}
+.oc-icon-magnet:before,
+.icon-magnet:before {
+ content: "\f076";
+}
+.oc-icon-chevron-up:before,
+.icon-chevron-up:before {
+ content: "\f077";
+}
+.oc-icon-chevron-down:before,
+.icon-chevron-down:before {
+ content: "\f078";
+}
+.oc-icon-retweet:before,
+.icon-retweet:before {
+ content: "\f079";
+}
+.oc-icon-shopping-cart:before,
+.icon-shopping-cart:before {
+ content: "\f07a";
+}
+.oc-icon-folder:before,
+.icon-folder:before {
+ content: "\f07b";
+}
+.oc-icon-folder-open:before,
+.icon-folder-open:before {
+ content: "\f07c";
+}
+.oc-icon-arrows-v:before,
+.icon-arrows-v:before {
+ content: "\f07d";
+}
+.oc-icon-arrows-h:before,
+.icon-arrows-h:before {
+ content: "\f07e";
+}
+.oc-icon-bar-chart-o:before,
+.icon-bar-chart-o:before,
+.oc-icon-bar-chart:before,
+.icon-bar-chart:before {
+ content: "\f080";
+}
+.oc-icon-twitter-square:before,
+.icon-twitter-square:before {
+ content: "\f081";
+}
+.oc-icon-facebook-square:before,
+.icon-facebook-square:before {
+ content: "\f082";
+}
+.oc-icon-camera-retro:before,
+.icon-camera-retro:before {
+ content: "\f083";
+}
+.oc-icon-key:before,
+.icon-key:before {
+ content: "\f084";
+}
+.oc-icon-gears:before,
+.icon-gears:before,
+.oc-icon-cogs:before,
+.icon-cogs:before {
+ content: "\f085";
+}
+.oc-icon-comments:before,
+.icon-comments:before {
+ content: "\f086";
+}
+.oc-icon-thumbs-o-up:before,
+.icon-thumbs-o-up:before {
+ content: "\f087";
+}
+.oc-icon-thumbs-o-down:before,
+.icon-thumbs-o-down:before {
+ content: "\f088";
+}
+.oc-icon-star-half:before,
+.icon-star-half:before {
+ content: "\f089";
+}
+.oc-icon-heart-o:before,
+.icon-heart-o:before {
+ content: "\f08a";
+}
+.oc-icon-sign-out:before,
+.icon-sign-out:before {
+ content: "\f08b";
+}
+.oc-icon-linkedin-square:before,
+.icon-linkedin-square:before {
+ content: "\f08c";
+}
+.oc-icon-thumb-tack:before,
+.icon-thumb-tack:before {
+ content: "\f08d";
+}
+.oc-icon-external-link:before,
+.icon-external-link:before {
+ content: "\f08e";
+}
+.oc-icon-sign-in:before,
+.icon-sign-in:before {
+ content: "\f090";
+}
+.oc-icon-trophy:before,
+.icon-trophy:before {
+ content: "\f091";
+}
+.oc-icon-github-square:before,
+.icon-github-square:before {
+ content: "\f092";
+}
+.oc-icon-upload:before,
+.icon-upload:before {
+ content: "\f093";
+}
+.oc-icon-lemon-o:before,
+.icon-lemon-o:before {
+ content: "\f094";
+}
+.oc-icon-phone:before,
+.icon-phone:before {
+ content: "\f095";
+}
+.oc-icon-square-o:before,
+.icon-square-o:before {
+ content: "\f096";
+}
+.oc-icon-bookmark-o:before,
+.icon-bookmark-o:before {
+ content: "\f097";
+}
+.oc-icon-phone-square:before,
+.icon-phone-square:before {
+ content: "\f098";
+}
+.oc-icon-twitter:before,
+.icon-twitter:before {
+ content: "\f099";
+}
+.oc-icon-facebook-f:before,
+.icon-facebook-f:before,
+.oc-icon-facebook:before,
+.icon-facebook:before {
+ content: "\f09a";
+}
+.oc-icon-github:before,
+.icon-github:before {
+ content: "\f09b";
+}
+.oc-icon-unlock:before,
+.icon-unlock:before {
+ content: "\f09c";
+}
+.oc-icon-credit-card:before,
+.icon-credit-card:before {
+ content: "\f09d";
+}
+.oc-icon-feed:before,
+.icon-feed:before,
+.oc-icon-rss:before,
+.icon-rss:before {
+ content: "\f09e";
+}
+.oc-icon-hdd-o:before,
+.icon-hdd-o:before {
+ content: "\f0a0";
+}
+.oc-icon-bullhorn:before,
+.icon-bullhorn:before {
+ content: "\f0a1";
+}
+.oc-icon-bell:before,
+.icon-bell:before {
+ content: "\f0f3";
+}
+.oc-icon-certificate:before,
+.icon-certificate:before {
+ content: "\f0a3";
+}
+.oc-icon-hand-o-right:before,
+.icon-hand-o-right:before {
+ content: "\f0a4";
+}
+.oc-icon-hand-o-left:before,
+.icon-hand-o-left:before {
+ content: "\f0a5";
+}
+.oc-icon-hand-o-up:before,
+.icon-hand-o-up:before {
+ content: "\f0a6";
+}
+.oc-icon-hand-o-down:before,
+.icon-hand-o-down:before {
+ content: "\f0a7";
+}
+.oc-icon-arrow-circle-left:before,
+.icon-arrow-circle-left:before {
+ content: "\f0a8";
+}
+.oc-icon-arrow-circle-right:before,
+.icon-arrow-circle-right:before {
+ content: "\f0a9";
+}
+.oc-icon-arrow-circle-up:before,
+.icon-arrow-circle-up:before {
+ content: "\f0aa";
+}
+.oc-icon-arrow-circle-down:before,
+.icon-arrow-circle-down:before {
+ content: "\f0ab";
+}
+.oc-icon-globe:before,
+.icon-globe:before {
+ content: "\f0ac";
+}
+.oc-icon-wrench:before,
+.icon-wrench:before {
+ content: "\f0ad";
+}
+.oc-icon-tasks:before,
+.icon-tasks:before {
+ content: "\f0ae";
+}
+.oc-icon-filter:before,
+.icon-filter:before {
+ content: "\f0b0";
+}
+.oc-icon-briefcase:before,
+.icon-briefcase:before {
+ content: "\f0b1";
+}
+.oc-icon-arrows-alt:before,
+.icon-arrows-alt:before {
+ content: "\f0b2";
+}
+.oc-icon-group:before,
+.icon-group:before,
+.oc-icon-users:before,
+.icon-users:before {
+ content: "\f0c0";
+}
+.oc-icon-chain:before,
+.icon-chain:before,
+.oc-icon-link:before,
+.icon-link:before {
+ content: "\f0c1";
+}
+.oc-icon-cloud:before,
+.icon-cloud:before {
+ content: "\f0c2";
+}
+.oc-icon-flask:before,
+.icon-flask:before {
+ content: "\f0c3";
+}
+.oc-icon-cut:before,
+.icon-cut:before,
+.oc-icon-scissors:before,
+.icon-scissors:before {
+ content: "\f0c4";
+}
+.oc-icon-copy:before,
+.icon-copy:before,
+.oc-icon-files-o:before,
+.icon-files-o:before {
+ content: "\f0c5";
+}
+.oc-icon-paperclip:before,
+.icon-paperclip:before {
+ content: "\f0c6";
+}
+.oc-icon-save:before,
+.icon-save:before,
+.oc-icon-floppy-o:before,
+.icon-floppy-o:before {
+ content: "\f0c7";
+}
+.oc-icon-square:before,
+.icon-square:before {
+ content: "\f0c8";
+}
+.oc-icon-navicon:before,
+.icon-navicon:before,
+.oc-icon-reorder:before,
+.icon-reorder:before,
+.oc-icon-bars:before,
+.icon-bars:before {
+ content: "\f0c9";
+}
+.oc-icon-list-ul:before,
+.icon-list-ul:before {
+ content: "\f0ca";
+}
+.oc-icon-list-ol:before,
+.icon-list-ol:before {
+ content: "\f0cb";
+}
+.oc-icon-strikethrough:before,
+.icon-strikethrough:before {
+ content: "\f0cc";
+}
+.oc-icon-underline:before,
+.icon-underline:before {
+ content: "\f0cd";
+}
+.oc-icon-table:before,
+.icon-table:before {
+ content: "\f0ce";
+}
+.oc-icon-magic:before,
+.icon-magic:before {
+ content: "\f0d0";
+}
+.oc-icon-truck:before,
+.icon-truck:before {
+ content: "\f0d1";
+}
+.oc-icon-pinterest:before,
+.icon-pinterest:before {
+ content: "\f0d2";
+}
+.oc-icon-pinterest-square:before,
+.icon-pinterest-square:before {
+ content: "\f0d3";
+}
+.oc-icon-google-plus-square:before,
+.icon-google-plus-square:before {
+ content: "\f0d4";
+}
+.oc-icon-google-plus:before,
+.icon-google-plus:before {
+ content: "\f0d5";
+}
+.oc-icon-money:before,
+.icon-money:before {
+ content: "\f0d6";
+}
+.oc-icon-caret-down:before,
+.icon-caret-down:before {
+ content: "\f0d7";
+}
+.oc-icon-caret-up:before,
+.icon-caret-up:before {
+ content: "\f0d8";
+}
+.oc-icon-caret-left:before,
+.icon-caret-left:before {
+ content: "\f0d9";
+}
+.oc-icon-caret-right:before,
+.icon-caret-right:before {
+ content: "\f0da";
+}
+.oc-icon-columns:before,
+.icon-columns:before {
+ content: "\f0db";
+}
+.oc-icon-unsorted:before,
+.icon-unsorted:before,
+.oc-icon-sort:before,
+.icon-sort:before {
+ content: "\f0dc";
+}
+.oc-icon-sort-down:before,
+.icon-sort-down:before,
+.oc-icon-sort-desc:before,
+.icon-sort-desc:before {
+ content: "\f0dd";
+}
+.oc-icon-sort-up:before,
+.icon-sort-up:before,
+.oc-icon-sort-asc:before,
+.icon-sort-asc:before {
+ content: "\f0de";
+}
+.oc-icon-envelope:before,
+.icon-envelope:before {
+ content: "\f0e0";
+}
+.oc-icon-linkedin:before,
+.icon-linkedin:before {
+ content: "\f0e1";
+}
+.oc-icon-rotate-left:before,
+.icon-rotate-left:before,
+.oc-icon-undo:before,
+.icon-undo:before {
+ content: "\f0e2";
+}
+.oc-icon-legal:before,
+.icon-legal:before,
+.oc-icon-gavel:before,
+.icon-gavel:before {
+ content: "\f0e3";
+}
+.oc-icon-dashboard:before,
+.icon-dashboard:before,
+.oc-icon-tachometer:before,
+.icon-tachometer:before {
+ content: "\f0e4";
+}
+.oc-icon-comment-o:before,
+.icon-comment-o:before {
+ content: "\f0e5";
+}
+.oc-icon-comments-o:before,
+.icon-comments-o:before {
+ content: "\f0e6";
+}
+.oc-icon-flash:before,
+.icon-flash:before,
+.oc-icon-bolt:before,
+.icon-bolt:before {
+ content: "\f0e7";
+}
+.oc-icon-sitemap:before,
+.icon-sitemap:before {
+ content: "\f0e8";
+}
+.oc-icon-umbrella:before,
+.icon-umbrella:before {
+ content: "\f0e9";
+}
+.oc-icon-paste:before,
+.icon-paste:before,
+.oc-icon-clipboard:before,
+.icon-clipboard:before {
+ content: "\f0ea";
+}
+.oc-icon-lightbulb-o:before,
+.icon-lightbulb-o:before {
+ content: "\f0eb";
+}
+.oc-icon-exchange:before,
+.icon-exchange:before {
+ content: "\f0ec";
+}
+.oc-icon-cloud-download:before,
+.icon-cloud-download:before {
+ content: "\f0ed";
+}
+.oc-icon-cloud-upload:before,
+.icon-cloud-upload:before {
+ content: "\f0ee";
+}
+.oc-icon-user-md:before,
+.icon-user-md:before {
+ content: "\f0f0";
+}
+.oc-icon-stethoscope:before,
+.icon-stethoscope:before {
+ content: "\f0f1";
+}
+.oc-icon-suitcase:before,
+.icon-suitcase:before {
+ content: "\f0f2";
+}
+.oc-icon-bell-o:before,
+.icon-bell-o:before {
+ content: "\f0a2";
+}
+.oc-icon-coffee:before,
+.icon-coffee:before {
+ content: "\f0f4";
+}
+.oc-icon-cutlery:before,
+.icon-cutlery:before {
+ content: "\f0f5";
+}
+.oc-icon-file-text-o:before,
+.icon-file-text-o:before {
+ content: "\f0f6";
+}
+.oc-icon-building-o:before,
+.icon-building-o:before {
+ content: "\f0f7";
+}
+.oc-icon-hospital-o:before,
+.icon-hospital-o:before {
+ content: "\f0f8";
+}
+.oc-icon-ambulance:before,
+.icon-ambulance:before {
+ content: "\f0f9";
+}
+.oc-icon-medkit:before,
+.icon-medkit:before {
+ content: "\f0fa";
+}
+.oc-icon-fighter-jet:before,
+.icon-fighter-jet:before {
+ content: "\f0fb";
+}
+.oc-icon-beer:before,
+.icon-beer:before {
+ content: "\f0fc";
+}
+.oc-icon-h-square:before,
+.icon-h-square:before {
+ content: "\f0fd";
+}
+.oc-icon-plus-square:before,
+.icon-plus-square:before {
+ content: "\f0fe";
+}
+.oc-icon-angle-double-left:before,
+.icon-angle-double-left:before {
+ content: "\f100";
+}
+.oc-icon-angle-double-right:before,
+.icon-angle-double-right:before {
+ content: "\f101";
+}
+.oc-icon-angle-double-up:before,
+.icon-angle-double-up:before {
+ content: "\f102";
+}
+.oc-icon-angle-double-down:before,
+.icon-angle-double-down:before {
+ content: "\f103";
+}
+.oc-icon-angle-left:before,
+.icon-angle-left:before {
+ content: "\f104";
+}
+.oc-icon-angle-right:before,
+.icon-angle-right:before {
+ content: "\f105";
+}
+.oc-icon-angle-up:before,
+.icon-angle-up:before {
+ content: "\f106";
+}
+.oc-icon-angle-down:before,
+.icon-angle-down:before {
+ content: "\f107";
+}
+.oc-icon-desktop:before,
+.icon-desktop:before {
+ content: "\f108";
+}
+.oc-icon-laptop:before,
+.icon-laptop:before {
+ content: "\f109";
+}
+.oc-icon-tablet:before,
+.icon-tablet:before {
+ content: "\f10a";
+}
+.oc-icon-mobile-phone:before,
+.icon-mobile-phone:before,
+.oc-icon-mobile:before,
+.icon-mobile:before {
+ content: "\f10b";
+}
+.oc-icon-circle-o:before,
+.icon-circle-o:before {
+ content: "\f10c";
+}
+.oc-icon-quote-left:before,
+.icon-quote-left:before {
+ content: "\f10d";
+}
+.oc-icon-quote-right:before,
+.icon-quote-right:before {
+ content: "\f10e";
+}
+.oc-icon-spinner:before,
+.icon-spinner:before {
+ content: "\f110";
+}
+.oc-icon-circle:before,
+.icon-circle:before {
+ content: "\f111";
+}
+.oc-icon-mail-reply:before,
+.icon-mail-reply:before,
+.oc-icon-reply:before,
+.icon-reply:before {
+ content: "\f112";
+}
+.oc-icon-github-alt:before,
+.icon-github-alt:before {
+ content: "\f113";
+}
+.oc-icon-folder-o:before,
+.icon-folder-o:before {
+ content: "\f114";
+}
+.oc-icon-folder-open-o:before,
+.icon-folder-open-o:before {
+ content: "\f115";
+}
+.oc-icon-smile-o:before,
+.icon-smile-o:before {
+ content: "\f118";
+}
+.oc-icon-frown-o:before,
+.icon-frown-o:before {
+ content: "\f119";
+}
+.oc-icon-meh-o:before,
+.icon-meh-o:before {
+ content: "\f11a";
+}
+.oc-icon-gamepad:before,
+.icon-gamepad:before {
+ content: "\f11b";
+}
+.oc-icon-keyboard-o:before,
+.icon-keyboard-o:before {
+ content: "\f11c";
+}
+.oc-icon-flag-o:before,
+.icon-flag-o:before {
+ content: "\f11d";
+}
+.oc-icon-flag-checkered:before,
+.icon-flag-checkered:before {
+ content: "\f11e";
+}
+.oc-icon-terminal:before,
+.icon-terminal:before {
+ content: "\f120";
+}
+.oc-icon-code:before,
+.icon-code:before {
+ content: "\f121";
+}
+.oc-icon-mail-reply-all:before,
+.icon-mail-reply-all:before,
+.oc-icon-reply-all:before,
+.icon-reply-all:before {
+ content: "\f122";
+}
+.oc-icon-star-half-empty:before,
+.icon-star-half-empty:before,
+.oc-icon-star-half-full:before,
+.icon-star-half-full:before,
+.oc-icon-star-half-o:before,
+.icon-star-half-o:before {
+ content: "\f123";
+}
+.oc-icon-location-arrow:before,
+.icon-location-arrow:before {
+ content: "\f124";
+}
+.oc-icon-crop:before,
+.icon-crop:before {
+ content: "\f125";
+}
+.oc-icon-code-fork:before,
+.icon-code-fork:before {
+ content: "\f126";
+}
+.oc-icon-unlink:before,
+.icon-unlink:before,
+.oc-icon-chain-broken:before,
+.icon-chain-broken:before {
+ content: "\f127";
+}
+.oc-icon-question:before,
+.icon-question:before {
+ content: "\f128";
+}
+.oc-icon-info:before,
+.icon-info:before {
+ content: "\f129";
+}
+.oc-icon-exclamation:before,
+.icon-exclamation:before {
+ content: "\f12a";
+}
+.oc-icon-superscript:before,
+.icon-superscript:before {
+ content: "\f12b";
+}
+.oc-icon-subscript:before,
+.icon-subscript:before {
+ content: "\f12c";
+}
+.oc-icon-eraser:before,
+.icon-eraser:before {
+ content: "\f12d";
+}
+.oc-icon-puzzle-piece:before,
+.icon-puzzle-piece:before {
+ content: "\f12e";
+}
+.oc-icon-microphone:before,
+.icon-microphone:before {
+ content: "\f130";
+}
+.oc-icon-microphone-slash:before,
+.icon-microphone-slash:before {
+ content: "\f131";
+}
+.oc-icon-shield:before,
+.icon-shield:before {
+ content: "\f132";
+}
+.oc-icon-calendar-o:before,
+.icon-calendar-o:before {
+ content: "\f133";
+}
+.oc-icon-fire-extinguisher:before,
+.icon-fire-extinguisher:before {
+ content: "\f134";
+}
+.oc-icon-rocket:before,
+.icon-rocket:before {
+ content: "\f135";
+}
+.oc-icon-maxcdn:before,
+.icon-maxcdn:before {
+ content: "\f136";
+}
+.oc-icon-chevron-circle-left:before,
+.icon-chevron-circle-left:before {
+ content: "\f137";
+}
+.oc-icon-chevron-circle-right:before,
+.icon-chevron-circle-right:before {
+ content: "\f138";
+}
+.oc-icon-chevron-circle-up:before,
+.icon-chevron-circle-up:before {
+ content: "\f139";
+}
+.oc-icon-chevron-circle-down:before,
+.icon-chevron-circle-down:before {
+ content: "\f13a";
+}
+.oc-icon-html5:before,
+.icon-html5:before {
+ content: "\f13b";
+}
+.oc-icon-css3:before,
+.icon-css3:before {
+ content: "\f13c";
+}
+.oc-icon-anchor:before,
+.icon-anchor:before {
+ content: "\f13d";
+}
+.oc-icon-unlock-alt:before,
+.icon-unlock-alt:before {
+ content: "\f13e";
+}
+.oc-icon-bullseye:before,
+.icon-bullseye:before {
+ content: "\f140";
+}
+.oc-icon-ellipsis-h:before,
+.icon-ellipsis-h:before {
+ content: "\f141";
+}
+.oc-icon-ellipsis-v:before,
+.icon-ellipsis-v:before {
+ content: "\f142";
+}
+.oc-icon-rss-square:before,
+.icon-rss-square:before {
+ content: "\f143";
+}
+.oc-icon-play-circle:before,
+.icon-play-circle:before {
+ content: "\f144";
+}
+.oc-icon-ticket:before,
+.icon-ticket:before {
+ content: "\f145";
+}
+.oc-icon-minus-square:before,
+.icon-minus-square:before {
+ content: "\f146";
+}
+.oc-icon-minus-square-o:before,
+.icon-minus-square-o:before {
+ content: "\f147";
+}
+.oc-icon-level-up:before,
+.icon-level-up:before {
+ content: "\f148";
+}
+.oc-icon-level-down:before,
+.icon-level-down:before {
+ content: "\f149";
+}
+.oc-icon-check-square:before,
+.icon-check-square:before {
+ content: "\f14a";
+}
+.oc-icon-pencil-square:before,
+.icon-pencil-square:before {
+ content: "\f14b";
+}
+.oc-icon-external-link-square:before,
+.icon-external-link-square:before {
+ content: "\f14c";
+}
+.oc-icon-share-square:before,
+.icon-share-square:before {
+ content: "\f14d";
+}
+.oc-icon-compass:before,
+.icon-compass:before {
+ content: "\f14e";
+}
+.oc-icon-toggle-down:before,
+.icon-toggle-down:before,
+.oc-icon-caret-square-o-down:before,
+.icon-caret-square-o-down:before {
+ content: "\f150";
+}
+.oc-icon-toggle-up:before,
+.icon-toggle-up:before,
+.oc-icon-caret-square-o-up:before,
+.icon-caret-square-o-up:before {
+ content: "\f151";
+}
+.oc-icon-toggle-right:before,
+.icon-toggle-right:before,
+.oc-icon-caret-square-o-right:before,
+.icon-caret-square-o-right:before {
+ content: "\f152";
+}
+.oc-icon-euro:before,
+.icon-euro:before,
+.oc-icon-eur:before,
+.icon-eur:before {
+ content: "\f153";
+}
+.oc-icon-gbp:before,
+.icon-gbp:before {
+ content: "\f154";
+}
+.oc-icon-dollar:before,
+.icon-dollar:before,
+.oc-icon-usd:before,
+.icon-usd:before {
+ content: "\f155";
+}
+.oc-icon-rupee:before,
+.icon-rupee:before,
+.oc-icon-inr:before,
+.icon-inr:before {
+ content: "\f156";
+}
+.oc-icon-cny:before,
+.icon-cny:before,
+.oc-icon-rmb:before,
+.icon-rmb:before,
+.oc-icon-yen:before,
+.icon-yen:before,
+.oc-icon-jpy:before,
+.icon-jpy:before {
+ content: "\f157";
+}
+.oc-icon-ruble:before,
+.icon-ruble:before,
+.oc-icon-rouble:before,
+.icon-rouble:before,
+.oc-icon-rub:before,
+.icon-rub:before {
+ content: "\f158";
+}
+.oc-icon-won:before,
+.icon-won:before,
+.oc-icon-krw:before,
+.icon-krw:before {
+ content: "\f159";
+}
+.oc-icon-bitcoin:before,
+.icon-bitcoin:before,
+.oc-icon-btc:before,
+.icon-btc:before {
+ content: "\f15a";
+}
+.oc-icon-file:before,
+.icon-file:before {
+ content: "\f15b";
+}
+.oc-icon-file-text:before,
+.icon-file-text:before {
+ content: "\f15c";
+}
+.oc-icon-sort-alpha-asc:before,
+.icon-sort-alpha-asc:before {
+ content: "\f15d";
+}
+.oc-icon-sort-alpha-desc:before,
+.icon-sort-alpha-desc:before {
+ content: "\f15e";
+}
+.oc-icon-sort-amount-asc:before,
+.icon-sort-amount-asc:before {
+ content: "\f160";
+}
+.oc-icon-sort-amount-desc:before,
+.icon-sort-amount-desc:before {
+ content: "\f161";
+}
+.oc-icon-sort-numeric-asc:before,
+.icon-sort-numeric-asc:before {
+ content: "\f162";
+}
+.oc-icon-sort-numeric-desc:before,
+.icon-sort-numeric-desc:before {
+ content: "\f163";
+}
+.oc-icon-thumbs-up:before,
+.icon-thumbs-up:before {
+ content: "\f164";
+}
+.oc-icon-thumbs-down:before,
+.icon-thumbs-down:before {
+ content: "\f165";
+}
+.oc-icon-youtube-square:before,
+.icon-youtube-square:before {
+ content: "\f166";
+}
+.oc-icon-youtube:before,
+.icon-youtube:before {
+ content: "\f167";
+}
+.oc-icon-xing:before,
+.icon-xing:before {
+ content: "\f168";
+}
+.oc-icon-xing-square:before,
+.icon-xing-square:before {
+ content: "\f169";
+}
+.oc-icon-youtube-play:before,
+.icon-youtube-play:before {
+ content: "\f16a";
+}
+.oc-icon-dropbox:before,
+.icon-dropbox:before {
+ content: "\f16b";
+}
+.oc-icon-stack-overflow:before,
+.icon-stack-overflow:before {
+ content: "\f16c";
+}
+.oc-icon-instagram:before,
+.icon-instagram:before {
+ content: "\f16d";
+}
+.oc-icon-flickr:before,
+.icon-flickr:before {
+ content: "\f16e";
+}
+.oc-icon-adn:before,
+.icon-adn:before {
+ content: "\f170";
+}
+.oc-icon-bitbucket:before,
+.icon-bitbucket:before {
+ content: "\f171";
+}
+.oc-icon-bitbucket-square:before,
+.icon-bitbucket-square:before {
+ content: "\f172";
+}
+.oc-icon-tumblr:before,
+.icon-tumblr:before {
+ content: "\f173";
+}
+.oc-icon-tumblr-square:before,
+.icon-tumblr-square:before {
+ content: "\f174";
+}
+.oc-icon-long-arrow-down:before,
+.icon-long-arrow-down:before {
+ content: "\f175";
+}
+.oc-icon-long-arrow-up:before,
+.icon-long-arrow-up:before {
+ content: "\f176";
+}
+.oc-icon-long-arrow-left:before,
+.icon-long-arrow-left:before {
+ content: "\f177";
+}
+.oc-icon-long-arrow-right:before,
+.icon-long-arrow-right:before {
+ content: "\f178";
+}
+.oc-icon-apple:before,
+.icon-apple:before {
+ content: "\f179";
+}
+.oc-icon-windows:before,
+.icon-windows:before {
+ content: "\f17a";
+}
+.oc-icon-android:before,
+.icon-android:before {
+ content: "\f17b";
+}
+.oc-icon-linux:before,
+.icon-linux:before {
+ content: "\f17c";
+}
+.oc-icon-dribbble:before,
+.icon-dribbble:before {
+ content: "\f17d";
+}
+.oc-icon-skype:before,
+.icon-skype:before {
+ content: "\f17e";
+}
+.oc-icon-foursquare:before,
+.icon-foursquare:before {
+ content: "\f180";
+}
+.oc-icon-trello:before,
+.icon-trello:before {
+ content: "\f181";
+}
+.oc-icon-female:before,
+.icon-female:before {
+ content: "\f182";
+}
+.oc-icon-male:before,
+.icon-male:before {
+ content: "\f183";
+}
+.oc-icon-gittip:before,
+.icon-gittip:before,
+.oc-icon-gratipay:before,
+.icon-gratipay:before {
+ content: "\f184";
+}
+.oc-icon-sun-o:before,
+.icon-sun-o:before {
+ content: "\f185";
+}
+.oc-icon-moon-o:before,
+.icon-moon-o:before {
+ content: "\f186";
+}
+.oc-icon-archive:before,
+.icon-archive:before {
+ content: "\f187";
+}
+.oc-icon-bug:before,
+.icon-bug:before {
+ content: "\f188";
+}
+.oc-icon-vk:before,
+.icon-vk:before {
+ content: "\f189";
+}
+.oc-icon-weibo:before,
+.icon-weibo:before {
+ content: "\f18a";
+}
+.oc-icon-renren:before,
+.icon-renren:before {
+ content: "\f18b";
+}
+.oc-icon-pagelines:before,
+.icon-pagelines:before {
+ content: "\f18c";
+}
+.oc-icon-stack-exchange:before,
+.icon-stack-exchange:before {
+ content: "\f18d";
+}
+.oc-icon-arrow-circle-o-right:before,
+.icon-arrow-circle-o-right:before {
+ content: "\f18e";
+}
+.oc-icon-arrow-circle-o-left:before,
+.icon-arrow-circle-o-left:before {
+ content: "\f190";
+}
+.oc-icon-toggle-left:before,
+.icon-toggle-left:before,
+.oc-icon-caret-square-o-left:before,
+.icon-caret-square-o-left:before {
+ content: "\f191";
+}
+.oc-icon-dot-circle-o:before,
+.icon-dot-circle-o:before {
+ content: "\f192";
+}
+.oc-icon-wheelchair:before,
+.icon-wheelchair:before {
+ content: "\f193";
+}
+.oc-icon-vimeo-square:before,
+.icon-vimeo-square:before {
+ content: "\f194";
+}
+.oc-icon-turkish-lira:before,
+.icon-turkish-lira:before,
+.oc-icon-try:before,
+.icon-try:before {
+ content: "\f195";
+}
+.oc-icon-plus-square-o:before,
+.icon-plus-square-o:before {
+ content: "\f196";
+}
+.oc-icon-space-shuttle:before,
+.icon-space-shuttle:before {
+ content: "\f197";
+}
+.oc-icon-slack:before,
+.icon-slack:before {
+ content: "\f198";
+}
+.oc-icon-envelope-square:before,
+.icon-envelope-square:before {
+ content: "\f199";
+}
+.oc-icon-wordpress:before,
+.icon-wordpress:before {
+ content: "\f19a";
+}
+.oc-icon-openid:before,
+.icon-openid:before {
+ content: "\f19b";
+}
+.oc-icon-institution:before,
+.icon-institution:before,
+.oc-icon-bank:before,
+.icon-bank:before,
+.oc-icon-university:before,
+.icon-university:before {
+ content: "\f19c";
+}
+.oc-icon-mortar-board:before,
+.icon-mortar-board:before,
+.oc-icon-graduation-cap:before,
+.icon-graduation-cap:before {
+ content: "\f19d";
+}
+.oc-icon-yahoo:before,
+.icon-yahoo:before {
+ content: "\f19e";
+}
+.oc-icon-google:before,
+.icon-google:before {
+ content: "\f1a0";
+}
+.oc-icon-reddit:before,
+.icon-reddit:before {
+ content: "\f1a1";
+}
+.oc-icon-reddit-square:before,
+.icon-reddit-square:before {
+ content: "\f1a2";
+}
+.oc-icon-stumbleupon-circle:before,
+.icon-stumbleupon-circle:before {
+ content: "\f1a3";
+}
+.oc-icon-stumbleupon:before,
+.icon-stumbleupon:before {
+ content: "\f1a4";
+}
+.oc-icon-delicious:before,
+.icon-delicious:before {
+ content: "\f1a5";
+}
+.oc-icon-digg:before,
+.icon-digg:before {
+ content: "\f1a6";
+}
+.oc-icon-pied-piper:before,
+.icon-pied-piper:before {
+ content: "\f1a7";
+}
+.oc-icon-pied-piper-alt:before,
+.icon-pied-piper-alt:before {
+ content: "\f1a8";
+}
+.oc-icon-drupal:before,
+.icon-drupal:before {
+ content: "\f1a9";
+}
+.oc-icon-joomla:before,
+.icon-joomla:before {
+ content: "\f1aa";
+}
+.oc-icon-language:before,
+.icon-language:before {
+ content: "\f1ab";
+}
+.oc-icon-fax:before,
+.icon-fax:before {
+ content: "\f1ac";
+}
+.oc-icon-building:before,
+.icon-building:before {
+ content: "\f1ad";
+}
+.oc-icon-child:before,
+.icon-child:before {
+ content: "\f1ae";
+}
+.oc-icon-paw:before,
+.icon-paw:before {
+ content: "\f1b0";
+}
+.oc-icon-spoon:before,
+.icon-spoon:before {
+ content: "\f1b1";
+}
+.oc-icon-cube:before,
+.icon-cube:before {
+ content: "\f1b2";
+}
+.oc-icon-cubes:before,
+.icon-cubes:before {
+ content: "\f1b3";
+}
+.oc-icon-behance:before,
+.icon-behance:before {
+ content: "\f1b4";
+}
+.oc-icon-behance-square:before,
+.icon-behance-square:before {
+ content: "\f1b5";
+}
+.oc-icon-steam:before,
+.icon-steam:before {
+ content: "\f1b6";
+}
+.oc-icon-steam-square:before,
+.icon-steam-square:before {
+ content: "\f1b7";
+}
+.oc-icon-recycle:before,
+.icon-recycle:before {
+ content: "\f1b8";
+}
+.oc-icon-automobile:before,
+.icon-automobile:before,
+.oc-icon-car:before,
+.icon-car:before {
+ content: "\f1b9";
+}
+.oc-icon-cab:before,
+.icon-cab:before,
+.oc-icon-taxi:before,
+.icon-taxi:before {
+ content: "\f1ba";
+}
+.oc-icon-tree:before,
+.icon-tree:before {
+ content: "\f1bb";
+}
+.oc-icon-spotify:before,
+.icon-spotify:before {
+ content: "\f1bc";
+}
+.oc-icon-deviantart:before,
+.icon-deviantart:before {
+ content: "\f1bd";
+}
+.oc-icon-soundcloud:before,
+.icon-soundcloud:before {
+ content: "\f1be";
+}
+.oc-icon-database:before,
+.icon-database:before {
+ content: "\f1c0";
+}
+.oc-icon-file-pdf-o:before,
+.icon-file-pdf-o:before {
+ content: "\f1c1";
+}
+.oc-icon-file-word-o:before,
+.icon-file-word-o:before {
+ content: "\f1c2";
+}
+.oc-icon-file-excel-o:before,
+.icon-file-excel-o:before {
+ content: "\f1c3";
+}
+.oc-icon-file-powerpoint-o:before,
+.icon-file-powerpoint-o:before {
+ content: "\f1c4";
+}
+.oc-icon-file-photo-o:before,
+.icon-file-photo-o:before,
+.oc-icon-file-picture-o:before,
+.icon-file-picture-o:before,
+.oc-icon-file-image-o:before,
+.icon-file-image-o:before {
+ content: "\f1c5";
+}
+.oc-icon-file-zip-o:before,
+.icon-file-zip-o:before,
+.oc-icon-file-archive-o:before,
+.icon-file-archive-o:before {
+ content: "\f1c6";
+}
+.oc-icon-file-sound-o:before,
+.icon-file-sound-o:before,
+.oc-icon-file-audio-o:before,
+.icon-file-audio-o:before {
+ content: "\f1c7";
+}
+.oc-icon-file-movie-o:before,
+.icon-file-movie-o:before,
+.oc-icon-file-video-o:before,
+.icon-file-video-o:before {
+ content: "\f1c8";
+}
+.oc-icon-file-code-o:before,
+.icon-file-code-o:before {
+ content: "\f1c9";
+}
+.oc-icon-vine:before,
+.icon-vine:before {
+ content: "\f1ca";
+}
+.oc-icon-codepen:before,
+.icon-codepen:before {
+ content: "\f1cb";
+}
+.oc-icon-jsfiddle:before,
+.icon-jsfiddle:before {
+ content: "\f1cc";
+}
+.oc-icon-life-bouy:before,
+.icon-life-bouy:before,
+.oc-icon-life-buoy:before,
+.icon-life-buoy:before,
+.oc-icon-life-saver:before,
+.icon-life-saver:before,
+.oc-icon-support:before,
+.icon-support:before,
+.oc-icon-life-ring:before,
+.icon-life-ring:before {
+ content: "\f1cd";
+}
+.oc-icon-circle-o-notch:before,
+.icon-circle-o-notch:before {
+ content: "\f1ce";
+}
+.oc-icon-ra:before,
+.icon-ra:before,
+.oc-icon-rebel:before,
+.icon-rebel:before {
+ content: "\f1d0";
+}
+.oc-icon-ge:before,
+.icon-ge:before,
+.oc-icon-empire:before,
+.icon-empire:before {
+ content: "\f1d1";
+}
+.oc-icon-git-square:before,
+.icon-git-square:before {
+ content: "\f1d2";
+}
+.oc-icon-git:before,
+.icon-git:before {
+ content: "\f1d3";
+}
+.oc-icon-y-combinator-square:before,
+.icon-y-combinator-square:before,
+.oc-icon-yc-square:before,
+.icon-yc-square:before,
+.oc-icon-hacker-news:before,
+.icon-hacker-news:before {
+ content: "\f1d4";
+}
+.oc-icon-tencent-weibo:before,
+.icon-tencent-weibo:before {
+ content: "\f1d5";
+}
+.oc-icon-qq:before,
+.icon-qq:before {
+ content: "\f1d6";
+}
+.oc-icon-wechat:before,
+.icon-wechat:before,
+.oc-icon-weixin:before,
+.icon-weixin:before {
+ content: "\f1d7";
+}
+.oc-icon-send:before,
+.icon-send:before,
+.oc-icon-paper-plane:before,
+.icon-paper-plane:before {
+ content: "\f1d8";
+}
+.oc-icon-send-o:before,
+.icon-send-o:before,
+.oc-icon-paper-plane-o:before,
+.icon-paper-plane-o:before {
+ content: "\f1d9";
+}
+.oc-icon-history:before,
+.icon-history:before {
+ content: "\f1da";
+}
+.oc-icon-circle-thin:before,
+.icon-circle-thin:before {
+ content: "\f1db";
+}
+.oc-icon-header:before,
+.icon-header:before {
+ content: "\f1dc";
+}
+.oc-icon-paragraph:before,
+.icon-paragraph:before {
+ content: "\f1dd";
+}
+.oc-icon-sliders:before,
+.icon-sliders:before {
+ content: "\f1de";
+}
+.oc-icon-share-alt:before,
+.icon-share-alt:before {
+ content: "\f1e0";
+}
+.oc-icon-share-alt-square:before,
+.icon-share-alt-square:before {
+ content: "\f1e1";
+}
+.oc-icon-bomb:before,
+.icon-bomb:before {
+ content: "\f1e2";
+}
+.oc-icon-soccer-ball-o:before,
+.icon-soccer-ball-o:before,
+.oc-icon-futbol-o:before,
+.icon-futbol-o:before {
+ content: "\f1e3";
+}
+.oc-icon-tty:before,
+.icon-tty:before {
+ content: "\f1e4";
+}
+.oc-icon-binoculars:before,
+.icon-binoculars:before {
+ content: "\f1e5";
+}
+.oc-icon-plug:before,
+.icon-plug:before {
+ content: "\f1e6";
+}
+.oc-icon-slideshare:before,
+.icon-slideshare:before {
+ content: "\f1e7";
+}
+.oc-icon-twitch:before,
+.icon-twitch:before {
+ content: "\f1e8";
+}
+.oc-icon-yelp:before,
+.icon-yelp:before {
+ content: "\f1e9";
+}
+.oc-icon-newspaper-o:before,
+.icon-newspaper-o:before {
+ content: "\f1ea";
+}
+.oc-icon-wifi:before,
+.icon-wifi:before {
+ content: "\f1eb";
+}
+.oc-icon-calculator:before,
+.icon-calculator:before {
+ content: "\f1ec";
+}
+.oc-icon-paypal:before,
+.icon-paypal:before {
+ content: "\f1ed";
+}
+.oc-icon-google-wallet:before,
+.icon-google-wallet:before {
+ content: "\f1ee";
+}
+.oc-icon-cc-visa:before,
+.icon-cc-visa:before {
+ content: "\f1f0";
+}
+.oc-icon-cc-mastercard:before,
+.icon-cc-mastercard:before {
+ content: "\f1f1";
+}
+.oc-icon-cc-discover:before,
+.icon-cc-discover:before {
+ content: "\f1f2";
+}
+.oc-icon-cc-amex:before,
+.icon-cc-amex:before {
+ content: "\f1f3";
+}
+.oc-icon-cc-paypal:before,
+.icon-cc-paypal:before {
+ content: "\f1f4";
+}
+.oc-icon-cc-stripe:before,
+.icon-cc-stripe:before {
+ content: "\f1f5";
+}
+.oc-icon-bell-slash:before,
+.icon-bell-slash:before {
+ content: "\f1f6";
+}
+.oc-icon-bell-slash-o:before,
+.icon-bell-slash-o:before {
+ content: "\f1f7";
+}
+.oc-icon-trash:before,
+.icon-trash:before {
+ content: "\f1f8";
+}
+.oc-icon-copyright:before,
+.icon-copyright:before {
+ content: "\f1f9";
+}
+.oc-icon-at:before,
+.icon-at:before {
+ content: "\f1fa";
+}
+.oc-icon-eyedropper:before,
+.icon-eyedropper:before {
+ content: "\f1fb";
+}
+.oc-icon-paint-brush:before,
+.icon-paint-brush:before {
+ content: "\f1fc";
+}
+.oc-icon-birthday-cake:before,
+.icon-birthday-cake:before {
+ content: "\f1fd";
+}
+.oc-icon-area-chart:before,
+.icon-area-chart:before {
+ content: "\f1fe";
+}
+.oc-icon-pie-chart:before,
+.icon-pie-chart:before {
+ content: "\f200";
+}
+.oc-icon-line-chart:before,
+.icon-line-chart:before {
+ content: "\f201";
+}
+.oc-icon-lastfm:before,
+.icon-lastfm:before {
+ content: "\f202";
+}
+.oc-icon-lastfm-square:before,
+.icon-lastfm-square:before {
+ content: "\f203";
+}
+.oc-icon-toggle-off:before,
+.icon-toggle-off:before {
+ content: "\f204";
+}
+.oc-icon-toggle-on:before,
+.icon-toggle-on:before {
+ content: "\f205";
+}
+.oc-icon-bicycle:before,
+.icon-bicycle:before {
+ content: "\f206";
+}
+.oc-icon-bus:before,
+.icon-bus:before {
+ content: "\f207";
+}
+.oc-icon-ioxhost:before,
+.icon-ioxhost:before {
+ content: "\f208";
+}
+.oc-icon-angellist:before,
+.icon-angellist:before {
+ content: "\f209";
+}
+.oc-icon-cc:before,
+.icon-cc:before {
+ content: "\f20a";
+}
+.oc-icon-shekel:before,
+.icon-shekel:before,
+.oc-icon-sheqel:before,
+.icon-sheqel:before,
+.oc-icon-ils:before,
+.icon-ils:before {
+ content: "\f20b";
+}
+.oc-icon-meanpath:before,
+.icon-meanpath:before {
+ content: "\f20c";
+}
+.oc-icon-buysellads:before,
+.icon-buysellads:before {
+ content: "\f20d";
+}
+.oc-icon-connectdevelop:before,
+.icon-connectdevelop:before {
+ content: "\f20e";
+}
+.oc-icon-dashcube:before,
+.icon-dashcube:before {
+ content: "\f210";
+}
+.oc-icon-forumbee:before,
+.icon-forumbee:before {
+ content: "\f211";
+}
+.oc-icon-leanpub:before,
+.icon-leanpub:before {
+ content: "\f212";
+}
+.oc-icon-sellsy:before,
+.icon-sellsy:before {
+ content: "\f213";
+}
+.oc-icon-shirtsinbulk:before,
+.icon-shirtsinbulk:before {
+ content: "\f214";
+}
+.oc-icon-simplybuilt:before,
+.icon-simplybuilt:before {
+ content: "\f215";
+}
+.oc-icon-skyatlas:before,
+.icon-skyatlas:before {
+ content: "\f216";
+}
+.oc-icon-cart-plus:before,
+.icon-cart-plus:before {
+ content: "\f217";
+}
+.oc-icon-cart-arrow-down:before,
+.icon-cart-arrow-down:before {
+ content: "\f218";
+}
+.oc-icon-diamond:before,
+.icon-diamond:before {
+ content: "\f219";
+}
+.oc-icon-ship:before,
+.icon-ship:before {
+ content: "\f21a";
+}
+.oc-icon-user-secret:before,
+.icon-user-secret:before {
+ content: "\f21b";
+}
+.oc-icon-motorcycle:before,
+.icon-motorcycle:before {
+ content: "\f21c";
+}
+.oc-icon-street-view:before,
+.icon-street-view:before {
+ content: "\f21d";
+}
+.oc-icon-heartbeat:before,
+.icon-heartbeat:before {
+ content: "\f21e";
+}
+.oc-icon-venus:before,
+.icon-venus:before {
+ content: "\f221";
+}
+.oc-icon-mars:before,
+.icon-mars:before {
+ content: "\f222";
+}
+.oc-icon-mercury:before,
+.icon-mercury:before {
+ content: "\f223";
+}
+.oc-icon-intersex:before,
+.icon-intersex:before,
+.oc-icon-transgender:before,
+.icon-transgender:before {
+ content: "\f224";
+}
+.oc-icon-transgender-alt:before,
+.icon-transgender-alt:before {
+ content: "\f225";
+}
+.oc-icon-venus-double:before,
+.icon-venus-double:before {
+ content: "\f226";
+}
+.oc-icon-mars-double:before,
+.icon-mars-double:before {
+ content: "\f227";
+}
+.oc-icon-venus-mars:before,
+.icon-venus-mars:before {
+ content: "\f228";
+}
+.oc-icon-mars-stroke:before,
+.icon-mars-stroke:before {
+ content: "\f229";
+}
+.oc-icon-mars-stroke-v:before,
+.icon-mars-stroke-v:before {
+ content: "\f22a";
+}
+.oc-icon-mars-stroke-h:before,
+.icon-mars-stroke-h:before {
+ content: "\f22b";
+}
+.oc-icon-neuter:before,
+.icon-neuter:before {
+ content: "\f22c";
+}
+.oc-icon-genderless:before,
+.icon-genderless:before {
+ content: "\f22d";
+}
+.oc-icon-facebook-official:before,
+.icon-facebook-official:before {
+ content: "\f230";
+}
+.oc-icon-pinterest-p:before,
+.icon-pinterest-p:before {
+ content: "\f231";
+}
+.oc-icon-whatsapp:before,
+.icon-whatsapp:before {
+ content: "\f232";
+}
+.oc-icon-server:before,
+.icon-server:before {
+ content: "\f233";
+}
+.oc-icon-user-plus:before,
+.icon-user-plus:before {
+ content: "\f234";
+}
+.oc-icon-user-times:before,
+.icon-user-times:before {
+ content: "\f235";
+}
+.oc-icon-hotel:before,
+.icon-hotel:before,
+.oc-icon-bed:before,
+.icon-bed:before {
+ content: "\f236";
+}
+.oc-icon-viacoin:before,
+.icon-viacoin:before {
+ content: "\f237";
+}
+.oc-icon-train:before,
+.icon-train:before {
+ content: "\f238";
+}
+.oc-icon-subway:before,
+.icon-subway:before {
+ content: "\f239";
+}
+.oc-icon-medium:before,
+.icon-medium:before {
+ content: "\f23a";
+}
+.oc-icon-yc:before,
+.icon-yc:before,
+.oc-icon-y-combinator:before,
+.icon-y-combinator:before {
+ content: "\f23b";
+}
+.oc-icon-optin-monster:before,
+.icon-optin-monster:before {
+ content: "\f23c";
+}
+.oc-icon-opencart:before,
+.icon-opencart:before {
+ content: "\f23d";
+}
+.oc-icon-expeditedssl:before,
+.icon-expeditedssl:before {
+ content: "\f23e";
+}
+.oc-icon-battery-4:before,
+.icon-battery-4:before,
+.oc-icon-battery-full:before,
+.icon-battery-full:before {
+ content: "\f240";
+}
+.oc-icon-battery-3:before,
+.icon-battery-3:before,
+.oc-icon-battery-three-quarters:before,
+.icon-battery-three-quarters:before {
+ content: "\f241";
+}
+.oc-icon-battery-2:before,
+.icon-battery-2:before,
+.oc-icon-battery-half:before,
+.icon-battery-half:before {
+ content: "\f242";
+}
+.oc-icon-battery-1:before,
+.icon-battery-1:before,
+.oc-icon-battery-quarter:before,
+.icon-battery-quarter:before {
+ content: "\f243";
+}
+.oc-icon-battery-0:before,
+.icon-battery-0:before,
+.oc-icon-battery-empty:before,
+.icon-battery-empty:before {
+ content: "\f244";
+}
+.oc-icon-mouse-pointer:before,
+.icon-mouse-pointer:before {
+ content: "\f245";
+}
+.oc-icon-i-cursor:before,
+.icon-i-cursor:before {
+ content: "\f246";
+}
+.oc-icon-object-group:before,
+.icon-object-group:before {
+ content: "\f247";
+}
+.oc-icon-object-ungroup:before,
+.icon-object-ungroup:before {
+ content: "\f248";
+}
+.oc-icon-sticky-note:before,
+.icon-sticky-note:before {
+ content: "\f249";
+}
+.oc-icon-sticky-note-o:before,
+.icon-sticky-note-o:before {
+ content: "\f24a";
+}
+.oc-icon-cc-jcb:before,
+.icon-cc-jcb:before {
+ content: "\f24b";
+}
+.oc-icon-cc-diners-club:before,
+.icon-cc-diners-club:before {
+ content: "\f24c";
+}
+.oc-icon-clone:before,
+.icon-clone:before {
+ content: "\f24d";
+}
+.oc-icon-balance-scale:before,
+.icon-balance-scale:before {
+ content: "\f24e";
+}
+.oc-icon-hourglass-o:before,
+.icon-hourglass-o:before {
+ content: "\f250";
+}
+.oc-icon-hourglass-1:before,
+.icon-hourglass-1:before,
+.oc-icon-hourglass-start:before,
+.icon-hourglass-start:before {
+ content: "\f251";
+}
+.oc-icon-hourglass-2:before,
+.icon-hourglass-2:before,
+.oc-icon-hourglass-half:before,
+.icon-hourglass-half:before {
+ content: "\f252";
+}
+.oc-icon-hourglass-3:before,
+.icon-hourglass-3:before,
+.oc-icon-hourglass-end:before,
+.icon-hourglass-end:before {
+ content: "\f253";
+}
+.oc-icon-hourglass:before,
+.icon-hourglass:before {
+ content: "\f254";
+}
+.oc-icon-hand-grab-o:before,
+.icon-hand-grab-o:before,
+.oc-icon-hand-rock-o:before,
+.icon-hand-rock-o:before {
+ content: "\f255";
+}
+.oc-icon-hand-stop-o:before,
+.icon-hand-stop-o:before,
+.oc-icon-hand-paper-o:before,
+.icon-hand-paper-o:before {
+ content: "\f256";
+}
+.oc-icon-hand-scissors-o:before,
+.icon-hand-scissors-o:before {
+ content: "\f257";
+}
+.oc-icon-hand-lizard-o:before,
+.icon-hand-lizard-o:before {
+ content: "\f258";
+}
+.oc-icon-hand-spock-o:before,
+.icon-hand-spock-o:before {
+ content: "\f259";
+}
+.oc-icon-hand-pointer-o:before,
+.icon-hand-pointer-o:before {
+ content: "\f25a";
+}
+.oc-icon-hand-peace-o:before,
+.icon-hand-peace-o:before {
+ content: "\f25b";
+}
+.oc-icon-trademark:before,
+.icon-trademark:before {
+ content: "\f25c";
+}
+.oc-icon-registered:before,
+.icon-registered:before {
+ content: "\f25d";
+}
+.oc-icon-creative-commons:before,
+.icon-creative-commons:before {
+ content: "\f25e";
+}
+.oc-icon-gg:before,
+.icon-gg:before {
+ content: "\f260";
+}
+.oc-icon-gg-circle:before,
+.icon-gg-circle:before {
+ content: "\f261";
+}
+.oc-icon-tripadvisor:before,
+.icon-tripadvisor:before {
+ content: "\f262";
+}
+.oc-icon-odnoklassniki:before,
+.icon-odnoklassniki:before {
+ content: "\f263";
+}
+.oc-icon-odnoklassniki-square:before,
+.icon-odnoklassniki-square:before {
+ content: "\f264";
+}
+.oc-icon-get-pocket:before,
+.icon-get-pocket:before {
+ content: "\f265";
+}
+.oc-icon-wikipedia-w:before,
+.icon-wikipedia-w:before {
+ content: "\f266";
+}
+.oc-icon-safari:before,
+.icon-safari:before {
+ content: "\f267";
+}
+.oc-icon-chrome:before,
+.icon-chrome:before {
+ content: "\f268";
+}
+.oc-icon-firefox:before,
+.icon-firefox:before {
+ content: "\f269";
+}
+.oc-icon-opera:before,
+.icon-opera:before {
+ content: "\f26a";
+}
+.oc-icon-internet-explorer:before,
+.icon-internet-explorer:before {
+ content: "\f26b";
+}
+.oc-icon-tv:before,
+.icon-tv:before,
+.oc-icon-television:before,
+.icon-television:before {
+ content: "\f26c";
+}
+.oc-icon-contao:before,
+.icon-contao:before {
+ content: "\f26d";
+}
+.oc-icon-500px:before,
+.icon-500px:before {
+ content: "\f26e";
+}
+.oc-icon-amazon:before,
+.icon-amazon:before {
+ content: "\f270";
+}
+.oc-icon-calendar-plus-o:before,
+.icon-calendar-plus-o:before {
+ content: "\f271";
+}
+.oc-icon-calendar-minus-o:before,
+.icon-calendar-minus-o:before {
+ content: "\f272";
+}
+.oc-icon-calendar-times-o:before,
+.icon-calendar-times-o:before {
+ content: "\f273";
+}
+.oc-icon-calendar-check-o:before,
+.icon-calendar-check-o:before {
+ content: "\f274";
+}
+.oc-icon-industry:before,
+.icon-industry:before {
+ content: "\f275";
+}
+.oc-icon-map-pin:before,
+.icon-map-pin:before {
+ content: "\f276";
+}
+.oc-icon-map-signs:before,
+.icon-map-signs:before {
+ content: "\f277";
+}
+.oc-icon-map-o:before,
+.icon-map-o:before {
+ content: "\f278";
+}
+.oc-icon-map:before,
+.icon-map:before {
+ content: "\f279";
+}
+.oc-icon-commenting:before,
+.icon-commenting:before {
+ content: "\f27a";
+}
+.oc-icon-commenting-o:before,
+.icon-commenting-o:before {
+ content: "\f27b";
+}
+.oc-icon-houzz:before,
+.icon-houzz:before {
+ content: "\f27c";
+}
+.oc-icon-vimeo:before,
+.icon-vimeo:before {
+ content: "\f27d";
+}
+.oc-icon-black-tie:before,
+.icon-black-tie:before {
+ content: "\f27e";
+}
+.oc-icon-fonticons:before,
+.icon-fonticons:before {
+ content: "\f280";
+}
+.close {
+ float: right;
+ font-size: 21px;
+ 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;
+}
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('font/fontawesome-webfont.eot?v=1.0.1');
+ src: url('font/fontawesome-webfont.eot?#iefix&v=1.0.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=1.0.1') format('woff'), url('font/fontawesome-webfont.ttf?v=1.0.1') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=1.0.1') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+[class^="icon-"],
+[class*=" icon-"] {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ display: inline;
+ width: auto;
+ height: auto;
+ line-height: normal;
+ vertical-align: baseline;
+ background-image: none;
+ background-position: 0% 0%;
+ background-repeat: repeat;
+ margin-top: 0;
+}
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+ text-decoration: inherit;
+ display: inline-block;
+ speak: none;
+}
+[class^="icon-"].pull-left,
+[class*=" icon-"].pull-left {
+ margin-right: .3em;
+}
+[class^="icon-"].pull-right,
+[class*=" icon-"].pull-right {
+ margin-left: .3em;
+}
+[class^="oc-icon-"]:before,
+[class*=" oc-icon-"]:before {
+ display: inline-block;
+ margin-right: 8px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ vertical-align: baseline;
+}
+[class^="oc-icon-"].empty:before,
+[class*=" oc-icon-"].empty:before {
+ margin-right: 0;
+}
+.icon-lg {
+ font-size: 1.33333333em;
+ line-height: 0.75em;
+ vertical-align: -15%;
+}
+.icon-2x {
+ font-size: 2em;
+}
+.icon-3x {
+ font-size: 3em;
+}
+.icon-4x {
+ font-size: 4em;
+}
+.icon-5x {
+ font-size: 5em;
+}
+.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;
+}
+.dropdown {
+ position: relative;
+}
+.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: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid #949ea6;
+ border-radius: 2px;
+ -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: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
+}
+.dropdown-menu > li > a {
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: 1.42857143;
+ color: #39454a;
+ white-space: nowrap;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+ text-decoration: none;
+ color: #262626;
+ 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: #4da7e8;
+}
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+ color: #999999;
+}
+.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.42857143;
+ color: #999999;
+}
+.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 {
+ border-top: 0;
+ border-bottom: 4px solid;
+ content: "";
+}
+.dropup .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-bottom: 1px;
+}
+.dropdown-menu {
+ padding: 0;
+ background: transparent;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.dropdown-menu .dropdown-container > ul {
+ border: 1px solid #949ea6;
+ background-color: #ffffff;
+ border-radius: 2px;
+ padding: 0;
+ list-style: none;
+ position: relative;
+ margin-top: 7px;
+}
+.dropdown-menu .dropdown-container > ul:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-bottom: 8px solid #ffffff;
+ position: absolute;
+ left: 15px;
+ top: -8px;
+ z-index: 101;
+}
+.dropdown-menu .dropdown-container > ul:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 8.5px solid transparent;
+ border-right: 8.5px solid transparent;
+ border-bottom: 9px solid #949ea6;
+ position: absolute;
+ left: 14px;
+ top: -9px;
+ z-index: 100;
+}
+.dropdown-menu .dropdown-container > ul li a {
+ outline: none;
+ padding: 8px 15px;
+ font-size: 13px;
+ display: block;
+ color: #39454a;
+ position: relative;
+}
+.dropdown-menu .dropdown-container > ul li a:hover,
+.dropdown-menu .dropdown-container > ul li a:focus {
+ text-decoration: none;
+ color: #ffffff;
+ background-color: #2f99da;
+}
+.dropdown-menu .dropdown-container > ul li a:hover[class^="oc-icon-"]:before,
+.dropdown-menu .dropdown-container > ul li a:focus[class^="oc-icon-"]:before,
+.dropdown-menu .dropdown-container > ul li a:hover[class*=" oc-icon-"]:before,
+.dropdown-menu .dropdown-container > ul li a:focus[class*=" oc-icon-"]:before {
+ color: white;
+}
+.dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"],
+.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"] {
+ padding-left: 30px;
+}
+.dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"]:before,
+.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"]:before {
+ position: absolute;
+ font-size: 14px;
+ left: 9px;
+ top: 7px;
+ color: #949ea6;
+}
+.dropdown-menu .dropdown-container > ul li.first-item a:hover:after,
+.dropdown-menu .dropdown-container > ul li.first-item a:focus:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-bottom: 8px solid #2f99da;
+ position: absolute;
+ left: 15px;
+ top: -8px;
+ z-index: 102;
+}
+.dropdown-menu .dropdown-container > ul li.dropdown-title {
+ display: none;
+}
+.dropdown-menu .dropdown-container > ul li.divider {
+ margin: 0;
+}
+.dropdown-menu.pull-right .dropdown-container > ul:after {
+ left: auto;
+ right: 15px;
+}
+.dropdown-menu.pull-right .dropdown-container > ul:before {
+ left: auto;
+ right: 14px;
+}
+.dropdown-menu.pull-right .dropdown-container > ul li.first-item a:hover:after,
+.dropdown-menu.pull-right .dropdown-container > ul li.first-item a:focus:after {
+ left: auto;
+ right: 15px;
+}
+.dropdown-menu.top .dropdown-container > ul:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-top: 8px solid #ffffff;
+ border-bottom-width: 0;
+ top: auto;
+ bottom: -8px;
+}
+.dropdown-menu.top .dropdown-container > ul:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 8.5px solid transparent;
+ border-right: 8.5px solid transparent;
+ border-top: 9px solid #949ea6;
+ border-bottom-width: 0;
+ top: auto;
+ bottom: -9px;
+}
+.touch .dropdown-menu .dropdown-container > ul li a:hover {
+ color: #39454a;
+ background: white;
+}
+.touch .dropdown-menu .dropdown-container > ul li a:hover:before {
+ position: absolute;
+ font-size: 14px;
+ left: 9px;
+ top: 7px;
+ color: #949ea6;
+}
+.touch .dropdown-menu .dropdown-container > ul li.first-item a:hover:after {
+ content: '';
+ display: none;
+}
+body.dropdown-open .dropdown-overlay {
+ position: fixed;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 300;
+}
+@media (max-width: 480px) {
+ body.dropdown-open {
+ overflow: hidden;
+ }
+ body.dropdown-open .dropdown-overlay {
+ background: rgba(0, 0, 0, 0.4);
+ }
+ body.dropdown-open .dropdown-menu {
+ overflow: auto;
+ overflow-y: scroll;
+ position: fixed!important;
+ margin: 0!important;
+ top: 0!important;
+ right: 0!important;
+ bottom: 0!important;
+ left: 0!important;
+ z-index: 1040;
+ }
+ body.dropdown-open .dropdown-menu .dropdown-container {
+ padding: 10px;
+ height: 100%;
+ }
+ body.dropdown-open .dropdown-menu .dropdown-container ul {
+ min-height: 100%;
+ margin-top: 0;
+ }
+ body.dropdown-open .dropdown-menu .dropdown-container ul:before,
+ body.dropdown-open .dropdown-menu .dropdown-container ul:after {
+ display: none;
+ }
+ body.dropdown-open .dropdown-menu .dropdown-container ul li.dropdown-title {
+ display: block;
+ padding: 8px 15px;
+ border-bottom: 1px solid #c9c9c9;
+ color: #39454a;
+ position: relative;
+ cursor: pointer;
+ font-weight: 600;
+ }
+ body.dropdown-open .dropdown-menu .dropdown-container ul li.dropdown-title:after {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f00d";
+ position: absolute;
+ top: 7px;
+ right: 13px;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+ }
+ body.dropdown-open .dropdown-menu .dropdown-container ul li.first-item a:hover:after,
+ body.dropdown-open .dropdown-menu .dropdown-container ul li.first-item :focus:after {
+ content: '';
+ display: none;
+ }
+}
+div.control-popover {
+ position: absolute;
+ background-clip: content-box;
+ left: 0;
+ top: 0;
+ z-index: 570;
+ visibility: hidden;
+}
+div.control-popover.in,
+div.control-popover.fade {
+ visibility: visible;
+}
+div.control-popover.fade > div {
+ opacity: 0;
+ filter: alpha(opacity=0);
+ -webkit-transition: all 0.3s, width 0s;
+ transition: all 0.3s, width 0s;
+ -webkit-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+}
+div.control-popover.fade.in > div {
+ opacity: 1;
+ filter: alpha(opacity=100);
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+div.control-popover > div {
+ position: relative;
+ background: #ffffff;
+ -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
+ box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
+ border-top-right-radius: 5px;
+ border-top-left-radius: 5px;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+div.control-popover > div:after,
+div.control-popover > div:before {
+ position: absolute;
+}
+div.control-popover > div:after {
+ z-index: 601;
+}
+div.control-popover > div:before {
+ z-index: 600;
+}
+div.control-popover.placement-bottom > div {
+ border: 1px solid #949ea6;
+}
+div.control-popover.placement-bottom > div:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-bottom: 8px solid #ffffff;
+ left: 15px;
+ top: -8px;
+}
+div.control-popover.placement-bottom > div:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 8.5px solid transparent;
+ border-right: 8.5px solid transparent;
+ border-bottom: 9px solid #949ea6;
+ left: 14px;
+ top: -9px;
+}
+div.control-popover.placement-top > div:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-top: 8px solid #ffffff;
+ border-bottom-width: 0;
+ left: 15px;
+ bottom: -8px;
+}
+div.control-popover.placement-top > div:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 8.5px solid transparent;
+ border-right: 8.5px solid transparent;
+ border-top: 9px solid #949ea6;
+ border-bottom-width: 0;
+ left: 14px;
+ bottom: -9px;
+}
+div.control-popover.placement-left > div:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 7.5px solid transparent;
+ border-bottom: 7.5px solid transparent;
+ border-left: 8px solid #ffffff;
+ right: -8px;
+ top: 7px;
+}
+div.control-popover.placement-left > div:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 8.5px solid transparent;
+ border-bottom: 8.5px solid transparent;
+ border-left: 9px solid #949ea6;
+ right: -9px;
+ top: 6px;
+}
+div.control-popover.placement-right > div:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 7.5px solid transparent;
+ border-bottom: 7.5px solid transparent;
+ border-right: 8px solid #ffffff;
+ left: -8px;
+ top: 7px;
+}
+div.control-popover.placement-right > div:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 8.5px solid transparent;
+ border-bottom: 8.5px solid transparent;
+ border-right: 9px solid #949ea6;
+ left: -9px;
+ top: 6px;
+}
+div.control-popover div.popover-body {
+ padding: 15px;
+}
+div.control-popover div.popover-body.form-container {
+ padding-bottom: 0;
+}
+div.control-popover div.popover-footer {
+ padding: 0 20px 20px 20px;
+}
+div.control-popover .popover-head {
+ background: #d35400;
+ padding: 14px 16px;
+ position: relative;
+ color: #ffffff;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+div.control-popover .popover-head:before {
+ z-index: 602;
+ position: absolute;
+}
+div.control-popover .popover-head h3 {
+ font-size: 14px;
+ font-weight: 600;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-right: 15px;
+ line-height: 130%;
+}
+div.control-popover .popover-head p {
+ font-size: 13px;
+ font-weight: 100;
+ margin: 10px 0 0 0;
+}
+div.control-popover .popover-head p:empty {
+ display: none;
+}
+div.control-popover .popover-head .close {
+ float: none;
+ position: absolute;
+ right: 11px;
+ top: 12px;
+ color: #ffffff;
+ outline: none;
+ opacity: 0.4;
+ filter: alpha(opacity=40);
+}
+div.control-popover .popover-head .close:hover {
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+div.control-popover .popover-head .inspector-move-to-container {
+ opacity: 0.4;
+ filter: alpha(opacity=40);
+ position: absolute;
+ top: 12px;
+ right: 26px;
+ float: none;
+ color: #ffffff;
+ cursor: pointer;
+ text-decoration: none;
+}
+div.control-popover .popover-head .inspector-move-to-container:hover {
+ opacity: 1;
+ filter: alpha(opacity=100);
+ color: #ffffff;
+}
+div.control-popover .popover-head .inspector-move-to-container:before {
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+div.control-popover.placement-bottom .popover-head:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-bottom: 8px solid #d35400;
+ left: 15px;
+ top: -8px;
+}
+div.control-popover.placement-left .popover-head:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 7.5px solid transparent;
+ border-bottom: 7.5px solid transparent;
+ border-left: 8px solid #d35400;
+ right: -8px;
+ top: 7px;
+}
+div.control-popover.placement-right .popover-head:before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 7.5px solid transparent;
+ border-bottom: 7.5px solid transparent;
+ border-right: 8px solid #d35400;
+ left: -8px;
+ top: 7px;
+}
+div.control-popover.popover-danger > div {
+ color: #fff;
+ background-color: #ab2a1c;
+}
+div.control-popover.popover-danger.placement-bottom > div:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-bottom: 8px solid #ab2a1c;
+}
+div.control-popover.popover-danger.placement-top > div:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 7.5px solid transparent;
+ border-right: 7.5px solid transparent;
+ border-top: 8px solid #ab2a1c;
+ border-bottom-width: 0;
+}
+div.control-popover.popover-danger.placement-left > div:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 7.5px solid transparent;
+ border-bottom: 7.5px solid transparent;
+ border-left: 8px solid #ab2a1c;
+}
+div.control-popover.popover-danger.placement-right > div:after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 7.5px solid transparent;
+ border-bottom: 7.5px solid transparent;
+ border-right: 8px solid #ab2a1c;
+}
+div.control-popover.popover-danger .popover-head {
+ background-color: #ab2a1c;
+}
+div.control-popover div.popover-fixed-height {
+ height: 300px;
+}
+.popover-highlight {
+ position: relative;
+ z-index: 562 !important;
+}
+.popover-highlight:hover,
+.popover-highlight:active,
+.popover-highlight:focus {
+ z-index: 562 !important;
+}
+div.popover-overlay {
+ position: fixed;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0.3);
+ z-index: 560;
+}
+@media (max-width: 480px) {
+ body.popover-open {
+ overflow: hidden;
+ }
+ body.popover-open .control-popover {
+ overflow: auto;
+ overflow-y: scroll;
+ position: fixed;
+ margin: 0;
+ padding: 10px;
+ width: 100% !important;
+ z-index: 609;
+ top: 0 !important;
+ right: 0 !important;
+ bottom: 0 !important;
+ left: 0 !important;
+ }
+ body.popover-open .control-popover > div {
+ padding: 0;
+ min-height: 100%;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+ body.popover-open .control-popover > div:before,
+ body.popover-open .control-popover > div:after {
+ display: none;
+ }
+ body.popover-open .control-popover div.popover-fixed-height {
+ height: 100%;
+ min-height: 100%;
+ }
+ body.popover-open .control-popover .popover-head:before {
+ display: none;
+ }
+}
+.control-breadcrumb {
+ font-size: 12px;
+ text-transform: uppercase;
+ padding: 15px 20px;
+ margin: -20px -20px 20px -20px;
+ background-color: #2b343d;
+}
+.control-breadcrumb ul {
+ padding: 0;
+ margin: 0;
+}
+.control-breadcrumb li {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: inline-block;
+ color: #9da3a7;
+ letter-spacing: 0.05em;
+}
+.control-breadcrumb li a {
+ color: #ecf0f1;
+ text-decoration: none;
+}
+.control-breadcrumb li a:hover {
+ color: #ecf0f1;
+}
+.control-breadcrumb li:after {
+ font-size: 14px;
+ line-height: 14px;
+ display: inline-block;
+ margin-left: 6px;
+ margin-right: 2px;
+ vertical-align: baseline;
+ color: #9da3a7;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f105";
+}
+.control-breadcrumb li:last-child:after {
+ content: '';
+}
+body.breadcrumb-flush .control-breadcrumb,
+.control-breadcrumb.breadcrumb-flush {
+ margin-bottom: 0;
+}
+body.slim-container .control-breadcrumb {
+ margin-left: 0;
+ margin-right: 0;
+}
+body.compact-container .control-breadcrumb {
+ margin-top: 0;
+ margin-left: 0;
+ margin-right: 0;
+}
+.progress {
+ overflow: hidden;
+ height: 9px;
+ margin-bottom: 20px;
+ background-color: #d9dee0;
+ border-radius: 2px;
+}
+.progress-bar {
+ float: left;
+ width: 0%;
+ height: 100%;
+ font-size: 12px;
+ line-height: 9px;
+ color: #ffffff;
+ text-align: center;
+ background-color: #2f99da;
+ -webkit-transition: width 0.6s ease;
+ transition: width 0.6s ease;
+}
+.progress.active .progress-bar {
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
+ animation: progress-bar-stripes 2s linear infinite;
+}
+.progress-bar-success {
+ background-color: #31ac5f;
+}
+.progress-bar-info {
+ background-color: #5bc0de;
+}
+.progress-bar-warning {
+ background-color: #f0ad4e;
+}
+.progress-bar-danger {
+ background-color: #ab2a1c;
+}
+@-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;
+ }
+}
+.callout {
+ font-size: 14px;
+ margin-bottom: 20px;
+}
+.callout.fade {
+ opacity: 0;
+ filter: alpha(opacity=0);
+ -webkit-transition: all 0.5s, width 0s;
+ transition: all 0.5s, width 0s;
+ -webkit-transform: scale(0.9);
+ -ms-transform: scale(0.9);
+ transform: scale(0.9);
+}
+.callout.fade.in {
+ opacity: 1;
+ filter: alpha(opacity=100);
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+.callout > .close {
+ margin: 15px 15px 0 0;
+}
+.callout.callout-danger > .header {
+ background: #f6b5b2;
+}
+.callout.callout-danger > .header i {
+ color: #9f5551;
+}
+.callout.callout-danger > .content {
+ background: #f8d6d5;
+}
+.callout.callout-info > .header {
+ background: #b9dbef;
+}
+.callout.callout-info > .header i {
+ color: #597f97;
+}
+.callout.callout-info > .content {
+ background: #d8eaf4;
+}
+.callout.callout-success > .header {
+ background: #d3e9bf;
+}
+.callout.callout-success > .header i {
+ color: #6d915e;
+}
+.callout.callout-success > .content {
+ background: #e6f1db;
+}
+.callout.callout-warning > .header {
+ background: #f6e7b2;
+}
+.callout.callout-warning > .header i {
+ color: #9f8e51;
+}
+.callout.callout-warning > .content {
+ background: #f8f0d5;
+}
+.callout > .header {
+ padding: 20px;
+ padding-bottom: 15px;
+ -webkit-border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
+ border-radius: 4px 4px 0 0;
+ color: #2f2d26;
+}
+.callout > .header h3 {
+ letter-spacing: 0;
+ margin: 0 0 7px 0;
+ font-size: 14px;
+ font-weight: bold;
+}
+.callout > .header h3,
+.callout > .header p {
+ margin-left: 35px;
+}
+.callout > .header *:last-child {
+ margin-bottom: 0;
+}
+.callout > .header:last-child {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.callout > .header i {
+ font-size: 26px;
+ float: left;
+}
+.callout > .content {
+ color: #2f2d26;
+ padding: 16px 20px 15px;
+}
+.callout > .content h1,
+.callout > .content h2,
+.callout > .content h3,
+.callout > .content h4,
+.callout > .content h5,
+.callout > .content h6 {
+ color: #2f2d26;
+ text-transform: none;
+ margin: 20px 0 5px 0;
+ line-height: 150%;
+}
+.callout > .content h1 {
+ font-size: 30px;
+}
+.callout > .content h2 {
+ font-size: 26px;
+}
+.callout > .content h3 {
+ font-size: 24px;
+}
+.callout > .content h4 {
+ font-size: 20px;
+}
+.callout > .content h5 {
+ font-size: 18px;
+}
+.callout > .content h6 {
+ font-size: 16px;
+}
+.callout > .content *:last-child {
+ margin-bottom: 0;
+}
+.callout > .content ul li,
+.callout > .content ol li {
+ margin-bottom: 5px;
+}
+.callout > .content .action-panel {
+ padding: 10px 0 0 0;
+}
+.callout.no-icon > .header h3,
+.callout.no-icon > .header p {
+ margin-left: 0;
+}
+.callout.no-subheader > .header i {
+ margin-top: -5px;
+}
+.form-group > .callout {
+ margin-bottom: 0;
+}
+.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: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+ 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: #0181b9;
+}
+.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.42857143;
+ border: 1px solid transparent;
+ border-radius: 2px 2px 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: #f9f9f9;
+ 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: 2px;
+}
+.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: 2px 2px 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: #f9f9f9;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 2px;
+}
+.nav-pills > li + li {
+ margin-left: 2px;
+}
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+ color: #ffffff;
+ background-color: #4da7e8;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.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: 2px;
+}
+.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: 2px 2px 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #f9f9f9;
+ }
+}
+.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;
+}
+.control-tabs {
+ position: relative;
+ margin-bottom: 20px;
+}
+.control-tabs:last-child {
+ margin-bottom: 0;
+}
+.control-tabs:after,
+.control-tabs:before {
+ display: none;
+ position: absolute;
+ top: 50%;
+ margin-top: -7px;
+ height: 9px;
+ font-size: 10px;
+ color: #bbbbbb;
+}
+.control-tabs:before {
+ left: -6px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f104";
+}
+.control-tabs:after {
+ right: -8px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f105";
+}
+.control-tabs.scroll-before:before {
+ display: block;
+}
+.control-tabs.scroll-after:after {
+ display: block;
+}
+.control-tabs.scroll-active-before:before {
+ color: #5fb6f5;
+}
+.control-tabs.scroll-active-after:after {
+ color: #5fb6f5;
+}
+.control-tabs:before,
+.control-tabs:after {
+ top: 5px;
+ margin-top: 0;
+}
+.control-tabs > ul.nav-tabs,
+.control-tabs > div > ul.nav-tabs,
+.control-tabs > div > div > ul.nav-tabs {
+ white-space: nowrap;
+ font-size: 0;
+ overflow: hidden;
+ border-bottom: none;
+}
+.control-tabs > ul.nav-tabs > li,
+.control-tabs > div > ul.nav-tabs > li,
+.control-tabs > div > div > ul.nav-tabs > li {
+ font-size: 15px;
+ float: none;
+ display: inline-block;
+ margin-right: 20px;
+ position: relative;
+}
+.control-tabs > ul.nav-tabs > li:last-child,
+.control-tabs > div > ul.nav-tabs > li:last-child,
+.control-tabs > div > div > ul.nav-tabs > li:last-child {
+ margin-right: 0;
+}
+.control-tabs > ul.nav-tabs > li a,
+.control-tabs > div > ul.nav-tabs > li a,
+.control-tabs > div > div > ul.nav-tabs > li a {
+ border-left: none!important;
+ border-top: none!important;
+ border-right: none!important;
+ padding: 0 0 10px 0;
+ color: #cccccc;
+ background: #f9f9f9;
+ font-weight: 400;
+ overflow: hidden;
+}
+.control-tabs > ul.nav-tabs > li a:hover,
+.control-tabs > div > ul.nav-tabs > li a:hover,
+.control-tabs > div > div > ul.nav-tabs > li a:hover {
+ background-color: transparent;
+ border-bottom-color: transparent;
+}
+.control-tabs > ul.nav-tabs > li a:before,
+.control-tabs > div > ul.nav-tabs > li a:before,
+.control-tabs > div > div > ul.nav-tabs > li a:before {
+ font-size: 14px;
+}
+.control-tabs > ul.nav-tabs > li a > span.title > span,
+.control-tabs > div > ul.nav-tabs > li a > span.title > span,
+.control-tabs > div > div > ul.nav-tabs > li a > span.title > span {
+ max-width: 150px;
+ height: 16px;
+ margin-bottom: -4px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: inline-block;
+}
+.control-tabs > ul.nav-tabs > li span.tab-close,
+.control-tabs > div > ul.nav-tabs > li span.tab-close,
+.control-tabs > div > div > ul.nav-tabs > li span.tab-close {
+ display: none;
+}
+.control-tabs > ul.nav-tabs > li.active a,
+.control-tabs > div > ul.nav-tabs > li.active a,
+.control-tabs > div > div > ul.nav-tabs > li.active a {
+ color: #405261;
+}
+.control-tabs > ul.nav-tabs > li.active:after,
+.control-tabs > div > ul.nav-tabs > li.active:after,
+.control-tabs > div > div > ul.nav-tabs > li.active:after {
+ width: 100%;
+ height: 3px;
+ bottom: 0;
+ background: #5fb6f5;
+}
+.control-tabs > div.tab-content > div.tab-pane {
+ padding: 20px 0 0 0;
+ display: none;
+}
+.control-tabs > div.tab-content > div.tab-pane:before,
+.control-tabs > div.tab-content > div.tab-pane:after {
+ content: " ";
+ display: table;
+}
+.control-tabs > div.tab-content > div.tab-pane:after {
+ clear: both;
+}
+.control-tabs > div.tab-content > div.tab-pane:before,
+.control-tabs > div.tab-content > div.tab-pane:after {
+ content: " ";
+ display: table;
+}
+.control-tabs > div.tab-content > div.tab-pane:after {
+ clear: both;
+}
+.control-tabs > div.tab-content > div.tab-pane.active {
+ display: block;
+}
+.control-tabs > div.tab-content > div.tab-pane.active.layout-cell {
+ display: table-cell;
+}
+.control-tabs > div.tab-content > div.tab-pane.pane-compact {
+ padding: 0;
+}
+.control-tabs > div.tab-content > div.tab-pane.pane-padded {
+ padding: 20px 20px 0 20px;
+}
+.control-tabs[data-closable] > ul.nav-tabs > li,
+.control-tabs[data-closable] > div > ul.nav-tabs > li,
+.control-tabs[data-closable] > div > div > ul.nav-tabs > li {
+ margin-right: 5px;
+}
+.control-tabs[data-closable] > ul.nav-tabs > li a,
+.control-tabs[data-closable] > div > ul.nav-tabs > li a,
+.control-tabs[data-closable] > div > div > ul.nav-tabs > li a {
+ padding-left: 20px !important;
+ padding-right: 0 !important;
+}
+.control-tabs[data-closable] > ul.nav-tabs > li span.tab-close,
+.control-tabs[data-closable] > div > ul.nav-tabs > li span.tab-close,
+.control-tabs[data-closable] > div > div > ul.nav-tabs > li span.tab-close {
+ display: block;
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ top: 5px;
+ left: -5px;
+ text-align: right;
+ font-size: 12px;
+ color: #cccccc !important;
+ cursor: pointer;
+}
+.control-tabs[data-closable] > ul.nav-tabs > li span.tab-close i,
+.control-tabs[data-closable] > div > ul.nav-tabs > li span.tab-close i,
+.control-tabs[data-closable] > div > div > ul.nav-tabs > li span.tab-close i {
+ display: inline-block;
+ z-index: 101;
+ top: -7px;
+ right: 5px;
+ position: relative;
+}
+.control-tabs[data-closable] > ul.nav-tabs > li span.tab-close:hover i,
+.control-tabs[data-closable] > div > ul.nav-tabs > li span.tab-close:hover i,
+.control-tabs[data-closable] > div > div > ul.nav-tabs > li span.tab-close:hover i {
+ color: #ab2a1c;
+}
+.control-tabs[data-closable] > ul.nav-tabs > li.active span.close,
+.control-tabs[data-closable] > div > ul.nav-tabs > li.active span.close,
+.control-tabs[data-closable] > div > div > ul.nav-tabs > li.active span.close {
+ color: #cccccc;
+}
+.control-tabs[data-closable] > ul.nav-tabs > li[data-modified] span.tab-close i,
+.control-tabs[data-closable] > div > ul.nav-tabs > li[data-modified] span.tab-close i,
+.control-tabs[data-closable] > div > div > ul.nav-tabs > li[data-modified] span.tab-close i {
+ top: -4px;
+}
+.control-tabs[data-closable] > ul.nav-tabs > li[data-modified] span.tab-close i:before,
+.control-tabs[data-closable] > div > ul.nav-tabs > li[data-modified] span.tab-close i:before,
+.control-tabs[data-closable] > div > div > ul.nav-tabs > li[data-modified] span.tab-close i:before {
+ content: "\f111";
+ font-size: 9px;
+}
+.control-tabs.master > ul.nav-tabs > li a,
+.control-tabs.master-tabs > ul.nav-tabs > li a,
+.control-tabs.master > div > ul.nav-tabs > li a,
+.control-tabs.master-tabs > div > ul.nav-tabs > li a,
+.control-tabs.master > div > div > ul.nav-tabs > li a,
+.control-tabs.master-tabs > div > div > ul.nav-tabs > li a {
+ font-size: 15px;
+ border-bottom: transparent 4px solid;
+ position: relative;
+ z-index: 101;
+ line-height: 100%;
+}
+.control-tabs.master > ul.nav-tabs > li.active a,
+.control-tabs.master-tabs > ul.nav-tabs > li.active a,
+.control-tabs.master > div > ul.nav-tabs > li.active a,
+.control-tabs.master-tabs > div > ul.nav-tabs > li.active a,
+.control-tabs.master > div > div > ul.nav-tabs > li.active a,
+.control-tabs.master-tabs > div > div > ul.nav-tabs > li.active a {
+ border-bottom: #5fb6f5 4px solid;
+}
+.control-tabs.primary,
+.control-tabs.primary-tabs {
+ margin-bottom: 5px;
+}
+.control-tabs.primary > ul.nav-tabs,
+.control-tabs.primary-tabs > ul.nav-tabs,
+.control-tabs.primary > div > ul.nav-tabs,
+.control-tabs.primary-tabs > div > ul.nav-tabs,
+.control-tabs.primary > div > div > ul.nav-tabs,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs {
+ position: relative;
+ margin-left: 0;
+ margin-right: 0;
+}
+.control-tabs.primary > ul.nav-tabs:before,
+.control-tabs.primary-tabs > ul.nav-tabs:before,
+.control-tabs.primary > div > ul.nav-tabs:before,
+.control-tabs.primary-tabs > div > ul.nav-tabs:before,
+.control-tabs.primary > div > div > ul.nav-tabs:before,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs:before {
+ position: absolute;
+ top: 26px;
+ height: 1px;
+ width: 100%;
+ content: ' ';
+ border-bottom: 1px solid #d7d7d7;
+}
+.control-tabs.primary > ul.nav-tabs > li,
+.control-tabs.primary-tabs > ul.nav-tabs > li,
+.control-tabs.primary > div > ul.nav-tabs > li,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li,
+.control-tabs.primary > div > div > ul.nav-tabs > li,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li {
+ padding-right: 10px;
+ padding-left: 11px;
+ margin-left: 0;
+ margin-right: -30px;
+ background: transparent;
+}
+.control-tabs.primary > ul.nav-tabs > li:first-child,
+.control-tabs.primary-tabs > ul.nav-tabs > li:first-child,
+.control-tabs.primary > div > ul.nav-tabs > li:first-child,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,
+.control-tabs.primary > div > div > ul.nav-tabs > li:first-child,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:first-child {
+ padding-left: 15px !important;
+}
+.control-tabs.primary > ul.nav-tabs > li:last-child,
+.control-tabs.primary-tabs > ul.nav-tabs > li:last-child,
+.control-tabs.primary > div > ul.nav-tabs > li:last-child,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,
+.control-tabs.primary > div > div > ul.nav-tabs > li:last-child,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child {
+ margin-right: 0;
+}
+.control-tabs.primary > ul.nav-tabs > li a,
+.control-tabs.primary-tabs > ul.nav-tabs > li a,
+.control-tabs.primary > div > ul.nav-tabs > li a,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li a,
+.control-tabs.primary > div > div > ul.nav-tabs > li a,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a {
+ font-size: 12px;
+ padding-bottom: 3px;
+ padding: 0 16px;
+ margin: 0;
+ position: relative;
+ z-index: 101;
+ background: transparent;
+ overflow: visible;
+}
+.control-tabs.primary > ul.nav-tabs > li a > span.title,
+.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title,
+.control-tabs.primary > div > ul.nav-tabs > li a > span.title,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title,
+.control-tabs.primary > div > div > ul.nav-tabs > li a > span.title,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title {
+ position: relative;
+ display: inline-block;
+ padding: 5px 5px 9px 5px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-top: 1px solid #f0f0f0;
+ z-index: 100;
+}
+.control-tabs.primary > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary > div > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary > div > div > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary > div > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary > div > div > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after {
+ content: ' ';
+ position: absolute;
+ background: transparent url('images/primary-tab-shape.png') no-repeat left -31px;
+ width: 16px;
+ height: 26px;
+ display: block;
+ top: -1px;
+ z-index: 100;
+}
+.control-tabs.primary > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary > div > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary > div > div > ul.nav-tabs > li a > span.title:before,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before {
+ left: -16px;
+}
+.control-tabs.primary > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary > div > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary > div > div > ul.nav-tabs > li a > span.title:after,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after {
+ right: -16px;
+ background-position: -61px -31px;
+}
+.control-tabs.primary > ul.nav-tabs > li:last-child,
+.control-tabs.primary-tabs > ul.nav-tabs > li:last-child,
+.control-tabs.primary > div > ul.nav-tabs > li:last-child,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,
+.control-tabs.primary > div > div > ul.nav-tabs > li:last-child,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child {
+ background-image: none;
+ margin-right: 0;
+ padding-right: 5px;
+}
+.control-tabs.primary > ul.nav-tabs > li:first-child,
+.control-tabs.primary-tabs > ul.nav-tabs > li:first-child,
+.control-tabs.primary > div > ul.nav-tabs > li:first-child,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,
+.control-tabs.primary > div > div > ul.nav-tabs > li:first-child,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:first-child {
+ padding-left: 0;
+}
+.control-tabs.primary > ul.nav-tabs > li.active a:before,
+.control-tabs.primary-tabs > ul.nav-tabs > li.active a:before,
+.control-tabs.primary > div > ul.nav-tabs > li.active a:before,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,
+.control-tabs.primary > div > div > ul.nav-tabs > li.active a:before,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before {
+ position: absolute;
+ top: 26px;
+ height: 1px;
+ right: 2px;
+ left: 0;
+ content: ' ';
+ background-color: #f9f9f9;
+}
+.control-tabs.primary > ul.nav-tabs > li.active a,
+.control-tabs.primary-tabs > ul.nav-tabs > li.active a,
+.control-tabs.primary > div > ul.nav-tabs > li.active a,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,
+.control-tabs.primary > div > div > ul.nav-tabs > li.active a,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a {
+ z-index: 107;
+}
+.control-tabs.primary > ul.nav-tabs > li.active a > span.title,
+.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title,
+.control-tabs.primary > div > ul.nav-tabs > li.active a > span.title,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title,
+.control-tabs.primary > div > div > ul.nav-tabs > li.active a > span.title,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title {
+ z-index: 105;
+ border-top-color: #d6d6d6;
+}
+.control-tabs.primary > ul.nav-tabs > li.active a > span.title:before,
+.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title:before,
+.control-tabs.primary > div > ul.nav-tabs > li.active a > span.title:before,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title:before,
+.control-tabs.primary > div > div > ul.nav-tabs > li.active a > span.title:before,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title:before {
+ background-position: left 0;
+ z-index: 107;
+}
+.control-tabs.primary > ul.nav-tabs > li.active a > span.title:after,
+.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title:after,
+.control-tabs.primary > div > ul.nav-tabs > li.active a > span.title:after,
+.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title:after,
+.control-tabs.primary > div > div > ul.nav-tabs > li.active a > span.title:after,
+.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title:after {
+ background-position: -61px 0;
+ z-index: 107;
+}
+.control-tabs.primary.tabs-inset > ul.nav-tabs,
+.control-tabs.primary-tabs.tabs-inset > ul.nav-tabs,
+.control-tabs.primary.tabs-inset > div > ul.nav-tabs,
+.control-tabs.primary-tabs.tabs-inset > div > ul.nav-tabs,
+.control-tabs.primary.tabs-inset > div > div > ul.nav-tabs,
+.control-tabs.primary-tabs.tabs-inset > div > div > ul.nav-tabs {
+ margin-left: -20px;
+ margin-right: -20px;
+}
+.control-tabs.secondary > ul.nav-tabs > li,
+.control-tabs.secondary-tabs > ul.nav-tabs > li,
+.control-tabs.secondary > div > ul.nav-tabs > li,
+.control-tabs.secondary-tabs > div > ul.nav-tabs > li,
+.control-tabs.secondary > div > div > ul.nav-tabs > li,
+.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li {
+ padding-right: 10px;
+ margin-right: 10px;
+ border-right: 1px solid #d7d7d7;
+}
+.control-tabs.secondary > ul.nav-tabs > li a,
+.control-tabs.secondary-tabs > ul.nav-tabs > li a,
+.control-tabs.secondary > div > ul.nav-tabs > li a,
+.control-tabs.secondary-tabs > div > ul.nav-tabs > li a,
+.control-tabs.secondary > div > div > ul.nav-tabs > li a,
+.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li a {
+ font-size: 12px;
+ font-weight: 600;
+ padding-bottom: 0;
+}
+.control-tabs.secondary > ul.nav-tabs > li:last-child,
+.control-tabs.secondary-tabs > ul.nav-tabs > li:last-child,
+.control-tabs.secondary > div > ul.nav-tabs > li:last-child,
+.control-tabs.secondary-tabs > div > ul.nav-tabs > li:last-child,
+.control-tabs.secondary > div > div > ul.nav-tabs > li:last-child,
+.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li:last-child {
+ border-right: none;
+ margin-right: 0;
+ padding-right: 0;
+}
+.control-tabs.content-tabs > ul.nav-tabs {
+ position: relative;
+}
+.control-tabs.content-tabs > ul.nav-tabs:before {
+ content: ' ';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ background: #e3e5e7;
+}
+.control-tabs.content-tabs > ul.nav-tabs li {
+ margin-right: 0;
+ border-top: 1px solid #e3e5e7;
+ border-right: 1px solid #e3e5e7;
+}
+.control-tabs.content-tabs > ul.nav-tabs li a {
+ font-size: 12px;
+ padding: 17px 20px;
+ margin: 0;
+ border: none;
+ text-transform: uppercase;
+ background: transparent;
+}
+.control-tabs.content-tabs > ul.nav-tabs li:first-child {
+ border-left: 1px solid #e3e5e7;
+}
+.control-tabs.content-tabs > ul.nav-tabs li:last-child {
+ border-right: 1px solid #e3e5e7;
+}
+.control-tabs.content-tabs > ul.nav-tabs li.active {
+ background: #ffffff;
+}
+.control-tabs.content-tabs > ul.nav-tabs li.active a {
+ font-weight: 600;
+}
+.control-tabs.content-tabs.tabs-inset > ul.nav-tabs,
+.control-tabs.content-tabs.tabs-inset > div > ul.nav-tabs,
+.control-tabs.content-tabs.tabs-inset > div > div > ul.nav-tabs {
+ margin-left: -20px;
+ margin-right: -20px;
+}
+.control-tabs.content-tabs.tabs-inset > ul.nav-tabs li:first-child,
+.control-tabs.content-tabs.tabs-inset > div > ul.nav-tabs li:first-child,
+.control-tabs.content-tabs.tabs-inset > div > div > ul.nav-tabs li:first-child {
+ margin-left: 20px;
+}
+.control-tabs.content-tabs.tabs-offset > ul.nav-tabs li:first-child {
+ margin-left: 20px;
+}
+.control-tabs.content-tabs.tabs-flush > ul.nav-tabs li {
+ border-top: none;
+}
+.control-tabs.content-tabs.tabs-flush > ul.nav-tabs li:last-child {
+ border-right: 1px solid transparent;
+}
+.control-tabs.content-tabs.tabs-flush > ul.nav-tabs li:first-child {
+ border-left: 1px solid transparent;
+}
+.control-tabs.content-tabs.tabs-flush > ul.nav-tabs li.active:last-child {
+ border-right: 1px solid #e3e5e7;
+}
+.control-tabs.content-tabs > .tab-content > .tab-pane {
+ padding-top: 0;
+}
+.control-tabs.content-tabs > .tab-content > .tab-pane div.list-header,
+.control-tabs.content-tabs > .tab-content > .tab-pane div.padded-container,
+.control-tabs.content-tabs > .tab-content > .tab-pane div.toolbar-widget {
+ background: #ffffff;
+ padding-top: 20px;
+}
+.control-tabs.content-tabs > .tab-content > .tab-pane.pane-inset {
+ margin-left: -20px;
+ margin-right: -20px;
+}
+.hide-tabs .control-tabs ul.nav-tabs {
+ display: none;
+}
+.hide-tabs .control-tabs > div.tab-content > div.tab-pane {
+ padding-top: 0;
+}
+.form-sidebar .control-tabs.secondary > div > ul.nav-tabs > li a {
+ background: transparent;
+}
+.control-chart {
+ text-align: left;
+}
+.control-chart div.canvas {
+ display: inline-block;
+ margin-right: 20px;
+ margin-bottom: 20px;
+ position: relative;
+}
+.control-chart div.canvas span.center {
+ position: absolute;
+ display: block;
+ text-align: center;
+ width: 100%;
+ top: 50%;
+ margin-top: -21px;
+ font-size: 30px;
+ font-weight: 100;
+ color: #666666;
+ z-index: 10;
+}
+.control-chart div.canvas svg {
+ z-index: 20;
+}
+.control-chart.full-width div.canvas {
+ margin-right: 0!important;
+}
+.control-chart ul {
+ display: inline-block;
+ height: inherit;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ position: relative;
+ vertical-align: top;
+}
+.control-chart ul li {
+ width: 120px;
+ white-space: normal;
+ display: block;
+ text-transform: uppercase;
+ color: #666666;
+ font-weight: 300;
+ font-size: 12px;
+ margin-bottom: 10px;
+}
+.control-chart ul li span {
+ float: right;
+ font-weight: 600;
+}
+.control-chart ul li:last-child {
+ margin-bottom: 0;
+}
+.control-chart div.chart-legend {
+ display: inline-block;
+ vertical-align: top;
+ text-align: left;
+}
+.control-chart div.chart-legend table {
+ font-size: 12px;
+ color: #666666;
+}
+.control-chart div.chart-legend table tr td {
+ padding: 0 0 7px 0;
+ vertical-align: top;
+}
+.control-chart div.chart-legend table tr td.value {
+ padding-left: 10px;
+ font-weight: 600;
+}
+.control-chart div.chart-legend table tr td i {
+ display: inline-block;
+ width: 13px;
+ height: 13px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ text-indent: -100000em;
+ margin-right: 5px;
+ position: relative;
+ top: 2px;
+}
+.control-chart div.chart-legend table tr td.indicator {
+ width: 20px;
+}
+.control-chart div.chart-legend table tr:last-child td {
+ padding-bottom: 0;
+}
+.control-chart .canvas {
+ margin-right: 20px;
+ display: inline-block;
+}
+.control-chart.centered {
+ text-align: center;
+}
+.control-chart.centered .canvas {
+ margin-right: 0;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+.control-chart.wrap-legend div.chart-legend table tr {
+ display: inline-block;
+ white-space: nowrap;
+ margin-right: 20px;
+}
+.control-chart.wrap-legend div.chart-legend table tr:last-child td {
+ padding-bottom: 7px;
+}
+.report-container .wrapped .control-chart {
+ text-align: left;
+}
+.report-container .wrapped .control-chart .canvas {
+ margin-right: 20px;
+ display: inline-block;
+}
+#flotTip,
+#chart-tooltip {
+ white-space: nowrap;
+ padding: 7px 10px;
+ background: #000000;
+ position: absolute;
+ z-index: 100;
+ color: #ffffff;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ font-size: 12px;
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+}
+.title-value h4 {
+ font-size: 12px;
+ text-transform: uppercase;
+ color: #666666;
+ margin: 0;
+}
+.title-value span.goal-meter-indicator {
+ float: left;
+ height: 24px;
+ width: 10px;
+ margin-right: 5px;
+ position: relative;
+ top: 9px;
+ background: #cc3300;
+}
+.title-value span.goal-meter-indicator > span {
+ text-indent: -10000em;
+ display: block;
+ position: absolute;
+ width: 10px;
+ left: 0;
+ bottom: 0;
+ background: #95b753;
+ height: 0;
+ -webkit-transition: all 0.2s;
+ transition: all 0.2s;
+}
+.title-value.goal-meter-inverse span.goal-meter-indicator {
+ background: #95b753;
+}
+.title-value.goal-meter-inverse span.goal-meter-indicator > span {
+ background: #cc3300;
+}
+.title-value p {
+ color: #666666;
+ margin: 0;
+ font-size: 28px;
+ line-height: 41px;
+}
+.title-value p:before {
+ color: #e5a91a;
+ font-size: 22px;
+}
+.title-value p.success {
+ color: #95b753;
+}
+.title-value p.danger {
+ color: #cc3300;
+}
+.title-value p.negative:after,
+.title-value p.positive:after {
+ font-size: 17px;
+ vertical-align: top;
+ position: relative;
+ top: -3px;
+ left: 5px;
+}
+.title-value p.negative {
+ color: #cc3300;
+}
+.title-value p.negative:after {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f103";
+}
+.title-value p.positive {
+ color: #95b753;
+}
+.title-value p.positive:after {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f102";
+}
+.title-value p.description {
+ color: #999999;
+ font-weight: 300;
+ line-height: 100%;
+ font-size: 13px;
+}
+.report-container .title-value {
+ margin-top: -18px;
+}
+.report-container .title-value p {
+ font-weight: 100;
+ font-size: 40px;
+}
+.report-container .title-value p.description {
+ font-size: 12px;
+ margin-top: 9px;
+}
+.report-container .title-value p:before {
+ font-size: 30px;
+ margin-right: 10px;
+}
+.report-container .title-value p.negative:after,
+.report-container .title-value p.positive:after {
+ top: -8px;
+}
+.report-container .title-value span.goal-meter-indicator {
+ height: 31px;
+ top: 4px;
+ width: 15px;
+ margin-right: 10px;
+}
+.report-container .title-value span.goal-meter-indicator span {
+ width: 15px;
+}
+ul.status-list {
+ margin-bottom: 0;
+ padding: 0;
+}
+ul.status-list li {
+ margin: 0 15px 0 0;
+ list-style: none;
+ display: inline-block;
+ font-size: 14px;
+ color: #7e8c8d;
+}
+ul.status-list li:last-child {
+ margin-right: 0;
+}
+ul.status-list li a {
+ color: #7e8c8d;
+}
+ul.status-list li a:hover {
+ color: #0181b9;
+ text-decoration: none;
+}
+ul.status-list li span.status {
+ display: inline-block;
+ padding: 1px 5px;
+ color: white;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+}
+ul.status-list li span.status.circle {
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ width: 12px;
+ height: 12px;
+ vertical-align: middle;
+ position: relative;
+ top: -1px;
+}
+ul.status-list li span.status.success {
+ background: #31ac5f;
+}
+ul.status-list li span.status.primary {
+ background: #4da7e8;
+}
+ul.status-list li span.status.warning {
+ background: #f0ad4e;
+}
+ul.status-list li span.status.danger {
+ background: #ab2a1c;
+}
+ul.status-list li span.status.info {
+ background: #5bc0de;
+}
+.gecko ul.status-list li span.status.circle {
+ top: -2px;
+}
+.report-container ul.status-list {
+ margin-top: -10px;
+}
+.control-toolbar {
+ font-size: 0;
+ padding: 0 0 20px 0;
+ position: relative;
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+}
+.control-toolbar:after,
+.control-toolbar:before {
+ display: none;
+ position: absolute;
+ top: 50%;
+ margin-top: -7px;
+ height: 9px;
+ font-size: 10px;
+ color: #bbbbbb;
+}
+.control-toolbar:before {
+ left: -6px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f104";
+}
+.control-toolbar:after {
+ right: -8px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f105";
+}
+.control-toolbar.scroll-before:before {
+ display: block;
+}
+.control-toolbar.scroll-after:after {
+ display: block;
+}
+.control-toolbar:before {
+ left: -10px;
+}
+.control-toolbar:after {
+ right: -8px;
+}
+.control-toolbar .toolbar-item {
+ position: relative;
+ white-space: nowrap;
+ display: table-cell;
+ vertical-align: top;
+ padding-right: 20px;
+}
+.control-toolbar .toolbar-item:last-child,
+.control-toolbar .toolbar-item.last {
+ padding-right: 0;
+}
+.control-toolbar .toolbar-item:after,
+.control-toolbar .toolbar-item:before {
+ display: none;
+ position: absolute;
+ top: 50%;
+ margin-top: -7px;
+ height: 9px;
+ font-size: 10px;
+ color: #bbbbbb;
+}
+.control-toolbar .toolbar-item:before {
+ left: -6px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f104";
+}
+.control-toolbar .toolbar-item:after {
+ right: -8px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f105";
+}
+.control-toolbar .toolbar-item.scroll-before:before {
+ display: block;
+}
+.control-toolbar .toolbar-item.scroll-after:after {
+ display: block;
+}
+.control-toolbar .toolbar-item:before {
+ left: -10px;
+}
+.control-toolbar .toolbar-item:after {
+ right: 6px;
+}
+.control-toolbar .toolbar-item .btn,
+.control-toolbar .toolbar-item .btn-group,
+.control-toolbar .toolbar-item .dropdown {
+ white-space: nowrap;
+ float: none;
+ display: inline-block;
+ margin-right: 10px;
+}
+.control-toolbar .toolbar-item .btn:last-child,
+.control-toolbar .toolbar-item .btn-group:last-child,
+.control-toolbar .toolbar-item .dropdown:last-child {
+ margin-right: 0;
+}
+.control-toolbar .toolbar-item .btn.standalone,
+.control-toolbar .toolbar-item .btn-group.standalone,
+.control-toolbar .toolbar-item .dropdown.standalone {
+ margin-right: 15px;
+}
+.control-toolbar .toolbar-item .btn-group > .btn,
+.control-toolbar .toolbar-item .btn-group > .dropdown {
+ margin-right: 0;
+ display: inline-block;
+ float: none;
+}
+.control-toolbar .toolbar-item .btn-group .dropdown > .btn {
+ margin-right: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+.control-toolbar .toolbar-item .btn-group .dropdown.last > .btn {
+ border-bottom-right-radius: 2px !important;
+ border-top-right-radius: 2px !important;
+}
+.control-toolbar input.form-control[type=text] {
+ height: auto;
+ padding: 8px 10px;
+}
+.control-toolbar.toolbar-padded {
+ padding: 20px;
+}
+[data-control=toolbar] {
+ white-space: nowrap;
+ width: 100%;
+ overflow: hidden;
+}
+.control-toolbar.editor-toolbar {
+ padding: 0;
+ background: #dddddd;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn,
+.control-toolbar.editor-toolbar .toolbar-item .btn-group,
+.control-toolbar.editor-toolbar .toolbar-item .dropdown {
+ margin: 0;
+ padding: 0;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn {
+ text-align: center;
+ height: 40px;
+ width: 40px;
+ line-height: 40px;
+ zoom: 1;
+ color: #404040;
+ background: transparent;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn:before {
+ font-size: 14px !important;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn:hover {
+ outline: none;
+ background-color: #999999;
+ color: #ffffff;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn.active,
+.control-toolbar.editor-toolbar .toolbar-item .btn:active {
+ outline: none;
+ background-color: #404040;
+ color: #ffffff;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn.disabled,
+.control-toolbar.editor-toolbar .toolbar-item .btn[disabled] {
+ opacity: .3;
+}
+.control-toolbar.editor-toolbar .toolbar-item .dropdown.open .btn {
+ background-color: #404040;
+ color: #ffffff;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn[class^="oc-icon-"]:before,
+.control-toolbar.editor-toolbar .toolbar-item .btn[class*=" oc-icon-"]:before {
+ margin: 0;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn.oc-autumn-button {
+ color: #c03f31;
+}
+.control-toolbar.editor-toolbar .toolbar-item .btn.oc-autumn-button:hover {
+ color: white !important;
+}
+@font-face {
+ font-family: 'ToolbarFont';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+.tb-icon {
+ font-family: 'ToolbarFont';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+.tb-icon i:before {
+ position: relative;
+ font-size: 14px;
+}
+.tb-video:before {
+ content: "\e600";
+}
+.tb-unorderedlist:before {
+ content: "\e601";
+}
+.tb-undo:before {
+ content: "\e602";
+}
+.tb-underline:before {
+ content: "\e603";
+}
+.tb-textdirection:before {
+ content: "\e604";
+}
+.tb-fontcolor:before {
+ content: "\e605";
+}
+.tb-table:before {
+ content: "\e606";
+}
+.tb-redo:before {
+ content: "\e607";
+}
+.tb-quote:before {
+ content: "\e608";
+}
+.tb-outdent:before {
+ content: "\e609";
+}
+.tb-orderedlist:before {
+ content: "\e60a";
+}
+.tb-link:before {
+ content: "\e60b";
+}
+.tb-horizontalrule:before {
+ content: "\e60c";
+}
+.tb-italic:before {
+ content: "\e60d";
+}
+.tb-indent:before {
+ content: "\e60e";
+}
+.tb-image:before {
+ content: "\e60f";
+}
+.tb-fullscreen:before {
+ content: "\e610";
+}
+.tb-normalscreen:before {
+ content: "\e611";
+}
+.tb-formatting:before {
+ content: "\e612";
+}
+.tb-fontsize:before {
+ content: "\e613";
+}
+.tb-fontfamily:before {
+ content: "\e614";
+}
+.tb-deleted:before {
+ content: "\e615";
+}
+.tb-html:before {
+ content: "\e616";
+}
+.tb-clips:before {
+ content: "\e617";
+}
+.tb-bold:before {
+ content: "\e618";
+}
+.tb-backcolor:before {
+ content: "\e619";
+}
+.tb-file:before {
+ content: "\e61a";
+}
+.tb-alignright:before {
+ content: "\e61b";
+}
+.tb-alignment:before,
+.tb-alignleft:before {
+ content: "\e61c";
+}
+.tb-alignjustify:before {
+ content: "\e61d";
+}
+.tb-aligncenter:before {
+ content: "\e61e";
+}
+.tb-gallery:before {
+ content: "\e61f";
+}
+div.scoreboard {
+ position: relative;
+ padding: 0;
+}
+div.scoreboard:after,
+div.scoreboard:before {
+ display: none;
+ position: absolute;
+ top: 50%;
+ margin-top: -7px;
+ height: 9px;
+ font-size: 10px;
+ color: #bbbbbb;
+}
+div.scoreboard:before {
+ left: -6px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f104";
+}
+div.scoreboard:after {
+ right: -8px;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f105";
+}
+div.scoreboard.scroll-before:before {
+ display: block;
+}
+div.scoreboard.scroll-after:after {
+ display: block;
+}
+div.scoreboard:before,
+div.scoreboard:after {
+ margin-top: -10px;
+}
+div.scoreboard:before {
+ left: 7px;
+}
+div.scoreboard:after {
+ right: 10px;
+}
+div.scoreboard div.scoreboard-item {
+ display: inline-block;
+ margin-right: 40px;
+ margin-bottom: 20px;
+ vertical-align: top;
+}
+div.scoreboard div.scoreboard-item:last-child {
+ margin-right: 0;
+}
+div.scoreboard .control-chart {
+ height: 67px;
+}
+div.scoreboard .control-chart ul {
+ margin-left: 77px;
+ top: -2px;
+}
+div.scoreboard .control-chart ul li {
+ padding-left: 18px;
+}
+div.scoreboard .control-chart ul li > i {
+ margin-left: -18px;
+}
+div.scoreboard .control-chart .canvas + ul {
+ margin-left: 0;
+}
+div.scoreboard .scoreboard-offset {
+ padding-left: 20px;
+}
+body.slim-container div.scoreboard {
+ padding: 0 20px;
+}
+#layout-canvas .flash-message {
+ display: none;
+}
+.flash-message {
+ position: fixed;
+ width: 500px;
+ left: 50%;
+ top: 13px;
+ margin-left: -250px;
+ color: #ffffff;
+ font-size: 13px;
+ padding: 10px 30px 10px 15px;
+ z-index: 10000;
+ word-wrap: break-word;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+}
+.flash-message.fade {
+ opacity: 0;
+ filter: alpha(opacity=0);
+ -webkit-transition: all 0.5s, width 0s;
+ transition: all 0.5s, width 0s;
+ -webkit-transform: scale(0.9);
+ -ms-transform: scale(0.9);
+ transform: scale(0.9);
+}
+.flash-message.fade.in {
+ opacity: 1;
+ filter: alpha(opacity=100);
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+.flash-message.success {
+ background: #8da85e;
+}
+.flash-message.error {
+ background: #cc3300;
+}
+.flash-message.warning {
+ background: #f0ad4e;
+}
+.flash-message.info {
+ background: #5fb6f5;
+}
+.flash-message button {
+ float: none;
+ position: absolute;
+ right: 10px;
+ top: 8px;
+ color: white;
+}
+.flash-message button:hover {
+ color: #ffffff;
+}
+.flash-message.static {
+ position: static!important;
+ width: auto!important;
+ display: block!important;
+ margin-left: 0!important;
+}
+@media (max-width: 768px) {
+ .flash-message {
+ left: 10px;
+ right: 10px;
+ top: 10px;
+ margin-left: 0;
+ width: auto;
+ }
+}
+[class^="flag-"],
+[class*=" flag-"] {
+ background-image: url("images/flag-icons-small.png");
+ width: 16px;
+ height: 16px;
+ line-height: 16px;
+ vertical-align: middle;
+ display: inline-block;
+ margin: -3px 2px 0 2px;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
+ [class^="flag-"],
+ [class*=" flag-"] {
+ background-image: url("images/flag-icons-large.png");
+ background-size: 16px 3952px;
+ }
+}
+.flag-AfricanUnion {
+ background-position: 0 -16px;
+}
+.flag-ArabLeague {
+ background-position: 0 -32px;
+}
+.flag-ASEAN {
+ background-position: 0 -48px;
+}
+.flag-CARICOM {
+ background-position: 0 -64px;
+}
+.flag-CIS {
+ background-position: 0 -80px;
+}
+.flag-Commonwealth {
+ background-position: 0 -96px;
+}
+.flag-England {
+ background-position: 0 -112px;
+}
+.flag-European_Union {
+ background-position: 0 -128px;
+}
+.flag-Islamic_Conference {
+ background-position: 0 -144px;
+}
+.flag-Kosovo {
+ background-position: 0 -160px;
+}
+.flag-NATO {
+ background-position: 0 -176px;
+}
+.flag-NorthernCyprus {
+ background-position: 0 -192px;
+}
+.flag-NorthernIreland {
+ background-position: 0 -208px;
+}
+.flag-OlimpicMovement {
+ background-position: 0 -224px;
+}
+.flag-OPEC {
+ background-position: 0 -240px;
+}
+.flag-RedCross {
+ background-position: 0 -256px;
+}
+.flag-Scotland {
+ background-position: 0 -272px;
+}
+.flag-Somaliland {
+ background-position: 0 -288px;
+}
+.flag-Tibet {
+ background-position: 0 -304px;
+}
+.flag-United_Nations {
+ background-position: 0 -320px;
+}
+.flag-Wales {
+ background-position: 0 -336px;
+}
+.flag-eu {
+ background-position: 0 -128px;
+}
+.flag-ad {
+ background-position: 0 -352px;
+}
+.flag-ae {
+ background-position: 0 -368px;
+}
+.flag-af {
+ background-position: 0 -384px;
+}
+.flag-ag {
+ background-position: 0 -400px;
+}
+.flag-ai {
+ background-position: 0 -416px;
+}
+.flag-al {
+ background-position: 0 -432px;
+}
+.flag-am {
+ background-position: 0 -448px;
+}
+.flag-ao {
+ background-position: 0 -464px;
+}
+.flag-aq {
+ background-position: 0 -480px;
+}
+.flag-ar {
+ background-position: 0 -496px;
+}
+.flag-as {
+ background-position: 0 -512px;
+}
+.flag-at {
+ background-position: 0 -528px;
+}
+.flag-au {
+ background-position: 0 -544px;
+}
+.flag-aw {
+ background-position: 0 -560px;
+}
+.flag-ax {
+ background-position: 0 -576px;
+}
+.flag-az {
+ background-position: 0 -592px;
+}
+.flag-ba {
+ background-position: 0 -608px;
+}
+.flag-bb {
+ background-position: 0 -624px;
+}
+.flag-bd {
+ background-position: 0 -640px;
+}
+.flag-be {
+ background-position: 0 -656px;
+}
+.flag-bf {
+ background-position: 0 -672px;
+}
+.flag-bg {
+ background-position: 0 -688px;
+}
+.flag-bh {
+ background-position: 0 -704px;
+}
+.flag-bi {
+ background-position: 0 -720px;
+}
+.flag-bj {
+ background-position: 0 -736px;
+}
+.flag-bm {
+ background-position: 0 -752px;
+}
+.flag-bn {
+ background-position: 0 -768px;
+}
+.flag-bo {
+ background-position: 0 -784px;
+}
+.flag-br {
+ background-position: 0 -800px;
+}
+.flag-bs {
+ background-position: 0 -816px;
+}
+.flag-bt {
+ background-position: 0 -832px;
+}
+.flag-bw {
+ background-position: 0 -848px;
+}
+.flag-by {
+ background-position: 0 -864px;
+}
+.flag-bz {
+ background-position: 0 -880px;
+}
+.flag-ca {
+ background-position: 0 -896px;
+}
+.flag-cg {
+ background-position: 0 -912px;
+}
+.flag-cf {
+ background-position: 0 -928px;
+}
+.flag-cd {
+ background-position: 0 -944px;
+}
+.flag-ch {
+ background-position: 0 -960px;
+}
+.flag-ci {
+ background-position: 0 -976px;
+}
+.flag-ck {
+ background-position: 0 -992px;
+}
+.flag-cl {
+ background-position: 0 -1008px;
+}
+.flag-cm {
+ background-position: 0 -1024px;
+}
+.flag-cn {
+ background-position: 0 -1040px;
+}
+.flag-co {
+ background-position: 0 -1056px;
+}
+.flag-cr {
+ background-position: 0 -1072px;
+}
+.flag-cu {
+ background-position: 0 -1088px;
+}
+.flag-cv {
+ background-position: 0 -1104px;
+}
+.flag-cy {
+ background-position: 0 -1120px;
+}
+.flag-cz {
+ background-position: 0 -1136px;
+}
+.flag-de {
+ background-position: 0 -1152px;
+}
+.flag-dj {
+ background-position: 0 -1168px;
+}
+.flag-dk {
+ background-position: 0 -1184px;
+}
+.flag-dm {
+ background-position: 0 -1200px;
+}
+.flag-do {
+ background-position: 0 -1216px;
+}
+.flag-dz {
+ background-position: 0 -1232px;
+}
+.flag-ec {
+ background-position: 0 -1248px;
+}
+.flag-ee {
+ background-position: 0 -1264px;
+}
+.flag-eg {
+ background-position: 0 -1280px;
+}
+.flag-eh {
+ background-position: 0 -1296px;
+}
+.flag-er {
+ background-position: 0 -1312px;
+}
+.flag-es {
+ background-position: 0 -1328px;
+}
+.flag-et {
+ background-position: 0 -1344px;
+}
+.flag-fi {
+ background-position: 0 -1360px;
+}
+.flag-fj {
+ background-position: 0 -1376px;
+}
+.flag-fm {
+ background-position: 0 -1392px;
+}
+.flag-fo {
+ background-position: 0 -1408px;
+}
+.flag-fr {
+ background-position: 0 -1424px;
+}
+.flag-bl {
+ background-position: 0 -1424px;
+}
+.flag-cp {
+ background-position: 0 -1424px;
+}
+.flag-mf {
+ background-position: 0 -1424px;
+}
+.flag-yt {
+ background-position: 0 -1424px;
+}
+.flag-ga {
+ background-position: 0 -1440px;
+}
+.flag-gb {
+ background-position: 0 -1456px;
+}
+.flag-sh {
+ background-position: 0 -1456px;
+}
+.flag-gd {
+ background-position: 0 -1472px;
+}
+.flag-ge {
+ background-position: 0 -1488px;
+}
+.flag-gg {
+ background-position: 0 -1504px;
+}
+.flag-gh {
+ background-position: 0 -1520px;
+}
+.flag-gi {
+ background-position: 0 -1536px;
+}
+.flag-gl {
+ background-position: 0 -1552px;
+}
+.flag-gm {
+ background-position: 0 -1568px;
+}
+.flag-gn {
+ background-position: 0 -1584px;
+}
+.flag-gp {
+ background-position: 0 -1600px;
+}
+.flag-gq {
+ background-position: 0 -1616px;
+}
+.flag-gr {
+ background-position: 0 -1632px;
+}
+.flag-gt {
+ background-position: 0 -1648px;
+}
+.flag-gu {
+ background-position: 0 -1664px;
+}
+.flag-gw {
+ background-position: 0 -1680px;
+}
+.flag-gy {
+ background-position: 0 -1696px;
+}
+.flag-hk {
+ background-position: 0 -1712px;
+}
+.flag-hn {
+ background-position: 0 -1728px;
+}
+.flag-hr {
+ background-position: 0 -1744px;
+}
+.flag-ht {
+ background-position: 0 -1760px;
+}
+.flag-hu {
+ background-position: 0 -1776px;
+}
+.flag-id {
+ background-position: 0 -1792px;
+}
+.flag-mc {
+ background-position: 0 -1792px;
+}
+.flag-ie {
+ background-position: 0 -1808px;
+}
+.flag-il {
+ background-position: 0 -1824px;
+}
+.flag-im {
+ background-position: 0 -1840px;
+}
+.flag-in {
+ background-position: 0 -1856px;
+}
+.flag-iq {
+ background-position: 0 -1872px;
+}
+.flag-ir {
+ background-position: 0 -1888px;
+}
+.flag-is {
+ background-position: 0 -1904px;
+}
+.flag-it {
+ background-position: 0 -1920px;
+}
+.flag-je {
+ background-position: 0 -1936px;
+}
+.flag-jm {
+ background-position: 0 -1952px;
+}
+.flag-jo {
+ background-position: 0 -1968px;
+}
+.flag-jp {
+ background-position: 0 -1984px;
+}
+.flag-ke {
+ background-position: 0 -2000px;
+}
+.flag-kg {
+ background-position: 0 -2016px;
+}
+.flag-kh {
+ background-position: 0 -2032px;
+}
+.flag-ki {
+ background-position: 0 -2048px;
+}
+.flag-km {
+ background-position: 0 -2064px;
+}
+.flag-kn {
+ background-position: 0 -2080px;
+}
+.flag-kp {
+ background-position: 0 -2096px;
+}
+.flag-kr {
+ background-position: 0 -2112px;
+}
+.flag-kw {
+ background-position: 0 -2128px;
+}
+.flag-ky {
+ background-position: 0 -2144px;
+}
+.flag-kz {
+ background-position: 0 -2160px;
+}
+.flag-la {
+ background-position: 0 -2176px;
+}
+.flag-lb {
+ background-position: 0 -2192px;
+}
+.flag-lc {
+ background-position: 0 -2208px;
+}
+.flag-li {
+ background-position: 0 -2224px;
+}
+.flag-lk {
+ background-position: 0 -2240px;
+}
+.flag-lr {
+ background-position: 0 -2256px;
+}
+.flag-ls {
+ background-position: 0 -2272px;
+}
+.flag-lt {
+ background-position: 0 -2288px;
+}
+.flag-lu {
+ background-position: 0 -2304px;
+}
+.flag-lv {
+ background-position: 0 -2320px;
+}
+.flag-ly {
+ background-position: 0 -2336px;
+}
+.flag-ma {
+ background-position: 0 -2352px;
+}
+.flag-md {
+ background-position: 0 -2368px;
+}
+.flag-me {
+ background-position: 0 -2384px;
+}
+.flag-mg {
+ background-position: 0 -2400px;
+}
+.flag-mh {
+ background-position: 0 -2416px;
+}
+.flag-mk {
+ background-position: 0 -2432px;
+}
+.flag-ml {
+ background-position: 0 -2448px;
+}
+.flag-mm {
+ background-position: 0 -2464px;
+}
+.flag-mn {
+ background-position: 0 -2480px;
+}
+.flag-mo {
+ background-position: 0 -2496px;
+}
+.flag-mq {
+ background-position: 0 -2512px;
+}
+.flag-mr {
+ background-position: 0 -2528px;
+}
+.flag-ms {
+ background-position: 0 -2544px;
+}
+.flag-mt {
+ background-position: 0 -2560px;
+}
+.flag-mu {
+ background-position: 0 -2576px;
+}
+.flag-mv {
+ background-position: 0 -2592px;
+}
+.flag-mw {
+ background-position: 0 -2608px;
+}
+.flag-mx {
+ background-position: 0 -2624px;
+}
+.flag-my {
+ background-position: 0 -2640px;
+}
+.flag-mz {
+ background-position: 0 -2656px;
+}
+.flag-na {
+ background-position: 0 -2672px;
+}
+.flag-nc {
+ background-position: 0 -2688px;
+}
+.flag-ne {
+ background-position: 0 -2704px;
+}
+.flag-ng {
+ background-position: 0 -2720px;
+}
+.flag-ni {
+ background-position: 0 -2736px;
+}
+.flag-nl {
+ background-position: 0 -2752px;
+}
+.flag-bq {
+ background-position: 0 -2752px;
+}
+.flag-no {
+ background-position: 0 -2768px;
+}
+.flag-bv {
+ background-position: 0 -2768px;
+}
+.flag-nq {
+ background-position: 0 -2768px;
+}
+.flag-sj {
+ background-position: 0 -2768px;
+}
+.flag-np {
+ background-position: 0 -2784px;
+}
+.flag-nr {
+ background-position: 0 -2800px;
+}
+.flag-nz {
+ background-position: 0 -2816px;
+}
+.flag-om {
+ background-position: 0 -2832px;
+}
+.flag-pa {
+ background-position: 0 -2848px;
+}
+.flag-pe {
+ background-position: 0 -2864px;
+}
+.flag-pf {
+ background-position: 0 -2880px;
+}
+.flag-pg {
+ background-position: 0 -2896px;
+}
+.flag-ph {
+ background-position: 0 -2912px;
+}
+.flag-pk {
+ background-position: 0 -2928px;
+}
+.flag-pl {
+ background-position: 0 -2944px;
+}
+.flag-pr {
+ background-position: 0 -2960px;
+}
+.flag-ps {
+ background-position: 0 -2976px;
+}
+.flag-pt {
+ background-position: 0 -2992px;
+}
+.flag-pw {
+ background-position: 0 -3008px;
+}
+.flag-py {
+ background-position: 0 -3024px;
+}
+.flag-qa {
+ background-position: 0 -3040px;
+}
+.flag-re {
+ background-position: 0 -3056px;
+}
+.flag-ro {
+ background-position: 0 -3072px;
+}
+.flag-rs {
+ background-position: 0 -3088px;
+}
+.flag-ru {
+ background-position: 0 -3104px;
+}
+.flag-rw {
+ background-position: 0 -3120px;
+}
+.flag-sa {
+ background-position: 0 -3136px;
+}
+.flag-sb {
+ background-position: 0 -3152px;
+}
+.flag-sc {
+ background-position: 0 -3168px;
+}
+.flag-sd {
+ background-position: 0 -3184px;
+}
+.flag-se {
+ background-position: 0 -3200px;
+}
+.flag-sg {
+ background-position: 0 -3216px;
+}
+.flag-si {
+ background-position: 0 -3232px;
+}
+.flag-sk {
+ background-position: 0 -3248px;
+}
+.flag-sl {
+ background-position: 0 -3264px;
+}
+.flag-sm {
+ background-position: 0 -3280px;
+}
+.flag-sn {
+ background-position: 0 -3296px;
+}
+.flag-so {
+ background-position: 0 -3312px;
+}
+.flag-sr {
+ background-position: 0 -3328px;
+}
+.flag-st {
+ background-position: 0 -3344px;
+}
+.flag-sv {
+ background-position: 0 -3360px;
+}
+.flag-sy {
+ background-position: 0 -3376px;
+}
+.flag-sz {
+ background-position: 0 -3392px;
+}
+.flag-tc {
+ background-position: 0 -3408px;
+}
+.flag-td {
+ background-position: 0 -3424px;
+}
+.flag-tg {
+ background-position: 0 -3440px;
+}
+.flag-th {
+ background-position: 0 -3456px;
+}
+.flag-tj {
+ background-position: 0 -3472px;
+}
+.flag-tl {
+ background-position: 0 -3488px;
+}
+.flag-tm {
+ background-position: 0 -3504px;
+}
+.flag-tn {
+ background-position: 0 -3520px;
+}
+.flag-to {
+ background-position: 0 -3536px;
+}
+.flag-tr {
+ background-position: 0 -3552px;
+}
+.flag-tt {
+ background-position: 0 -3568px;
+}
+.flag-tv {
+ background-position: 0 -3584px;
+}
+.flag-tw {
+ background-position: 0 -3600px;
+}
+.flag-tz {
+ background-position: 0 -3616px;
+}
+.flag-ua {
+ background-position: 0 -3632px;
+}
+.flag-ug {
+ background-position: 0 -3648px;
+}
+.flag-us {
+ background-position: 0 -3664px;
+}
+.flag-uy {
+ background-position: 0 -3680px;
+}
+.flag-uz {
+ background-position: 0 -3696px;
+}
+.flag-va {
+ background-position: 0 -3712px;
+}
+.flag-vc {
+ background-position: 0 -3728px;
+}
+.flag-ve {
+ background-position: 0 -3744px;
+}
+.flag-vg {
+ background-position: 0 -3760px;
+}
+.flag-vi {
+ background-position: 0 -3776px;
+}
+.flag-vn {
+ background-position: 0 -3792px;
+}
+.flag-vu {
+ background-position: 0 -3808px;
+}
+.flag-ws {
+ background-position: 0 -3824px;
+}
+.flag-ye {
+ background-position: 0 -3840px;
+}
+.flag-za {
+ background-position: 0 -3856px;
+}
+.flag-zm {
+ background-position: 0 -3872px;
+}
+.flag-zw {
+ background-position: 0 -3888px;
+}
+.flag-sx {
+ background-position: 0 -3904px;
+}
+.flag-cw {
+ background-position: 0 -3920px;
+}
+.flag-ss {
+ background-position: 0 -3936px;
+}
+fieldset {
+ padding: 0;
+ margin: 0;
+ border: 0;
+ min-width: 0;
+}
+legend {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 20px;
+ font-size: 21px;
+ line-height: inherit;
+ color: #333333;
+ border: 0;
+ border-bottom: 1px solid #e5e5e5;
+}
+label {
+ display: inline-block;
+ margin-bottom: 5px;
+ font-weight: 600;
+ font-size: 12px;
+}
+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;
+ /* IE8-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: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+output {
+ display: block;
+ padding-top: 10px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+.form-control {
+ display: block;
+ width: 100%;
+ height: 40px;
+ padding: 9px 11px;
+ font-size: 16px;
+ line-height: 1.42857143;
+ color: #555555;
+ background-color: #ffffff;
+ background-image: none;
+ border: 1px solid #e0e0e0;
+ border-radius: 3px;
+ -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+}
+.form-control:focus {
+ border-color: #808c8d;
+ outline: 0;
+}
+.form-control::-moz-placeholder {
+ color: #cccccc;
+ opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+ color: #cccccc;
+}
+.form-control::-webkit-input-placeholder {
+ color: #cccccc;
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+ cursor: not-allowed;
+ background-color: #eeeeee;
+ opacity: 1;
+}
+textarea.form-control {
+ height: auto;
+}
+.form-control.align-right {
+ text-align: right;
+}
+input[type="search"] {
+ -webkit-appearance: none;
+}
+input[type="date"] {
+ line-height: 40px;
+}
+.form-group {
+ margin-bottom: 15px;
+}
+.radio,
+.checkbox {
+ display: block;
+ min-height: 20px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ padding-left: 20px;
+}
+.radio label,
+.checkbox label {
+ display: inline;
+ font-weight: normal;
+ cursor: pointer;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+ float: left;
+ margin-left: -20px;
+}
+.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],
+.radio[disabled],
+.radio-inline[disabled],
+.checkbox[disabled],
+.checkbox-inline[disabled],
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"],
+fieldset[disabled] .radio,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox,
+fieldset[disabled] .checkbox-inline {
+ cursor: not-allowed;
+}
+.input-sm {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+select.input-sm {
+ height: 30px;
+ line-height: 30px;
+}
+textarea.input-sm,
+select[multiple].input-sm {
+ height: auto;
+}
+.input-lg {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
+}
+select.input-lg {
+ height: 46px;
+ line-height: 46px;
+}
+textarea.input-lg,
+select[multiple].input-lg {
+ height: auto;
+}
+.has-feedback {
+ position: relative;
+}
+.has-feedback .form-control {
+ padding-right: 50px;
+}
+.has-feedback .form-control-feedback {
+ position: absolute;
+ top: 25px;
+ right: 0;
+ display: block;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+}
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline {
+ color: #3c763d;
+}
+.has-success .form-control {
+ border-color: #3c763d;
+}
+.has-success .form-control:focus {
+ border-color: #2b542c;
+}
+.has-success .input-group-addon {
+ color: #3c763d;
+ border-color: #3c763d;
+ background-color: #dff0d8;
+}
+.has-success .form-control-feedback {
+ color: #3c763d;
+}
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline {
+ color: #8a6d3b;
+}
+.has-warning .form-control {
+ border-color: #8a6d3b;
+}
+.has-warning .form-control:focus {
+ border-color: #66512c;
+}
+.has-warning .input-group-addon {
+ color: #8a6d3b;
+ border-color: #8a6d3b;
+ background-color: #fcf8e3;
+}
+.has-warning .form-control-feedback {
+ color: #8a6d3b;
+}
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline {
+ color: #a94442;
+}
+.has-error .form-control {
+ border-color: #a94442;
+}
+.has-error .form-control:focus {
+ border-color: #843534;
+}
+.has-error .input-group-addon {
+ color: #a94442;
+ border-color: #a94442;
+ background-color: #f2dede;
+}
+.has-error .form-control-feedback {
+ color: #a94442;
+}
+.form-control-static {
+ margin-bottom: 0;
+}
+.help-block {
+ display: block;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ color: #737373;
+}
+@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 > .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;
+ padding-left: 0;
+ vertical-align: middle;
+ }
+ .form-inline .radio input[type="radio"],
+ .form-inline .checkbox input[type="checkbox"] {
+ float: none;
+ margin-left: 0;
+ }
+ .form-inline .has-feedback .form-control-feedback {
+ top: 0;
+ }
+}
+.form-horizontal .control-label,
+.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: 30px;
+}
+.form-horizontal .form-group {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+.form-horizontal .form-control-static {
+ padding-top: 10px;
+}
+@media (min-width: 768px) {
+ .form-horizontal .control-label {
+ text-align: right;
+ }
+}
+.form-horizontal .has-feedback .form-control-feedback {
+ top: 0;
+ right: 15px;
+}
+.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: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
+}
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+ height: 46px;
+ line-height: 46px;
+}
+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: 3px;
+}
+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 {
+ padding: 9px 11px;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1;
+ color: #555555;
+ text-align: center;
+ background-color: #eeeeee;
+ border: 1px solid #e0e0e0;
+ border-radius: 2px;
+}
+.input-group-addon.input-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ border-radius: 3px;
+}
+.input-group-addon.input-lg {
+ padding: 10px 16px;
+ font-size: 18px;
+ border-radius: 6px;
+}
+.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;
+}
+.loading-indicator {
+ padding: 20px 20px 20px 60px;
+ color: #999999;
+ font-size: 14px;
+ font-weight: 500;
+ background: #f9f9f9;
+ text-align: left;
+ z-index: 100;
+}
+.loading-indicator > span {
+ background: transparent url('images/loader.gif') no-repeat 0 50%;
+ position: absolute;
+ width: 40px;
+ height: 40px;
+ top: 50%;
+ margin-top: -20px;
+ left: 0;
+ display: block;
+}
+.loading-indicator-container {
+ position: relative;
+ min-height: 40px;
+}
+.loading-indicator-container .loading-indicator {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ padding-top: 0;
+}
+.loading-indicator-container .loading-indicator > div {
+ position: absolute;
+ top: 50%;
+ margin-top: -0.65em;
+}
+html.cssanimations .loading-indicator > span {
+ background-image: url('images/loader-transparent.svg');
+ background-size: 35px 35px;
+ background-position: 50% 50%;
+ -webkit-animation: spin 1s linear infinite;
+ animation: spin 1s linear infinite;
+}
+html.cssanimations .loading-indicator.is-opaque > span,
+html.cssanimations .loading-indicator-container.is-opaque .loading-indicator > span {
+ background-image: url('images/loader.svg');
+}
+.loading-indicator-container.size-small {
+ min-height: 20px;
+}
+.loading-indicator.size-small,
+.loading-indicator-container.size-small .loading-indicator {
+ padding: 16px 16px 16px 30px;
+ font-size: 11px;
+}
+.loading-indicator.size-small > span,
+.loading-indicator-container.size-small .loading-indicator > span {
+ height: 20px;
+ width: 20px;
+ margin-top: -10px;
+}
+html.cssanimations .loading-indicator.size-small > span,
+html.cssanimations .loading-indicator-container.size-small .loading-indicator > span {
+ background-size: 20px 20px;
+}
+.loading-indicator.indicator-center,
+.loading-indicator-container.indicator-center .loading-indicator {
+ padding: 20px;
+}
+.loading-indicator.indicator-center > span,
+.loading-indicator-container.indicator-center .loading-indicator > span {
+ left: 50%;
+ margin-left: -20px;
+ margin-top: -20px;
+}
+.loading-indicator.indicator-center > div,
+.loading-indicator-container.indicator-center .loading-indicator > div {
+ top: auto;
+ text-align: center;
+ position: relative;
+}
+.loading-indicator.indicator-inset,
+.loading-indicator-container.indicator-inset .loading-indicator {
+ padding-left: 80px;
+}
+.loading-indicator.indicator-inset > span,
+.loading-indicator-container.indicator-inset .loading-indicator > span {
+ left: 20px;
+}
+.loading-indicator-container.size-form-field .loading-indicator,
+.loading-indicator-container.size-input-text .loading-indicator {
+ background-color: transparent;
+ padding: 0;
+ margin: 0;
+}
+.loading-indicator-container.size-form-field .loading-indicator > span,
+.loading-indicator-container.size-input-text .loading-indicator > span {
+ padding: 0;
+ margin: 0;
+ left: auto;
+ right: 7px;
+ top: 6px;
+ width: 23px;
+ height: 23px;
+ background-size: 23px 23px;
+}
+.loading-indicator-container.size-form-field .loading-indicator > span {
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 20px;
+ background-size: 20px 20px;
+}
+html.cssanimations .cursor-loading-indicator {
+ background: transparent url('images/loader-transparent.svg') no-repeat 50% 50%;
+ -webkit-animation: spin 1s linear infinite;
+ animation: spin 1s linear infinite;
+ background-size: 20px 20px;
+ position: fixed;
+ width: 20px;
+ height: 20px;
+}
+html.cssanimations .cursor-loading-indicator.hide {
+ display: none;
+}
+.bar-loading-indicator {
+ -webkit-transition: opacity 0.4s linear;
+ transition: opacity 0.4s linear;
+}
+.bar-loading-indicator .progress-bar {
+ -webkit-animation: infinite-loader 90s ease-in forwards;
+ animation: infinite-loader 90s ease-in forwards;
+ -webkit-transition-duration: 0s;
+ transition-duration: 0s;
+}
+.bar-loading-indicator.bar-loaded {
+ opacity: 0;
+ filter: alpha(opacity=0);
+ -webkit-transition-delay: 0.3s;
+ transition-delay: 0.3s;
+}
+.bar-loading-indicator.bar-loaded .progress-bar {
+ width: 100% !important;
+ -webkit-transition: width 0.3s linear;
+ transition: width 0.3s linear;
+ -webkit-animation: none;
+ animation: none;
+}
+.stripe-loading-indicator {
+ height: 4px;
+ background: transparent;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ overflow: hidden;
+ z-index: 2000;
+}
+.stripe-loading-indicator .stripe,
+.stripe-loading-indicator .stripe-loaded {
+ height: 4px;
+ display: block;
+ background: #0090c0;
+ position: absolute;
+ -webkit-box-shadow: inset 0 1px 1px -1px #FFF, inset 0 -1px 1px -1px #FFF;
+ box-shadow: inset 0 1px 1px -1px #FFF, inset 0 -1px 1px -1px #FFF;
+}
+.stripe-loading-indicator .stripe {
+ width: 100%;
+ -webkit-animation: infinite-loader 60s linear;
+ animation: infinite-loader 60s linear;
+}
+.stripe-loading-indicator .stripe-loaded {
+ width: 0;
+ display: none;
+}
+.stripe-loading-indicator.loaded {
+ display: none;
+ -webkit-transition: opacity 0.4s linear;
+ transition: opacity 0.4s linear;
+ -webkit-transition-delay: 0.3s;
+ transition-delay: 0.3s;
+}
+.stripe-loading-indicator.loaded .stripe-loaded {
+ display: block;
+ -webkit-transition: width 0.3s linear;
+ transition: width 0.3s linear;
+ width: 100% !important;
+}
+.stripe-loading-indicator.hide {
+ display: none;
+}
+@-moz-keyframes infinite-loader {
+ 0% {
+ width: 0%;
+ }
+ 10% {
+ width: 42%;
+ }
+ 20% {
+ width: 63%;
+ }
+ 30% {
+ width: 78.75%;
+ }
+ 40% {
+ width: 88.59375%;
+ }
+ 50% {
+ width: 94.13085938%;
+ }
+ 60% {
+ width: 97.07244873%;
+ }
+ 70% {
+ width: 98.58920574%;
+ }
+ 80% {
+ width: 99.35943391%;
+ }
+ 90% {
+ width: 99.7475567%;
+ }
+ 100% {
+ width: 99.94237615%;
+ }
+}
+@-webkit-keyframes infinite-loader {
+ 0% {
+ width: 0%;
+ }
+ 10% {
+ width: 42%;
+ }
+ 20% {
+ width: 63%;
+ }
+ 30% {
+ width: 78.75%;
+ }
+ 40% {
+ width: 88.59375%;
+ }
+ 50% {
+ width: 94.13085938%;
+ }
+ 60% {
+ width: 97.07244873%;
+ }
+ 70% {
+ width: 98.58920574%;
+ }
+ 80% {
+ width: 99.35943391%;
+ }
+ 90% {
+ width: 99.7475567%;
+ }
+ 100% {
+ width: 99.94237615%;
+ }
+}
+@-o-keyframes infinite-loader {
+ 0% {
+ width: 0%;
+ }
+ 10% {
+ width: 42%;
+ }
+ 20% {
+ width: 63%;
+ }
+ 30% {
+ width: 78.75%;
+ }
+ 40% {
+ width: 88.59375%;
+ }
+ 50% {
+ width: 94.13085938%;
+ }
+ 60% {
+ width: 97.07244873%;
+ }
+ 70% {
+ width: 98.58920574%;
+ }
+ 80% {
+ width: 99.35943391%;
+ }
+ 90% {
+ width: 99.7475567%;
+ }
+ 100% {
+ width: 99.94237615%;
+ }
+}
+@-ms-keyframes infinite-loader {
+ 0% {
+ width: 0%;
+ }
+ 10% {
+ width: 42%;
+ }
+ 20% {
+ width: 63%;
+ }
+ 30% {
+ width: 78.75%;
+ }
+ 40% {
+ width: 88.59375%;
+ }
+ 50% {
+ width: 94.13085938%;
+ }
+ 60% {
+ width: 97.07244873%;
+ }
+ 70% {
+ width: 98.58920574%;
+ }
+ 80% {
+ width: 99.35943391%;
+ }
+ 90% {
+ width: 99.7475567%;
+ }
+ 100% {
+ width: 99.94237615%;
+ }
+}
+@keyframes infinite-loader {
+ 0% {
+ width: 0%;
+ }
+ 10% {
+ width: 42%;
+ }
+ 20% {
+ width: 63%;
+ }
+ 30% {
+ width: 78.75%;
+ }
+ 40% {
+ width: 88.59375%;
+ }
+ 50% {
+ width: 94.13085938%;
+ }
+ 60% {
+ width: 97.07244873%;
+ }
+ 70% {
+ width: 98.58920574%;
+ }
+ 80% {
+ width: 99.35943391%;
+ }
+ 90% {
+ width: 99.7475567%;
+ }
+ 100% {
+ width: 99.94237615%;
+ }
+}
+@-moz-keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ }
+ 100% {
+ -moz-transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ }
+}
+@-o-keyframes spin {
+ 0% {
+ -o-transform: rotate(0deg);
+ }
+ 100% {
+ -o-transform: rotate(359deg);
+ }
+}
+@-ms-keyframes spin {
+ 0% {
+ -ms-transform: rotate(0deg);
+ }
+ 100% {
+ -ms-transform: rotate(359deg);
+ }
+}
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(359deg);
+ }
+}
+.select2-container {
+ box-sizing: border-box;
+ display: inline-block;
+ margin: 0;
+ position: relative;
+ vertical-align: middle;
+}
+.select2-container .select2-selection--single {
+ box-sizing: border-box;
+ cursor: pointer;
+ display: block;
+ height: 28px;
+ user-select: none;
+ -webkit-user-select: none;
+}
+.select2-container .select2-selection--single .select2-selection__rendered {
+ display: block;
+ padding-left: 8px;
+ padding-right: 20px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
+ padding-right: 8px;
+ padding-left: 20px;
+}
+.select2-container .select2-selection--multiple {
+ box-sizing: border-box;
+ cursor: pointer;
+ display: block;
+ min-height: 32px;
+ user-select: none;
+ -webkit-user-select: none;
+}
+.select2-container .select2-selection--multiple .select2-selection__rendered {
+ display: inline-block;
+ overflow: hidden;
+ padding-left: 8px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.select2-container .select2-search--inline {
+ float: left;
+}
+.select2-container .select2-search--inline .select2-search__field {
+ box-sizing: border-box;
+ border: none;
+ font-size: 100%;
+ margin-top: 5px;
+}
+.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+.select2-dropdown {
+ background-color: white;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ position: absolute;
+ left: -100000px;
+ width: 100%;
+ z-index: 1051;
+}
+.select2-results {
+ display: block;
+}
+.select2-results__options {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+.select2-results__option {
+ padding: 6px;
+ user-select: none;
+ -webkit-user-select: none;
+}
+.select2-results__option[aria-selected] {
+ cursor: pointer;
+}
+.select2-container--open .select2-dropdown {
+ left: 0;
+}
+.select2-container--open .select2-dropdown--above {
+ border-bottom: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.select2-container--open .select2-dropdown--below {
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.select2-search--dropdown {
+ display: block;
+ padding: 4px;
+}
+.select2-search--dropdown .select2-search__field {
+ padding: 4px;
+ width: 100%;
+ box-sizing: border-box;
+}
+.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+.select2-search--dropdown.select2-search--hide {
+ display: none;
+}
+.select2-close-mask {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ display: block;
+ position: fixed;
+ left: 0;
+ top: 0;
+ min-height: 100%;
+ min-width: 100%;
+ height: auto;
+ width: auto;
+ opacity: 0;
+ z-index: 99;
+ background-color: #fff;
+ filter: alpha(opacity=0);
+}
+.select2-hidden-accessible {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+.select2-container .loading-indicator {
+ background: transparent;
+}
+.select2-container .loading-indicator > span {
+ background-image: url('images/loader-transparent.svg');
+ left: auto;
+ right: 10px;
+ top: 19px;
+ background-size: 17px 17px;
+}
+.select2-container.in-progress .select2-selection .select2-selection__arrow b {
+ display: none !important;
+}
+.select2-container--default {
+ display: block;
+ /* 1 */
+}
+.select2-container--default .select2-selection {
+ background-color: #ffffff;
+ border: 1px solid #e0e0e0;
+ border-radius: 3px;
+ color: #555555;
+ font-size: 16px;
+ outline: 0;
+}
+.select2-container--default .select2-search--dropdown {
+ position: relative;
+}
+.select2-container--default .select2-search--dropdown:after {
+ position: absolute;
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f002";
+ right: 10px;
+ top: 7px;
+ color: #95a5a6;
+}
+.select2-container--default .select2-search--dropdown .select2-search__field {
+ background-color: #ffffff;
+ border: 1px solid #e0e0e0;
+ border-radius: 3px;
+ color: #555555;
+ font-size: 16px;
+}
+.select2-container--default .select2-search__field {
+ outline: 0;
+}
+.select2-container--default .select2-search__field::-webkit-input-placeholder {
+ color: #cccccc;
+}
+.select2-container--default .select2-search__field:-moz-placeholder {
+ color: #cccccc;
+}
+.select2-container--default .select2-search__field::-moz-placeholder {
+ color: #cccccc;
+ opacity: 1;
+}
+.select2-container--default .select2-search__field:-ms-input-placeholder {
+ color: #cccccc;
+}
+.select2-container--default .select2-results__option[role=group] {
+ padding: 0;
+}
+.select2-container--default .select2-results__option[aria-disabled=true] {
+ color: #999999;
+ cursor: not-allowed;
+}
+.select2-container--default .select2-results__option[aria-selected=true] {
+ background-color: #f5f5f5;
+ color: #262626;
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+ background-color: #4da7e8;
+ color: #ffffff;
+}
+.select2-container--default .select2-results__option .select2-results__option {
+ padding: 9px 11px;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
+ padding-left: 0;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -11px;
+ padding-left: 22px;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -22px;
+ padding-left: 33px;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -33px;
+ padding-left: 44px;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -44px;
+ padding-left: 55px;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -55px;
+ padding-left: 66px;
+}
+.select2-container--default .select2-results__group {
+ color: #999999;
+ display: block;
+ padding: 9px 11px;
+ font-size: 12px;
+ line-height: 1.42857143;
+ white-space: nowrap;
+}
+.select2-container--default.select2-container--focus .select2-selection,
+.select2-container--default.select2-container--open .select2-selection {
+ -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ border-color: #808c8d;
+}
+.select2-container--default.select2-container--open .select2-selection .select2-selection__arrow b:before {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f106";
+}
+.select2-container--default.select2-container--open.select2-container--below .select2-selection {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ border-bottom-color: transparent;
+}
+.select2-container--default.select2-container--open.select2-container--above .select2-selection {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-top-color: transparent;
+}
+.select2-container--default .select2-selection__clear {
+ color: #666666;
+ cursor: pointer;
+ float: right;
+ font-weight: bold;
+ margin-right: 10px;
+}
+.select2-container--default .select2-selection__clear:hover {
+ color: #333;
+}
+.select2-container--default.select2-container--disabled .select2-selection {
+ border-color: #e0e0e0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.select2-container--default.select2-container--disabled .select2-selection,
+.select2-container--default.select2-container--disabled .select2-search__field {
+ cursor: not-allowed;
+}
+.select2-container--default.select2-container--disabled .select2-selection,
+.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
+ background-color: #eeeeee;
+}
+.select2-container--default.select2-container--disabled .select2-selection__clear,
+.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
+ display: none;
+}
+.select2-container--default .select2-dropdown {
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
+ border-color: #808c8d;
+ overflow-x: hidden;
+ margin-top: -1px;
+}
+.select2-container--default .select2-dropdown--above {
+ margin-top: 1px;
+ -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.075);
+ box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.075);
+}
+.select2-container--default .select2-results > .select2-results__options {
+ font-size: 16px;
+ max-height: 200px;
+ overflow-y: auto;
+}
+.select2-container--default .select2-selection--single {
+ height: 40px;
+ line-height: 1.42857143;
+ padding: 9px 23px 9px 11px;
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+ position: absolute;
+ bottom: 0;
+ right: 11px;
+ top: 0;
+ width: 4px;
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow b {
+ position: absolute;
+ top: 50%;
+ height: 9px;
+ width: 8px;
+ right: 3px;
+ margin-top: -5px;
+ line-height: 9px;
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+ content: "\f107";
+ display: inline-block;
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+ color: #555555;
+ padding: 0;
+}
+.select2-container--default .select2-selection--single .select2-selection__placeholder {
+ color: #cccccc;
+}
+.select2-container--default .select2-selection--multiple {
+ min-height: 40px;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+ box-sizing: border-box;
+ display: block;
+ line-height: 1.42857143;
+ list-style: none;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ width: 100%;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
+ color: #cccccc;
+ float: left;
+ margin-top: 5px;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+ color: #555555;
+ background: #ffffff;
+ border: 1px solid #cccccc;
+ border-radius: 4px;
+ cursor: default;
+ float: left;
+ margin: 8px 0 0 5.5px;
+ padding: 0 9px;
+}
+.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
+ background: transparent;
+ padding: 0 11px;
+ height: 38px;
+ line-height: 1.42857143;
+ margin-top: 0;
+ min-width: 5em;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+ color: #999;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: bold;
+ margin-right: 4.5px;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+ color: #333;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__clear {
+ margin-top: 9px;
+}
+.select2-container--default.input-sm,
+.select2-container--default.input-lg {
+ border-radius: 0;
+ font-size: 12px;
+ height: auto;
+ line-height: 1;
+ padding: 0;
+}
+.select2-container--default.input-sm .select2-selection--single,
+.input-group-sm .select2-container--default .select2-selection--single,
+.form-group-sm .select2-container--default .select2-selection--single {
+ border-radius: 3px;
+ font-size: 12px;
+ height: 30px;
+ line-height: 1.5;
+ padding: 5px 22px 5px 10px;
+ /* 2 */
+}
+.select2-container--default.input-sm .select2-selection--single .select2-selection__arrow b,
+.input-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow b,
+.form-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow b {
+ margin-left: -5px;
+}
+.select2-container--default.input-sm .select2-selection--multiple,
+.input-group-sm .select2-container--default .select2-selection--multiple,
+.form-group-sm .select2-container--default .select2-selection--multiple {
+ min-height: 30px;
+}
+.select2-container--default.input-sm .select2-selection--multiple .select2-selection__choice,
+.input-group-sm .select2-container--default .select2-selection--multiple .select2-selection__choice,
+.form-group-sm .select2-container--default .select2-selection--multiple .select2-selection__choice {
+ font-size: 12px;
+ line-height: 1.5;
+ margin: 4px 0 0 5px;
+ padding: 0 5px;
+}
+.select2-container--default.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field,
+.input-group-sm .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field,
+.form-group-sm .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
+ padding: 0 10px;
+ font-size: 12px;
+ height: 28px;
+ line-height: 1.5;
+}
+.select2-container--default.input-sm .select2-selection--multiple .select2-selection__clear,
+.input-group-sm .select2-container--default .select2-selection--multiple .select2-selection__clear,
+.form-group-sm .select2-container--default .select2-selection--multiple .select2-selection__clear {
+ margin-top: 5px;
+}
+.select2-container--default.input-lg .select2-selection--single,
+.input-group-lg .select2-container--default .select2-selection--single,
+.form-group-lg .select2-container--default .select2-selection--single {
+ border-radius: 6px;
+ font-size: 18px;
+ height: 46px;
+ line-height: 1.3333333;
+ padding: 10px 31px 10px 16px;
+ /* 1 */
+}
+.select2-container--default.input-lg .select2-selection--single .select2-selection__arrow,
+.input-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow,
+.form-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow {
+ width: 5px;
+}
+.select2-container--default.input-lg .select2-selection--single .select2-selection__arrow b,
+.input-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow b,
+.form-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow b {
+ border-width: 5px 5px 0 5px;
+ margin-left: -5px;
+ margin-left: -10px;
+ margin-top: -2.5px;
+}
+.select2-container--default.input-lg .select2-selection--multiple,
+.input-group-lg .select2-container--default .select2-selection--multiple,
+.form-group-lg .select2-container--default .select2-selection--multiple {
+ min-height: 46px;
+}
+.select2-container--default.input-lg .select2-selection--multiple .select2-selection__choice,
+.input-group-lg .select2-container--default .select2-selection--multiple .select2-selection__choice,
+.form-group-lg .select2-container--default .select2-selection--multiple .select2-selection__choice {
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 4px;
+ margin: 9px 0 0 8px;
+ padding: 0 10px;
+}
+.select2-container--default.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field,
+.input-group-lg .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field,
+.form-group-lg .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
+ padding: 0 16px;
+ font-size: 18px;
+ height: 44px;
+ line-height: 1.3333333;
+}
+.select2-container--default.input-lg .select2-selection--multiple .select2-selection__clear,
+.input-group-lg .select2-container--default .select2-selection--multiple .select2-selection__clear,
+.form-group-lg .select2-container--default .select2-selection--multiple .select2-selection__clear {
+ margin-top: 10px;
+}
+.select2-container--default.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
+ border-color: transparent transparent #666666 transparent;
+ border-width: 0 5px 5px 5px;
+}
+.input-group-lg .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
+ border-color: transparent transparent #666666 transparent;
+ border-width: 0 5px 5px 5px;
+}
+.select2-container--default[dir="rtl"] .select2-selection--single {
+ padding-left: 23px;
+ padding-right: 11px;
+}
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered {
+ padding-right: 0;
+ padding-left: 0;
+ text-align: right;
+ /* 1 */
+}
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
+ float: left;
+}
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
+ left: 11px;
+ right: auto;
+}
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
+ margin-left: 0;
+}
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
+ float: right;
+}
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
+ margin-left: 0;
+ margin-right: 5.5px;
+}
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
+ margin-left: 2px;
+ margin-right: auto;
+}
+.has-warning .select2-dropdown,
+.has-warning .select2-selection {
+ border-color: #8a6d3b;
+}
+.has-warning .select2-container--focus .select2-selection,
+.has-warning .select2-container--open .select2-selection {
+ border-color: #66512c;
+}
+.has-warning.select2-drop-active {
+ border-color: #66512c;
+}
+.has-warning.select2-drop-active.select2-drop.select2-drop-above {
+ border-top-color: #66512c;
+}
+.has-error .select2-dropdown,
+.has-error .select2-selection {
+ border-color: #a94442;
+}
+.has-error .select2-container--focus .select2-selection,
+.has-error .select2-container--open .select2-selection {
+ border-color: #843534;
+}
+.has-error.select2-drop-active {
+ border-color: #843534;
+}
+.has-error.select2-drop-active.select2-drop.select2-drop-above {
+ border-top-color: #843534;
+}
+.has-success .select2-dropdown,
+.has-success .select2-selection {
+ border-color: #3c763d;
+}
+.has-success .select2-container--focus .select2-selection,
+.has-success .select2-container--open .select2-selection {
+ border-color: #2b542c;
+}
+.has-success.select2-drop-active {
+ border-color: #2b542c;
+}
+.has-success.select2-drop-active.select2-drop.select2-drop-above {
+ border-top-color: #2b542c;
+}
+.input-group .select2-container--default {
+ display: table;
+ table-layout: fixed;
+ position: relative;
+ z-index: 2;
+ float: left;
+ width: 100%;
+ margin-bottom: 0;
+}
+.input-group.select2-default-prepend .select2-container--default .select2-selection {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+.input-group.select2-default-append .select2-container--default .select2-selection {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+.select2-default-append .select2-container--default,
+.select2-default-prepend .select2-container--default,
+.select2-default-append .input-group-btn,
+.select2-default-prepend .input-group-btn,
+.select2-default-append .input-group-btn .btn,
+.select2-default-prepend .input-group-btn .btn {
+ vertical-align: top;
+}
+/**
+ * Temporary fix for https://github.com/select2/select2-default-theme/issues/9
+ *
+ * Provides `!important` for certain properties of the class applied to the
+ * original `