diff --git a/CHANGELOG.md b/CHANGELOG.md
index e26badfc..34dec83e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,15 @@
+## [v0.7.1](https://github.com/marxjmoura/admin4b/releases/tag/v0.7.1) (2018-03-17)
+### Bug fixes
+- Fix check mark for small and large radio buttons
+- Fix cross-browser border radius for some components
+- Fix toggle switch cursor on hover
+### Features
+- Change JSON attribute color in code highlight
+- Increase opacity of spinner backdrop
+- Cross-browser for display flex
+- Code refactoring for sidebar colors
+- Form responsiveness in documentation
+
 ## [v0.7.0](https://github.com/marxjmoura/admin4b/releases/tag/v0.7.0) (2018-03-13)
 ### Breaking changes
 - The text of radio button must to be stay outside of `.check-mark` (just like checkbox and switcher)
diff --git a/dist/admin4b-highlight.min.css b/dist/admin4b-highlight.min.css
index 1ed6bb3f..d33c489f 100644
--- a/dist/admin4b-highlight.min.css
+++ b/dist/admin4b-highlight.min.css
@@ -1 +1 @@
-.css .hljs-keyword{color:#569cd6}.css .hljs-selector-class{color:#0a8}.css .hljs-attribute{color:#9cdcfe}.css .hljs-comment{color:#999}.css .hljs-number{color:#d7ba7d}.html .hljs-meta{color:#099}.html .hljs-section,.html .hljs-tag{color:#569cd6}.html .hljs-tag .hljs-attr{color:#9cdcfe}.html .hljs-tag .hljs-string{color:#ce9178}.html .hljs-comment{color:#999}.js .hljs-string{color:#ce9178}.js .hljs-keyword{color:#569cd6}.js .hljs-comment{color:#999}.json .hljs-attr,.json .hljs-string{color:#ce9178}.json .hljs-literal{color:#569cd6}.json .hljs-number{color:#d7ba7d}.source-code{margin-bottom:1rem}.source-code .nav-tabs a{color:gray;font-size:.95rem;text-decoration:none;padding:.75rem;-webkit-transition:color 0.2s ease;-moz-transition:color 0.2s ease;-o-transition:color 0.2s ease;transition:color 0.2s ease}.source-code .nav-tabs a.active,.source-code .nav-tabs a:hover{color:#fff}.source-code pre,.source-code .nav-tabs{background:#222d32;border:none}.source-code pre{color:#e8e8e8;margin:0;overflow-x:auto}
+.css .hljs-keyword{color:#569cd6}.css .hljs-selector-class{color:#0a8}.css .hljs-attribute{color:#9cdcfe}.css .hljs-comment{color:#999}.css .hljs-number{color:#d7ba7d}.html .hljs-meta{color:#099}.html .hljs-section,.html .hljs-tag{color:#569cd6}.html .hljs-tag .hljs-attr{color:#9cdcfe}.html .hljs-tag .hljs-string{color:#ce9178}.html .hljs-comment{color:#999}.js .hljs-string{color:#ce9178}.js .hljs-keyword{color:#569cd6}.js .hljs-comment{color:#999}.json .hljs-attr{color:#9cdcfe}.json .hljs-string{color:#ce9178}.json .hljs-literal{color:#569cd6}.json .hljs-number{color:#d7ba7d}.source-code{margin-bottom:1rem}.source-code .nav-tabs a{color:gray;font-size:.95rem;text-decoration:none;padding:.75rem;-webkit-transition:color 0.2s ease;-moz-transition:color 0.2s ease;-o-transition:color 0.2s ease;transition:color 0.2s ease}.source-code .nav-tabs a.active,.source-code .nav-tabs a:hover{color:#fff}.source-code pre,.source-code .nav-tabs{background:#222d32;border:none}.source-code pre{color:#e8e8e8;margin:0;overflow-x:auto}
diff --git a/dist/admin4b.min.css b/dist/admin4b.min.css
index ca4808b2..fcb532a4 100644
--- a/dist/admin4b.min.css
+++ b/dist/admin4b.min.css
@@ -1 +1 @@
-html,body{background:#f8f9fa;width:100%;height:100%}body{font-family:'Open Sans', sans-serif;font-size:1rem}.app,.app-sidebar,.app-content{height:100%}.app{position:relative;width:100%}.app:before{content:"";height:100%;float:left}.app:after{content:"";clear:both;display:block}.app .app-body{position:absolute;width:100%;height:100%}.app .app-body .app-sidebar{background:#fff;float:left;font-size:0.95rem;overflow-x:hidden;overflow-y:scroll;padding:.95rem 0;position:relative;width:15rem}.app .app-body .app-sidebar::-webkit-scrollbar{width:.2rem}.app .app-body .app-sidebar::-webkit-scrollbar{background-color:#dee2e6}.app .app-body .app-sidebar::-webkit-scrollbar-thumb{background-color:#007bff}@media (max-width: 767.99px){.app .app-body .app-sidebar{position:absolute;top:0;left:0;z-index:2050;width:0}.app .app-body .app-sidebar.sidebar-open{width:100%}}.app .app-body .app-content{position:relative;overflow:auto}.app .app-body .app-sidebar.sidebar-fade{-webkit-transition:opacity 0.3s linear,visibility 0.3s;-moz-transition:opacity 0.3s linear,visibility 0.3s;-o-transition:opacity 0.3s linear,visibility 0.3s;transition:opacity 0.3s linear,visibility 0.3s}@media (max-width: 767.99px){.app .app-body .app-sidebar.sidebar-fade{width:100%;filter:alpha(opacity=0);opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;visibility:hidden}.app .app-body .app-sidebar.sidebar-fade.sidebar-open{filter:alpha(opacity=100);opacity:1;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;visibility:visible}}.app .app-body .app-sidebar.sidebar-slide-left{-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s}.app .app-body .app-sidebar.sidebar-dark{background:#34495e}.app .app-body .app-sidebar.sidebar-dark::-webkit-scrollbar{background-color:#2f4356}.app .app-body .app-sidebar.sidebar-dark::-webkit-scrollbar-thumb{background-color:#17a2b8}.app .app-body .app-sidebar.sidebar-dark .btn-sidebar .x:before,.app .app-body .app-sidebar.sidebar-dark .btn-sidebar .x:after{background-color:#98afc6}.app .app-body .app-sidebar.sidebar-dark .sidebar-header .user-photo{background-color:#2b3c4e;border-color:#17a2b8}.app .app-body .app-sidebar.sidebar-dark .sidebar-header .username{color:#b9c9d8}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-group{background:#293a4a}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:hover{color:#17a2b8}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-link{color:#98afc6}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link{color:#dae2ea}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link.collapsed,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link.collapsed{background-color:#34495e}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link.collapsed .fa,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link.collapsed .fa{color:#98afc6}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link:hover,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:hover{background-color:#293a4a}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link .fa{color:#98afc6}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link .fa{color:#17a2b8}.app .app-body .app-sidebar.sidebar-dark .sidebar-footer a{color:#6789ab}.app .app-body .app-sidebar.sidebar-dark .sidebar-footer a:active,.app .app-body .app-sidebar.sidebar-dark .sidebar-footer a:focus,.app .app-body .app-sidebar.sidebar-dark .sidebar-footer a:hover{color:#fff}.app .app-body .app-sidebar.sidebar-light{background:#fff}.app .app-body .app-sidebar.sidebar-light::-webkit-scrollbar{background-color:#f8f9fa}.app .app-body .app-sidebar.sidebar-light::-webkit-scrollbar-thumb{background-color:#007bff}.app .app-body .app-sidebar.sidebar-light .btn-sidebar .x:before,.app .app-body .app-sidebar.sidebar-light .btn-sidebar .x:after{background-color:#bac2cb}.app .app-body .app-sidebar.sidebar-light .sidebar-header .user-photo{background-color:#f8f9fa;border-color:#ced4da}.app .app-body .app-sidebar.sidebar-light .sidebar-header .username{color:#495057}.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-group{background:#f2f2f2}.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:hover{color:#007bff}.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-link{color:#495057}.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link{color:#495057}.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link.collapsed,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link.collapsed{background-color:#fff}.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link:hover,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link[aria-expanded=true],.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:hover,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link[aria-expanded=true]{background-color:#ededed}.app .app-body .app-sidebar.sidebar-light .sidebar-footer:before{border-top:0.0625rem solid #dee2e6}.app .app-body .app-sidebar.sidebar-light .sidebar-footer a{color:#a1a8ae}.app .app-body .app-sidebar.sidebar-light .sidebar-footer a:active,.app .app-body .app-sidebar.sidebar-light .sidebar-footer a:focus,.app .app-body .app-sidebar.sidebar-light .sidebar-footer a:hover{color:#007bff}.btn-sidebar{background:transparent;font-size:1.4rem;margin-right:.3125rem}@media (min-width: 768px){.btn-sidebar{display:none}}.btn-sidebar .x{display:block;width:2rem;height:2rem}.btn-sidebar .x:before,.btn-sidebar .x:after{background-color:#ced4da;position:absolute;content:"";height:2.125rem;width:.125rem}.btn-sidebar .x:before{transform:rotate(45deg)}.btn-sidebar .x:after{transform:rotate(-45deg)}.app-sidebar .sidebar-header{padding:0 1.25rem;text-align:center}.app-sidebar .sidebar-header .user-photo{border:0.125rem solid transparent;border-radius:50%;height:4.5rem;padding:.125rem;width:4.5rem}.app-sidebar .sidebar-header .username{padding:.625rem 0;white-space:nowrap}.app-sidebar .sidebar-header .username small{display:block;padding-top:.25rem;filter:alpha(opacity=75);opacity:.75}.app-sidebar .sidebar-nav{overflow:hidden;padding:0}.app-sidebar .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link{padding:.375rem 3.75rem .625rem}.app-sidebar .sidebar-nav .sidebar-nav-link{display:block;outline:none;text-decoration:none;white-space:nowrap;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out}.app-sidebar .sidebar-nav>.sidebar-nav-link,.app-sidebar .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link{border:none;font-weight:400;padding:.95rem 1.5rem;white-space:nowrap;-webkit-transition:background-color 0.25s ease-out;-moz-transition:background-color 0.25s ease-out;-o-transition:background-color 0.25s ease-out;transition:background-color 0.25s ease-out}.app-sidebar .sidebar-nav>.sidebar-nav-link i,.app-sidebar .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link i{font-size:1rem;padding-right:1rem;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out}.app-sidebar .sidebar-footer{margin:1.5rem 0;text-align:center;white-space:nowrap}.app-sidebar .sidebar-footer a{font-size:1.4rem;outline:none;padding:0 .625rem;text-decoration:none;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out}.form-sign{width:100%;max-width:26.25rem;padding:.95rem;margin:0 auto}.form-sign hr{width:5rem}.page-sign{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;justify-content:center;padding-top:2.45rem;padding-bottom:2.45rem}label{margin-bottom:.25rem}.label-infield,.label-floating{position:relative}.label-infield label,.label-floating label{cursor:text}.label-infield>input{padding-top:1.75rem}.label-infield>label{position:absolute;top:0;left:0;color:#868e96;display:block;font-size:.95rem;line-height:1.5;margin-bottom:0;padding:.5rem .75rem;width:100%}.label-floating>input,.label-floating>label{padding:.75rem .75rem}.label-floating>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#868e96;border:.0625rem solid transparent;border-radius:.25rem;transition:all .1s ease-in-out}.label-floating input::-webkit-input-placeholder{color:transparent}.label-floating input:-moz-placeholder{color:transparent;filter:alpha(opacity=100);opacity:1}.label-floating input::-moz-placeholder{color:transparent;filter:alpha(opacity=100);opacity:1}.label-floating input:-ms-input-placeholder{color:transparent}.label-floating input::-ms-input-placeholder{color:transparent}.label-floating input:not(:placeholder-shown){padding-top:calc(.75rem + .75rem * (2 / 3));padding-bottom:calc(.75rem / 3)}.label-floating input:not(:placeholder-shown) ~ label{padding-top:calc(.75rem / 3);padding-bottom:calc(.75rem / 3);font-size:.75rem;color:#868e96}.callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:.0625rem solid #eee;border-left-width:.25rem;border-radius:.25rem}.callout h4{margin-top:0;margin-bottom:.25rem}.callout ul:last-child,.callout ol:last-child,.callout p:last-child{margin-bottom:0}.callout code{border-radius:.25rem}.callout+.callout{margin-top:-.25rem}.callout.callout-info{border-left-color:#5bc0de}.callout.callout-info h4{color:#5bc0de}.callout.callout-warning{border-left-color:#f0ad4e}.callout.callout-warning h4{color:#f0ad4e}.callout.callout-danger{border-left-color:#d9534f}.callout.callout-danger h4{color:#d9534f}label.checkbox{align-items:center;display:inline-flex;margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.checkbox input[type=checkbox]{position:absolute;filter:alpha(opacity=0);opacity:0}label.checkbox input[type=checkbox],label.checkbox input[type=checkbox]:after,label.checkbox input[type=checkbox]:before,label.checkbox input[type=checkbox] *,label.checkbox input[type=checkbox] *:after,label.checkbox input[type=checkbox] *:before,label.checkbox input[type=checkbox]+span{box-sizing:border-box}label.checkbox input[type=checkbox]::selection,label.checkbox input[type=checkbox]:after::selection,label.checkbox input[type=checkbox]:before::selection,label.checkbox input[type=checkbox] *::selection,label.checkbox input[type=checkbox] *:after::selection,label.checkbox input[type=checkbox] *:before::selection,label.checkbox input[type=checkbox]+span::selection{background:none}label.checkbox input[type=checkbox]+.check-mark{background-color:#fff;border:0.0625rem solid #adb5bd;cursor:pointer;height:1.25rem;width:1.25rem;margin-right:.625rem;position:relative;-webkit-border-radius:.3125rem;-moz-border-radius:.3125rem;border-radius:.3125rem;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}label.checkbox input[type=checkbox]+.check-mark:after{content:"";position:absolute;display:none;left:.375rem;top:.1875rem;width:.375rem;height:.625rem;border:solid #fff;border-width:0 .125rem .125rem 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}label.checkbox input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25);box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25)}label.checkbox input[type=checkbox]:checked+.check-mark{background:#adb5bd}label.checkbox input[type=checkbox]:checked+.check-mark:after{display:block}label.checkbox input[type=checkbox]:disabled+.check-mark{cursor:not-allowed}label.checkbox.checkbox-sm{font-size:.8rem}label.checkbox.checkbox-sm input[type=checkbox]+.check-mark{height:1.05rem;width:1.05rem}label.checkbox.checkbox-sm input[type=checkbox]+.check-mark:after{left:.3125rem;top:.125rem;width:.3125rem;height:.55rem}label.checkbox.checkbox-lg{font-size:1.05rem}label.checkbox.checkbox-lg input[type=checkbox]+.check-mark{height:1.6rem;width:1.6rem}label.checkbox.checkbox-lg input[type=checkbox]+.check-mark:after{left:.5rem;top:.25rem;width:.4375rem;height:.75rem;border-width:0 .1875rem .1875rem 0}label.checkbox-danger input[type=checkbox]+.check-mark{border-color:#dc3545}label.checkbox-danger input[type=checkbox]:checked+.check-mark{background:#dc3545}label.checkbox-danger input[type=checkbox]:checked:disabled+.check-mark{background:#eb8c95;border-color:#eb8c95}label.checkbox-danger input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}label.checkbox-info input[type=checkbox]+.check-mark{border-color:#17a2b8}label.checkbox-info input[type=checkbox]:checked+.check-mark{background:#17a2b8}label.checkbox-info input[type=checkbox]:checked:disabled+.check-mark{background:#4cd3e9;border-color:#4cd3e9}label.checkbox-info input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25)}label.checkbox-primary input[type=checkbox]+.check-mark{border-color:#007bff}label.checkbox-primary input[type=checkbox]:checked+.check-mark{background:#007bff}label.checkbox-primary input[type=checkbox]:checked:disabled+.check-mark{background:#66b0ff;border-color:#66b0ff}label.checkbox-primary input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}label.checkbox-success input[type=checkbox]+.check-mark{border-color:#28a745}label.checkbox-success input[type=checkbox]:checked+.check-mark{background:#28a745}label.checkbox-success input[type=checkbox]:checked:disabled+.check-mark{background:#5dd879;border-color:#5dd879}label.checkbox-success input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}label.checkbox-warning input[type=checkbox]+.check-mark{border-color:#ffc107}label.checkbox-warning input[type=checkbox]:checked+.check-mark{background:#ffc107}label.checkbox-warning input[type=checkbox]:checked:disabled+.check-mark{background:#ffdb6d;border-color:#ffdb6d}label.checkbox-warning input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}.form-group.has-error label{color:#dc3545}.form-group.has-error .form-control{border:0.0625rem solid #dc3545}.form-group.has-error .form-control:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.input-group.as-input{cursor:text;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;-webkit-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-moz-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-o-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.input-group.as-input .form-control{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.input-group.as-input .input-group-prepend>.input-group-text,.input-group.as-input .input-group-append>.input-group-text{background-color:#fff}.input-group.as-input.prepend .form-control{border-left:none}.input-group.as-input.prepend .input-group-prepend>.input-group-text{border-right:none}.input-group.as-input.append .form-control{border-right:none}.input-group.as-input.append .input-group-append>.input-group-text{border-left:none}.input-group.as-input.is-invalid .form-control,.input-group.as-input.is-invalid .input-group-prepend>.input-group-text,.input-group.as-input.is-invalid .input-group-append>.input-group-text{border-color:#dc3545}.input-group.as-input.is-valid .form-control,.input-group.as-input.is-valid .input-group-prepend>.input-group-text,.input-group.as-input.is-valid .input-group-append>.input-group-text{border-color:#28a745}.input-group.as-input.focus{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.input-group.as-input.focus .form-control,.input-group.as-input.focus .input-group-prepend>.input-group-text,.input-group.as-input.focus .input-group-append>.input-group-text{border-color:#80bdff}.input-group.as-input.focus.is-invalid{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.input-group.as-input.focus.is-invalid .form-control,.input-group.as-input.focus.is-invalid .input-group-prepend>.input-group-text,.input-group.as-input.focus.is-invalid .input-group-append>.input-group-text{border-color:#dc3545}.input-group.as-input.focus.is-valid{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}.input-group.as-input.focus.is-valid .form-control,.input-group.as-input.focus.is-valid .input-group-prepend>.input-group-text,.input-group.as-input.focus.is-valid .input-group-append>.input-group-text{border-color:#28a745}.input-group.as-input.disabled .form-control,.input-group.as-input.disabled .input-group-prepend>.input-group-text,.input-group.as-input.disabled .input-group-append>.input-group-text,.input-group.as-input.readonly .form-control,.input-group.as-input.readonly .input-group-prepend>.input-group-text,.input-group.as-input.readonly .input-group-append>.input-group-text{background:#e9ecef}.input-suggestion{position:relative;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem}.input-suggestion .input-suggestion-list{background-color:#fff;border-bottom:0.0625rem solid #007bff;border-left:0.0625rem solid #007bff;border-right:0.0625rem solid #007bff;display:none;position:absolute;width:100%;z-index:1050;-webkit-border-bottom-left-radius:.31rem;-webkit-border-bottom-right-radius:.31rem;-moz-border-bottom-left-radius:.31rem;-moz-border-bottom-right-radius:.31rem;border-bottom-left-radius:.31rem;border-bottom-right-radius:.31rem}.input-suggestion .input-suggestion-list .list-group .list-group-item{border:none;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-top-left-radius:0;-moz-border-top-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.input-suggestion.open{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.input-suggestion.open input{-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-bottom-left-radius:0;-moz-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.input-suggestion.open input,.input-suggestion.open .input-suggestion-list{background-color:#fff;border-color:#80bdff;color:#495057;display:block;-webkit-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-moz-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-o-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}label.radio{align-items:center;display:inline-flex;margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.radio input[type=radio],label.radio input[type=checkbox]{position:absolute;filter:alpha(opacity=0);opacity:0}label.radio input[type=radio],label.radio input[type=radio]:after,label.radio input[type=radio]:before,label.radio input[type=radio] *,label.radio input[type=radio] *:after,label.radio input[type=radio] *:before,label.radio input[type=radio]+span,label.radio input[type=checkbox],label.radio input[type=checkbox]:after,label.radio input[type=checkbox]:before,label.radio input[type=checkbox] *,label.radio input[type=checkbox] *:after,label.radio input[type=checkbox] *:before,label.radio input[type=checkbox]+span{box-sizing:border-box}label.radio input[type=radio]::selection,label.radio input[type=radio]:after::selection,label.radio input[type=radio]:before::selection,label.radio input[type=radio] *::selection,label.radio input[type=radio] *:after::selection,label.radio input[type=radio] *:before::selection,label.radio input[type=radio]+span::selection,label.radio input[type=checkbox]::selection,label.radio input[type=checkbox]:after::selection,label.radio input[type=checkbox]:before::selection,label.radio input[type=checkbox] *::selection,label.radio input[type=checkbox] *:after::selection,label.radio input[type=checkbox] *:before::selection,label.radio input[type=checkbox]+span::selection{background:none}label.radio input[type=radio]+.check-mark,label.radio input[type=checkbox]+.check-mark{background-color:#fff;border:0.0625rem solid #adb5bd;cursor:pointer;height:1.125rem;width:1.125rem;margin-right:.625rem;position:relative;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}label.radio input[type=radio]+.check-mark:after,label.radio input[type=checkbox]+.check-mark:after{background:#868e96;border:0.125rem solid #fff;content:"";position:absolute;width:1rem;height:1rem;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}label.radio input[type=radio]:focus+.check-mark,label.radio input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25);box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25)}label.radio input[type=radio]:checked+.check-mark:after,label.radio input[type=checkbox]:checked+.check-mark:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}label.radio input[type=radio]:not(:checked)+.check-mark:after,label.radio input[type=checkbox]:not(:checked)+.check-mark:after{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}label.radio input[type=radio]:disabled+.check-mark,label.radio input[type=checkbox]:disabled+.check-mark{color:#606a73;cursor:not-allowed}label.radio input[type=radio]:disabled+.check-mark:before,label.radio input[type=checkbox]:disabled+.check-mark:before{border-color:#bbc2c8}label.radio input[type=radio]:disabled+.check-mark:after,label.radio input[type=checkbox]:disabled+.check-mark:after{background:#a1a8ae}label.radio.radio-sm{font-size:.875rem}label.radio.radio-sm input[type=radio]+.check-mark,label.radio.radio-sm input[type=checkbox]+.check-mark{margin-right:.5rem;width:.95rem;height:.95rem}label.radio.radio-sm input[type=radio]+.check-mark:after,label.radio.radio-sm input[type=checkbox]+.check-mark:after{width:.8rem;height:.8rem}label.radio.radio-lg{font-size:1.125rem}label.radio.radio-lg input[type=radio]+.check-mark,label.radio.radio-lg input[type=checkbox]+.check-mark{width:1.4rem;height:1.4rem}label.radio.radio-lg input[type=radio]+.check-mark:after,label.radio.radio-lg input[type=checkbox]+.check-mark:after{border-width:.1875rem;width:1.25rem;height:1.25rem}label.radio-danger input[type=radio]+.check-mark,label.radio-danger input[type=checkbox]+.check-mark{border-color:#dc3545}label.radio-danger input[type=radio]+.check-mark:after,label.radio-danger input[type=checkbox]+.check-mark:after{background:#dc3545}label.radio-danger input[type=radio]:disabled+.check-mark,label.radio-danger input[type=checkbox]:disabled+.check-mark{border-color:#eb8c95}label.radio-danger input[type=radio]:disabled+.check-mark:after,label.radio-danger input[type=checkbox]:disabled+.check-mark:after{background:#eb8c95}label.radio-danger input[type=radio]:focus+.check-mark,label.radio-danger input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}label.radio-info input[type=radio]+.check-mark,label.radio-info input[type=checkbox]+.check-mark{border-color:#17a2b8}label.radio-info input[type=radio]+.check-mark:after,label.radio-info input[type=checkbox]+.check-mark:after{background:#17a2b8}label.radio-info input[type=radio]:disabled+.check-mark,label.radio-info input[type=checkbox]:disabled+.check-mark{border-color:#4cd3e9}label.radio-info input[type=radio]:disabled+.check-mark:after,label.radio-info input[type=checkbox]:disabled+.check-mark:after{background:#4cd3e9}label.radio-info input[type=radio]:focus+.check-mark,label.radio-info input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25)}label.radio-primary input[type=radio]+.check-mark,label.radio-primary input[type=checkbox]+.check-mark{border-color:#007bff}label.radio-primary input[type=radio]+.check-mark:after,label.radio-primary input[type=checkbox]+.check-mark:after{background:#007bff}label.radio-primary input[type=radio]:disabled+.check-mark,label.radio-primary input[type=checkbox]:disabled+.check-mark{border-color:#66b0ff}label.radio-primary input[type=radio]:disabled+.check-mark:after,label.radio-primary input[type=checkbox]:disabled+.check-mark:after{background:#66b0ff}label.radio-primary input[type=radio]:focus+.check-mark,label.radio-primary input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}label.radio-success input[type=radio]+.check-mark,label.radio-success input[type=checkbox]+.check-mark{border-color:#28a745}label.radio-success input[type=radio]+.check-mark:after,label.radio-success input[type=checkbox]+.check-mark:after{background:#28a745}label.radio-success input[type=radio]:disabled+.check-mark,label.radio-success input[type=checkbox]:disabled+.check-mark{border-color:#5dd879}label.radio-success input[type=radio]:disabled+.check-mark:after,label.radio-success input[type=checkbox]:disabled+.check-mark:after{background:#5dd879}label.radio-success input[type=radio]:focus+.check-mark,label.radio-success input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}label.radio-warning input[type=radio]+.check-mark,label.radio-warning input[type=checkbox]+.check-mark{border-color:#ffc107}label.radio-warning input[type=radio]+.check-mark:after,label.radio-warning input[type=checkbox]+.check-mark:after{background:#ffc107}label.radio-warning input[type=radio]:disabled+.check-mark,label.radio-warning input[type=checkbox]:disabled+.check-mark{border-color:#ffdb6d}label.radio-warning input[type=radio]:disabled+.check-mark:after,label.radio-warning input[type=checkbox]:disabled+.check-mark:after{background:#ffdb6d}label.radio-warning input[type=radio]:focus+.check-mark,label.radio-warning input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.spinner{display:inline-block;text-align:center}.spinner .spinner-bar{position:relative;width:3rem;height:3rem;border-radius:50%;border:.25rem solid transparent;border-top-color:#2980b9;border-left-color:#2980b9;border-right-color:#2980b9;-webkit-animation:spinner 1s linear infinite;-moz-animation:spinner 1s linear infinite;-o-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite}.spinner .spinner-text{position:relative;font-size:.875rem}.spinner.spinner-block{position:fixed;background:rgba(255,255,255,0.75);top:0;left:0;width:100%;height:100%;z-index:3050;filter:alpha(opacity=0);opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.spinner.spinner-block .spinner-bar{left:50%;top:50%;margin:-2rem 0 0 -2rem;border-radius:50%;border:.25rem solid transparent;border-top-color:#2980b9;border-left-color:#2980b9;border-right-color:#2980b9;-webkit-animation:spinner 1s linear infinite;-moz-animation:spinner 1s linear infinite;-o-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite}.spinner.spinner-block .spinner-text{padding:.25rem 0;text-align:center;top:50%}.spinner.spinner-block.show{filter:alpha(opacity=100);opacity:1;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;visibility:visible}.spinner.spinner-sm .spinner-bar{width:2.25rem;height:2.25rem}.spinner.spinner-sm .spinner-text{font-size:.8rem}.spinner.spinner-lg .spinner-bar{width:3.75rem;height:3.75rem}.spinner.spinner-lg .spinner-text{font-size:.95rem}label.switch{align-items:center;cursor:pointer;display:inline-flex;margin-bottom:0;position:relative;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem}label.switch input[type=checkbox]{position:absolute;filter:alpha(opacity=0);opacity:0}label.switch input[type=checkbox],label.switch input[type=checkbox]:after,label.switch input[type=checkbox]:before,label.switch input[type=checkbox] *,label.switch input[type=checkbox] *:after,label.switch input[type=checkbox] *:before,label.switch input[type=checkbox]+span{box-sizing:border-box}label.switch input[type=checkbox]::selection,label.switch input[type=checkbox]:after::selection,label.switch input[type=checkbox]:before::selection,label.switch input[type=checkbox] *::selection,label.switch input[type=checkbox] *:after::selection,label.switch input[type=checkbox] *:before::selection,label.switch input[type=checkbox]+span::selection{background:none}label.switch input[type=checkbox]+.switch-slider{background:#ced4da;border-radius:2rem;display:block;height:2rem;outline:0;padding:.125rem;position:relative;width:4rem;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.switch input[type=checkbox]+.switch-slider:before,label.switch input[type=checkbox]+.switch-slider:after{position:relative;display:block;content:"";width:50%;height:100%}label.switch input[type=checkbox]+.switch-slider:before{display:none}label.switch input[type=checkbox]+.switch-slider:after{left:0;background:#fff;border-radius:50%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}label.switch input[type=checkbox]:checked+.switch-slider:after{left:50%}label.switch input[type=checkbox]:disabled+.switch-slider{background:#dde1e5;cursor:not-allowed}label.switch input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(206,212,218,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(206,212,218,0.25);box-shadow:0 0 0 0.2rem rgba(206,212,218,0.25)}label.switch.switch-sm{font-size:.875rem}label.switch.switch-sm input[type=checkbox]+.switch-slider{border-radius:1.5rem;height:1.5rem;width:2.75rem}label.switch.switch-lg{font-size:1.125rem}label.switch.switch-lg input[type=checkbox]+.switch-slider{border-radius:2.5rem;height:2.5rem;width:5rem}label.switch-danger input[type=checkbox]+.switch-slider{background:#dc3545}label.switch-danger input[type=checkbox]:disabled+.switch-slider{background:#eb8c95}label.switch-danger input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}label.switch-info input[type=checkbox]+.switch-slider{background:#17a2b8}label.switch-info input[type=checkbox]:disabled+.switch-slider{background:#4cd3e9}label.switch-info input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25)}label.switch-primary input[type=checkbox]+.switch-slider{background:#007bff}label.switch-primary input[type=checkbox]:disabled+.switch-slider{background:#66b0ff}label.switch-primary input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}label.switch-success input[type=checkbox]+.switch-slider{background:#28a745}label.switch-success input[type=checkbox]:disabled+.switch-slider{background:#5dd879}label.switch-success input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}label.switch-warning input[type=checkbox]+.switch-slider{background:#ffc107}label.switch-warning input[type=checkbox]:disabled+.switch-slider{background:#ffdb6d}label.switch-warning input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}label.switch-to-danger input[type=checkbox]:checked+.switch-slider{background:#dc3545}label.switch-to-danger input[type=checkbox]:checked:disabled+.switch-slider{background:#eb8c95}label.switch-to-danger input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}label.switch-to-info input[type=checkbox]:checked+.switch-slider{background:#17a2b8}label.switch-to-info input[type=checkbox]:checked:disabled+.switch-slider{background:#4cd3e9}label.switch-to-info input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25)}label.switch-to-primary input[type=checkbox]:checked+.switch-slider{background:#007bff}label.switch-to-primary input[type=checkbox]:checked:disabled+.switch-slider{background:#66b0ff}label.switch-to-primary input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}label.switch-to-success input[type=checkbox]:checked+.switch-slider{background:#28a745}label.switch-to-success input[type=checkbox]:checked:disabled+.switch-slider{background:#5dd879}label.switch-to-success input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}label.switch-to-warning input[type=checkbox]:checked+.switch-slider{background:#ffc107}label.switch-to-warning input[type=checkbox]:checked:disabled+.switch-slider{background:#ffdb6d}label.switch-to-warning input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}
+html,body{background:#f8f9fa;width:100%;height:100%}body{font-family:'Open Sans', sans-serif;font-size:1rem}.app,.app-sidebar,.app-content{height:100%}.app{position:relative;width:100%}.app:before{content:"";height:100%;float:left}.app:after{content:"";clear:both;display:block}.app .app-body{position:absolute;width:100%;height:100%}.app .app-body .app-sidebar{background:#fff;float:left;font-size:0.95rem;overflow-x:hidden;overflow-y:scroll;padding:.95rem 0;position:relative;width:15rem}.app .app-body .app-sidebar::-webkit-scrollbar{background-color:#dee2e6;width:.2rem}.app .app-body .app-sidebar::-webkit-scrollbar-thumb{background-color:#007bff}@media (max-width: 767.99px){.app .app-body .app-sidebar{position:absolute;top:0;left:0;z-index:2050;width:0}.app .app-body .app-sidebar.sidebar-open{width:100%}}.app .app-body .app-content{position:relative;overflow:auto}.app .app-body .app-sidebar.sidebar-fade{-webkit-transition:opacity 0.3s linear,visibility 0.3s;-moz-transition:opacity 0.3s linear,visibility 0.3s;-o-transition:opacity 0.3s linear,visibility 0.3s;transition:opacity 0.3s linear,visibility 0.3s}@media (max-width: 767.99px){.app .app-body .app-sidebar.sidebar-fade{width:100%;filter:alpha(opacity=0);opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;visibility:hidden}.app .app-body .app-sidebar.sidebar-fade.sidebar-open{filter:alpha(opacity=100);opacity:1;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;visibility:visible}}.app .app-body .app-sidebar.sidebar-slide-left{-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s}.app .app-body .app-sidebar.sidebar-dark{background:#34495e}.app .app-body .app-sidebar.sidebar-dark::-webkit-scrollbar{background-color:#2f4356}.app .app-body .app-sidebar.sidebar-dark::-webkit-scrollbar-thumb{background-color:#17a2b8}.app .app-body .app-sidebar.sidebar-dark .btn-sidebar .x:before,.app .app-body .app-sidebar.sidebar-dark .btn-sidebar .x:after{background-color:#98afc6}.app .app-body .app-sidebar.sidebar-dark .sidebar-header .user-photo{background-color:#2b3c4e;border-color:#17a2b8}.app .app-body .app-sidebar.sidebar-dark .sidebar-header .username{color:#b9c9d8}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-group{background:#293a4a}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:hover{color:#17a2b8}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav .sidebar-nav-link{color:#98afc6}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link{color:#dae2ea}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link.collapsed,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link.collapsed{background-color:#34495e}.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link:hover,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-link[aria-expanded=true],.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:hover,.app .app-body .app-sidebar.sidebar-dark .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link[aria-expanded=true]{background-color:#293a4a}.app .app-body .app-sidebar.sidebar-dark .sidebar-footer a{color:#6789ab}.app .app-body .app-sidebar.sidebar-dark .sidebar-footer a:active,.app .app-body .app-sidebar.sidebar-dark .sidebar-footer a:focus,.app .app-body .app-sidebar.sidebar-dark .sidebar-footer a:hover{color:#fff}.app .app-body .app-sidebar.sidebar-light{background:#fff}.app .app-body .app-sidebar.sidebar-light::-webkit-scrollbar{background-color:#f8f9fa}.app .app-body .app-sidebar.sidebar-light::-webkit-scrollbar-thumb{background-color:#007bff}.app .app-body .app-sidebar.sidebar-light .btn-sidebar .x:before,.app .app-body .app-sidebar.sidebar-light .btn-sidebar .x:after{background-color:#bac2cb}.app .app-body .app-sidebar.sidebar-light .sidebar-header .user-photo{background-color:#f8f9fa;border-color:#ced4da}.app .app-body .app-sidebar.sidebar-light .sidebar-header .username{color:#495057}.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-group{background:#f2f2f2}.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link:hover{color:#007bff}.app .app-body .app-sidebar.sidebar-light .sidebar-nav .sidebar-nav-link{color:#606a73}.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link{color:#495057}.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link.collapsed,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link.collapsed{background-color:#fff}.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link:hover,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-link[aria-expanded=true],.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:active,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:focus,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link:hover,.app .app-body .app-sidebar.sidebar-light .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link[aria-expanded=true]{background-color:#ededed}.app .app-body .app-sidebar.sidebar-light .sidebar-footer a{color:#a1a8ae}.app .app-body .app-sidebar.sidebar-light .sidebar-footer a:active,.app .app-body .app-sidebar.sidebar-light .sidebar-footer a:focus,.app .app-body .app-sidebar.sidebar-light .sidebar-footer a:hover{color:#007bff}.btn-sidebar{background:transparent;font-size:1.4rem;margin-right:.3125rem}@media (min-width: 768px){.btn-sidebar{display:none}}.btn-sidebar .x{display:block;width:2rem;height:2rem}.btn-sidebar .x:before,.btn-sidebar .x:after{background-color:#ced4da;position:absolute;content:"";height:2.125rem;width:.125rem}.btn-sidebar .x:before{transform:rotate(45deg)}.btn-sidebar .x:after{transform:rotate(-45deg)}.app-sidebar .sidebar-header{padding:0 1.25rem;text-align:center}.app-sidebar .sidebar-header .user-photo{border:0.125rem solid transparent;height:4.5rem;padding:.125rem;width:4.5rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.app-sidebar .sidebar-header .username{padding:.625rem 0;white-space:nowrap}.app-sidebar .sidebar-header .username small{display:block;padding-top:.25rem;filter:alpha(opacity=75);opacity:.75}.app-sidebar .sidebar-nav{overflow:hidden;padding:0}.app-sidebar .sidebar-nav .sidebar-nav-group .sidebar-nav-group .sidebar-nav-link{padding:.375rem 3.75rem .625rem}.app-sidebar .sidebar-nav .sidebar-nav-link{display:block;outline:none;text-decoration:none;white-space:nowrap;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out}.app-sidebar .sidebar-nav>.sidebar-nav-link,.app-sidebar .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link{border:none;font-weight:400;padding:.95rem 1.5rem;white-space:nowrap;-webkit-transition:background-color 0.25s ease-out;-moz-transition:background-color 0.25s ease-out;-o-transition:background-color 0.25s ease-out;transition:background-color 0.25s ease-out}.app-sidebar .sidebar-nav>.sidebar-nav-link i,.app-sidebar .sidebar-nav>.sidebar-nav-group>.sidebar-nav-link i{font-size:1rem;padding-right:1rem;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out}.app-sidebar .sidebar-footer{margin:1.5rem 0;text-align:center;white-space:nowrap}.app-sidebar .sidebar-footer a{font-size:1.4rem;outline:none;padding:0 .625rem;text-decoration:none;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out}.form-sign{width:100%;max-width:26.25rem;padding:.95rem;margin:0 auto}.form-sign hr{width:5rem}.page-sign{justify-content:center;padding-top:2.45rem;padding-bottom:2.45rem;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}label{margin-bottom:.25rem}.label-infield,.label-floating{position:relative}.label-infield label,.label-floating label{cursor:text}.label-infield>input{padding-top:1.75rem}.label-infield>label{position:absolute;top:0;left:0;color:#868e96;display:block;font-size:.95rem;line-height:1.5;margin-bottom:0;padding:.5rem .75rem;width:100%}.label-floating>input,.label-floating>label{padding:.75rem .75rem}.label-floating>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#868e96;border:.0625rem solid transparent;transition:all .1s ease-in-out;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem}.label-floating input::-webkit-input-placeholder{color:transparent}.label-floating input:-moz-placeholder{color:transparent;filter:alpha(opacity=100);opacity:1}.label-floating input::-moz-placeholder{color:transparent;filter:alpha(opacity=100);opacity:1}.label-floating input:-ms-input-placeholder{color:transparent}.label-floating input::-ms-input-placeholder{color:transparent}.label-floating input:not(:placeholder-shown){padding-top:calc(.75rem + .75rem * (2 / 3));padding-bottom:calc(.75rem / 3)}.label-floating input:not(:placeholder-shown) ~ label{padding-top:calc(.75rem / 3);padding-bottom:calc(.75rem / 3);font-size:.75rem;color:#868e96}.callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:.0625rem solid #eee;border-left-width:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem}.callout h4{margin-top:0;margin-bottom:.25rem}.callout ul:last-child,.callout ol:last-child,.callout p:last-child{margin-bottom:0}.callout code{-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem}.callout+.callout{margin-top:-.25rem}.callout.callout-info{border-left-color:#5bc0de}.callout.callout-info h4{color:#5bc0de}.callout.callout-warning{border-left-color:#f0ad4e}.callout.callout-warning h4{color:#f0ad4e}.callout.callout-danger{border-left-color:#d9534f}.callout.callout-danger h4{color:#d9534f}label.checkbox{margin-bottom:0;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.checkbox input[type=checkbox]{position:absolute;filter:alpha(opacity=0);opacity:0}label.checkbox input[type=checkbox],label.checkbox input[type=checkbox]:after,label.checkbox input[type=checkbox]:before,label.checkbox input[type=checkbox] *,label.checkbox input[type=checkbox] *:after,label.checkbox input[type=checkbox] *:before,label.checkbox input[type=checkbox]+span{box-sizing:border-box}label.checkbox input[type=checkbox]::selection,label.checkbox input[type=checkbox]:after::selection,label.checkbox input[type=checkbox]:before::selection,label.checkbox input[type=checkbox] *::selection,label.checkbox input[type=checkbox] *:after::selection,label.checkbox input[type=checkbox] *:before::selection,label.checkbox input[type=checkbox]+span::selection{background:none}label.checkbox input[type=checkbox]+.check-mark{background-color:#fff;border:0.0625rem solid #adb5bd;cursor:pointer;height:1.25rem;width:1.25rem;margin-right:.625rem;position:relative;-webkit-border-radius:.3125rem;-moz-border-radius:.3125rem;border-radius:.3125rem;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}label.checkbox input[type=checkbox]+.check-mark:after{content:"";position:absolute;display:none;left:.375rem;top:.1875rem;width:.375rem;height:.625rem;border:solid #fff;border-width:0 .125rem .125rem 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}label.checkbox input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25);box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25)}label.checkbox input[type=checkbox]:checked+.check-mark{background:#adb5bd}label.checkbox input[type=checkbox]:checked+.check-mark:after{display:block}label.checkbox input[type=checkbox]:disabled+.check-mark{cursor:not-allowed}label.checkbox.checkbox-sm{font-size:.8rem}label.checkbox.checkbox-sm input[type=checkbox]+.check-mark{height:1.05rem;width:1.05rem}label.checkbox.checkbox-sm input[type=checkbox]+.check-mark:after{left:.3125rem;top:.125rem;width:.3125rem;height:.55rem}label.checkbox.checkbox-lg{font-size:1.05rem}label.checkbox.checkbox-lg input[type=checkbox]+.check-mark{height:1.6rem;width:1.6rem}label.checkbox.checkbox-lg input[type=checkbox]+.check-mark:after{left:.5rem;top:.25rem;width:.4375rem;height:.75rem;border-width:0 .1875rem .1875rem 0}label.checkbox-danger input[type=checkbox]+.check-mark{border-color:#dc3545}label.checkbox-danger input[type=checkbox]:checked+.check-mark{background:#dc3545}label.checkbox-danger input[type=checkbox]:checked:disabled+.check-mark{background:#eb8c95;border-color:#eb8c95}label.checkbox-danger input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}label.checkbox-info input[type=checkbox]+.check-mark{border-color:#17a2b8}label.checkbox-info input[type=checkbox]:checked+.check-mark{background:#17a2b8}label.checkbox-info input[type=checkbox]:checked:disabled+.check-mark{background:#4cd3e9;border-color:#4cd3e9}label.checkbox-info input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25)}label.checkbox-primary input[type=checkbox]+.check-mark{border-color:#007bff}label.checkbox-primary input[type=checkbox]:checked+.check-mark{background:#007bff}label.checkbox-primary input[type=checkbox]:checked:disabled+.check-mark{background:#66b0ff;border-color:#66b0ff}label.checkbox-primary input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}label.checkbox-success input[type=checkbox]+.check-mark{border-color:#28a745}label.checkbox-success input[type=checkbox]:checked+.check-mark{background:#28a745}label.checkbox-success input[type=checkbox]:checked:disabled+.check-mark{background:#5dd879;border-color:#5dd879}label.checkbox-success input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}label.checkbox-warning input[type=checkbox]+.check-mark{border-color:#ffc107}label.checkbox-warning input[type=checkbox]:checked+.check-mark{background:#ffc107}label.checkbox-warning input[type=checkbox]:checked:disabled+.check-mark{background:#ffdb6d;border-color:#ffdb6d}label.checkbox-warning input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}.form-group.has-error label{color:#dc3545}.form-group.has-error .form-control{border:0.0625rem solid #dc3545}.form-group.has-error .form-control:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.input-group.as-input{cursor:text;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;-webkit-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-moz-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-o-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.input-group.as-input .form-control{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.input-group.as-input .input-group-prepend>.input-group-text,.input-group.as-input .input-group-append>.input-group-text{background-color:#fff}.input-group.as-input.prepend .form-control{border-left:none}.input-group.as-input.prepend .input-group-prepend>.input-group-text{border-right:none}.input-group.as-input.append .form-control{border-right:none}.input-group.as-input.append .input-group-append>.input-group-text{border-left:none}.input-group.as-input.is-invalid .form-control,.input-group.as-input.is-invalid .input-group-prepend>.input-group-text,.input-group.as-input.is-invalid .input-group-append>.input-group-text{border-color:#dc3545}.input-group.as-input.is-valid .form-control,.input-group.as-input.is-valid .input-group-prepend>.input-group-text,.input-group.as-input.is-valid .input-group-append>.input-group-text{border-color:#28a745}.input-group.as-input.focus{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.input-group.as-input.focus .form-control,.input-group.as-input.focus .input-group-prepend>.input-group-text,.input-group.as-input.focus .input-group-append>.input-group-text{border-color:#80bdff}.input-group.as-input.focus.is-invalid{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.input-group.as-input.focus.is-invalid .form-control,.input-group.as-input.focus.is-invalid .input-group-prepend>.input-group-text,.input-group.as-input.focus.is-invalid .input-group-append>.input-group-text{border-color:#dc3545}.input-group.as-input.focus.is-valid{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}.input-group.as-input.focus.is-valid .form-control,.input-group.as-input.focus.is-valid .input-group-prepend>.input-group-text,.input-group.as-input.focus.is-valid .input-group-append>.input-group-text{border-color:#28a745}.input-group.as-input.disabled .form-control,.input-group.as-input.disabled .input-group-prepend>.input-group-text,.input-group.as-input.disabled .input-group-append>.input-group-text,.input-group.as-input.readonly .form-control,.input-group.as-input.readonly .input-group-prepend>.input-group-text,.input-group.as-input.readonly .input-group-append>.input-group-text{background:#e9ecef}.input-suggestion{position:relative;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem}.input-suggestion .input-suggestion-list{background-color:#fff;border-bottom:0.0625rem solid #007bff;border-left:0.0625rem solid #007bff;border-right:0.0625rem solid #007bff;display:none;position:absolute;width:100%;z-index:1050;-webkit-border-bottom-left-radius:.31rem;-webkit-border-bottom-right-radius:.31rem;-moz-border-bottom-left-radius:.31rem;-moz-border-bottom-right-radius:.31rem;border-bottom-left-radius:.31rem;border-bottom-right-radius:.31rem}.input-suggestion .input-suggestion-list .list-group .list-group-item{border:none;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-top-left-radius:0;-moz-border-top-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.input-suggestion.open{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.input-suggestion.open input{-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-bottom-left-radius:0;-moz-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.input-suggestion.open input,.input-suggestion.open .input-suggestion-list{background-color:#fff;border-color:#80bdff;color:#495057;display:block;-webkit-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-moz-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-o-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}label.radio{margin-bottom:0;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.radio input[type=radio],label.radio input[type=checkbox]{position:absolute;filter:alpha(opacity=0);opacity:0}label.radio input[type=radio],label.radio input[type=radio]:after,label.radio input[type=radio]:before,label.radio input[type=radio] *,label.radio input[type=radio] *:after,label.radio input[type=radio] *:before,label.radio input[type=radio]+span,label.radio input[type=checkbox],label.radio input[type=checkbox]:after,label.radio input[type=checkbox]:before,label.radio input[type=checkbox] *,label.radio input[type=checkbox] *:after,label.radio input[type=checkbox] *:before,label.radio input[type=checkbox]+span{box-sizing:border-box}label.radio input[type=radio]::selection,label.radio input[type=radio]:after::selection,label.radio input[type=radio]:before::selection,label.radio input[type=radio] *::selection,label.radio input[type=radio] *:after::selection,label.radio input[type=radio] *:before::selection,label.radio input[type=radio]+span::selection,label.radio input[type=checkbox]::selection,label.radio input[type=checkbox]:after::selection,label.radio input[type=checkbox]:before::selection,label.radio input[type=checkbox] *::selection,label.radio input[type=checkbox] *:after::selection,label.radio input[type=checkbox] *:before::selection,label.radio input[type=checkbox]+span::selection{background:none}label.radio input[type=radio]+.check-mark,label.radio input[type=checkbox]+.check-mark{background-color:#fff;border:0.0625rem solid #adb5bd;cursor:pointer;height:1.125rem;width:1.125rem;margin-right:.625rem;position:relative;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}label.radio input[type=radio]+.check-mark:after,label.radio input[type=checkbox]+.check-mark:after{background:#868e96;border:0.125rem solid #fff;content:"";position:absolute;width:1rem;height:1rem;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}label.radio input[type=radio]:focus+.check-mark,label.radio input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25);box-shadow:0 0 0 0.2rem rgba(173,181,189,0.25)}label.radio input[type=radio]:checked+.check-mark:after,label.radio input[type=checkbox]:checked+.check-mark:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}label.radio input[type=radio]:not(:checked)+.check-mark:after,label.radio input[type=checkbox]:not(:checked)+.check-mark:after{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}label.radio input[type=radio]:disabled+.check-mark,label.radio input[type=checkbox]:disabled+.check-mark{color:#606a73;cursor:not-allowed}label.radio input[type=radio]:disabled+.check-mark:before,label.radio input[type=checkbox]:disabled+.check-mark:before{border-color:#bbc2c8}label.radio input[type=radio]:disabled+.check-mark:after,label.radio input[type=checkbox]:disabled+.check-mark:after{background:#a1a8ae}label.radio.radio-sm{font-size:.875rem}label.radio.radio-sm input[type=radio]+.check-mark,label.radio.radio-sm input[type=checkbox]+.check-mark{width:1rem;height:1rem}label.radio.radio-sm input[type=radio]+.check-mark:after,label.radio.radio-sm input[type=checkbox]+.check-mark:after{border-width:.1rem;width:.875rem;height:.875rem}label.radio.radio-lg{font-size:1.125rem}label.radio.radio-lg input[type=radio]+.check-mark,label.radio.radio-lg input[type=checkbox]+.check-mark{width:1.4rem;height:1.4rem}label.radio.radio-lg input[type=radio]+.check-mark:after,label.radio.radio-lg input[type=checkbox]+.check-mark:after{border-width:.175rem;width:1.275rem;height:1.275rem}label.radio-danger input[type=radio]+.check-mark,label.radio-danger input[type=checkbox]+.check-mark{border-color:#dc3545}label.radio-danger input[type=radio]+.check-mark:after,label.radio-danger input[type=checkbox]+.check-mark:after{background:#dc3545}label.radio-danger input[type=radio]:disabled+.check-mark,label.radio-danger input[type=checkbox]:disabled+.check-mark{border-color:#eb8c95}label.radio-danger input[type=radio]:disabled+.check-mark:after,label.radio-danger input[type=checkbox]:disabled+.check-mark:after{background:#eb8c95}label.radio-danger input[type=radio]:focus+.check-mark,label.radio-danger input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}label.radio-info input[type=radio]+.check-mark,label.radio-info input[type=checkbox]+.check-mark{border-color:#17a2b8}label.radio-info input[type=radio]+.check-mark:after,label.radio-info input[type=checkbox]+.check-mark:after{background:#17a2b8}label.radio-info input[type=radio]:disabled+.check-mark,label.radio-info input[type=checkbox]:disabled+.check-mark{border-color:#4cd3e9}label.radio-info input[type=radio]:disabled+.check-mark:after,label.radio-info input[type=checkbox]:disabled+.check-mark:after{background:#4cd3e9}label.radio-info input[type=radio]:focus+.check-mark,label.radio-info input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25)}label.radio-primary input[type=radio]+.check-mark,label.radio-primary input[type=checkbox]+.check-mark{border-color:#007bff}label.radio-primary input[type=radio]+.check-mark:after,label.radio-primary input[type=checkbox]+.check-mark:after{background:#007bff}label.radio-primary input[type=radio]:disabled+.check-mark,label.radio-primary input[type=checkbox]:disabled+.check-mark{border-color:#66b0ff}label.radio-primary input[type=radio]:disabled+.check-mark:after,label.radio-primary input[type=checkbox]:disabled+.check-mark:after{background:#66b0ff}label.radio-primary input[type=radio]:focus+.check-mark,label.radio-primary input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}label.radio-success input[type=radio]+.check-mark,label.radio-success input[type=checkbox]+.check-mark{border-color:#28a745}label.radio-success input[type=radio]+.check-mark:after,label.radio-success input[type=checkbox]+.check-mark:after{background:#28a745}label.radio-success input[type=radio]:disabled+.check-mark,label.radio-success input[type=checkbox]:disabled+.check-mark{border-color:#5dd879}label.radio-success input[type=radio]:disabled+.check-mark:after,label.radio-success input[type=checkbox]:disabled+.check-mark:after{background:#5dd879}label.radio-success input[type=radio]:focus+.check-mark,label.radio-success input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}label.radio-warning input[type=radio]+.check-mark,label.radio-warning input[type=checkbox]+.check-mark{border-color:#ffc107}label.radio-warning input[type=radio]+.check-mark:after,label.radio-warning input[type=checkbox]+.check-mark:after{background:#ffc107}label.radio-warning input[type=radio]:disabled+.check-mark,label.radio-warning input[type=checkbox]:disabled+.check-mark{border-color:#ffdb6d}label.radio-warning input[type=radio]:disabled+.check-mark:after,label.radio-warning input[type=checkbox]:disabled+.check-mark:after{background:#ffdb6d}label.radio-warning input[type=radio]:focus+.check-mark,label.radio-warning input[type=checkbox]:focus+.check-mark{-webkit-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.spinner{display:inline-block;text-align:center}.spinner .spinner-bar{position:relative;width:3rem;height:3rem;border:.25rem solid transparent;border-top-color:#2980b9;border-left-color:#2980b9;border-right-color:#2980b9;-webkit-animation:spinner 1s linear infinite;-moz-animation:spinner 1s linear infinite;-o-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.spinner .spinner-text{position:relative;font-size:.875rem}.spinner.spinner-block{position:fixed;background:rgba(255,255,255,0.85);top:0;left:0;width:100%;height:100%;z-index:3050;filter:alpha(opacity=0);opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.spinner.spinner-block .spinner-bar{left:50%;top:50%;margin:-2rem 0 0 -2rem;border:.25rem solid transparent;border-top-color:#2980b9;border-left-color:#2980b9;border-right-color:#2980b9;-webkit-animation:spinner 1s linear infinite;-moz-animation:spinner 1s linear infinite;-o-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.spinner.spinner-block .spinner-text{padding:.25rem 0;text-align:center;top:50%}.spinner.spinner-block.show{filter:alpha(opacity=100);opacity:1;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;visibility:visible}.spinner.spinner-sm .spinner-bar{width:2.25rem;height:2.25rem}.spinner.spinner-sm .spinner-text{font-size:.8rem}.spinner.spinner-lg .spinner-bar{width:3.75rem;height:3.75rem}.spinner.spinner-lg .spinner-text{font-size:.95rem}label.switch{margin-bottom:0;position:relative;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem}label.switch input[type=checkbox]{position:absolute;filter:alpha(opacity=0);opacity:0}label.switch input[type=checkbox],label.switch input[type=checkbox]:after,label.switch input[type=checkbox]:before,label.switch input[type=checkbox] *,label.switch input[type=checkbox] *:after,label.switch input[type=checkbox] *:before,label.switch input[type=checkbox]+span{box-sizing:border-box}label.switch input[type=checkbox]::selection,label.switch input[type=checkbox]:after::selection,label.switch input[type=checkbox]:before::selection,label.switch input[type=checkbox] *::selection,label.switch input[type=checkbox] *:after::selection,label.switch input[type=checkbox] *:before::selection,label.switch input[type=checkbox]+span::selection{background:none}label.switch input[type=checkbox]+.switch-slider{background:#ced4da;cursor:pointer;display:block;height:2rem;outline:0;padding:.125rem;position:relative;width:4rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.switch input[type=checkbox]+.switch-slider:before,label.switch input[type=checkbox]+.switch-slider:after{position:relative;display:block;content:"";width:50%;height:100%}label.switch input[type=checkbox]+.switch-slider:before{display:none}label.switch input[type=checkbox]+.switch-slider:after{left:0;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}label.switch input[type=checkbox]:checked+.switch-slider:after{left:50%}label.switch input[type=checkbox]:disabled+.switch-slider{background:#dde1e5;cursor:not-allowed}label.switch input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(206,212,218,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(206,212,218,0.25);box-shadow:0 0 0 0.2rem rgba(206,212,218,0.25)}label.switch.switch-sm{font-size:.875rem}label.switch.switch-sm input[type=checkbox]+.switch-slider{height:1.5rem;width:2.75rem;-webkit-border-radius:1.5rem;-moz-border-radius:1.5rem;border-radius:1.5rem}label.switch.switch-lg{font-size:1.125rem}label.switch.switch-lg input[type=checkbox]+.switch-slider{height:2.5rem;width:5rem;-webkit-border-radius:2.5rem;-moz-border-radius:2.5rem;border-radius:2.5rem}label.switch-danger input[type=checkbox]+.switch-slider{background:#dc3545}label.switch-danger input[type=checkbox]:disabled+.switch-slider{background:#eb8c95}label.switch-danger input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}label.switch-info input[type=checkbox]+.switch-slider{background:#17a2b8}label.switch-info input[type=checkbox]:disabled+.switch-slider{background:#4cd3e9}label.switch-info input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25)}label.switch-primary input[type=checkbox]+.switch-slider{background:#007bff}label.switch-primary input[type=checkbox]:disabled+.switch-slider{background:#66b0ff}label.switch-primary input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}label.switch-success input[type=checkbox]+.switch-slider{background:#28a745}label.switch-success input[type=checkbox]:disabled+.switch-slider{background:#5dd879}label.switch-success input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}label.switch-warning input[type=checkbox]+.switch-slider{background:#ffc107}label.switch-warning input[type=checkbox]:disabled+.switch-slider{background:#ffdb6d}label.switch-warning input[type=checkbox]:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}label.switch-to-danger input[type=checkbox]:checked+.switch-slider{background:#dc3545}label.switch-to-danger input[type=checkbox]:checked:disabled+.switch-slider{background:#eb8c95}label.switch-to-danger input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25);box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}label.switch-to-info input[type=checkbox]:checked+.switch-slider{background:#17a2b8}label.switch-to-info input[type=checkbox]:checked:disabled+.switch-slider{background:#4cd3e9}label.switch-to-info input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.25)}label.switch-to-primary input[type=checkbox]:checked+.switch-slider{background:#007bff}label.switch-to-primary input[type=checkbox]:checked:disabled+.switch-slider{background:#66b0ff}label.switch-to-primary input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}label.switch-to-success input[type=checkbox]:checked+.switch-slider{background:#28a745}label.switch-to-success input[type=checkbox]:checked:disabled+.switch-slider{background:#5dd879}label.switch-to-success input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25);box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}label.switch-to-warning input[type=checkbox]:checked+.switch-slider{background:#ffc107}label.switch-to-warning input[type=checkbox]:checked:disabled+.switch-slider{background:#ffdb6d}label.switch-to-warning input[type=checkbox]:checked:focus+.switch-slider{-webkit-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);-moz-box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25);box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}
diff --git a/dist/admin4b.min.js b/dist/admin4b.min.js
index 0db992d0..63e6c644 100644
--- a/dist/admin4b.min.js
+++ b/dist/admin4b.min.js
@@ -1 +1 @@
-$(function(){$("input").typing(),$(".as-input").asInput(),$('[data-toggle="popover"]').popover(),$('[data-toggle="tooltip"]').tooltip(),$('[data-toggle="suggestion"]').suggestion()}),function(n){n.fn.asInput=function(){return this.each(function(){var t=n(this),i=t.find("input"),e=function(){t.toggleClass("disabled",i.is("[disabled]")),t.toggleClass("readonly",i.is("[readonly]"))};t.on("click",function(){i.focus()}),i.on("focus",function(){t.addClass("focus")}).on("blur",function(){t.removeClass("focus")}).observe(e),e()})}}(jQuery),function(n){n.fn.suggestion=function(t){return this.each(function(){(function(){n(this).data("suggestion:initialized")||(n.fn.suggestion.select.apply(this),n.fn.suggestion.change.apply(this),n(this).is("[data-async]")?n.fn.suggestion.async.apply(this):n.fn.suggestion.static.apply(this),n(this).data("suggestion:initialized",!0))}).apply(this),"refresh"===t&&n(this).trigger("suggestion:refresh")})}}(jQuery),$.fn.onFocusOut=function(n){return this.each(function(){var t=$(document),i=$(this);function e(t){$(t.target).closest(i).length||"function"==typeof n&&n.call(this)}t.on("click",e),t.find("input").on("focus",e),t.find("select").on("focus",e),t.find("textarea").on("focus",e),t.find("button").on("focus",e),t.find("a").on("focus",e)})},function(n){n.fn.observe=function(t){var i=new MutationObserver(function(n){n.forEach(function(n){t.apply(n.target)})});return this.each(function(){var e=n(this);e.on("DOMAttrModified onpropertychange",function(){t.apply(this)}),i.observe(e.get(0),{attributes:!0})})}}(jQuery),$.fn.typing=function(){return this.each(function(){var n=$(this),t=null;n.on("input",function(){clearTimeout(t),t=setTimeout(function(){n.trigger("input:delay")},700)})})},window.keyboard=function(n){return this.isArrowDown=function(){return 40===n},this.isArrowUp=function(){return 38===n},this.isEnter=function(){return 13===n},this.isEscape=function(){return 27===n},this},String.prototype.contains=function(n){return new RegExp(n,"i").test(this)},String.prototype.replaceAll=function(n,t){return this.replace(new RegExp(n,"g"),t)},$(function(){$('[data-toggle="sidebar"]').on("click",function(){$(".app-sidebar").addClass("sidebar-open")}),$('[data-dismiss="sidebar"]').on("click",function(){$(".app-sidebar").removeClass("sidebar-open")})}),function(n){n.fn.suggestion.async=function(){var t=n(this),i=t.closest(".input-suggestion").find(".input-suggestion-list"),e=i.find(".list-group.items").hide(),s=i.find(".list-group.empty").hide(),o=i.find(".list-group.loading").hide();t.on("input",function(){o.show(),s.hide(),e.hide()}).on("input:delay suggestion:show",function(){t.trigger("suggestion:search")}).on("suggestion:refresh",function(){n.fn.suggestion.change.apply(this),e.children().length?e.show():s.show(),o.hide()})}}(jQuery),function(n){n.fn.suggestion.change=function(){var t=n(this),i=t.closest(".input-suggestion"),e=i.find(".input-suggestion-list").find(".list-group.items").children(),s=function(i){t.val(n.fn.suggestion.textOf(i)),t.trigger("suggestion:change",i)};e.on("click",function(){i.removeClass("open"),s(this)}),t.on("keypress",function(n){var t=n.keyCode||n.which;if(keyboard(t).isEnter()){var i=e.filter(".active");i.length&&s(i.filter(".active"))}})}}(jQuery),function(n){n.fn.suggestion.select=function(){var t=n(this),i=t.closest(".input-suggestion"),e=i.find(".input-suggestion-list").find(".list-group.items"),s=function(){i.is(".open")||(e.children().removeClass("active"),i.addClass("open"),t.trigger("suggestion:show"))},o=function(){i.is(".open")&&(i.removeClass("open"),t.trigger("suggestion:hide"))};i.onFocusOut(o),t.on("input",s).on("keyup",function(n){var t=n.keyCode||n.which;keyboard(t).isEscape()&&o()}).on("keydown",function(n){var t=n.keyCode||n.which,o=keyboard(t);if(o.isArrowUp()||o.isArrowDown()){if(n.preventDefault(),!i.is(".open"))return void s();var u=e.children(".active");if(o.isArrowDown()){if(u.is(":last-child"))return;u.length?(u.removeClass("active"),u.next().addClass("active")):e.children().eq(0).addClass("active")}if(o.isArrowUp()){if(u.is(":first-child"))return;u.removeClass("active"),u.prev().addClass("active")}}}).on("suggestion:change",o)}}(jQuery),function(n){n.fn.suggestion.static=function(){var t=n(this),i=t.closest(".input-suggestion").find(".input-suggestion-list"),e=i.find(".list-group.empty").hide(),s=i.find(".list-group.items"),o=s.children(),u=[],r=function(){o.removeClass("active"),u.forEach(function(n){var t=n.data("prev");t.length?n.insertAfter(t):s.prepend(n)}),u=[],o.each(function(){var i=n(this);n.fn.suggestion.textOf(i).contains(t.val())||(u.push(i),i.data("prev",i.prev()))}),u.forEach(function(n){n.detach()}),s.children().length?(e.hide(),s.show()):(s.hide(),e.show())};t.on("input",r).on("suggestion:show",r)}}(jQuery),function(n){n.fn.suggestion.textOf=function(t){var i=n(t),e=i.closest(".input-suggestion").find("input");return e.is("[data-text]")&&(i=i.find(e.attr("data-text"))),i.text().trim()}}(jQuery);
\ No newline at end of file
+$(function(){$("input").typing(),$(".as-input").asInput(),$('[data-toggle="popover"]').popover(),$('[data-toggle="tooltip"]').tooltip(),$('[data-toggle="suggestion"]').suggestion()}),function(n){n.fn.asInput=function(){return this.each(function(){var t=n(this),i=t.find("input"),e=function(){t.toggleClass("disabled",i.is("[disabled]")),t.toggleClass("readonly",i.is("[readonly]"))};t.on("click",function(){i.focus()}),i.on("focus",function(){t.addClass("focus")}).on("blur",function(){t.removeClass("focus")}).observe(e),e()})}}(jQuery),function(n){n.fn.suggestion=function(t){return this.each(function(){(function(){n(this).data("suggestion:initialized")||(n.fn.suggestion.select.apply(this),n.fn.suggestion.change.apply(this),n(this).is("[data-async]")?n.fn.suggestion.async.apply(this):n.fn.suggestion.static.apply(this),n(this).data("suggestion:initialized",!0))}).apply(this),"refresh"===t&&n(this).trigger("suggestion:refresh")})}}(jQuery),$.fn.onFocusOut=function(n){return this.each(function(){var t=$(document),i=$(this);function e(t){$(t.target).closest(i).length||"function"==typeof n&&n.call(this)}t.on("click",e),t.find("input").on("focus",e),t.find("select").on("focus",e),t.find("textarea").on("focus",e),t.find("button").on("focus",e),t.find("a").on("focus",e)})},function(n){n.fn.observe=function(t){var i=new MutationObserver(function(n){n.forEach(function(n){t.apply(n.target)})});return this.each(function(){var e=n(this);e.on("DOMAttrModified onpropertychange",function(){t.apply(this)}),i.observe(e.get(0),{attributes:!0})})}}(jQuery),$.fn.typing=function(){return this.each(function(){var n=$(this),t=null;n.on("input",function(){clearTimeout(t),t=setTimeout(function(){n.trigger("input:delay")},700)})})},$(function(){$('[data-toggle="sidebar"]').on("click",function(){$(".app-sidebar").addClass("sidebar-open")}),$('[data-dismiss="sidebar"]').on("click",function(){$(".app-sidebar").removeClass("sidebar-open")})}),window.keyboard=function(n){return this.isArrowDown=function(){return 40===n},this.isArrowUp=function(){return 38===n},this.isEnter=function(){return 13===n},this.isEscape=function(){return 27===n},this},String.prototype.contains=function(n){return new RegExp(n,"i").test(this)},String.prototype.replaceAll=function(n,t){return this.replace(new RegExp(n,"g"),t)},function(n){n.fn.suggestion.async=function(){var t=n(this),i=t.closest(".input-suggestion").find(".input-suggestion-list"),e=i.find(".list-group.items").hide(),s=i.find(".list-group.empty").hide(),o=i.find(".list-group.loading").hide();t.on("input",function(){o.show(),s.hide(),e.hide()}).on("input:delay suggestion:show",function(){t.trigger("suggestion:search")}).on("suggestion:refresh",function(){n.fn.suggestion.change.apply(this),e.children().length?e.show():s.show(),o.hide()})}}(jQuery),function(n){n.fn.suggestion.change=function(){var t=n(this),i=t.closest(".input-suggestion"),e=i.find(".input-suggestion-list").find(".list-group.items").children(),s=function(i){t.val(n.fn.suggestion.textOf(i)),t.trigger("suggestion:change",i)};e.on("click",function(){i.removeClass("open"),s(this)}),t.on("keypress",function(n){var t=n.keyCode||n.which;if(keyboard(t).isEnter()){var i=e.filter(".active");i.length&&s(i.filter(".active"))}})}}(jQuery),function(n){n.fn.suggestion.select=function(){var t=n(this),i=t.closest(".input-suggestion"),e=i.find(".input-suggestion-list").find(".list-group.items"),s=function(){i.is(".open")||(e.children().removeClass("active"),i.addClass("open"),t.trigger("suggestion:show"))},o=function(){i.is(".open")&&(i.removeClass("open"),t.trigger("suggestion:hide"))};i.onFocusOut(o),t.on("input",s).on("keyup",function(n){var t=n.keyCode||n.which;keyboard(t).isEscape()&&o()}).on("keydown",function(n){var t=n.keyCode||n.which,o=keyboard(t);if(o.isArrowUp()||o.isArrowDown()){if(n.preventDefault(),!i.is(".open"))return void s();var u=e.children(".active");if(o.isArrowDown()){if(u.is(":last-child"))return;u.length?(u.removeClass("active"),u.next().addClass("active")):e.children().eq(0).addClass("active")}if(o.isArrowUp()){if(u.is(":first-child"))return;u.removeClass("active"),u.prev().addClass("active")}}}).on("suggestion:change",o)}}(jQuery),function(n){n.fn.suggestion.static=function(){var t=n(this),i=t.closest(".input-suggestion").find(".input-suggestion-list"),e=i.find(".list-group.empty").hide(),s=i.find(".list-group.items"),o=s.children(),u=[],r=function(){o.removeClass("active"),u.forEach(function(n){var t=n.data("prev");t.length?n.insertAfter(t):s.prepend(n)}),u=[],o.each(function(){var i=n(this);n.fn.suggestion.textOf(i).contains(t.val())||(u.push(i),i.data("prev",i.prev()))}),u.forEach(function(n){n.detach()}),s.children().length?(e.hide(),s.show()):(s.hide(),e.show())};t.on("input",r).on("suggestion:show",r)}}(jQuery),function(n){n.fn.suggestion.textOf=function(t){var i=n(t),e=i.closest(".input-suggestion").find("input");return e.is("[data-text]")&&(i=i.find(e.attr("data-text"))),i.text().trim()}}(jQuery);
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index d4f9f3a3..47539ee0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -176,6 +176,7 @@ <h4>
     <div id="css-setup" class="sidebar-nav-group collapse">
       <pre><code class="html">&lt;!-- link to Bootstrap CSS --&gt;
 &lt;!-- link to Font Awesome CSS --&gt;
+&lt;!-- link to Simple Line Icons CSS --&gt;
 &lt;link rel="stylesheet" href="admin4b.min.css"&gt;
 </code></pre>
     </div>
diff --git a/docs/pages/components/toggle-switch.html b/docs/pages/components/toggle-switch.html
index b9c64941..ab140559 100644
--- a/docs/pages/components/toggle-switch.html
+++ b/docs/pages/components/toggle-switch.html
@@ -283,13 +283,10 @@ <h3>Disabled state</h3>
     When adding the disabled boolean attribute to the <code>input</code> element, the appearance changes to reflect this state.
   </p>
   <div class="form-group">
-    <label class="switch switch-to-primary">
+    <label class="switch switch-danger">
       <input type="checkbox" checked disabled/>
       <span class="switch-slider"></span>
-    </label>
-    <label class="switch">
-      <input type="checkbox" disabled/>
-      <span class="switch-slider"></span>
+      <span class="ml-2">You can't change</span>
     </label>
   </div>
   <div class="source-code">
@@ -297,13 +294,10 @@ <h3>Disabled state</h3>
       <i class="fa fa-code"></i> Source code
     </a>
     <div id="toggle-switch-disabled" class="collapse">
-      <pre><code class="html">&lt;label class="switch switch-to-primary"&gt;
+      <pre><code class="html">&lt;label class="switch switch-danger"&gt;
   &lt;input type="checkbox" checked disabled/&gt;
   &lt;span class="switch-slider"&gt;&lt;/span&gt;
-&lt;/label&gt;
-&lt;label class="switch"&gt;
-  &lt;input type="checkbox" disabled/&gt;
-  &lt;span class="switch-slider"&gt;&lt;/span&gt;
+  &lt;span class="ml-2"&gt;You can't change&lt;/span&gt;
 &lt;/label&gt;
 </code></pre>
     </div>
diff --git a/docs/pages/forms/basic-form.html b/docs/pages/forms/basic-form.html
index ca191ad9..756cfd25 100644
--- a/docs/pages/forms/basic-form.html
+++ b/docs/pages/forms/basic-form.html
@@ -160,21 +160,21 @@ <h3>
     Example
   </h3>
   <div class="row">
-    <div class="col col-md-4 col-lg-4">
+    <div class="col-12 col-md-4 col-lg-4">
       <div class="form-group has-error">
         <label>Name</label>
         <input type="text" class="form-control">
         <small class="text-danger">Field name is required.</small>
       </div>
     </div>
-    <div class="col col-md-4 col-lg-4">
+    <div class="col-12 col-md-4 col-lg-4">
       <div class="form-group has-error">
         <label>Email</label>
         <input type="text" class="form-control">
         <small class="text-danger">Field email is invalid.</small>
       </div>
     </div>
-    <div class="col col-md-4 col-lg-4">
+    <div class="col-12 col-md-4 col-lg-4">
       <div class="form-group">
         <label>
           Company <small class="text-secondary">(optional)</small>
diff --git a/gulpfile.js b/gulpfile.js
index 7d3bdebb..36d1298a 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,10 +1,10 @@
-var gulp = require('gulp');
-var concat = require('gulp-concat');
-var fileinclude = require('gulp-file-include');
-var htmlextend = require('gulp-html-extend')
-var rename = require("gulp-rename");
-var sass = require('gulp-sass');
-var uglify = require('gulp-uglify');
+const gulp = require('gulp');
+const concat = require('gulp-concat');
+const fileinclude = require('gulp-file-include');
+const htmlextend = require('gulp-html-extend')
+const rename = require("gulp-rename");
+const sass = require('gulp-sass');
+const uglify = require('gulp-uglify');
 
 gulp.task('build-sass', () => {
     gulp.src('src/scss/*.scss')
diff --git a/package.json b/package.json
index 918411d2..0a6e5c98 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "admin4b",
   "title": "Admin 4B",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "homepage": "https://marxjmoura.github.io/admin4b",
   "author": "Marx JMoura",
   "license": "MIT",
diff --git a/src/html/includes/code-examples/components/toggle-switch/toggle-switch-disabled.html b/src/html/includes/code-examples/components/toggle-switch/toggle-switch-disabled.html
index 45dbf412..512a9a3b 100644
--- a/src/html/includes/code-examples/components/toggle-switch/toggle-switch-disabled.html
+++ b/src/html/includes/code-examples/components/toggle-switch/toggle-switch-disabled.html
@@ -1,8 +1,5 @@
-&lt;label class="switch switch-to-primary"&gt;
+&lt;label class="switch switch-danger"&gt;
   &lt;input type="checkbox" checked disabled/&gt;
   &lt;span class="switch-slider"&gt;&lt;/span&gt;
-&lt;/label&gt;
-&lt;label class="switch"&gt;
-  &lt;input type="checkbox" disabled/&gt;
-  &lt;span class="switch-slider"&gt;&lt;/span&gt;
+  &lt;span class="ml-2"&gt;You can't change&lt;/span&gt;
 &lt;/label&gt;
diff --git a/src/html/includes/code-examples/get-started/css-setup.html b/src/html/includes/code-examples/get-started/css-setup.html
index 24fdbee4..5e3d5e66 100644
--- a/src/html/includes/code-examples/get-started/css-setup.html
+++ b/src/html/includes/code-examples/get-started/css-setup.html
@@ -1,3 +1,4 @@
 &lt;!-- link to Bootstrap CSS --&gt;
 &lt;!-- link to Font Awesome CSS --&gt;
+&lt;!-- link to Simple Line Icons CSS --&gt;
 &lt;link rel="stylesheet" href="admin4b.min.css"&gt;
diff --git a/src/html/pages/components/toggle-switch.html b/src/html/pages/components/toggle-switch.html
index b47cc3b3..fb037122 100644
--- a/src/html/pages/components/toggle-switch.html
+++ b/src/html/pages/components/toggle-switch.html
@@ -126,13 +126,10 @@ <h3>Disabled state</h3>
     When adding the disabled boolean attribute to the <code>input</code> element, the appearance changes to reflect this state.
   </p>
   <div class="form-group">
-    <label class="switch switch-to-primary">
+    <label class="switch switch-danger">
       <input type="checkbox" checked disabled/>
       <span class="switch-slider"></span>
-    </label>
-    <label class="switch">
-      <input type="checkbox" disabled/>
-      <span class="switch-slider"></span>
+      <span class="ml-2">You can't change</span>
     </label>
   </div>
   <div class="source-code">
diff --git a/src/html/pages/forms/basic-form.html b/src/html/pages/forms/basic-form.html
index 6499300e..8852ef53 100644
--- a/src/html/pages/forms/basic-form.html
+++ b/src/html/pages/forms/basic-form.html
@@ -22,21 +22,21 @@ <h3>
     Example
   </h3>
   <div class="row">
-    <div class="col col-md-4 col-lg-4">
+    <div class="col-12 col-md-4 col-lg-4">
       <div class="form-group has-error">
         <label>Name</label>
         <input type="text" class="form-control">
         <small class="text-danger">Field name is required.</small>
       </div>
     </div>
-    <div class="col col-md-4 col-lg-4">
+    <div class="col-12 col-md-4 col-lg-4">
       <div class="form-group has-error">
         <label>Email</label>
         <input type="text" class="form-control">
         <small class="text-danger">Field email is invalid.</small>
       </div>
     </div>
-    <div class="col col-md-4 col-lg-4">
+    <div class="col-12 col-md-4 col-lg-4">
       <div class="form-group">
         <label>
           Company <small class="text-secondary">(optional)</small>
diff --git a/src/scss/admin4b-highlight.scss b/src/scss/admin4b-highlight.scss
index 5f2ae477..9d503fdd 100644
--- a/src/scss/admin4b-highlight.scss
+++ b/src/scss/admin4b-highlight.scss
@@ -1,6 +1,6 @@
 @import 'utilities/cross-browser';
 
-@import 'palette/highlight';
+@import 'palette/highlight-colors';
 
 @import 'highlight/css';
 @import 'highlight/html';
diff --git a/src/scss/admin4b.scss b/src/scss/admin4b.scss
index 2dbf8ec5..641ead06 100644
--- a/src/scss/admin4b.scss
+++ b/src/scss/admin4b.scss
@@ -7,6 +7,7 @@
 @import 'layout/app';
 @import 'layout/sidebar/animations/sidebar-fade';
 @import 'layout/sidebar/animations/sidebar-slide-left';
+@import 'layout/sidebar/colors/sidebar-color';
 @import 'layout/sidebar/colors/sidebar-dark';
 @import 'layout/sidebar/colors/sidebar-light';
 @import 'layout/sidebar/sidebar-toggle';
diff --git a/src/scss/components/_callout.scss b/src/scss/components/_callout.scss
index 5477ad4b..fde6b204 100644
--- a/src/scss/components/_callout.scss
+++ b/src/scss/components/_callout.scss
@@ -5,7 +5,7 @@
   margin-bottom: 1.25rem;
   border: .0625rem solid #eee;
   border-left-width: .25rem;
-  border-radius: .25rem;
+  @include crossbrowser-border-radius(.25rem);
 
   h4
   {
@@ -22,7 +22,7 @@
 
   code
   {
-    border-radius: .25rem;
+    @include crossbrowser-border-radius(.25rem);
   }
 
   & + .callout
diff --git a/src/scss/components/_checkbox.scss b/src/scss/components/_checkbox.scss
index 84f5ed33..220b8488 100644
--- a/src/scss/components/_checkbox.scss
+++ b/src/scss/components/_checkbox.scss
@@ -27,9 +27,9 @@
 
 label.checkbox
 {
-  align-items: center;
-  display: inline-flex;
   margin-bottom: 0;
+  @include crossbrowser-align-items(center);
+  @include crossbrowser-display-inline-flex();
   @include crossbrowser-user-select(none);
 
   input[type=checkbox]
diff --git a/src/scss/components/_label.scss b/src/scss/components/_label.scss
index 1a8b824e..41348a76 100644
--- a/src/scss/components/_label.scss
+++ b/src/scss/components/_label.scss
@@ -57,8 +57,8 @@ label
     line-height: 1.5;
     color: $bscolors-gray-600;
     border: .0625rem solid transparent;
-    border-radius: .25rem;
     transition: all .1s ease-in-out;
+    @include crossbrowser-border-radius(.25rem);
   }
 
   input
diff --git a/src/scss/components/_radio-button.scss b/src/scss/components/_radio-button.scss
index db17477b..8fe005e1 100644
--- a/src/scss/components/_radio-button.scss
+++ b/src/scss/components/_radio-button.scss
@@ -35,9 +35,9 @@
 
 label.radio
 {
-  align-items: center;
-  display: inline-flex;
   margin-bottom: 0;
+  @include crossbrowser-align-items(center);
+  @include crossbrowser-display-inline-flex();
   @include crossbrowser-user-select(none);
 
   input[type=radio],
@@ -131,14 +131,14 @@ label.radio
     {
       + .check-mark
       {
-        margin-right: .5rem;
-        width: .95rem;
-        height: .95rem;
+        width: 1rem;
+        height: 1rem;
 
         &:after
         {
-          width: .8rem;
-          height: .8rem;
+          border-width: .1rem;
+          width: .875rem;
+          height: .875rem;
         }
       }
     }
@@ -158,9 +158,9 @@ label.radio
 
         &:after
         {
-          border-width: .1875rem;
-          width: 1.25rem;
-          height: 1.25rem;
+          border-width: .175rem;
+          width: 1.275rem;
+          height: 1.275rem;
         }
       }
     }
diff --git a/src/scss/components/_spinner.scss b/src/scss/components/_spinner.scss
index 091b819e..44800bad 100644
--- a/src/scss/components/_spinner.scss
+++ b/src/scss/components/_spinner.scss
@@ -20,12 +20,12 @@
     position: relative;
     width: 3rem;
     height: 3rem;
-    border-radius: 50%;
     border: .25rem solid transparent;
     border-top-color: $flatuicolors-belize-hole;
     border-left-color: $flatuicolors-belize-hole;
     border-right-color: $flatuicolors-belize-hole;
     @include crossbrowser-animation(spinner 1s linear infinite);
+    @include crossbrowser-border-radius(50%);
   }
 
   .spinner-text
@@ -37,7 +37,7 @@
   &.spinner-block
   {
     position: fixed;
-    background: rgba($bscolors-white, 0.75);
+    background: rgba($bscolors-white, .85);
     top: 0;
     left: 0;
     width: 100%;
@@ -52,12 +52,12 @@
       left: 50%;
       top: 50%;
       margin: -2rem 0 0 -2rem;
-      border-radius: 50%;
       border: .25rem solid transparent;
       border-top-color: $flatuicolors-belize-hole;
       border-left-color: $flatuicolors-belize-hole;
       border-right-color: $flatuicolors-belize-hole;
       @include crossbrowser-animation(spinner 1s linear infinite);
+      @include crossbrowser-border-radius(50%);
     }
 
     .spinner-text
diff --git a/src/scss/components/_toggle-switch.scss b/src/scss/components/_toggle-switch.scss
index fdc1385e..9917b673 100644
--- a/src/scss/components/_toggle-switch.scss
+++ b/src/scss/components/_toggle-switch.scss
@@ -42,11 +42,10 @@
 
 label.switch
 {
-  align-items: center;
-  cursor: pointer;
-  display: inline-flex;
   margin-bottom: 0;
   position: relative;
+  @include crossbrowser-align-items(center);
+  @include crossbrowser-display-inline-flex();
   @include crossbrowser-border-radius(2rem);
 
   input[type=checkbox]
@@ -73,13 +72,14 @@ label.switch
     + .switch-slider
     {
       background: $bscolors-gray-400;
-      border-radius: 2rem;
+      cursor: pointer;
       display: block;
       height: 2rem;
       outline: 0;
       padding: .125rem;
       position: relative;
       width: 4rem;
+      @include crossbrowser-border-radius(2rem);
       @include crossbrowser-transition(all .4s ease);
       @include crossbrowser-user-select(none);
 
@@ -102,7 +102,7 @@ label.switch
       {
         left: 0;
         background: $bscolors-white;
-        border-radius: 50%;
+        @include crossbrowser-border-radius(50%);
         @include crossbrowser-box-shadow(none);
         @include crossbrowser-transition(all .2s ease);
       }
@@ -133,9 +133,9 @@ label.switch
     {
       + .switch-slider
       {
-        border-radius: 1.5rem;
         height: 1.5rem;
         width: 2.75rem;
+        @include crossbrowser-border-radius(1.5rem);
       }
     }
   }
@@ -148,9 +148,9 @@ label.switch
     {
       + .switch-slider
       {
-        border-radius: 2.5rem;
         height: 2.5rem;
         width: 5rem;
+        @include crossbrowser-border-radius(2.5rem);
       }
     }
   }
diff --git a/src/scss/highlight/_css.scss b/src/scss/highlight/_css.scss
index 4df747b3..f0db0625 100644
--- a/src/scss/highlight/_css.scss
+++ b/src/scss/highlight/_css.scss
@@ -1,24 +1,24 @@
 .css .hljs-keyword
 {
-  color: $highlight-keyword;
+  color: $highlight-colors-keyword;
 }
 
 .css .hljs-selector-class
 {
-  color: $highlight-class;
+  color: $highlight-colors-class;
 }
 
 .css .hljs-attribute
 {
-  color: $highlight-attribute;
+  color: $highlight-colors-attribute;
 }
 
 .css .hljs-comment
 {
-  color: $highlight-comment;
+  color: $highlight-colors-comment;
 }
 
 .css .hljs-number
 {
-  color: $highlight-number;
+  color: $highlight-colors-number;
 }
diff --git a/src/scss/highlight/_html.scss b/src/scss/highlight/_html.scss
index db4586a4..3478f197 100644
--- a/src/scss/highlight/_html.scss
+++ b/src/scss/highlight/_html.scss
@@ -1,25 +1,25 @@
 .html .hljs-meta
 {
-  color: $highlight-html-meta;
+  color: $highlight-colors-namespace;
 }
 
 .html .hljs-section,
 .html .hljs-tag
 {
-  color: $highlight-keyword;
+  color: $highlight-colors-keyword;
 }
 
 .html .hljs-tag .hljs-attr
 {
-  color: $highlight-attribute;
+  color: $highlight-colors-attribute;
 }
 
 .html .hljs-tag .hljs-string
 {
-  color: $highlight-string;
+  color: $highlight-colors-string;
 }
 
 .html .hljs-comment
 {
-  color: $highlight-comment;
+  color: $highlight-colors-comment;
 }
diff --git a/src/scss/highlight/_js.scss b/src/scss/highlight/_js.scss
index c0e5ee76..3ab4b650 100644
--- a/src/scss/highlight/_js.scss
+++ b/src/scss/highlight/_js.scss
@@ -1,14 +1,14 @@
 .js .hljs-string
 {
-  color: $highlight-string;
+  color: $highlight-colors-string;
 }
 
 .js .hljs-keyword
 {
-  color: $highlight-keyword;
+  color: $highlight-colors-keyword;
 }
 
 .js .hljs-comment
 {
-  color: $highlight-comment;
+  color: $highlight-colors-comment;
 }
diff --git a/src/scss/highlight/_json.scss b/src/scss/highlight/_json.scss
index 8d4f31a2..27d70936 100644
--- a/src/scss/highlight/_json.scss
+++ b/src/scss/highlight/_json.scss
@@ -1,15 +1,19 @@
-.json .hljs-attr,
+.json .hljs-attr
+{
+  color: $highlight-colors-attribute;
+}
+
 .json .hljs-string
 {
-  color: $highlight-string;
+  color: $highlight-colors-string;
 }
 
 .json .hljs-literal,
 {
-  color: $highlight-keyword;
+  color: $highlight-colors-keyword;
 }
 
 .json .hljs-number
 {
-  color: $highlight-number;
+  color: $highlight-colors-number;
 }
diff --git a/src/scss/highlight/_source-code.scss b/src/scss/highlight/_source-code.scss
index 0964c146..96adac52 100644
--- a/src/scss/highlight/_source-code.scss
+++ b/src/scss/highlight/_source-code.scss
@@ -1,10 +1,13 @@
 .source-code
 {
+  $bg-color: #222d32;
+  $text-color: #fff;
+
   margin-bottom: 1rem;
 
   .nav-tabs a
   {
-    color: darken(#fff, 50%);
+    color: darken($text-color, 50%);
     font-size: .95rem;
     text-decoration: none;
     padding: .75rem;
@@ -13,20 +16,20 @@
     &.active,
     &:hover
     {
-      color: #fff;
+      color: $text-color;
     }
   }
 
   pre,
   .nav-tabs
   {
-    background: #222d32;
+    background: $bg-color;
     border: none;
   }
 
   pre
   {
-    color: #e8e8e8;
+    color: $highlight-colors-literal;
     margin: 0;
     overflow-x: auto;
   }
diff --git a/src/scss/layout/_app.scss b/src/scss/layout/_app.scss
index a1ffec50..e7df751f 100644
--- a/src/scss/layout/_app.scss
+++ b/src/scss/layout/_app.scss
@@ -52,14 +52,10 @@ body
             position: relative;
             width: 15rem;
 
-            &::-webkit-scrollbar
-            {
-                width: .2rem;
-            }
-
             &::-webkit-scrollbar
             {
                 background-color: $bscolors-gray-300;
+                width: .2rem;
             }
 
             &::-webkit-scrollbar-thumb
@@ -67,7 +63,7 @@ body
                 background-color: $bscolors-blue;
             }
 
-            @include bsmedia-breakpoint-down-to-sm
+            @include bsmedia-down-to-sm
             {
                 position: absolute;
                 top: 0;
diff --git a/src/scss/layout/sidebar/_sidebar-header.scss b/src/scss/layout/sidebar/_sidebar-header.scss
index f3f83b86..44af0cfc 100644
--- a/src/scss/layout/sidebar/_sidebar-header.scss
+++ b/src/scss/layout/sidebar/_sidebar-header.scss
@@ -6,10 +6,10 @@
     .user-photo
     {
         border: 0.125rem solid transparent;
-        border-radius: 50%;
         height: 4.5rem;
         padding: .125rem;
         width: 4.5rem;
+        @include crossbrowser-border-radius(50%);
     }
 
     .username
diff --git a/src/scss/layout/sidebar/_sidebar-toggle.scss b/src/scss/layout/sidebar/_sidebar-toggle.scss
index 746b2313..063ad5c7 100644
--- a/src/scss/layout/sidebar/_sidebar-toggle.scss
+++ b/src/scss/layout/sidebar/_sidebar-toggle.scss
@@ -4,7 +4,7 @@
   font-size: 1.4rem;
   margin-right: .3125rem;
 
-  @include bsmedia-breakpoint-up-to-md
+  @include bsmedia-up-to-md
   {
     display: none;
   }
diff --git a/src/scss/layout/sidebar/animations/_sidebar-fade.scss b/src/scss/layout/sidebar/animations/_sidebar-fade.scss
index 1737c8c9..eea08053 100644
--- a/src/scss/layout/sidebar/animations/_sidebar-fade.scss
+++ b/src/scss/layout/sidebar/animations/_sidebar-fade.scss
@@ -2,7 +2,7 @@
 {
   @include crossbrowser-transition(opacity .3s linear, visibility .3s);
 
-  @include bsmedia-breakpoint-down-to-sm
+  @include bsmedia-down-to-sm
   {
     width: 100%;
     @include crossbrowser-opacity(0);
diff --git a/src/scss/layout/sidebar/colors/_sidebar-color.scss b/src/scss/layout/sidebar/colors/_sidebar-color.scss
new file mode 100644
index 00000000..6477902b
--- /dev/null
+++ b/src/scss/layout/sidebar/colors/_sidebar-color.scss
@@ -0,0 +1,109 @@
+@mixin sidebar-color($name, $color-settings)
+{
+  .app .app-body .app-sidebar.sidebar-#{$name}
+  {
+    $sidebar-bg-color: map-get($color-settings, sidebar-bg-color);
+    $sidebar-btn-close-color: map-get($color-settings, sidebar-btn-close-color);
+    $sidebar-scrollbar: map-get($color-settings, sidebar-scrollbar);
+    $sidebar-scrollbar-bg: map-get($color-settings, sidebar-scrollbar-bg);
+    $username-img-bg: map-get($color-settings, username-img-bg);
+    $username-img-border: map-get($color-settings, username-img-border);
+    $username-text-color: map-get($color-settings, username-text-color);
+    $nav-group-active-bg-color: map-get($color-settings, nav-group-active-bg-color);
+    $nav-link-level-1-color: map-get($color-settings, nav-link-level-1-color);
+    $nav-link-level-1-hover: map-get($color-settings, nav-link-level-1-hover);
+    $nav-link-level-2-color: map-get($color-settings, nav-link-level-2-color);
+    $nav-link-level-2-hover: map-get($color-settings, nav-link-level-2-hover);
+    $nav-footer-link-color: map-get($color-settings, nav-footer-link-color);
+    $nav-footer-link-hover: map-get($color-settings, nav-footer-link-hover);
+
+    background: $sidebar-bg-color;
+
+    &::-webkit-scrollbar
+    {
+      background-color: $sidebar-scrollbar-bg;
+    }
+
+    &::-webkit-scrollbar-thumb
+    {
+      background-color: $sidebar-scrollbar;
+    }
+
+    .btn-sidebar .x
+    {
+      &:before,
+      &:after
+      {
+        background-color: $sidebar-btn-close-color;
+      }
+    }
+
+    .sidebar-header
+    {
+      .user-photo
+      {
+        background-color: $username-img-bg;
+        border-color: $username-img-border;
+      }
+
+      .username
+      {
+        color: $username-text-color;
+      }
+    }
+
+    .sidebar-nav
+    {
+      .sidebar-nav-group
+      {
+        background: $nav-group-active-bg-color;
+
+        .sidebar-nav-group .sidebar-nav-link
+        {
+          &:active,
+          &:focus,
+          &:hover
+          {
+            color: $nav-link-level-2-hover;
+          }
+        }
+      }
+
+      .sidebar-nav-link
+      {
+        color: $nav-link-level-2-color;
+      }
+
+      > .sidebar-nav-link,
+      > .sidebar-nav-group > .sidebar-nav-link
+      {
+        color: $nav-link-level-1-color;
+
+        &.collapsed
+        {
+          background-color: $sidebar-bg-color;
+        }
+
+        &:active,
+        &:focus,
+        &:hover,
+        &[aria-expanded=true]
+        {
+          background-color: $nav-link-level-1-hover;
+        }
+      }
+    }
+
+    .sidebar-footer a
+    {
+      color: $nav-footer-link-color;
+
+      &:active,
+      &:focus,
+      &:hover
+      {
+        color: $nav-footer-link-hover;
+      }
+    }
+  }
+}
diff --git a/src/scss/layout/sidebar/colors/_sidebar-dark.scss b/src/scss/layout/sidebar/colors/_sidebar-dark.scss
index f315945d..702cffbf 100644
--- a/src/scss/layout/sidebar/colors/_sidebar-dark.scss
+++ b/src/scss/layout/sidebar/colors/_sidebar-dark.scss
@@ -1,115 +1,16 @@
-.app .app-body .app-sidebar.sidebar-dark
-{
-  $bg-color: $flatuicolors-wet-asphalt;
-  $link-color: lighten($bg-color, 40%);
-  $scrollbar-thumb-color: $bscolors-cyan;
-  $nav-group-bg-color: darken($bg-color, 3%);
-  $nav-group-item-active-color: darken($nav-group-bg-color, 3%);
-  $nav-group-item-border-color: lighten($bg-color, 15%);
-
-  background: $bg-color;
-
-  &::-webkit-scrollbar
-  {
-    background-color: darken($bg-color, 2.5%);
-  }
-
-  &::-webkit-scrollbar-thumb
-  {
-    background-color: $scrollbar-thumb-color;
-  }
-
-  .btn-sidebar .x
-  {
-    &:before,
-    &:after
-    {
-      background-color: lighten($bg-color, 40%);
-    }
-  }
-
-  .sidebar-header
-  {
-    .user-photo
-    {
-      background-color: darken($bg-color, 5%);
-      border-color: $scrollbar-thumb-color;
-    }
-
-    .username
-    {
-      color: lighten($bg-color, 50%);
-    }
-  }
-
-  .sidebar-nav
-  {
-    .sidebar-nav-group
-    {
-      background: $nav-group-item-active-color;
-
-      .sidebar-nav-group .sidebar-nav-link
-      {
-        &:active,
-        &:focus,
-        &:hover
-        {
-          color: $scrollbar-thumb-color;
-        }
-      }
-    }
-
-    .sidebar-nav-link
-    {
-      color: $link-color;
-    }
-
-    > .sidebar-nav-link,
-    > .sidebar-nav-group > .sidebar-nav-link
-    {
-      color: lighten($bg-color, 60%);
-
-      &.collapsed
-      {
-        background-color: $bg-color;
-
-        .fa
-        {
-          color: $link-color;
-        }
-      }
-
-      &:active,
-      &:focus,
-      &:hover
-      {
-        background-color: $nav-group-item-active-color;
-      }
-    }
-
-    > .sidebar-nav-link .fa
-    {
-      color: $link-color;
-    }
-
-    > .sidebar-nav-group > .sidebar-nav-link .fa
-    {
-      color: $scrollbar-thumb-color;
-    }
-  }
-
-  .sidebar-footer
-  {
-    a
-    {
-      color: lighten($bg-color, 25%);
-
-      &:active,
-      &:focus,
-      &:hover
-      {
-        color: $bscolors-white;
-      }
-    }
-  }
-}
+@include sidebar-color("dark", (
+  "sidebar-bg-color": $flatuicolors-wet-asphalt,
+  "sidebar-btn-close-color": lighten($flatuicolors-wet-asphalt, 40%),
+  "sidebar-scrollbar": $bscolors-cyan,
+  "sidebar-scrollbar-bg": darken($flatuicolors-wet-asphalt, 2.5%),
+  "username-img-bg": darken($flatuicolors-wet-asphalt, 5%),
+  "username-img-border": $bscolors-cyan,
+  "username-text-color": lighten($flatuicolors-wet-asphalt, 50%),
+  "nav-group-active-bg-color": darken($flatuicolors-wet-asphalt, 6%),
+  "nav-link-level-1-color": lighten($flatuicolors-wet-asphalt, 60%),
+  "nav-link-level-1-hover": darken($flatuicolors-wet-asphalt, 6%),
+  "nav-link-level-2-color": lighten($flatuicolors-wet-asphalt, 40%),
+  "nav-link-level-2-hover": $bscolors-cyan,
+  "nav-footer-link-color": lighten($flatuicolors-wet-asphalt, 25%),
+  "nav-footer-link-hover": $bscolors-white
+));
diff --git a/src/scss/layout/sidebar/colors/_sidebar-light.scss b/src/scss/layout/sidebar/colors/_sidebar-light.scss
index 9edf24f5..dff25a4f 100644
--- a/src/scss/layout/sidebar/colors/_sidebar-light.scss
+++ b/src/scss/layout/sidebar/colors/_sidebar-light.scss
@@ -1,117 +1,16 @@
-.app .app-body .app-sidebar.sidebar-light
-{
-  $sidebar-bg-color: $bscolors-white;
-  $sidebar-btn-close-color: darken($bscolors-gray-400, 7%);
-  $sidebar-scrollbar: $bscolors-blue;
-  $sidebar-scrollbar-bg: $bscolors-gray-100;
-  $username-img-bg: $bscolors-gray-100;
-  $username-img-border: $bscolors-gray-400;
-  $username-text-color: $bscolors-gray-700;
-  $nav-group-active-bg-color: darken($sidebar-bg-color, 5%);
-  $nav-group-icon: $bscolors-gray-500;
-  $nav-group-icon-active: $bscolors-gray-600;
-  $nav-link-level-1-color: $bscolors-gray-700;
-  $nav-link-level-1-hover: darken($sidebar-bg-color, 7%);
-  $nav-link-level-2-color: $bscolors-gray-600;
-  $nav-link-level-2-hover: $bscolors-blue;
-  $nav-footer-border-color: $bscolors-gray-300;
-  $nav-footer-link-color: lighten($bscolors-gray-600, 10%);
-  $nav-footer-link-hover: $bscolors-blue;
-
-  background: $sidebar-bg-color;
-
-  &::-webkit-scrollbar
-  {
-    background-color: $sidebar-scrollbar-bg;
-  }
-
-  &::-webkit-scrollbar-thumb
-  {
-    background-color: $sidebar-scrollbar;
-  }
-
-  .btn-sidebar .x
-  {
-    &:before,
-    &:after
-    {
-      background-color: $sidebar-btn-close-color;
-    }
-  }
-
-  .sidebar-header
-  {
-    .user-photo
-    {
-      background-color:$username-img-bg;
-      border-color: $username-img-border;
-    }
-
-    .username
-    {
-      color: $username-text-color;
-    }
-  }
-
-  .sidebar-nav
-  {
-    .sidebar-nav-group
-    {
-      background: $nav-group-active-bg-color;
-
-      .sidebar-nav-group .sidebar-nav-link
-      {
-        &:active,
-        &:focus,
-        &:hover
-        {
-          color: $nav-link-level-2-hover;
-        }
-      }
-    }
-
-    .sidebar-nav-link
-    {
-      color: $nav-link-level-1-color;
-    }
-
-    > .sidebar-nav-link,
-    > .sidebar-nav-group > .sidebar-nav-link
-    {
-      color: $nav-link-level-1-color;
-
-      &.collapsed
-      {
-        background-color: $sidebar-bg-color;
-      }
-
-      &:active,
-      &:focus,
-      &:hover,
-      &[aria-expanded=true]
-      {
-        background-color: $nav-link-level-1-hover;
-      }
-    }
-  }
-
-  .sidebar-footer
-  {
-    &:before
-    {
-      border-top: .0625rem solid $nav-footer-border-color;
-    }
-
-    a
-    {
-      color: $nav-footer-link-color;
-
-      &:active,
-      &:focus,
-      &:hover
-      {
-        color: $nav-footer-link-hover;
-      }
-    }
-  }
-}
+@include sidebar-color("light", (
+  "sidebar-bg-color": $bscolors-white,
+  "sidebar-btn-close-color": darken($bscolors-gray-400, 7%),
+  "sidebar-scrollbar": $bscolors-blue,
+  "sidebar-scrollbar-bg": $bscolors-gray-100,
+  "username-img-bg": $bscolors-gray-100,
+  "username-img-border": $bscolors-gray-400,
+  "username-text-color": $bscolors-gray-700,
+  "nav-group-active-bg-color": darken($bscolors-white, 5%),
+  "nav-link-level-1-color": $bscolors-gray-700,
+  "nav-link-level-1-hover": darken($bscolors-white, 7%),
+  "nav-link-level-2-color": lighten($bscolors-gray-700, 10%),
+  "nav-link-level-2-hover": $bscolors-blue,
+  "nav-footer-link-color": lighten($bscolors-gray-600, 10%),
+  "nav-footer-link-hover": $bscolors-blue
+));
diff --git a/src/scss/layout/sign/_page-sign.scss b/src/scss/layout/sign/_page-sign.scss
index 25fc6ff3..9fbcbe5c 100644
--- a/src/scss/layout/sign/_page-sign.scss
+++ b/src/scss/layout/sign/_page-sign.scss
@@ -1,16 +1,8 @@
 .page-sign
 {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -ms-flex-align: center;
-  -ms-flex-pack: center;
-  -webkit-box-align: center;
-  -webkit-box-pack: center;
-  align-items: center;
   justify-content: center;
   padding-top: 2.45rem;
   padding-bottom: 2.45rem;
+  @include crossbrowser-align-items(center);
+  @include crossbrowser-display-flex();
 }
diff --git a/src/scss/palette/_highlight-colors.scss b/src/scss/palette/_highlight-colors.scss
new file mode 100644
index 00000000..405f8b21
--- /dev/null
+++ b/src/scss/palette/_highlight-colors.scss
@@ -0,0 +1,8 @@
+$highlight-colors-attribute: #9cdcfe;
+$highlight-colors-class: #0a8;
+$highlight-colors-comment: #999;
+$highlight-colors-keyword: #569cd6;
+$highlight-colors-literal: #e8e8e8;
+$highlight-colors-namespace: #099;
+$highlight-colors-number: #d7ba7d;
+$highlight-colors-string: #ce9178;
diff --git a/src/scss/palette/_highlight.scss b/src/scss/palette/_highlight.scss
deleted file mode 100644
index cad8f39c..00000000
--- a/src/scss/palette/_highlight.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-$highlight-attribute: #9cdcfe;
-$highlight-class: #0a8;
-$highlight-comment: #999;
-$highlight-keyword: #569cd6;
-$highlight-number: #d7ba7d;
-$highlight-string: #ce9178;
-
-$highlight-html-meta: #099;
diff --git a/src/scss/utilities/_bs-media.scss b/src/scss/utilities/_bs-media.scss
index b7631029..2556da10 100644
--- a/src/scss/utilities/_bs-media.scss
+++ b/src/scss/utilities/_bs-media.scss
@@ -7,56 +7,56 @@ $lg-min: 992px;
 $lg-max: 1199.99px;
 $xl-min: 1200px;
 
-@mixin bsmedia-breakpoint-xs
+@mixin bsmedia-xs
 {
   @media (max-width: $xs-max) { @content; }
 }
 
-@mixin bsmedia-breakpoint-sm
+@mixin bsmedia-sm
 {
   @media (min-width: $sm-min) and (max-width: $sm-max) { @content; }
 }
 
-@mixin bsmedia-breakpoint-md
+@mixin bsmedia-md
 {
   @media (min-width: $md-min) and (max-width: $md-max) { @content; }
 }
 
-@mixin bsmedia-breakpoint-lg
+@mixin bsmedia-lg
 {
   @media (min-width: $lg-min) and (max-width: $lg-max) { @content; }
 }
 
-@mixin bsmedia-breakpoint-xl
+@mixin bsmedia-xl
 {
   @media (min-width: $xl-min) { @content; }
 }
 
-@mixin bsmedia-breakpoint-down-to-sm
+@mixin bsmedia-down-to-sm
 {
   @media (max-width: $sm-max) { @content; }
 }
 
-@mixin bsmedia-breakpoint-down-to-md
+@mixin bsmedia-down-to-md
 {
   @media (max-width: $md-max) { @content; }
 }
 
-@mixin bsmedia-breakpoint-down-to-lg
+@mixin bsmedia-down-to-lg
 {
   @media (max-width: $lg-max) { @content; }
 }
 
-@mixin bsmedia-breakpoint-up-to-sm
+@mixin bsmedia-up-to-sm
 {
   @media (min-width: $sm-min) { @content; }
 }
 
-@mixin bsmedia-breakpoint-up-to-md
+@mixin bsmedia-up-to-md
 {
   @media (min-width: $md-min) { @content; }
 }
-@mixin bsmedia-breakpoint-up-to-lg
+@mixin bsmedia-up-to-lg
 {
   @media (min-width: $lg-min) { @content; }
 }
diff --git a/src/scss/utilities/_cross-browser.scss b/src/scss/utilities/_cross-browser.scss
index 52b30cc2..9a06789b 100644
--- a/src/scss/utilities/_cross-browser.scss
+++ b/src/scss/utilities/_cross-browser.scss
@@ -1,3 +1,12 @@
+@mixin crossbrowser-align-items($align-items)
+{
+    -ms-flex-align: $align-items;
+    -ms-flex-pack: $align-items;
+    -webkit-box-align: $align-items;
+    -webkit-box-pack: $align-items;
+    align-items: $align-items;
+}
+
 @mixin crossbrowser-animation($animation)
 {
     -webkit-animation: $animation;
@@ -69,6 +78,24 @@
     #{$property}: calc(#{$calc});
 }
 
+@mixin crossbrowser-display-flex()
+{
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+}
+
+@mixin crossbrowser-display-inline-flex()
+{
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-inline-flexbox;
+    display: -webkit-inline-flex;
+    display: inline-flex;
+}
+
 @mixin crossbrowser-input-placeholder($color)
 {
     &::-webkit-input-placeholder