/*
Theme Name: appuccino Theme
Theme URI: https://www.appuccino.ch
Description: Integrated theme for application development.
Version: 2.1.0
Author: Mojosoft GmbH
Author URI: http://www.mojosoft.ch
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apc-theme-text
Update URL: https://www.appuccino.ch/wp-update/
*/
/*
* ***** DO NOT EDIT THIS FILE! *****
*
* Please make a Wordpress child theme and put your own styles in the style.css
* of this child theme. Changes to this file would be gone with the next theme
* update. Use the child theme template as a starting point.
*
* This theme uses a customized version of the Twitter Bootstrap theme.
* Recompile boostrap.less if you update the Bootstrap version!
*
*/
/* *** Fonts *** */
@font-face {
font-family: 'Open Sans';
src: url('./assets/OpenSans-Light.eot');
src: url('./assets/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
url('./assets/OpenSans-Light.woff') format('woff'),
url('./assets/OpenSans-Light.ttf') format('truetype'),
url('./assets/OpenSans-Light.svg#OpenSansLight') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('./assets/OpenSans-Regular.eot');
src: url('./assets/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('./assets/OpenSans-Regular.woff') format('woff'),
url('./assets/OpenSans-Regular.ttf') format('truetype'),
url('./fonts/OpenSans-Regular.svg#OpenSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('./assets/OpenSans-Italic.eot');
src: url('./assets/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
url('./assets/OpenSans-Italic.woff') format('woff'),
url('./assets/OpenSans-Italic.ttf') format('truetype'),
url('./assets/OpenSans-Italic.svg#OpenSansItalic') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url('./assets/OpenSans-Bold.eot');
src: url('./assets/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
url('./assets/OpenSans-Bold.woff') format('woff'),
url('./assets/OpenSans-Bold.ttf') format('truetype'),
url('./assets/OpenSans-Bold.svg#OpenSansBold') format('svg');
font-weight: bold;
font-style: normal;
}
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
}
*:focus {
outline: 0 !important;
}
/* Titles */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
line-height: 1.5em;
}
/*body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {*/
/*font-weight: 300;*/
/*line-height: 1.5em;*/
/*}*/
/*h1, .h1 {*/
/*font-size: 1.8em;*/
/*line-height: 1.15em;*/
/*}*/
/*h2, .h2 {*/
/*font-size: 1.6em;*/
/*}*/
/*h3, .h3 {*/
/*font-size: 1.4em;*/
/*line-height: 1.4em;*/
/*margin: 20px 0 10px;*/
/*}*/
/*h4, .h4 {*/
/*font-size: 1.2em;*/
/*line-height: 1.55em;*/
/*}*/
/*h5, .h5 {*/
/*font-size: 1em;*/
/*line-height: 1.55em;*/
/*margin-bottom: 15px;*/
/*}*/
/*h6, .h6 {*/
/*font-size: 0.9em;*/
/*text-transform: uppercase;*/
/*font-weight: 500;*/
/*}*/
h4, .h4 {
font-weight: 700;
}
h5, .h5 {
font-weight: 700;
}
h6, .h6 {
font-weight: 700;
}
.card-title,
.info-title,
.footer-brand,
.footer-big h5,
.footer-big h4,
.media .media-heading {
font-weight: 700;
}
.card-title,
.card-title a,
.info-title,
.info-title a,
.footer-brand,
.footer-brand a,
.footer-big h5,
.footer-big h5 a,
.footer-big h4,
.footer-big h4 a,
.media .media-heading,
.media .media-heading a {
color: #3C4858;
text-decoration: none;
}
/* Text */
.text-primary {
color: #4B4B4C;
}
.text-warning {
color: #f1c40f;
}
.text-danger {
color: #e74c3c;
}
.text-success {
color: #2ecc71;
}
.text-info {
color: #3498db;
}
.text-gray {
color: #999999;
}
.description,
.card-description,
.footer-big p {
color: #999999;
}
blockquote p {
font-style: italic;
}
legend {
border-bottom: 0;
}
@media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3 / 4), (min-device-pixel-ratio: 0.75), (min-resolution: 0.75dppx), (min-resolution: 120dpi) {
hr {
height: 0.75px;
}
}
@media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (min-resolution: 1dppx), (min-resolution: 160dpi) {
hr {
height: 1px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133 / 100), (min-device-pixel-ratio: 1.33), (min-resolution: 1.33dppx), (min-resolution: 213dpi) {
hr {
height: 1.333px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 240dpi) {
hr {
height: 1.5px;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2 / 1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 380dpi) {
hr {
height: 2px;
}
}
@media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3 / 1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx), (min-resolution: 480dpi) {
hr {
height: 3px;
}
}
@media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4 / 1), (min-device-pixel-ratio: 3), (min-resolution: 4dppx), (min-resolution: 640dpi) {
hr {
height: 4px;
}
}
/* *** Highlights *** */
::-moz-selection {
background: #e6e6e6;
}
::selection {
background: #e6e6e6;
}
/* *** Placeholders *** */
*::-webkit-input-placeholder,
input.form-control::-webkit-input-placeholder {
color: #d9d9d9;
}
*::-moz-placeholder,
input.form-control::-moz-placeholder {
color: #d9d9d9;
}
*:-ms-input-placeholder,
input.form-control:-ms-input-placeholder {
color: #d9d9d9;
}
/* *** Links *** */
a {
color: #0072C6;
text-decoration: none;
}
a:hover, a:focus {
color: #0095ff;
}
a:hover, a:focus, a:active {
text-decoration: none;
}
a:focus {
outline: none;
}
a.text-info:hover, a.text-info:focus {
color: #258cd1;
}
a .material-icons {
vertical-align: middle;
}
/* *** Buttons *** */
.btn,
.navbar .navbar-nav > li > a.btn {
position: relative;
text-transform: uppercase;
letter-spacing: 0;
will-change: box-shadow, transform;
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn::-moz-focus-inner,
.navbar .navbar-nav > li > a.btn::-moz-focus-inner {
border: 0;
}
.btn-link {
color: #247BA0;
}
.btn-link:hover {
color: #2fa0d0;
}
.btn.btn-default,
.navbar .navbar-nav > li > a.btn.btn-default {
background: transparent;
color: #9DA2A4;
border-color: #9DA2A4;
box-shadow: none;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .open > .btn.btn-default.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover,
.navbar .navbar-nav > li > a.btn.btn-default:hover,
.navbar .navbar-nav > li > a.btn.btn-default:focus,
.navbar .navbar-nav > li > a.btn.btn-default:active,
.navbar .navbar-nav > li > a.btn.btn-default.active,
.navbar .navbar-nav > li > a.btn.btn-default:active:focus,
.navbar .navbar-nav > li > a.btn.btn-default:active:hover,
.navbar .navbar-nav > li > a.btn.btn-default.active:focus,
.navbar .navbar-nav > li > a.btn.btn-default.active:hover, .open >
.navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle, .open >
.navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:focus, .open >
.navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:hover {
background-color: #9DA2A4;
border-color: #9DA2A4;
color: #FFFFFF;
}
.btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover,
.navbar .navbar-nav > li > a.btn.btn-default:focus,
.navbar .navbar-nav > li > a.btn.btn-default:active,
.navbar .navbar-nav > li > a.btn.btn-default:hover {
box-shadow: 0 14px 26px -12px rgba(157, 162, 164, 0.34), 0 4px 23px 0px rgba(157, 162, 164, 0.34), 0 8px 10px -5px rgba(157, 162, 164, 0.34);
}
.btn.btn-default.disabled, .btn.btn-default.disabled:hover, .btn.btn-default.disabled:focus, .btn.btn-default.disabled.focus, .btn.btn-default.disabled:active, .btn.btn-default.disabled.active, .btn.btn-default:disabled, .btn.btn-default:disabled:hover, .btn.btn-default:disabled:focus, .btn.btn-default:disabled.focus, .btn.btn-default:disabled:active, .btn.btn-default:disabled.active, .btn.btn-default[disabled], .btn.btn-default[disabled]:hover, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled].focus, .btn.btn-default[disabled]:active, .btn.btn-default[disabled].active, fieldset[disabled] .btn.btn-default, fieldset[disabled] .btn.btn-default:hover, fieldset[disabled] .btn.btn-default:focus, fieldset[disabled] .btn.btn-default.focus, fieldset[disabled] .btn.btn-default:active, fieldset[disabled] .btn.btn-default.active,
.navbar .navbar-nav > li > a.btn.btn-default.disabled,
.navbar .navbar-nav > li > a.btn.btn-default.disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-default.disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-default.disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-default.disabled:active,
.navbar .navbar-nav > li > a.btn.btn-default.disabled.active,
.navbar .navbar-nav > li > a.btn.btn-default:disabled,
.navbar .navbar-nav > li > a.btn.btn-default:disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-default:disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-default:disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-default:disabled:active,
.navbar .navbar-nav > li > a.btn.btn-default:disabled.active,
.navbar .navbar-nav > li > a.btn.btn-default[disabled],
.navbar .navbar-nav > li > a.btn.btn-default[disabled]:hover,
.navbar .navbar-nav > li > a.btn.btn-default[disabled]:focus,
.navbar .navbar-nav > li > a.btn.btn-default[disabled].focus,
.navbar .navbar-nav > li > a.btn.btn-default[disabled]:active,
.navbar .navbar-nav > li > a.btn.btn-default[disabled].active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-default, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-default:hover, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-default:focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-default.focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-default:active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-default.active {
color: #bbb;
background: transparent;
box-shadow: none;
}
.btn, .btn.btn-primary,
.navbar .navbar-nav > li > a.btn, .navbar .navbar-nav > li > a.btn.btn-primary {
box-shadow: 0 2px 2px 0 rgba(157, 162, 164, 0.34), 0 3px 1px -2px rgba(157, 162, 164, 0.4), 0 1px 5px 0 rgba(157, 162, 164, 0.34);
}
.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover,
.btn.btn:focus, .btn.btn:active, .btn.btn:hover,
.navbar .navbar-nav > li > a.btn:focus,
.navbar .navbar-nav > li > a.btn:active,
.navbar .navbar-nav > li > a.btn:hover,
.navbar .navbar-nav > li > a.btn.btn-primary:focus,
.navbar .navbar-nav > li > a.btn.btn-primary:active,
.navbar .navbar-nav > li > a.btn.btn-primary:hover {
box-shadow: 0 14px 26px -12px rgba(157, 162, 164, 0.34), 0 4px 23px 0px rgba(157, 162, 164, 0.34), 0 8px 10px -5px rgba(157, 162, 164, 0.34);
}
.btn.btn-primary.disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary.disabled:active, .btn.btn-primary.disabled.active, .btn.btn-primary:disabled, .btn.btn-primary:disabled:hover, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus, .btn.btn-primary:disabled:active, .btn.btn-primary:disabled.active, .btn.btn-primary[disabled], .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled].focus, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled].active, fieldset[disabled] .btn.btn-primary, fieldset[disabled] .btn.btn-primary:hover, fieldset[disabled] .btn.btn-primary:focus, fieldset[disabled] .btn.btn-primary.focus, fieldset[disabled] .btn.btn-primary:active, fieldset[disabled] .btn.btn-primary.active,
.navbar .navbar-nav > li > a.btn.btn-primary.disabled,
.navbar .navbar-nav > li > a.btn.btn-primary.disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-primary.disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-primary.disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-primary.disabled:active,
.navbar .navbar-nav > li > a.btn.btn-primary.disabled.active,
.navbar .navbar-nav > li > a.btn.btn-primary:disabled,
.navbar .navbar-nav > li > a.btn.btn-primary:disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-primary:disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-primary:disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-primary:disabled:active,
.navbar .navbar-nav > li > a.btn.btn-primary:disabled.active,
.navbar .navbar-nav > li > a.btn.btn-primary[disabled],
.navbar .navbar-nav > li > a.btn.btn-primary[disabled]:hover,
.navbar .navbar-nav > li > a.btn.btn-primary[disabled]:focus,
.navbar .navbar-nav > li > a.btn.btn-primary[disabled].focus,
.navbar .navbar-nav > li > a.btn.btn-primary[disabled]:active,
.navbar .navbar-nav > li > a.btn.btn-primary[disabled].active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-primary, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-primary:hover, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-primary:focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-primary.focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-primary:active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-primary.active {
box-shadow: none;
}
.btn.btn-info,
.navbar .navbar-nav > li > a.btn.btn-info {
border-color: #3498db;
box-shadow: 0 2px 2px 0 rgba(52, 152, 219, 0.14), 0 3px 1px -2px rgba(52, 152, 219, 0.2), 0 1px 5px 0 rgba(52, 152, 219, 0.12);
}
.btn.btn-info, .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info:active:focus, .btn.btn-info:active:hover, .btn.btn-info.active:focus, .btn.btn-info.active:hover, .open > .btn.btn-info.dropdown-toggle, .open > .btn.btn-info.dropdown-toggle:focus, .open > .btn.btn-info.dropdown-toggle:hover,
.navbar .navbar-nav > li > a.btn.btn-info,
.navbar .navbar-nav > li > a.btn.btn-info:hover,
.navbar .navbar-nav > li > a.btn.btn-info:focus,
.navbar .navbar-nav > li > a.btn.btn-info:active,
.navbar .navbar-nav > li > a.btn.btn-info.active,
.navbar .navbar-nav > li > a.btn.btn-info:active:focus,
.navbar .navbar-nav > li > a.btn.btn-info:active:hover,
.navbar .navbar-nav > li > a.btn.btn-info.active:focus,
.navbar .navbar-nav > li > a.btn.btn-info.active:hover, .open >
.navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, .open >
.navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, .open >
.navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover {
background-color: #3498db;
border-color: #3498db;
color: #FFFFFF;
}
.btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:hover,
.navbar .navbar-nav > li > a.btn.btn-info:focus,
.navbar .navbar-nav > li > a.btn.btn-info:active,
.navbar .navbar-nav > li > a.btn.btn-info:hover {
box-shadow: 0 14px 26px -12px rgba(52, 152, 219, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 152, 219, 0.2);
}
.btn.btn-info.disabled, .btn.btn-info.disabled:hover, .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info.disabled:active, .btn.btn-info.disabled.active, .btn.btn-info:disabled, .btn.btn-info:disabled:hover, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus, .btn.btn-info:disabled:active, .btn.btn-info:disabled.active, .btn.btn-info[disabled], .btn.btn-info[disabled]:hover, .btn.btn-info[disabled]:focus, .btn.btn-info[disabled].focus, .btn.btn-info[disabled]:active, .btn.btn-info[disabled].active, fieldset[disabled] .btn.btn-info, fieldset[disabled] .btn.btn-info:hover, fieldset[disabled] .btn.btn-info:focus, fieldset[disabled] .btn.btn-info.focus, fieldset[disabled] .btn.btn-info:active, fieldset[disabled] .btn.btn-info.active,
.navbar .navbar-nav > li > a.btn.btn-info.disabled,
.navbar .navbar-nav > li > a.btn.btn-info.disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-info.disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-info.disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-info.disabled:active,
.navbar .navbar-nav > li > a.btn.btn-info.disabled.active,
.navbar .navbar-nav > li > a.btn.btn-info:disabled,
.navbar .navbar-nav > li > a.btn.btn-info:disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-info:disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-info:disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-info:disabled:active,
.navbar .navbar-nav > li > a.btn.btn-info:disabled.active,
.navbar .navbar-nav > li > a.btn.btn-info[disabled],
.navbar .navbar-nav > li > a.btn.btn-info[disabled]:hover,
.navbar .navbar-nav > li > a.btn.btn-info[disabled]:focus,
.navbar .navbar-nav > li > a.btn.btn-info[disabled].focus,
.navbar .navbar-nav > li > a.btn.btn-info[disabled]:active,
.navbar .navbar-nav > li > a.btn.btn-info[disabled].active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-info, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-info:hover, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-info:focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-info.focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-info:active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-info.active {
box-shadow: none;
}
.btn.btn-info.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-info.btn-simple {
background-color: transparent;
color: #3498db;
box-shadow: none;
}
.btn.btn-info.btn-simple:hover, .btn.btn-info.btn-simple:focus, .btn.btn-info.btn-simple:active,
.navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover,
.navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus,
.navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active {
background-color: transparent;
color: #3498db;
}
.btn.btn-success,
.navbar .navbar-nav > li > a.btn.btn-success {
border-color: #2ecc71;
box-shadow: 0 2px 2px 0 rgba(46, 204, 113, 0.14), 0 3px 1px -2px rgba(46, 204, 113, 0.2), 0 1px 5px 0 rgba(46, 204, 113, 0.12);
}
.btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:active:focus, .btn.btn-success:active:hover, .btn.btn-success.active:focus, .btn.btn-success.active:hover, .open > .btn.btn-success.dropdown-toggle, .open > .btn.btn-success.dropdown-toggle:focus, .open > .btn.btn-success.dropdown-toggle:hover,
.navbar .navbar-nav > li > a.btn.btn-success,
.navbar .navbar-nav > li > a.btn.btn-success:hover,
.navbar .navbar-nav > li > a.btn.btn-success:focus,
.navbar .navbar-nav > li > a.btn.btn-success:active,
.navbar .navbar-nav > li > a.btn.btn-success.active,
.navbar .navbar-nav > li > a.btn.btn-success:active:focus,
.navbar .navbar-nav > li > a.btn.btn-success:active:hover,
.navbar .navbar-nav > li > a.btn.btn-success.active:focus,
.navbar .navbar-nav > li > a.btn.btn-success.active:hover, .open >
.navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle, .open >
.navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus, .open >
.navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover {
background-color: #2ecc71;
border-color: #2ecc71;
color: #FFFFFF;
}
.btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover,
.navbar .navbar-nav > li > a.btn.btn-success:focus,
.navbar .navbar-nav > li > a.btn.btn-success:active,
.navbar .navbar-nav > li > a.btn.btn-success:hover {
box-shadow: 0 14px 26px -12px rgba(46, 204, 113, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(46, 204, 113, 0.2);
}
.btn.btn-success.disabled, .btn.btn-success.disabled:hover, .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success.disabled:active, .btn.btn-success.disabled.active, .btn.btn-success:disabled, .btn.btn-success:disabled:hover, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus, .btn.btn-success:disabled:active, .btn.btn-success:disabled.active, .btn.btn-success[disabled], .btn.btn-success[disabled]:hover, .btn.btn-success[disabled]:focus, .btn.btn-success[disabled].focus, .btn.btn-success[disabled]:active, .btn.btn-success[disabled].active, fieldset[disabled] .btn.btn-success, fieldset[disabled] .btn.btn-success:hover, fieldset[disabled] .btn.btn-success:focus, fieldset[disabled] .btn.btn-success.focus, fieldset[disabled] .btn.btn-success:active, fieldset[disabled] .btn.btn-success.active,
.navbar .navbar-nav > li > a.btn.btn-success.disabled,
.navbar .navbar-nav > li > a.btn.btn-success.disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-success.disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-success.disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-success.disabled:active,
.navbar .navbar-nav > li > a.btn.btn-success.disabled.active,
.navbar .navbar-nav > li > a.btn.btn-success:disabled,
.navbar .navbar-nav > li > a.btn.btn-success:disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-success:disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-success:disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-success:disabled:active,
.navbar .navbar-nav > li > a.btn.btn-success:disabled.active,
.navbar .navbar-nav > li > a.btn.btn-success[disabled],
.navbar .navbar-nav > li > a.btn.btn-success[disabled]:hover,
.navbar .navbar-nav > li > a.btn.btn-success[disabled]:focus,
.navbar .navbar-nav > li > a.btn.btn-success[disabled].focus,
.navbar .navbar-nav > li > a.btn.btn-success[disabled]:active,
.navbar .navbar-nav > li > a.btn.btn-success[disabled].active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-success, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-success:hover, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-success:focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-success.focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-success:active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-success.active {
box-shadow: none;
}
.btn.btn-success.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-success.btn-simple {
background-color: transparent;
color: #2ecc71;
box-shadow: none;
}
.btn.btn-success.btn-simple:hover, .btn.btn-success.btn-simple:focus, .btn.btn-success.btn-simple:active,
.navbar .navbar-nav > li > a.btn.btn-success.btn-simple:hover,
.navbar .navbar-nav > li > a.btn.btn-success.btn-simple:focus,
.navbar .navbar-nav > li > a.btn.btn-success.btn-simple:active {
background-color: transparent;
color: #2ecc71;
}
.btn.btn-warning,
.navbar .navbar-nav > li > a.btn.btn-warning {
border-color: #f1c40f;
box-shadow: 0 2px 2px 0 rgba(241, 196, 15, 0.14), 0 3px 1px -2px rgba(241, 196, 15, 0.2), 0 1px 5px 0 rgba(241, 196, 15, 0.12);
}
.btn.btn-warning, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning:active:focus, .btn.btn-warning:active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active:hover, .open > .btn.btn-warning.dropdown-toggle, .open > .btn.btn-warning.dropdown-toggle:focus, .open > .btn.btn-warning.dropdown-toggle:hover,
.navbar .navbar-nav > li > a.btn.btn-warning,
.navbar .navbar-nav > li > a.btn.btn-warning:hover,
.navbar .navbar-nav > li > a.btn.btn-warning:focus,
.navbar .navbar-nav > li > a.btn.btn-warning:active,
.navbar .navbar-nav > li > a.btn.btn-warning.active,
.navbar .navbar-nav > li > a.btn.btn-warning:active:focus,
.navbar .navbar-nav > li > a.btn.btn-warning:active:hover,
.navbar .navbar-nav > li > a.btn.btn-warning.active:focus,
.navbar .navbar-nav > li > a.btn.btn-warning.active:hover, .open >
.navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle, .open >
.navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus, .open >
.navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover {
background-color: #f1c40f;
border-color: #f1c40f;
color: #FFFFFF;
}
.btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:hover,
.navbar .navbar-nav > li > a.btn.btn-warning:focus,
.navbar .navbar-nav > li > a.btn.btn-warning:active,
.navbar .navbar-nav > li > a.btn.btn-warning:hover {
box-shadow: 0 14px 26px -12px rgba(241, 196, 15, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(241, 196, 15, 0.2);
}
.btn.btn-warning.disabled, .btn.btn-warning.disabled:hover, .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning.disabled:active, .btn.btn-warning.disabled.active, .btn.btn-warning:disabled, .btn.btn-warning:disabled:hover, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus, .btn.btn-warning:disabled:active, .btn.btn-warning:disabled.active, .btn.btn-warning[disabled], .btn.btn-warning[disabled]:hover, .btn.btn-warning[disabled]:focus, .btn.btn-warning[disabled].focus, .btn.btn-warning[disabled]:active, .btn.btn-warning[disabled].active, fieldset[disabled] .btn.btn-warning, fieldset[disabled] .btn.btn-warning:hover, fieldset[disabled] .btn.btn-warning:focus, fieldset[disabled] .btn.btn-warning.focus, fieldset[disabled] .btn.btn-warning:active, fieldset[disabled] .btn.btn-warning.active,
.navbar .navbar-nav > li > a.btn.btn-warning.disabled,
.navbar .navbar-nav > li > a.btn.btn-warning.disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-warning.disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-warning.disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-warning.disabled:active,
.navbar .navbar-nav > li > a.btn.btn-warning.disabled.active,
.navbar .navbar-nav > li > a.btn.btn-warning:disabled,
.navbar .navbar-nav > li > a.btn.btn-warning:disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-warning:disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-warning:disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-warning:disabled:active,
.navbar .navbar-nav > li > a.btn.btn-warning:disabled.active,
.navbar .navbar-nav > li > a.btn.btn-warning[disabled],
.navbar .navbar-nav > li > a.btn.btn-warning[disabled]:hover,
.navbar .navbar-nav > li > a.btn.btn-warning[disabled]:focus,
.navbar .navbar-nav > li > a.btn.btn-warning[disabled].focus,
.navbar .navbar-nav > li > a.btn.btn-warning[disabled]:active,
.navbar .navbar-nav > li > a.btn.btn-warning[disabled].active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-warning, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-warning:hover, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-warning:focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-warning.focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-warning:active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-warning.active {
box-shadow: none;
}
.btn.btn-warning.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple {
background-color: transparent;
color: #f1c40f;
box-shadow: none;
}
.btn.btn-warning.btn-simple:hover, .btn.btn-warning.btn-simple:focus, .btn.btn-warning.btn-simple:active,
.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:hover,
.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:focus,
.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:active {
background-color: transparent;
color: #f1c40f;
}
.btn.btn-danger,
.navbar .navbar-nav > li > a.btn.btn-danger {
border-color: #e74c3c;
box-shadow: 0 2px 2px 0 rgba(231, 76, 60, 0.14), 0 3px 1px -2px rgba(231, 76, 60, 0.2), 0 1px 5px 0 rgba(231, 76, 60, 0.12);
}
.btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover,
.navbar .navbar-nav > li > a.btn.btn-danger,
.navbar .navbar-nav > li > a.btn.btn-danger:hover,
.navbar .navbar-nav > li > a.btn.btn-danger:focus,
.navbar .navbar-nav > li > a.btn.btn-danger:active,
.navbar .navbar-nav > li > a.btn.btn-danger.active,
.navbar .navbar-nav > li > a.btn.btn-danger:active:focus,
.navbar .navbar-nav > li > a.btn.btn-danger:active:hover,
.navbar .navbar-nav > li > a.btn.btn-danger.active:focus,
.navbar .navbar-nav > li > a.btn.btn-danger.active:hover, .open >
.navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle, .open >
.navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus, .open >
.navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover {
background-color: #e74c3c;
border-color: #e74c3c;
color: #FFFFFF;
}
.btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover,
.navbar .navbar-nav > li > a.btn.btn-danger:focus,
.navbar .navbar-nav > li > a.btn.btn-danger:active,
.navbar .navbar-nav > li > a.btn.btn-danger:hover {
box-shadow: 0 14px 26px -12px rgba(231, 76, 60, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(231, 76, 60, 0.2);
}
.btn.btn-danger.disabled, .btn.btn-danger.disabled:hover, .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger.disabled:active, .btn.btn-danger.disabled.active, .btn.btn-danger:disabled, .btn.btn-danger:disabled:hover, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus, .btn.btn-danger:disabled:active, .btn.btn-danger:disabled.active, .btn.btn-danger[disabled], .btn.btn-danger[disabled]:hover, .btn.btn-danger[disabled]:focus, .btn.btn-danger[disabled].focus, .btn.btn-danger[disabled]:active, .btn.btn-danger[disabled].active, fieldset[disabled] .btn.btn-danger, fieldset[disabled] .btn.btn-danger:hover, fieldset[disabled] .btn.btn-danger:focus, fieldset[disabled] .btn.btn-danger.focus, fieldset[disabled] .btn.btn-danger:active, fieldset[disabled] .btn.btn-danger.active,
.navbar .navbar-nav > li > a.btn.btn-danger.disabled,
.navbar .navbar-nav > li > a.btn.btn-danger.disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-danger.disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-danger.disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-danger.disabled:active,
.navbar .navbar-nav > li > a.btn.btn-danger.disabled.active,
.navbar .navbar-nav > li > a.btn.btn-danger:disabled,
.navbar .navbar-nav > li > a.btn.btn-danger:disabled:hover,
.navbar .navbar-nav > li > a.btn.btn-danger:disabled:focus,
.navbar .navbar-nav > li > a.btn.btn-danger:disabled.focus,
.navbar .navbar-nav > li > a.btn.btn-danger:disabled:active,
.navbar .navbar-nav > li > a.btn.btn-danger:disabled.active,
.navbar .navbar-nav > li > a.btn.btn-danger[disabled],
.navbar .navbar-nav > li > a.btn.btn-danger[disabled]:hover,
.navbar .navbar-nav > li > a.btn.btn-danger[disabled]:focus,
.navbar .navbar-nav > li > a.btn.btn-danger[disabled].focus,
.navbar .navbar-nav > li > a.btn.btn-danger[disabled]:active,
.navbar .navbar-nav > li > a.btn.btn-danger[disabled].active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-danger, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-danger:hover, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-danger:focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-danger.focus, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-danger:active, fieldset[disabled]
.navbar .navbar-nav > li > a.btn.btn-danger.active {
box-shadow: none;
}
.btn.btn-danger.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-danger.btn-simple {
background-color: transparent;
color: #e74c3c;
box-shadow: none;
}
.btn.btn-danger.btn-simple:hover, .btn.btn-danger.btn-simple:focus, .btn.btn-danger.btn-simple:active,
.navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:hover,
.navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:focus,
.navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:active {
background-color: transparent;
color: #e74c3c;
}
.btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover,
.navbar .navbar-nav > li > a.btn.btn-white,
.navbar .navbar-nav > li > a.btn.btn-white:focus,
.navbar .navbar-nav > li > a.btn.btn-white:hover {
background-color: #FFFFFF;
color: #999999;
}
.btn.btn-white.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-white.btn-simple {
color: #FFFFFF;
background: transparent;
box-shadow: none;
}
.btn.btn-facebook,
.navbar .navbar-nav > li > a.btn.btn-facebook {
background-color: #3b5998;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
}
.btn.btn-facebook:focus, .btn.btn-facebook:active, .btn.btn-facebook:hover,
.navbar .navbar-nav > li > a.btn.btn-facebook:focus,
.navbar .navbar-nav > li > a.btn.btn-facebook:active,
.navbar .navbar-nav > li > a.btn.btn-facebook:hover {
background-color: #3b5998;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
}
.btn.btn-facebook.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple {
color: #3b5998;
background-color: transparent;
box-shadow: none;
}
.btn.btn-twitter,
.navbar .navbar-nav > li > a.btn.btn-twitter {
background-color: #55acee;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
}
.btn.btn-twitter:focus, .btn.btn-twitter:active, .btn.btn-twitter:hover,
.navbar .navbar-nav > li > a.btn.btn-twitter:focus,
.navbar .navbar-nav > li > a.btn.btn-twitter:active,
.navbar .navbar-nav > li > a.btn.btn-twitter:hover {
background-color: #55acee;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
}
.btn.btn-twitter.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple {
color: #55acee;
background-color: transparent;
box-shadow: none;
}
.btn.btn-pinterest,
.navbar .navbar-nav > li > a.btn.btn-pinterest {
background-color: #cc2127;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
}
.btn.btn-pinterest:focus, .btn.btn-pinterest:active, .btn.btn-pinterest:hover,
.navbar .navbar-nav > li > a.btn.btn-pinterest:focus,
.navbar .navbar-nav > li > a.btn.btn-pinterest:active,
.navbar .navbar-nav > li > a.btn.btn-pinterest:hover {
background-color: #cc2127;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
}
.btn.btn-pinterest.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple {
color: #cc2127;
background-color: transparent;
box-shadow: none;
}
.btn.btn-google,
.navbar .navbar-nav > li > a.btn.btn-google {
background-color: #dd4b39;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
}
.btn.btn-google:focus, .btn.btn-google:active, .btn.btn-google:hover,
.navbar .navbar-nav > li > a.btn.btn-google:focus,
.navbar .navbar-nav > li > a.btn.btn-google:active,
.navbar .navbar-nav > li > a.btn.btn-google:hover {
background-color: #dd4b39;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
}
.btn.btn-google.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-google.btn-simple {
color: #dd4b39;
background-color: transparent;
box-shadow: none;
}
.btn.btn-linkedin,
.navbar .navbar-nav > li > a.btn.btn-linkedin {
background-color: #0976b4;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
}
.btn.btn-linkedin:focus, .btn.btn-linkedin:active, .btn.btn-linkedin:hover,
.navbar .navbar-nav > li > a.btn.btn-linkedin:focus,
.navbar .navbar-nav > li > a.btn.btn-linkedin:active,
.navbar .navbar-nav > li > a.btn.btn-linkedin:hover {
background-color: #0976b4;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
}
.btn.btn-linkedin.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple {
color: #0976b4;
background-color: transparent;
box-shadow: none;
}
.btn.btn-dribbble,
.navbar .navbar-nav > li > a.btn.btn-dribbble {
background-color: #ea4c89;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
}
.btn.btn-dribbble:focus, .btn.btn-dribbble:active, .btn.btn-dribbble:hover,
.navbar .navbar-nav > li > a.btn.btn-dribbble:focus,
.navbar .navbar-nav > li > a.btn.btn-dribbble:active,
.navbar .navbar-nav > li > a.btn.btn-dribbble:hover {
background-color: #ea4c89;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
}
.btn.btn-dribbble.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple {
color: #ea4c89;
background-color: transparent;
box-shadow: none;
}
.btn.btn-github,
.navbar .navbar-nav > li > a.btn.btn-github {
background-color: #333333;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
}
.btn.btn-github:focus, .btn.btn-github:active, .btn.btn-github:hover,
.navbar .navbar-nav > li > a.btn.btn-github:focus,
.navbar .navbar-nav > li > a.btn.btn-github:active,
.navbar .navbar-nav > li > a.btn.btn-github:hover {
background-color: #333333;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
}
.btn.btn-github.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-github.btn-simple {
color: #333333;
background-color: transparent;
box-shadow: none;
}
.btn.btn-youtube,
.navbar .navbar-nav > li > a.btn.btn-youtube {
background-color: #e52d27;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
}
.btn.btn-youtube:focus, .btn.btn-youtube:active, .btn.btn-youtube:hover,
.navbar .navbar-nav > li > a.btn.btn-youtube:focus,
.navbar .navbar-nav > li > a.btn.btn-youtube:active,
.navbar .navbar-nav > li > a.btn.btn-youtube:hover {
background-color: #e52d27;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
}
.btn.btn-youtube.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple {
color: #e52d27;
background-color: transparent;
box-shadow: none;
}
.btn.btn-instagram,
.navbar .navbar-nav > li > a.btn.btn-instagram {
background-color: #125688;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
}
.btn.btn-instagram:focus, .btn.btn-instagram:active, .btn.btn-instagram:hover,
.navbar .navbar-nav > li > a.btn.btn-instagram:focus,
.navbar .navbar-nav > li > a.btn.btn-instagram:active,
.navbar .navbar-nav > li > a.btn.btn-instagram:hover {
background-color: #125688;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
}
.btn.btn-instagram.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple {
color: #125688;
background-color: transparent;
box-shadow: none;
}
.btn.btn-reddit,
.navbar .navbar-nav > li > a.btn.btn-reddit {
background-color: #ff4500;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
}
.btn.btn-reddit:focus, .btn.btn-reddit:active, .btn.btn-reddit:hover,
.navbar .navbar-nav > li > a.btn.btn-reddit:focus,
.navbar .navbar-nav > li > a.btn.btn-reddit:active,
.navbar .navbar-nav > li > a.btn.btn-reddit:hover {
background-color: #ff4500;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
}
.btn.btn-reddit.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple {
color: #ff4500;
background-color: transparent;
box-shadow: none;
}
.btn.btn-tumblr,
.navbar .navbar-nav > li > a.btn.btn-tumblr {
background-color: #35465c;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
}
.btn.btn-tumblr:focus, .btn.btn-tumblr:active, .btn.btn-tumblr:hover,
.navbar .navbar-nav > li > a.btn.btn-tumblr:focus,
.navbar .navbar-nav > li > a.btn.btn-tumblr:active,
.navbar .navbar-nav > li > a.btn.btn-tumblr:hover {
background-color: #35465c;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
}
.btn.btn-tumblr.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple {
color: #35465c;
background-color: transparent;
box-shadow: none;
}
.btn.btn-behance,
.navbar .navbar-nav > li > a.btn.btn-behance {
background-color: #1769ff;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
}
.btn.btn-behance:focus, .btn.btn-behance:active, .btn.btn-behance:hover,
.navbar .navbar-nav > li > a.btn.btn-behance:focus,
.navbar .navbar-nav > li > a.btn.btn-behance:active,
.navbar .navbar-nav > li > a.btn.btn-behance:hover {
background-color: #1769ff;
color: #fff;
box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}
.btn.btn-behance.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-behance.btn-simple {
color: #1769ff;
background-color: transparent;
box-shadow: none;
}
.btn:focus, .btn:active, .btn:active:focus,
.navbar .navbar-nav > li > a.btn:focus,
.navbar .navbar-nav > li > a.btn:active,
.navbar .navbar-nav > li > a.btn:active:focus {
outline: 0;
}
.btn.btn-round,
.navbar .navbar-nav > li > a.btn.btn-round {
border-radius: 30px;
}
.btn-toolbar .btn-group a {
padding: 10px 15px;
}
.btn-toolbar .btn-group a .fa {
font-size: 18px;
}
/* *** Floating Buttons *** */
.btn.btn-fab,
.navbar .navbar-nav > li > a.btn.btn-fab {
border: none;
border-radius: 50%;
font-size: 24px;
height: 56px;
margin: auto;
min-width: 56px;
width: 56px;
padding: 0;
overflow: hidden;
position: relative;
line-height: normal;
}
.btn.btn-fab .ripple-container,
.navbar .navbar-nav > li > a.btn.btn-fab .ripple-container {
border-radius: 50%;
}
.btn.btn-fab.btn-fab-mini, .btn-group-sm .btn.btn-fab,
.navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini, .btn-group-sm
.navbar .navbar-nav > li > a.btn.btn-fab {
height: 40px;
min-width: 40px;
width: 40px;
}
.btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .btn.btn-fab.material-icons,
.navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm
.navbar .navbar-nav > li > a.btn.btn-fab.material-icons {
top: -3.5px;
left: -3.5px;
}
.btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .btn.btn-fab .material-icons,
.navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm
.navbar .navbar-nav > li > a.btn.btn-fab .material-icons {
font-size: 20px;
transform: translate(-10px, -10px);
line-height: 20px;
height: 20px;
width: 20px;
}
.btn.btn-fab i.material-icons, .btn.btn-fab i.fa,
.navbar .navbar-nav > li > a.btn.btn-fab i.material-icons,
.navbar .navbar-nav > li > a.btn.btn-fab i.fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-12px, -12px);
line-height: 24px;
width: 24px;
font-size: 24px;
}
.btn.btn-just-icon,
.navbar .navbar-nav > li > a.btn.btn-just-icon {
font-size: 20px;
padding: 12px 12px;
line-height: 1em;
border: none;
}
.btn.btn-just-icon i,
.navbar .navbar-nav > li > a.btn.btn-just-icon i {
width: 20px;
}
.btn.btn-just-icon.btn-lg,
.navbar .navbar-nav > li > a.btn.btn-just-icon.btn-lg {
font-size: 22px;
padding: 13px 18px;
}
.btn .material-icons {
vertical-align: middle;
font-size: 17px;
top: -1px;
position: relative;
}
.btn-simple {
border: none;
box-shadow: none;
}
.navbar .navbar-nav > li > a.btn {
margin-top: 2px;
margin-bottom: 2px;
}
.navbar .navbar-nav > li > a.btn.btn-fab {
margin: 5px 2px;
}
.navbar .navbar-nav > li > a:not(.btn) .material-icons {
margin-top: -3px;
top: 0px;
position: relative;
margin-right: 3px;
}
.navbar .navbar-nav > li > .profile-photo {
margin: 5px 2px;
}
.navbar-default:not(.navbar-transparent) .navbar-nav > li > a.btn.btn-white.btn-simple {
color: #555555;
}
.btn-group.open > .dropdown-toggle.btn, .btn-group.open > .dropdown-toggle.btn.btn-default,
.btn-group-vertical.open > .dropdown-toggle.btn,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-default {
background-color: #FFFFFF;
}
.btn-group.open > .dropdown-toggle.btn.btn-inverse,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse {
background-color: #212121;
}
.btn-group.open > .dropdown-toggle.btn.btn-primary,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-primary {
background-color: #4B4B4C;
}
.btn-group.open > .dropdown-toggle.btn.btn-success,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-success {
background-color: #2ecc71;
}
.btn-group.open > .dropdown-toggle.btn.btn-info,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-info {
background-color: #3498db;
}
.btn-group.open > .dropdown-toggle.btn.btn-warning,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-warning {
background-color: #f1c40f;
}
.btn-group.open > .dropdown-toggle.btn.btn-danger,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-danger {
background-color: #e74c3c;
}
.btn-group.btn-group-raised,
.btn-group-vertical.btn-group-raised {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.btn-group.open > .dropdown-toggle.btn.btn-default,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-default {
background-color: transparent;
}
.btn span {
padding-left: 5px;
}
.btn.btn-xs span {
padding-left: 3px;
}
.btn-group span {
padding-left: 5px;
}
.btn-group.btn-group-xs span {
padding-left: 3px;
}
/* *** Toggle Buttons *** */
.togglebutton {
vertical-align: middle;
}
.togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle {
user-select: none;
}
.togglebutton label {
cursor: pointer;
color: rgba(0, 0, 0, 0.26);
}
.togglebutton label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
.togglebutton label .toggle {
text-align: left;
margin-left: 5px;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
content: "";
display: inline-block;
width: 30px;
height: 15px;
background-color: rgba(80, 80, 80, 0.7);
border-radius: 15px;
margin-right: 15px;
transition: background 0.3s ease;
vertical-align: middle;
}
.togglebutton label .toggle:after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #FFFFFF;
border-radius: 20px;
position: relative;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -5px;
top: -3px;
border: 1px solid rgba(0, 0, 0, .54);
transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
left: 15px;
}
.togglebutton label input[type=checkbox]:checked + .toggle {
background-color: #2ecc71;
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
border-color: #4B4B4C;
}
.togglebutton label input[type=checkbox]:checked + .toggle:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(52, 73, 94, 0.1);
}
/* *** Checkboxes and Radios *** */
.radio label, label.radio-inline, .checkbox label, label.checkbox-inline {
font-size: 14px !important;
line-height: 14px !important;
}
.checkbox label, .checkbox-inline label {
cursor: pointer;
padding-left: 0;
color: rgba(0, 0, 0, 0.26);
}
label.checkbox-inline {
display: inline !important;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
opacity: 0;
position: absolute;
margin: 0;
z-index: -1;
width: 0;
height: 0;
overflow: hidden;
left: 0;
pointer-events: none;
}
.checkbox .checkbox-material, .checkbox-inline .checkbox-material {
vertical-align: middle;
position: relative;
/*top: 1px;*/
padding-right: 5px;
display: inline-block;
}
.checkbox .checkbox-material:before, .checkbox-inline .checkbox-material:before {
display: block;
position: absolute;
left: 0;
content: "";
background-color: rgba(0, 0, 0, 0.84);
height: 15px;
width: 15px;
border-radius: 100%;
z-index: 1;
opacity: 0;
margin: 0;
top: 0;
transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check, .checkbox-inline .checkbox-material .check {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
border: 1px solid rgba(0, 0, 0, .54);
overflow: hidden;
z-index: 1;
border-radius: 0;
margin-right: 5px;
}
.checkbox .checkbox-material .check:before, .checkbox-inline .checkbox-material .check:before {
position: absolute;
content: "";
transform: rotate(45deg);
display: block;
margin-top: -5px;
margin-left: 5px;
width: 0;
height: 0;
/*box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;*/
animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after, .checkbox-inline input[type=checkbox]:focus + .checkbox-material .check:after {
opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check, .checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
background: #247BA0;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before, .checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before {
color: #FFFFFF;
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before, .checkbox-inline input[type=checkbox]:checked + .checkbox-material:before {
animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after, .checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:after {
animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before, .checkbox-inline input[type=checkbox]:not(:checked) + .checkbox-material:before {
animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after, .checkbox-inline input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox-inline input[type=checkbox],
.checkbox-inline input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox-inline input[type=checkbox][disabled] + .circle {
opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check, .checkbox-inline input[type=checkbox][disabled] ~ .checkbox-material .check {
border-color: #000000;
opacity: .26;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after, .checkbox-inline input[type=checkbox][disabled] + .checkbox-material .check:after {
background-color: rgba(0, 0, 0, 0.87);
transform: rotate(-45deg);
}
.checkbox label, label.checkbox-inline {
font-size: 14px;
line-height: 14px;
text-transform: none;
color: #333;
padding-left: 0;
padding-right: 20px;
}
@keyframes checkbox-on {
0% {
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
}
50% {
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
}
100% {
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
}
}
@keyframes rippleOn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}
@keyframes rippleOff {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}
.radio label, label.radio-inline {
cursor: pointer;
padding-left: 30px;
position: relative;
color: rgba(0, 0, 0, 0.26);
line-height: 22px;
color: #333;
padding-right: 20px;
text-transform: none;
}
label.radio-inline {
display: inline !important;
}
.radio label span, label.radio-inline span {
display: block;
position: absolute;
left: 0;
top: 2px;
transition-duration: 0.2s;
}
.radio label .circle, label.radio-inline .circle {
border: 1px solid rgba(0, 0, 0, .54);
height: 15px;
width: 15px;
border-radius: 100%;
}
.radio label .check, label.radio-inline .check {
height: 15px;
width: 15px;
border-radius: 100%;
background-color: #247BA0;
transform: scale3d(0, 0, 0);
}
.radio label .check:after, label.radio-inline .check:after {
display: block;
position: absolute;
content: "";
background-color: rgba(0, 0, 0, 0.87);
left: -12px;
top: -12px;
height: 40px;
width: 40px;
border-radius: 100%;
z-index: 1;
opacity: 0;
margin: 0;
transform: scale3d(1.5, 1.5, 1);
}
.radio label input[type=radio]:not(:checked) ~ .check:after, label.radio-inline input[type=radio]:not(:checked) ~ .check:after {
animation: rippleOff 500ms;
}
.radio label input[type=radio]:checked ~ .check:after, label.radio-inline input[type=radio]:checked ~ .check:after {
animation: rippleOn 500ms;
}
.radio label input[type=radio], label.radio-inline input[type=radio] {
opacity: 0;
height: 0;
width: 0;
overflow: hidden;
}
.radio label input[type=radio]:checked ~ .check, .radio label input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .circle {
opacity: 1;
}
.radio label input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
background-color: #247BA0;
}
.radio label input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle {
border-color: #247BA0;
}
.radio label input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
transform: scale3d(0.65, 0.65, 1);
}
.radio label input[type=radio][disabled] ~ .check, .radio label input[type=radio][disabled] ~ .circle, label.radio-inline input[type=radio][disabled] ~ .check, label.radio-inline input[type=radio][disabled] ~ .circle {
opacity: 0.26;
}
.radio label input[type=radio][disabled] ~ .check, label.radio-inline input[type=radio][disabled] ~ .check {
background-color: #000000;
}
.radio label input[type=radio][disabled] ~ .circle, label.radio-inline input[type=radio][disabled] ~ .circle {
border-color: #000000;
}
@keyframes rippleOn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}
@keyframes rippleOff {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}
/* *** Paginations *** */
.pagination > li > a,
.pagination > li > span {
border: 0;
border-radius: 30px;
transition: all .3s;
padding: 0px 11px;
margin: 0 3px;
min-width: 30px;
height: 30px;
line-height: 30px;
color: #999999;
font-weight: 400;
text-transform: uppercase;
background: transparent;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
color: #999999;
}
.pagination > .active > a,
.pagination > .active > span {
color: #999999;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background-color: #4B4B4C;
border-color: #4B4B4C;
color: #FFFFFF;
box-shadow: 0 4px 5px 0 rgba(52, 73, 94, 0.14), 0 1px 10px 0 rgba(52, 73, 94, 0.12), 0 2px 4px -1px rgba(52, 73, 94, 0.2);
}
.pagination.pagination-info > .active > a, .pagination.pagination-info > .active > a:focus, .pagination.pagination-info > .active > a:hover,
.pagination.pagination-info > .active > span,
.pagination.pagination-info > .active > span:focus,
.pagination.pagination-info > .active > span:hover {
background-color: #3498db;
border-color: #3498db;
box-shadow: 0 4px 5px 0 rgba(52, 152, 219, 0.14), 0 1px 10px 0 rgba(52, 152, 219, 0.12), 0 2px 4px -1px rgba(52, 152, 219, 0.2);
}
.pagination.pagination-success > .active > a, .pagination.pagination-success > .active > a:focus, .pagination.pagination-success > .active > a:hover,
.pagination.pagination-success > .active > span,
.pagination.pagination-success > .active > span:focus,
.pagination.pagination-success > .active > span:hover {
background-color: #2ecc71;
border-color: #2ecc71;
box-shadow: 0 4px 5px 0 rgba(46, 204, 113, 0.14), 0 1px 10px 0 rgba(46, 204, 113, 0.12), 0 2px 4px -1px rgba(46, 204, 113, 0.2);
}
.pagination.pagination-warning > .active > a, .pagination.pagination-warning > .active > a:focus, .pagination.pagination-warning > .active > a:hover,
.pagination.pagination-warning > .active > span,
.pagination.pagination-warning > .active > span:focus,
.pagination.pagination-warning > .active > span:hover {
background-color: #f1c40f;
border-color: #f1c40f;
box-shadow: 0 4px 5px 0 rgba(241, 196, 15, 0.14), 0 1px 10px 0 rgba(241, 196, 15, 0.12), 0 2px 4px -1px rgba(241, 196, 15, 0.2);
}
.pagination.pagination-danger > .active > a, .pagination.pagination-danger > .active > a:focus, .pagination.pagination-danger > .active > a:hover,
.pagination.pagination-danger > .active > span,
.pagination.pagination-danger > .active > span:focus,
.pagination.pagination-danger > .active > span:hover {
background-color: #e74c3c;
border-color: #e74c3c;
box-shadow: 0 4px 5px 0 rgba(231, 76, 60, 0.14), 0 1px 10px 0 rgba(231, 76, 60, 0.12), 0 2px 4px -1px rgba(231, 76, 60, 0.2);
}
/* *** Navigation Pills *** */
.nav-pills > li > a {
/*line-height: 30px;*/
text-transform: uppercase;
/*font-weight: 500;*/
min-width: 100px;
text-align: center;
color: #555555;
transition: all .3s;
}
.nav-pills > li > a:hover {
background-color: rgba(200, 200, 200, 0.2);
}
.nav-pills > li i {
display: block;
font-size: 30px;
padding: 15px 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
/*background-color: #4B4B4C;*/
/*color: #FFFFFF;*/
box-shadow: 0 16px 26px -10px rgba(52, 73, 94, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 73, 94, 0.2);
}
.nav-pills.nav-stacked > li + li {
margin-top: 5px;
}
.nav-pills.nav-pills-info > li.active > a, .nav-pills.nav-pills-info > li.active > a:focus, .nav-pills.nav-pills-info > li.active > a:hover {
background-color: #3498db;
box-shadow: 0 16px 26px -10px rgba(52, 152, 219, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 152, 219, 0.2);
}
.nav-pills.nav-pills-success > li.active > a, .nav-pills.nav-pills-success > li.active > a:focus, .nav-pills.nav-pills-success > li.active > a:hover {
background-color: #2ecc71;
box-shadow: 0 16px 26px -10px rgba(46, 204, 113, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(46, 204, 113, 0.2);
}
.nav-pills.nav-pills-warning > li.active > a, .nav-pills.nav-pills-warning > li.active > a:focus, .nav-pills.nav-pills-warning > li.active > a:hover {
background-color: #f1c40f;
box-shadow: 0 16px 26px -10px rgba(241, 196, 15, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(241, 196, 15, 0.2);
}
.nav-pills.nav-pills-danger > li.active > a, .nav-pills.nav-pills-danger > li.active > a:focus, .nav-pills.nav-pills-danger > li.active > a:hover {
background-color: #e74c3c;
box-shadow: 0 16px 26px -10px rgba(241, 196, 15, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(241, 196, 15, 0.2);
}
/* *** Navigation Bars *** */
.navbar {
border: 0;
box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.navbar .navbar-brand {
position: relative;
height: 50px;
line-height: 30px;
color: inherit;
padding: 10px 15px;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
color: inherit;
background-color: transparent;
}
.navbar .navbar-text {
color: inherit;
margin-top: 15px;
margin-bottom: 15px;
}
.navbar .navbar-nav > li {
margin-left: 10px;
margin-right: 10px;
}
.navbar .navbar-nav > li > a {
color: inherit;
text-transform: uppercase;
letter-spacing: 1px;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
color: inherit;
background-color: transparent;
}
.navbar .navbar-nav > li > a .material-icons,
.navbar .navbar-nav > li > a .fa {
font-size: 20px;
}
.navbar .navbar-nav > li > a:not(.btn-just-icon) .fa {
position: relative;
top: 2px;
margin-top: -4px;
margin-right: 4px;
}
.navbar .navbar-nav > li > .dropdown-menu {
margin-top: -20px;
}
.navbar .navbar-nav > li.open > .dropdown-menu {
margin-top: 0;
}
.navbar .navbar-nav > .disabled > a, .navbar .navbar-nav > .disabled > a:hover, .navbar .navbar-nav > .disabled > a:focus {
color: inherit;
background-color: transparent;
opacity: 0.9;
}
.navbar .navbar-nav .profile-photo {
padding: 0;
}
.navbar .navbar-nav .profile-photo .profile-photo-small {
height: 40px;
width: 40px;
}
.navbar .navbar-toggle {
padding: 6px;
margin-top: 12px;
margin-right: 25px;
border-color: #333333;
}
.navbar .navbar-toggle .icon-bar {
display: block;
width: 18px;
height: 2px;
border-radius: 1px;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
background-color: transparent;
}
.navbar .navbar-toggle .icon-bar {
background-color: inherit;
border: 1px solid;
}
.navbar .navbar-default .navbar-toggle,
.navbar .navbar-inverse .navbar-toggle {
border-color: transparent;
}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
background-color: transparent;
color: inherit;
}
.navbar .navbar-link {
color: inherit;
}
.navbar .navbar-link:hover {
color: inherit;
}
.navbar .btn {
margin-top: 0;
margin-bottom: 0;
}
.navbar .btn-link {
color: inherit;
}
.navbar .btn-link:hover, .navbar .btn-link:focus {
color: inherit;
}
.navbar .btn-link[disabled]:hover, .navbar .btn-link[disabled]:focus, fieldset[disabled] .navbar .btn-link:hover, fieldset[disabled] .navbar .btn-link:focus {
color: inherit;
}
.navbar .navbar-form .form-group {
margin: 0;
padding: 0;
}
.navbar .navbar-form .form-group .material-input:before, .navbar .navbar-form .form-group.is-focused .material-input:after {
background-color: inherit;
}
.navbar, .navbar.navbar-default {
background-color: #FFFFFF;
color: #555555;
}
.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar .navbar-form input.form-control::-moz-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
color: #555555;
}
.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar .navbar-form input.form-control:-ms-input-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
color: #555555;
}
.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar .navbar-form input.form-control::-webkit-input-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder {
color: #555555;
}
.navbar .dropdown-menu .active > a, .navbar.navbar-default .dropdown-menu .active > a {
background-color: #FFFFFF;
color: #555555;
}
.navbar .dropdown-menu .active > a:hover, .navbar .dropdown-menu .active > a:focus, .navbar.navbar-default .dropdown-menu .active > a:hover, .navbar.navbar-default .dropdown-menu .active > a:focus {
color: #555555;
}
.navbar.navbar-inverse {
background-color: #4B4B4C;
color: #fff;
}
.navbar.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder {
color: #fff;
}
.navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder {
color: #fff;
}
.navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder {
color: #fff;
}
.navbar.navbar-inverse .dropdown-menu li > a:hover, .navbar.navbar-inverse .dropdown-menu li > a:focus {
color: #FFFFFF;
background-color: #4B4B4C;
}
.navbar.navbar-inverse .dropdown-menu .active > a {
background-color: #247BA0;
color: #fff;
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.navbar.navbar-inverse .dropdown-menu .active > a:hover, .navbar.navbar-inverse .dropdown-menu .active > a:focus {
background-color: #247BA0;
color: #fff;
}
.navbar.navbar-primary {
background-color: #4B4B4C;
color: #ffffff;
}
.navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder {
color: #ffffff;
}
.navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder {
color: #ffffff;
}
.navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder {
color: #ffffff;
}
.navbar.navbar-primary .dropdown-menu li > a:hover, .navbar.navbar-primary .dropdown-menu li > a:focus {
color: #FFFFFF;
background-color: #4B4B4C;
}
.navbar.navbar-primary .dropdown-menu .active > a {
background-color: #4B4B4C;
color: #ffffff;
}
.navbar.navbar-primary .dropdown-menu .active > a:hover, .navbar.navbar-primary .dropdown-menu .active > a:focus {
color: #ffffff;
}
.navbar.navbar-success {
background-color: #2ecc71;
color: #ffffff;
}
.navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-success .navbar-form input.form-control::-moz-placeholder {
color: #ffffff;
}
.navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder {
color: #ffffff;
}
.navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder {
color: #ffffff;
}
.navbar.navbar-success .dropdown-menu li > a:hover, .navbar.navbar-success .dropdown-menu li > a:focus {
color: #FFFFFF;
background-color: #2ecc71;
}
.navbar.navbar-success .dropdown-menu .active > a {
background-color: #2ecc71;
color: #ffffff;
}
.navbar.navbar-success .dropdown-menu .active > a:hover, .navbar.navbar-success .dropdown-menu .active > a:focus {
color: #ffffff;
}
.navbar.navbar-info {
background-color: #3498db;
color: #ffffff;
}
.navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-info .navbar-form input.form-control::-moz-placeholder {
color: #ffffff;
}
.navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder {
color: #ffffff;
}
.navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder {
color: #ffffff;
}
.navbar.navbar-info .dropdown-menu li > a:hover, .navbar.navbar-info .dropdown-menu li > a:focus {
color: #FFFFFF;
background-color: #3498db;
}
.navbar.navbar-info .dropdown-menu .active > a {
background-color: #3498db;
color: #ffffff;
}
.navbar.navbar-info .dropdown-menu .active > a:hover, .navbar.navbar-info .dropdown-menu .active > a:focus {
color: #ffffff;
}
.navbar.navbar-warning {
background-color: #f1c40f;
color: #ffffff;
}
.navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder {
color: #ffffff;
}
.navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder {
color: #ffffff;
}
.navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder {
color: #ffffff;
}
.navbar.navbar-warning .dropdown-menu li > a:hover, .navbar.navbar-warning .dropdown-menu li > a:focus {
color: #FFFFFF;
background-color: #f1c40f;
}
.navbar.navbar-warning .dropdown-menu .active > a {
background-color: #f1c40f;
color: #ffffff;
}
.navbar.navbar-warning .dropdown-menu .active > a:hover, .navbar.navbar-warning .dropdown-menu .active > a:focus {
color: #ffffff;
}
.navbar.navbar-danger {
background-color: #e74c3c;
color: #ffffff;
}
.navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder {
color: #ffffff;
}
.navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder {
color: #ffffff;
}
.navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder {
color: #ffffff;
}
.navbar.navbar-danger .dropdown-menu li > a:hover, .navbar.navbar-danger .dropdown-menu li > a:focus {
color: #FFFFFF;
background-color: #e74c3c;
}
.navbar.navbar-danger .dropdown-menu .active > a {
background-color: #e74c3c;
color: #ffffff;
}
.navbar.navbar-danger .dropdown-menu .active > a:hover, .navbar.navbar-danger .dropdown-menu .active > a:focus {
color: #ffffff;
}
.navbar .alert {
left: 0;
position: absolute;
right: 0;
top: 85px;
width: 100%;
z-index: 3;
transition: all 0.3s;
}
.nav-align-center {
text-align: center;
}
.nav-align-center .nav-pills {
display: inline-block;
}
.navbar-absolute {
position: absolute;
width: 100%;
padding-top: 10px;
z-index: 1029;
}
@media screen and (min-width: 992px) {
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: #4B4B4C;
border-color: #4B4B4C;
color: #FFFFFF;
}
}
@media screen and (max-width: 991px) {
/* Collapse the navbar at a higer breakpoint */
.navbar-header {
float: none;
}
.navbar-toggle {
display: inline;
}
.navbar-collapse {
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: none!important;
}
/* since 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
.navbar-nav>li {
float: none;
}
.navbar .navbar-nav li {
margin-left: 0;
margin-right: 0;
}
.navbar .navbar-nav > li > a:hover {
background-color: rgba(0,0,0, 0.15);
}
.navbar .navbar-nav li.active a {
background-color: rgba(0,0,0, 0.25);
}
.navbar .navbar-nav li.active a .menu-item-icon,
.navbar .navbar-nav li.active a .menu-item-text {
color: #FFFFFF;
}
.navbar .navbar-nav .dropdown-menu li a:hover {
background-color: rgba(0,0,0, 0.15);
color: inherit;
box-shadow: none;
}
.navbar-nav .open ul.dropdown-menu {
box-shadow: none;
margin-top: 0;
float: none;
background: none;
}
.navbar .navbar-nav>li>.dropdown-menu {
margin-top: 0 !important;
padding: 0;
}
.navbar-nav.sm-collapsible .caret, /* for SmartMenu */
.navbar-nav.sm-collapsible ul .caret {
margin-right: 10px !important;
}
.navbar .navbar-nav .open .dropdown-menu .dropdown-header,
.navbar .navbar-nav .open .dropdown-menu > li > a,
.navbar .navbar-nav .dropdown-menu li > a,
.navbar .navbar-nav > li > a {
font-size: 15px;
line-height: 1.33333333;
color: #333;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
box-shadow: none;
}
.navbar .navbar-nav .dropdown-menu li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu li > a {
padding-left: 30px !important;
}
.navbar.navbar-inverse .navbar-collapse li.active {
background-color: #247BA0;
}
.navbar.navbar-inverse .navbar-collapse li.active:hover {
background-color: #2680a6;
}
/*
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: rgba(0,0,0, 0.15);
border-color: rgba(0,0,0, 0.15);
}
*/
}
/* *** Dropdown Menus *** */
.dropdown-menu {
border: 0;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
margin-top: 10px;
}
.dropdown-menu .divider {
background-color: rgba(0, 0, 0, 0.12);
}
.dropdown-menu li > a {
font-size: 13px;
padding: 8px 16px;
margin: 0 5px;
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
background-color: #EEEEEE;
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.dropdown-menu.dropdown-with-icons li > a {
padding: 12px 20px 12px 12px;
}
.dropdown-menu.dropdown-with-icons li > a .material-icons {
vertical-align: middle;
font-size: 24px;
position: relative;
margin-top: -4px;
top: 1px;
margin-right: 12px;
opacity: .5;
}
.dropdown-menu li {
position: relative;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
background-color: #4B4B4C;
color: #FFFFFF;
}
.dropdown-menu .divider {
margin: 5px 0;
}
@media screen and (max-width: 991px) {
.dropdown-menu {
position: relative;
/*margin-left: 25px;*/
}
.dropdown-menu li > a {
color: #FFFFFF;
}
/*.dropdown-menu li>a:hover, .dropdown-menu li>a:focus {*/
/*box-shadow: none;*/
/*}*/
}
/* *** Alerts *** */
.alert {
padding: 20px 15px;
line-height: 20px;
}
.alert b {
/*font-weight: 500;*/
text-transform: uppercase;
font-size: 12px;
}
.alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link {
margin-left: 10px;
color: #f8f8f8;
text-decoration: underline;
}
.alert.alert-default {
background-color: #f8f8f8;
color: #555555;
}
.alert.alert-default .close {
color: #555555;
}
.alert.alert-default a, .alert.alert-default .alert-link {
color: #555555;
}
.alert.alert-inverse {
background-color: #292929;
color: #fff;
}
.alert.alert-primary {
background-color: #395168;
color: #ffffff;
}
.alert .alert-icon {
display: block;
float: left;
margin-right: 15px;
}
.alert .alert-icon i {
margin-top: -7px;
top: 5px;
position: relative;
}
.alert .close {
color: #FFFFFF;
}
.apc-notify {
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18), 0 4px 12px 0 rgba(0, 0, 0, 0.15);
z-index: 1000000 !important;
}
/* *** Progress Bars *** */
.progress {
height: 4px;
box-shadow: none;
background: #DDDDDD;
}
.progress .progress-bar {
box-shadow: none;
}
.progress .progress-bar.progress-bar-inverse {
background-color: #212121;
}
.progress .progress-bar.progress-bar-primary {
background-color: #4B4B4C;
}
.progress.progress-line-primary {
background: rgba(52, 73, 94, 0.2);
}
.progress.progress-line-info {
background: rgba(52, 152, 219, 0.2);
}
.progress.progress-line-success {
background: rgba(46, 204, 113, 0.2);
}
.progress.progress-line-warning {
background: rgba(241, 196, 15, 0.2);
}
.progress.progress-line-danger {
background: rgba(231, 76, 60, 0.2);
}
/* *** Tabs *** */
.nav-tabs {
border: 0;
padding: 0 15px;
overflow: visible;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.nav-tabs .dropdown-menu {
margin-top: 10px;
}
.nav-tabs > li > a {
color: #333;
border-top: 0;
border-left: 0;
border-right: 0;
margin: 0;
line-height: 30px;
text-transform: uppercase;
}
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover,
.nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus {
background-color: initial;
border-color: #247BA0;
}
.nav-tabs > li.disabled > a, .nav-tabs > li.disabled > a:hover {
color: rgba(255, 255, 255, 0.5);
}
.nav-tabs > li .material-icons {
margin: -1px 5px 0 0;
}
.nav-tabs > li.active > a {
background-color: transparent;
border: none;
}
.nav-tabs > li.active > a:after, .nav-tabs > li.active > a:before {
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
border: solid transparent;
content: '';
pointer-events: none;
}
.nav-tabs > li.active > a:after {
margin-left: -10px;
border-width: 10px;
border-top-color: #FFF;
/*margin-top: -1px;*/
}
.nav-tabs > li.active > a:before {
margin-left: -11px;
border-width: 11px;
border-top-color: #247BA0;
/*margin-top: -1px;*/
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
color: #247BA0;
border-bottom: 1px solid #247BA0;
}
.tab-content > .tab-pane {
padding-top: 25px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
border-top: none;
border-right: none;
border-left: none;
border-color: #247BA0;
}
.triangle-border {
position: relative;
padding: 10px;
margin: 1em 0 3em;
border: 2px solid #4B4B4C;
color: #333;
background: #fff;
/*-webkit-border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*border-radius: 5px;*/
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.triangle-border.right {
margin-right: 30px;
}
.triangle-border:before {
content: "";
position: absolute;
bottom: -20px; /* value = - border-top-width - border-bottom-width */
left: 40px; /* controls horizontal position */
border-width: 20px 20px 0;
border-style: solid;
border-color: #4B4B4C transparent;
/* reduce the damage in FF3.0 */
display: block;
width: 0;
}
/* creates the smaller triangle */
.triangle-border:after {
content: "";
position: absolute;
bottom: -13px; /* value = - border-top-width - border-bottom-width */
left: 47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
border-width: 13px 13px 0;
border-style: solid;
border-color: #fff transparent;
/* reduce the damage in FF3.0 */
display: block;
width: 0;
}
/* creates the larger triangle */
.triangle-border.right:before {
top: 14px; /* controls vertical position */
bottom: auto;
left: auto;
right: -22px; /* value = - border-left-width - border-right-width */
border-width: 10px 0 10px 22px;
border-color: transparent #4B4B4C;
}
/* creates the smaller triangle */
.triangle-border.right:after {
top: 16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
bottom: auto;
left: auto;
right: -17px; /* value = - border-left-width - border-right-width */
border-width: 8px 0 8px 17px;
border-color: transparent #fff;
}
.tab-space {
padding: 20px 0 50px 0px;
}
/* *** Popovers *** */
.popover, .tooltip-inner {
color: #555555;
line-height: 1.4em;
background: #FFFFFF;
border: none;
/*border-radius: 3px;*/
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.popover {
padding: 0;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.popover.left > .arrow, .popover.right > .arrow, .popover.top > .arrow, .popover.bottom > .arrow {
border-right-color: #FFF;
border-left-color: #FFF;
}
.popover-title {
background-color: #FFFFFF;
border: none;
padding: 15px 15px 0;
font-size: 1.2em;
}
.popover-content {
font-size: 13px;
padding: 12px 18px;
}
/* *** Tooltips *** */
.tooltip.in {
opacity: 1;
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
.tooltip {
opacity: 0;
transition: opacity, transform .2s ease;
-webkit-transform: translate3d(0, 5px, 0);
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.tooltip.left .tooltip-arrow {
border-left-color: #FFFFFF;
}
.tooltip.right .tooltip-arrow {
border-right-color: #FFFFFF;
}
.tooltip.top .tooltip-arrow {
border-top-color: #FFFFFF;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #FFFFFF;
}
.tooltip-inner {
font-size: 13px;
padding: 12px 18px;
text-align: left;
/*padding: 10px 15px;*/
/*min-width: 130px;*/
}
/* *** Carousel *** */
.carousel .carousel-control.left, .carousel .carousel-control.right {
background-image: none;
}
.carousel .carousel-control.right i {
right: 0;
}
.carousel .item {
text-align: center;
}
.carousel.carousel-full-nagivation .carousel-control {
width: 50%;
}
.carousel.carousel-full-nagivation .carousel-control.left, .carousel.carousel-full-nagivation .carousel-control.right {
background-image: none;
}
.carousel.carousel-full-nagivation .carousel-control .material-icons,
.carousel.carousel-full-nagivation .carousel-control .fa {
display: none;
}
.carousel.carousel-full-nagivation .left {
cursor: url("./assets/arrow-left.png"), url("./assets/arrow-left.cur"), default !important;
}
.carousel.carousel-full-nagivation .right {
cursor: url("./assets/arrow-right.png"), url("./assets/arrow-right.cur"), default !important;
}
/*
.carousel .carousel-control.left {
left: -25px;
}
.carousel .carousel-control.right {
left: auto;
}
*/
.carousel .carousel-control .material-icons {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
font-size: 50px;
margin-top: -15px;
}
.carousel .carousel-indicators {
bottom: 5px;
}
.carousel .carousel-indicators li,
.carousel .carousel-indicators .active {
margin: 11px 10px;
}
.carousel .carousel-indicators li {
background: #FFFFFF;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
/*border-radius: 2px;*/
}
.carousel .carousel-indicators .active {
margin-top: 10px;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.carousel .carousel-caption {
padding-bottom: 45px;
}
.carousel .carousel-caption .material-icons {
position: relative;
top: 5px;
}
/* *** Cards *** */
.card {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px;
/*border-radius: 5px;*/
color: rgba(0, 0, 0, 0.87);
background: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card .card-height-indicator {
margin-top: 100%;
}
.card .card-image {
height: 60%;
position: relative;
overflow: hidden;
margin-left: 15px;
margin-right: 15px;
margin-top: -30px;
/*border-radius: 5px;*/
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card .card-image img {
width: 100%;
height: 100%;
/*border-radius: 5px;*/
pointer-events: none;
}
.card .card-image .card-title {
position: absolute;
bottom: 15px;
left: 15px;
color: #fff;
font-size: 1.2em;
text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}
.card .category:not([class*="text-"]) {
color: #999999;
}
.card .content {
padding: 15px 30px;
}
.card .card-body {
height: 30%;
padding: 18px;
}
.card .card-footer {
height: 10%;
padding: 18px;
}
.card .card-footer button, .card .card-footer a {
margin: 0 !important;
position: relative;
bottom: 25px;
width: auto;
}
.card .card-footer button:first-child, .card .card-footer a:first-child {
left: -15px;
}
.card .header {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
margin: 15px;
/*border-radius: 3px;*/
padding: 15px 0;
background-color: #FFFFFF;
}
.card .header .title {
color: #FFFFFF;
}
.card .header-primary,
.card .content-primary {
background: linear-gradient(60deg, #ab47bc, #7b1fa2);
}
.card .header-info,
.card .content-info {
background: linear-gradient(60deg, #26c6da, #0097a7);
}
.card .header-success,
.card .content-success {
background: linear-gradient(60deg, #66bb6a, #388e3c);
}
.card .header-warning,
.card .content-warning {
background: linear-gradient(60deg, #ffa726, #f57c00);
}
.card .header-danger,
.card .content-danger {
background: linear-gradient(60deg, #ef5350, #d32f2f);
}
.card [class*="header-"],
.card [class*="content-"] {
color: #FFFFFF;
}
.card [class*="header-"] .card-title a,
.card [class*="header-"] .card-title,
.card [class*="header-"] .icon i,
.card [class*="content-"] .card-title a,
.card [class*="content-"] .card-title,
.card [class*="content-"] .icon i {
color: #FFFFFF;
}
.card [class*="header-"] .icon i,
.card [class*="content-"] .icon i {
border-color: rgba(255, 255, 255, 0.25);
}
.card [class*="header-"] .author a,
.card [class*="header-"] .footer .stats,
.card [class*="header-"] .category,
.card [class*="header-"] .card-description,
.card [class*="content-"] .author a,
.card [class*="content-"] .footer .stats,
.card [class*="content-"] .category,
.card [class*="content-"] .card-description {
color: rgba(255, 255, 255, 0.8);
}
.card [class*="header-"] .author a:hover, .card [class*="header-"] .author a:focus, .card [class*="header-"] .author a:active,
.card [class*="content-"] .author a:hover,
.card [class*="content-"] .author a:focus,
.card [class*="content-"] .author a:active {
color: #FFFFFF;
}
.card [class*="content-"] {
/*border-radius: 5px;*/
}
.card [class*="content-"] h1 small,
.card [class*="content-"] h2 small,
.card [class*="content-"] h3 small {
color: rgba(255, 255, 255, 0.8);
}
.card img {
width: 100%;
height: auto;
}
.card .category .material-icons {
position: relative;
top: 6px;
line-height: 0;
}
.card .category-social .fa {
font-size: 24px;
position: relative;
margin-top: -4px;
top: 2px;
margin-right: 5px;
}
.card .author .avatar {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
margin-right: 5px;
}
.card .author a {
color: #3C4858;
text-decoration: none;
}
.card .author a .ripple-container {
display: none;
}
.card .footer {
margin-top: 15px;
}
.card .footer div {
display: inline-block;
}
.card .footer .author {
color: #999999;
}
.card .footer .stats {
float: right;
line-height: 30px;
color: #999999;
}
.card .footer .stats .material-icons {
position: relative;
top: 4px;
font-size: 18px;
}
.carousel .card {
max-width: 650px;
margin: 60px auto;
}
.card .checkbox,
.card .radio {
margin-top: 16px;
}
.card-signup .header {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
margin-left: 20px;
margin-right: 20px;
margin-top: -40px;
padding: 20px 0;
}
.card-signup .text-divider {
margin-top: 30px;
margin-bottom: 0px;
text-align: center;
}
.card-signup .content {
padding: 0px 30px 0px 10px;
}
.card-signup .checkbox {
margin-top: 20px;
}
.card-signup .checkbox label {
margin-left: 17px;
}
.card-signup .checkbox .checkbox-material {
padding-right: 12px;
}
.card-signup .social-line {
margin-top: 15px;
text-align: center;
padding: 0;
}
.card-signup .social-line .btn {
color: #FFFFFF;
margin-left: 5px;
margin-right: 5px;
}
.card-contact .header {
margin-top: -20px;
}
.card-contact .header .title {
margin: 10px 0 10px;
}
.card-nav-tabs {
margin-top: 45px;
}
.card-nav-tabs .header {
margin-top: -30px;
padding: 10px 0;
}
.card-nav-tabs .nav-tabs {
background: transparent;
border-bottom: none;
}
.card-nav-tabs .nav-tabs > li > a {
color: white;
/*font-weight: 500;*/
padding: 0 15px;
border: none;
}
.card-nav-tabs .nav-tabs > li > a:hover, .card-nav-tabs .nav-tabs > li.active > a {
color: white;
-webkit-stroke-width: 5.3px;
-webkit-stroke-color: #FFFFFF;
-webkit-fill-color: #FFFFFF;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.5), 0 0 40px rgba(255, 255, 255, 0.5), 0 0 50px rgba(255, 255, 255, 0.5);
border: none;
}
.card-nav-tabs .nav-tabs > li > a:before {
content: initial;
position: initial;
border: initial;
margin: initial;
}
.card-nav-tabs .nav-tabs > li > a:after {
border: initial;
margin: initial;
}
.card-plain {
background: transparent;
box-shadow: none;
}
.card-plain .header {
margin-left: 0;
margin-right: 0;
}
.card-plain .content {
padding-left: 5px;
padding-right: 5px;
}
.card-plain .card-image {
margin: 0;
/*border-radius: 3px;*/
}
.card-plain .card-image img {
/*border-radius: 3px;*/
}
.card-form-horizontal .content {
padding-left: 15px;
padding-right: 15px;
}
.card-profile,
.card-testimonial {
margin-top: 30px;
text-align: center;
}
.card-profile .btn-just-icon.btn-raised,
.card-testimonial .btn-just-icon.btn-raised {
margin-left: 6px;
margin-right: 6px;
}
.card-profile .card-avatar,
.card-testimonial .card-avatar {
max-width: 130px;
max-height: 130px;
margin: -50px auto 0;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-profile .card-avatar + .content,
.card-testimonial .card-avatar + .content {
margin-top: 15px;
}
.card-profile.card-plain .card-avatar,
.card-testimonial.card-plain .card-avatar {
margin-top: 0;
}
.card-testimonial .card-avatar {
max-width: 100px;
max-height: 100px;
}
.card-testimonial .footer {
margin-top: 0;
}
.card-testimonial .footer .card-avatar {
margin-top: 10px;
margin-bottom: -50px;
}
.card-testimonial .card-description {
font-style: italic;
}
.card-testimonial .card-description + .card-title {
margin-top: 30px;
}
.card-testimonial .icon {
margin-top: 30px;
}
.card-testimonial .icon .material-icons {
font-size: 40px;
}
.card-blog {
margin-top: 30px;
}
.card-blog .row .category {
margin-bottom: 0;
}
.card-blog .card-title {
margin-top: 5px;
}
.card-blog .card-image + .category {
margin-top: 20px;
}
.card-pricing {
text-align: center;
}
.card-pricing .card-title {
margin-top: 30px;
}
.card-pricing .content {
padding: 15px !important;
}
.card-pricing .icon {
padding: 10px 0 0px;
color: #999999;
}
.card-pricing .icon i {
font-size: 55px;
border: 1px solid #E5E5E5;
border-radius: 50%;
width: 130px;
line-height: 130px;
height: 130px;
}
.card-pricing h1 small {
font-size: 18px;
}
.card-pricing h1 small:first-child {
position: relative;
top: -17px;
font-size: 26px;
}
.card-pricing ul {
list-style: none;
padding: 0;
max-width: 240px;
margin: 10px auto;
}
.card-pricing ul li {
color: #999999;
text-align: center;
padding: 12px 0;
border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.card-pricing ul li:last-child {
border: 0;
}
.card-pricing ul li b {
color: #3C4858;
}
.card-pricing ul li i {
top: 6px;
position: relative;
}
.card-pricing.card-background ul li,
.card-pricing [class*="content-"] ul li {
color: #FFFFFF;
border-color: rgba(255, 255, 255, 0.3);
}
.card-pricing.card-background ul li b,
.card-pricing [class*="content-"] ul li b {
color: #FFFFFF;
}
.card-pricing.card-background [class*="text-"],
.card-pricing [class*="content-"] [class*="text-"] {
color: #FFFFFF;
}
.card-pricing.card-background:after {
background-color: rgba(0, 0, 0, 0.7);
}
.card-raised {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-background {
background-position: center center;
background-size: cover;
text-align: center;
}
.card-background .content {
position: relative;
z-index: 2;
min-height: 280px;
padding-top: 40px;
padding-bottom: 40px;
max-width: 440px;
margin: 0 auto;
}
.card-background .category,
.card-background .card-description,
.card-background small {
color: rgba(255, 255, 255, 0.7);
}
.card-background .card-title {
color: #FFFFFF;
margin-top: 10px;
}
.card-background:not(.card-pricing) .btn {
margin-bottom: 0;
}
.card-background:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
background-color: rgba(0, 0, 0, 0.56);
/*border-radius: 5px;*/
}
.card-product {
margin-top: 30px;
}
.card-product .btn-simple.btn-just-icon {
padding: 0;
}
.card-product .footer {
margin-top: 5px;
}
.card-product .footer .stats .material-icons {
margin-top: 4px;
top: 0;
}
.card-product .footer .price h4 {
margin-bottom: 0;
}
.card-product .card-title,
.card-product .category,
.card-product .card-description {
text-align: center;
}
/* *** iFrames *** */
iframe {
border: none;
}
.iframe-container iframe {
width: 100%;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
/* *** Dialogs *** */
.modal-content {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
/*border-radius: 5px;*/
border: none;
}
.modal-content .modal-header {
border-bottom: none;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 0;
padding-left: 24px;
}
.modal-header {
border: 0 none;
}
.modal-content .modal-body {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
max-height: calc(100vh * 0.7);
overflow-y: auto;
}
.modal-content .modal-footer {
border-top: none;
padding: 7px;
}
.modal-content .modal-footer.text-center {
text-align: center;
}
.modal-content .modal-footer .btn {
margin-left: 5px;
}
.modal-content .modal-footer button.pull-left {
margin-left: 0;
margin-right: 10px;
}
.modal-content .modal-body + .modal-footer {
/*padding-top: 0;*/
}
.modal-backdrop {
background: rgba(0, 0, 0, 0.3);
}
.modal {
text-align: center;
/*z-index: 1200;*/
}
.modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.modal .modal-header .close {
/*color: #999999;*/
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus {
opacity: 1;
}
.modal .modal-header .close i {
font-size: 16px;
}
.modal-notice .instruction {
margin-bottom: 25px;
}
.modal-notice .picture {
max-width: 150px;
}
.modal-notice .modal-content .btn-raised {
margin-bottom: 15px;
}
.modal-small {
width: 300px;
}
.modal-small .modal-body {
margin-top: 20px;
}
.close {
/*font-size: inherit;*/
color: #999999;
opacity: .9;
text-shadow: none;
}
.close:hover, .close:focus {
opacity: 1;
color: #e74c3c;
}
.close i {
font-size: 20px;
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
/* *** Panels *** */
.panel .panel-heading {
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 10px;
}
.panel .panel-heading .btn.btn-default:hover,
.panel .panel-heading .btn.btn-default:focus {
color: inherit;
background-color: inherit;
}
.panel.panel-primary .panel-heading .btn.btn-default,
.panel.panel-success .panel-heading .btn.btn-default,
.panel.panel-warning .panel-heading .btn.btn-default,
.panel.panel-danger .panel-heading .btn.btn-default,
.panel.panel-info .panel-heading .btn.btn-default {
color: #FFFFFF;
border-color: #FFFFFF;
}
.panel .panel-heading .btn.btn-xs {
padding: 2px 5px;
font-size: 11px;
}
.panel .panel-heading .btn-group-xs>.btn, .btn-xs {
padding: 2px 5px;
font-size: 11px;
}
.panel-group .panel {
margin-bottom: 10px;
}
/*
.panel .panel-default .panel-title {
background-color: #f8f8f8;
}
.panel .panel-footer {
background-color: #f8f8f8;
color: #cacaca;
}
*/
/*
.panel {
background-color: transparent;
border: 0 none;
box-shadow: none;
}
.panel .panel-heading {
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px solid #ddd;
padding: 25px 10px 5px 0px;
}
.panel .panel-heading .panel-title {
font-size: initial;
text-transform: uppercase;
}
.panel .panel-heading a {
color: #3C4858;
}
.panel .panel-heading a:hover, .panel .panel-heading a:active, .panel .panel-heading a[aria-expanded="true"] {
color: #4B4B4C;
}
.panel .panel-heading a[aria-expanded="true"] .panel-title > i, .panel .panel-heading a.expanded .panel-title > i {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.panel .panel-heading i {
float: right;
}
.panel .panel-body {
border: 0 none;
padding: 15px 0px 5px;
}
.panel.panel-default .panel-heading + .panel-collapse .panel-body {
border: 0 none;
}
.panel-primary > .panel-heading {
color: #4B4B4C;
}
.panel-success > .panel-heading {
color: #2ecc71;
}
.panel-warning > .panel-heading {
color: #f1c40f;
}
.panel-danger > .panel-heading {
color: #e74c3c;
}
.panel-info > .panel-heading {
color: #3498db;
}
*/
/* *** Wells *** */
.well {
background-color: #f8f8f8;
border: 1px solid #f8f8f8;
box-shadow: none;
}
/* *** Jumbotron *** */
.jumbotron {
background-color: #f8f8f8;
}
/* *** Images *** */
.img-thumbnail {
border-radius: 16px;
}
.img-raised {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
/* *** Media *** */
.media .avatar {
margin: 0 auto;
width: 64px;
height: 64px;
overflow: hidden;
border-radius: 50%;
margin-right: 15px;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.media .avatar img {
width: 100%;
}
.media .media-heading small {
font-family: "Open Sans", sans-serif;
}
.media .media-body {
padding-right: 10px;
}
.media .media-body .media .media-body {
padding-right: 0px;
}
.media .media-footer .btn {
margin-top: 10px;
margin-bottom: 20px;
}
.media .media-footer:after {
display: table;
content: " ";
clear: both;
}
.media p {
color: #999999;
font-size: 16px;
line-height: 1.6em;
}
.media-left,
.media > .pull-left {
padding: 10px;
}
/* *** Info *** */
.info {
max-width: 360px;
margin: 0 auto;
padding: 70px 0 30px;
}
.info .icon {
color: #999999;
}
.info .icon > i {
font-size: 4.4em;
}
.info .info-title {
color: #3C4858;
margin: 30px 0 15px;
}
.info p {
color: #999999;
}
.info-horizontal .icon {
float: left;
margin-top: 24px;
margin-right: 10px;
}
.info-horizontal .icon > i {
font-size: 2.6em;
}
.info-horizontal .description {
overflow: hidden;
}
/* *** Icons *** */
.icon.icon-primary {
color: #4B4B4C;
}
.icon.icon-info {
color: #3498db;
}
.icon.icon-success {
color: #2ecc71;
}
.icon.icon-warning {
color: #f1c40f;
}
.icon.icon-danger {
color: #e74c3c;
}
/* *** Tables *** */
table td {
text-align: left;
}
.table > thead > tr > th {
border-bottom-width: 1px;
font-size: 1em;
font-weight: 300;
}
.table .radio,
.table .checkbox {
margin-top: 0;
margin-bottom: 0;
padding: 0;
width: 15px;
}
.table .radio .icons,
.table .checkbox .icons {
position: relative;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 12px 8px;
vertical-align: middle;
}
.table .th-description {
max-width: 150px;
}
.table .td-price {
font-size: 26px;
font-weight: 300;
margin-top: 5px;
text-align: right;
}
.table .td-total {
font-weight: 500;
font-size: 1em;
padding-top: 20px;
text-align: right;
}
.table .td-actions .btn {
margin: 0;
padding: 0;
width: 28px;
height: 28px;
}
.table > tbody > tr {
position: relative;
}
.table tbody tr:hover td {
background: #f2f2f2;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #fcfcfc;
}
.table-shopping > thead > tr > th {
font-size: 0.9em;
text-transform: uppercase;
}
.table-shopping > tbody > tr > td {
font-size: 16px;
}
.table-shopping > tbody > tr > td b {
display: block;
margin-bottom: 5px;
}
.table-shopping .td-name {
font-weight: 400;
font-size: 1.5em;
}
.table-shopping .td-name small {
color: #999999;
font-size: 0.75em;
font-weight: 300;
}
.table-shopping .td-number {
font-weight: 300;
font-size: 1.2em;
}
.table-shopping .td-name {
min-width: 200px;
}
.table-shopping .td-number {
text-align: right;
min-width: 70px;
}
.table-shopping .td-number small {
margin-right: 3px;
}
.table-shopping .img-container {
width: 120px;
max-height: 160px;
overflow: hidden;
display: block;
}
.table-shopping .img-container img {
width: 100%;
}
/* *** Upload *** */
.btn-file {
position: relative;
overflow: hidden;
vertical-align: middle;
}
.btn-file > input {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
margin: 0;
font-size: 23px;
cursor: pointer;
filter: alpha(opacity=0);
opacity: 0;
direction: ltr;
}
.fileinput {
display: inline-block;
margin-bottom: 9px;
}
.fileinput .form-control {
display: inline-block;
padding-top: 7px;
padding-bottom: 5px;
margin-bottom: 0;
vertical-align: middle;
cursor: text;
}
.fileinput .thumbnail {
display: inline-block;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
vertical-align: middle;
max-width: 360px;
}
.fileinput .thumbnail.img-circle {
border-radius: 50%;
max-width: 100px;
}
.fileinput .thumbnail > img {
max-height: 100%;
}
.fileinput .btn {
vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
display: none;
}
.fileinput-inline .fileinput-controls {
display: inline;
}
.fileinput-filename {
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
.form-control .fileinput-filename {
vertical-align: bottom;
}
.fileinput.input-group {
display: table;
}
.fileinput.input-group > * {
position: relative;
z-index: 2;
}
.fileinput.input-group > .btn-file {
z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
/*border-radius: 0 4px 4px 0;*/
}
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
/*border-radius: 0 3px 3px 0;*/
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
/*border-radius: 0 6px 6px 0;*/
}
.form-group.has-warning .fileinput .fileinput-preview {
color: #f1c40f;
}
.form-group.has-warning .fileinput .thumbnail {
border-color: #f1c40f;
}
.form-group.has-error .fileinput .fileinput-preview {
color: #e74c3c;
}
.form-group.has-error .fileinput .thumbnail {
border-color: #e74c3c;
}
.form-group.has-success .fileinput .fileinput-preview {
color: #2ecc71;
}
.form-group.has-success .fileinput .thumbnail {
border-color: #2ecc71;
}
.input-group-addon:not(:first-child) {
border-left: 0;
}
/* *** Thumbnail *** */
.thumbnail {
border: 0 none;
/*border-radius: 0;*/
padding: 0;
}
/* *** Wizard *** */
.wizard-title {
font-weight: 700;
font-family: "Open Sans", sans-serif;
}
.tab-animation, .wizard-card[data-color="purple"] .moving-tab, .wizard-card[data-color="green"] .moving-tab, .wizard-card[data-color="blue"] .moving-tab, .wizard-card[data-color="orange"] .moving-tab, .wizard-card[data-color="red"] .moving-tab {
position: absolute;
text-align: center;
padding: 12px;
font-size: 12px;
text-transform: uppercase;
-webkit-font-smoothing: subpixel-antialiased;
top: -4px;
left: 0px;
/*border-radius: 4px;*/
color: #FFFFFF;
cursor: pointer;
font-weight: 500;
}
.wizard-container {
padding-top: 100px;
z-index: 3;
}
.wizard-card {
min-height: 410px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.wizard-card .picture-container {
position: relative;
cursor: pointer;
text-align: center;
}
.wizard-card .picture {
width: 106px;
height: 106px;
background-color: #999999;
border: 4px solid #CCCCCC;
color: #FFFFFF;
border-radius: 50%;
margin: 5px auto;
overflow: hidden;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.wizard-card .picture:hover {
border-color: #2ca8ff;
}
.wizard-card[data-color="purple"] .picture:hover {
border-color: #4B4B4C;
}
.wizard-card[data-color="purple"] .nav-pills > li.active a {
background-color: transparent;
box-shadow: none;
}
.wizard-card[data-color="purple"] .moving-tab {
background-color: #4B4B4C;
box-shadow: 0 16px 26px -10px rgba(52, 73, 94, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 73, 94, 0.2);
}
.wizard-card[data-color="purple"] .choice:hover .icon, .wizard-card[data-color="purple"] .choice.active .icon {
border-color: #4B4B4C;
color: #4B4B4C;
}
.wizard-card[data-color="green"] .picture:hover {
border-color: #2ecc71;
}
.wizard-card[data-color="green"] .nav-pills > li.active a {
background-color: transparent;
box-shadow: none;
}
.wizard-card[data-color="green"] .moving-tab {
background-color: #2ecc71;
box-shadow: 0 16px 26px -10px rgba(46, 204, 113, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(46, 204, 113, 0.2);
}
.wizard-card[data-color="green"] .choice:hover .icon, .wizard-card[data-color="green"] .choice.active .icon {
border-color: #2ecc71;
color: #2ecc71;
}
.wizard-card[data-color="blue"] .picture:hover {
border-color: #3498db;
}
.wizard-card[data-color="blue"] .nav-pills > li.active a {
background-color: transparent;
box-shadow: none;
}
.wizard-card[data-color="blue"] .moving-tab {
background-color: #3498db;
box-shadow: 0 16px 26px -10px rgba(52, 152, 219, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(52, 152, 219, 0.2);
}
.wizard-card[data-color="blue"] .choice:hover .icon, .wizard-card[data-color="blue"] .choice.active .icon {
border-color: #3498db;
color: #3498db;
}
.wizard-card[data-color="orange"] .picture:hover {
border-color: #f1c40f;
}
.wizard-card[data-color="orange"] .nav-pills > li.active a {
background-color: transparent;
box-shadow: none;
}
.wizard-card[data-color="orange"] .moving-tab {
background-color: #f1c40f;
box-shadow: 0 16px 26px -10px rgba(241, 196, 15, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(241, 196, 15, 0.2);
}
.wizard-card[data-color="orange"] .choice:hover .icon, .wizard-card[data-color="orange"] .choice.active .icon {
border-color: #f1c40f;
color: #f1c40f;
}
.wizard-card[data-color="red"] .picture:hover {
border-color: #e74c3c;
}
.wizard-card[data-color="red"] .nav-pills > li.active a {
background-color: transparent;
box-shadow: none;
}
.wizard-card[data-color="red"] .moving-tab {
background-color: #e74c3c;
box-shadow: 0 16px 26px -10px rgba(231, 76, 60, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(231, 76, 60, 0.2);
}
.wizard-card[data-color="red"] .choice:hover .icon, .wizard-card[data-color="red"] .choice.active .icon {
border-color: #e74c3c;
color: #e74c3c;
}
.wizard-card .picture input[type="file"] {
cursor: pointer;
display: block;
height: 100%;
left: 0;
opacity: 0 !important;
position: absolute;
top: 0;
width: 100%;
}
.wizard-card .picture-src {
width: 100%;
}
.wizard-card .tab-content {
min-height: 340px;
padding: 20px 15px;
}
.wizard-card .wizard-footer {
padding: 0 15px;
}
.wizard-card .wizard-footer .checkbox {
margin-top: 16px;
}
.wizard-card .disabled {
display: none;
}
.wizard-card .wizard-header {
text-align: center;
padding: 25px 0 35px;
}
.wizard-card .wizard-header h5 {
margin: 5px 0 0;
}
.wizard-card .nav-pills > li {
text-align: center;
}
.wizard-card .btn {
text-transform: uppercase;
}
.wizard-card .info-text {
text-align: center;
font-weight: 300;
margin: 10px 0 30px;
}
.wizard-card .choice {
text-align: center;
cursor: pointer;
margin-top: 20px;
}
.wizard-card .choice .icon {
text-align: center;
vertical-align: middle;
height: 116px;
width: 116px;
border-radius: 50%;
color: #999999;
margin: 0 auto 20px;
border: 4px solid #CCCCCC;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.wizard-card .choice i {
font-size: 40px;
line-height: 111px;
}
.wizard-card .choice:hover .icon, .wizard-card .choice.active .icon {
border-color: #2ca8ff;
}
.wizard-card .choice input[type="radio"],
.wizard-card .choice input[type="checkbox"] {
position: absolute;
left: -10000px;
z-index: -1;
}
.wizard-card .btn-finish {
display: none;
}
.wizard-card .description {
color: #999999;
font-size: 14px;
}
.wizard-card .wizard-title {
margin: 0;
}
.wizard-card .nav-pills {
background-color: rgba(200, 200, 200, 0.2);
}
.wizard-card .nav-pills > li + li {
margin-left: 0;
}
.wizard-card .nav-pills > li > a {
border: 0 !important;
/*border-radius: 0;*/
line-height: 18px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
min-width: 100px;
text-align: center;
color: #555555 !important;
}
.wizard-card .nav-pills > li i {
display: block;
font-size: 30px;
padding: 15px 0;
}
.wizard-card .nav > li > a:hover,
.wizard-card .nav > li > a:focus {
background-color: transparent;
}
.wizard-card .nav-pills[data-color="blue"] > li.active > a,
.wizard-card .nav-pills[data-color="blue"] > li.active > a:hover,
.wizard-card .nav-pills[data-color="blue"] > li.active > a:focus,
.wizard-card .nav-pills[data-color="blue"] > .active > a,
.wizard-card .nav-pills[data-color="blue"] > .active > span,
.wizard-card .nav-pills[data-color="blue"] > .active > a:hover,
.wizard-card .nav-pills[data-color="blue"] > .active > span:hover,
.wizard-card .nav-pills[data-color="blue"] > .active > a:focus,
.wizard-card .nav-pills[data-color="blue"] > .active > span:focus,
.wizard-card .pagination[data-color="blue"] > li.active > a,
.wizard-card .pagination[data-color="blue"] > li.active > a:hover,
.wizard-card .pagination[data-color="blue"] > li.active > a:focus,
.wizard-card .pagination[data-color="blue"] > .active > a,
.wizard-card .pagination[data-color="blue"] > .active > span,
.wizard-card .pagination[data-color="blue"] > .active > a:hover,
.wizard-card .pagination[data-color="blue"] > .active > span:hover,
.wizard-card .pagination[data-color="blue"] > .active > a:focus,
.wizard-card .pagination[data-color="blue"] > .active > span:focus {
background-color: #3498db;
}
.wizard-card .nav-pills[data-color="purple"] > li.active > a,
.wizard-card .nav-pills[data-color="purple"] > li.active > a:hover,
.wizard-card .nav-pills[data-color="purple"] > li.active > a:focus,
.wizard-card .nav-pills[data-color="purple"] > .active > a,
.wizard-card .nav-pills[data-color="purple"] > .active > span,
.wizard-card .nav-pills[data-color="purple"] > .active > a:hover,
.wizard-card .nav-pills[data-color="purple"] > .active > span:hover,
.wizard-card .nav-pills[data-color="purple"] > .active > a:focus,
.wizard-card .nav-pills[data-color="purple"] > .active > span:focus,
.wizard-card .pagination[data-color="purple"] > li.active > a,
.wizard-card .pagination[data-color="purple"] > li.active > a:hover,
.wizard-card .pagination[data-color="purple"] > li.active > a:focus,
.wizard-card .pagination[data-color="purple"] > .active > a,
.wizard-card .pagination[data-color="purple"] > .active > span,
.wizard-card .pagination[data-color="purple"] > .active > a:hover,
.wizard-card .pagination[data-color="purple"] > .active > span:hover,
.wizard-card .pagination[data-color="purple"] > .active > a:focus,
.wizard-card .pagination[data-color="purple"] > .active > span:focus {
background-color: #4B4B4C;
}
.wizard-card .nav-pills[data-color="green"] > li.active > a,
.wizard-card .nav-pills[data-color="green"] > li.active > a:hover,
.wizard-card .nav-pills[data-color="green"] > li.active > a:focus,
.wizard-card .nav-pills[data-color="green"] > .active > a,
.wizard-card .nav-pills[data-color="green"] > .active > span,
.wizard-card .nav-pills[data-color="green"] > .active > a:hover,
.wizard-card .nav-pills[data-color="green"] > .active > span:hover,
.wizard-card .nav-pills[data-color="green"] > .active > a:focus,
.wizard-card .nav-pills[data-color="green"] > .active > span:focus,
.wizard-card .pagination[data-color="green"] > li.active > a,
.wizard-card .pagination[data-color="green"] > li.active > a:hover,
.wizard-card .pagination[data-color="green"] > li.active > a:focus,
.wizard-card .pagination[data-color="green"] > .active > a,
.wizard-card .pagination[data-color="green"] > .active > span,
.wizard-card .pagination[data-color="green"] > .active > a:hover,
.wizard-card .pagination[data-color="green"] > .active > span:hover,
.wizard-card .pagination[data-color="green"] > .active > a:focus,
.wizard-card .pagination[data-color="green"] > .active > span:focus {
background-color: #2ecc71;
}
.wizard-card .nav-pills[data-color="orange"] > li.active > a,
.wizard-card .nav-pills[data-color="orange"] > li.active > a:hover,
.wizard-card .nav-pills[data-color="orange"] > li.active > a:focus,
.wizard-card .nav-pills[data-color="orange"] > .active > a,
.wizard-card .nav-pills[data-color="orange"] > .active > span,
.wizard-card .nav-pills[data-color="orange"] > .active > a:hover,
.wizard-card .nav-pills[data-color="orange"] > .active > span:hover,
.wizard-card .nav-pills[data-color="orange"] > .active > a:focus,
.wizard-card .nav-pills[data-color="orange"] > .active > span:focus,
.wizard-card .pagination[data-color="orange"] > li.active > a,
.wizard-card .pagination[data-color="orange"] > li.active > a:hover,
.wizard-card .pagination[data-color="orange"] > li.active > a:focus,
.wizard-card .pagination[data-color="orange"] > .active > a,
.wizard-card .pagination[data-color="orange"] > .active > span,
.wizard-card .pagination[data-color="orange"] > .active > a:hover,
.wizard-card .pagination[data-color="orange"] > .active > span:hover,
.wizard-card .pagination[data-color="orange"] > .active > a:focus,
.wizard-card .pagination[data-color="orange"] > .active > span:focus {
background-color: #f1c40f;
}
.wizard-card .nav-pills[data-color="red"] > li.active > a,
.wizard-card .nav-pills[data-color="red"] > li.active > a:hover,
.wizard-card .nav-pills[data-color="red"] > li.active > a:focus,
.wizard-card .nav-pills[data-color="red"] > .active > a,
.wizard-card .nav-pills[data-color="red"] > .active > span,
.wizard-card .nav-pills[data-color="red"] > .active > a:hover,
.wizard-card .nav-pills[data-color="red"] > .active > span:hover,
.wizard-card .nav-pills[data-color="red"] > .active > a:focus,
.wizard-card .nav-pills[data-color="red"] > .active > span:focus,
.wizard-card .pagination[data-color="red"] > li.active > a,
.wizard-card .pagination[data-color="red"] > li.active > a:hover,
.wizard-card .pagination[data-color="red"] > li.active > a:focus,
.wizard-card .pagination[data-color="red"] > .active > a,
.wizard-card .pagination[data-color="red"] > .active > span,
.wizard-card .pagination[data-color="red"] > .active > a:hover,
.wizard-card .pagination[data-color="red"] > .active > span:hover,
.wizard-card .pagination[data-color="red"] > .active > a:focus,
.wizard-card .pagination[data-color="red"] > .active > span:focus {
background-color: #e74c3c;
}
.wizard-card .nav-pills[data-color="blue"] > li > a {
border: 1px solid #3498db;
color: #3498db;
}
.wizard-card .nav-pills[data-color="purple"] > li > a {
border: 1px solid #4B4B4C;
color: #4B4B4C;
}
.wizard-card .nav-pills[data-color="green"] > li > a {
border: 1px solid #2ecc71;
color: #2ecc71;
}
.wizard-card .nav-pills[data-color="orange"] > li > a {
border: 1px solid #f1c40f;
color: #f1c40f;
}
.wizard-card .nav-pills[data-color="red"] > li > a {
border: 1px solid #e74c3c;
color: #e74c3c;
}
.wizard-card .nav-pills > li.active > a,
.wizard-card .nav-pills > li.active > a:hover,
.wizard-card .nav-pills > li.active > a:focus {
background-color: #2CA8FF;
}
.wizard-card .pagination.no-border > li > a,
.wizard-card .pagination.no-border > li > span {
border: 0;
}
.wizard-card .pagination > li > a,
.wizard-card .pagination > li > span,
.wizard-card .pagination > li:first-child > a,
.wizard-card .pagination > li:first-child > span,
.wizard-card .pagination > li:last-child > a,
.wizard-card .pagination > li:last-child > span {
border-radius: 50%;
margin: 0 2px;
color: #777777;
}
.wizard-card .pagination > li.active > a,
.wizard-card .pagination > li.active > span,
.wizard-card .pagination > li.active > a:hover,
.wizard-card .pagination > li.active > span:hover,
.wizard-card .pagination > li.active > a:focus,
.wizard-card .pagination > li.active > span:focus {
background-color: #2CA8FF;
border: 0;
color: #FFFFFF;
padding: 7px 13px;
}
.wizard-navigation {
position: relative;
}
/* *** Sections *** */
.section-white {
background: #FFFFFF;
}
.section-white-to-gray {
background-color: #fff;
background: transparent linear-gradient(0deg, #e5e5e5 0%, #fff 100%) repeat scroll 0 0;
}
.section-gray {
background: #E5E5E5;
}
.section-light-gray {
background: #eee;
}
.section-primary {
background: #e1bee7;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, #e1bee7, #ba68c8);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, #e1bee7, #ba68c8);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, #e1bee7, #ba68c8);
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, #e1bee7, #ba68c8);
/* Standard syntax */
}
.section-info {
background: #b2ebf2;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, #b2ebf2, #4dd0e1);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, #b2ebf2, #4dd0e1);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, #b2ebf2, #4dd0e1);
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, #b2ebf2, #4dd0e1);
/* Standard syntax */
}
.section-success {
background: #c8e6c9;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, #c8e6c9, #81c784);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, #c8e6c9, #81c784);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, #c8e6c9, #81c784);
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, #c8e6c9, #81c784);
/* Standard syntax */
}
.section-warning {
background: #ffe0b2;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, #ffe0b2, #ffb74d);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, #ffe0b2, #ffb74d);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, #ffe0b2, #ffb74d);
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, #ffe0b2, #ffb74d);
/* Standard syntax */
}
.section-danger {
background: #ffcdd2;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, #ffcdd2, #e57373);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, #ffcdd2, #e57373);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, #ffcdd2, #e57373);
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, #ffcdd2, #e57373);
/* Standard syntax */
}
.section-space {
height: 70px;
display: block;
}
.section {
padding: 70px 0;
}
.section-navbars {
padding-bottom: 0;
}
.section-full-screen {
height: 100vh;
}
.section-signup {
padding-top: 20vh;
}
.section-dark,
.section-image {
background-size: 200% 240%;
background-color: #232323;
background: -moz-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #585858), color-stop(100%, #232323));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
/* W3C */
background-size: 550% 450%;
}
.section-dark .title,
.section-dark .card-plain .card-title,
.section-dark .card-plain .icon i,
.section-image .title,
.section-image .card-plain .card-title,
.section-image .card-plain .icon i {
color: #FFFFFF;
}
.section-dark .description,
.section-dark .card-plain .card-description,
.section-dark .card-plain .icon,
.section-image .description,
.section-image .card-plain .card-description,
.section-image .card-plain .icon {
color: rgba(255, 255, 255, 0.76);
}
.section-dark .card-plain [class*="text-"],
.section-dark .card-plain ul li b,
.section-image .card-plain [class*="text-"],
.section-image .card-plain ul li b {
color: #FFFFFF;
}
.section-dark .card-plain .category,
.section-image .card-plain .category {
color: rgba(255, 255, 255, 0.5);
}
.section-dark .nav-pills > li > a, .section-image .nav-pills > li > a {
color: #999999;
}
.section-dark .nav-pills > li > a:hover,
.section-dark .nav-pills > li > a:focus, .section-image .nav-pills > li > a:hover,
.section-image .nav-pills > li > a:focus {
background-color: #EEEEEE;
}
.section-image {
position: relative;
}
.section-image:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
background-color: rgba(0, 0, 0, 0.7);
}
.section-image .container {
z-index: 2;
position: relative;
}
.section,
.section-image {
background-position: center center;
background-size: cover;
}
[class*="features-"],
[class*="team-"],
[class*="projects-"],
[class*="pricing-"],
[class*="testimonials-"],
[class*="contactus-"] {
padding: 80px 0;
}
/* *** Web Content *** */
.page-header {
height: calc(100vh - 50px);
background-position: center center;
background-size: cover;
margin: 0;
padding: 0;
border: 0;
}
body.admin-bar .page-header {
height: calc(100vh - 50px - 32px);
}
.page-header .carousel .carousel-indicators {
bottom: 60px;
}
.page-header .container {
padding-top: 30vh;
color: #FFFFFF;
}
.page-header .title {
color: #FFFFFF;
}
.page-header.header-small {
height: 65vh;
}
.page-header.header-small .container {
padding-top: 20vh;
}
.header-filter {
position: relative;
}
.header-filter:before, .header-filter:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
}
.header-filter::before {
background-color: rgba(0, 0, 0, 0.5);
}
.header-filter .container {
z-index: 2;
position: relative;
}
.header-filter[filter-color="purple"]:after, .header-filter[filter-color="primary"]:after {
background: rgba(225, 190, 231, 0.56);
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95));
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95));
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95));
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95));
/* Standard syntax */
}
.header-filter[filter-color="blue"]:after, .header-filter[filter-color="info"]:after {
background: rgba(178, 235, 242, 0.56);
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95));
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95));
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95));
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95));
/* Standard syntax */
}
.header-filter[filter-color="green"]:after, .header-filter[filter-color="success"]:after {
background: rgba(165, 214, 167, 0.56);
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95));
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95));
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95));
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95));
/* Standard syntax */
}
.header-filter[filter-color="orange"]:after, .header-filter[filter-color="warning"]:after {
background: rgba(255, 224, 178, 0.56);
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95));
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95));
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95));
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95));
/* Standard syntax */
}
.header-filter[filter-color="red"]:after, .header-filter[filter-color="danger"]:after {
background: rgba(239, 154, 154, 0.56);
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95));
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95));
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95));
/* For Firefox 3.6 to 15 */
background: linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95));
/* Standard syntax */
}
.clear-filter:before {
display: none;
}
.header-1 .wrapper,
.header-2 .wrapper,
.header-3 .wrapper {
background: #CCCCCC;
}
.header-2 .page-header .container {
padding-top: 25vh;
}
.header-2 .page-header .card {
margin-top: 60px;
}
.header-3 .btn {
margin: 0;
}
.header-3 h6 {
margin-bottom: 0;
}
.phone-container img {
width: 100%;
}
.features-1 {
text-align: center;
}
.features-3 .info {
max-width: none;
margin: 0 auto;
padding: 10px 0 0px;
}
.features-3 .phone-container {
max-width: 200px;
margin: 0 auto;
}
.features-4 .phone-container {
max-width: 260px;
margin: 60px auto 0;
}
.features-4 .info {
max-width: none;
margin: 0 auto;
padding: 10px 0 0px;
}
.features-4 .info:first-child {
padding-top: 130px;
}
.features-5 {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.features-5:after {
background: rgba(0, 0, 0, 0.55);
position: absolute;
width: 100%;
height: 100%;
content: "";
z-index: 0;
left: 0;
top: 0;
}
.features-5 .container,
.features-5 .title {
position: relative;
z-index: 2;
}
.features-5 .title,
.features-5 .info-title {
color: #FFFFFF;
}
.features-5 .info {
text-align: center;
max-width: 310px;
}
.features-5 .info .icon {
color: #FFFFFF;
}
.features-5 .info .icon > i {
font-size: 2.8em;
}
.features-5 .info p {
color: #FFFFFF;
}
.features-5 .container [class*="col-"] {
border: 1px solid rgba(255, 255, 255, 0.35);
border-top: 0;
}
.features-5 .container [class*="col-"] {
border-left: 0;
}
.features-5 .container [class*="col-"]:last-child {
border-right: 0;
}
.features-5 .container .row:last-child [class*="col-"] {
border-bottom: 0;
}
[class*="blogs-"] {
padding: 50px 0;
}
.blogs-1 .card {
margin-bottom: 80px;
}
.blogs-4 .card {
margin-bottom: 60px;
text-align: center;
}
.team-1 .card .content {
padding-left: 15px;
padding-right: 15px;
}
.team-1 .card .description {
min-height: 90px;
}
.team-1 .card .btn {
margin-top: 0;
}
.team-1 h5.description {
margin-bottom: 80px;
}
.team-2 .card .title {
margin: 10px 0 0;
}
.team-2 .card h6 {
margin-top: 5px;
}
.team-2 h5.description {
margin-bottom: 80px;
}
.team-3 .card,
.team-5 .card {
text-align: left;
}
.team-3 .card .footer,
.team-5 .card .footer {
margin-top: 0;
}
.team-3 h5.description,
.team-5 h5.description {
margin-bottom: 70px;
}
.team-4 h5.description {
margin-bottom: 100px;
}
.projects-1 .title {
margin-top: 10px;
}
.projects-1 .nav-pills {
display: inline-block;
}
.projects-2 h2.title {
margin-top: 5px;
margin-bottom: 15px;
}
.projects-2 .card-title {
margin-bottom: 5px;
}
.projects-2 .category {
color: #999999;
margin-top: 5px;
}
.projects-2 .card-description {
margin-top: 20px;
}
.projects-2 .card {
text-align: center;
}
.projects-3 h2.title,
.projects-3 h3.title {
margin-bottom: 80px;
margin-top: 5px;
}
.projects-3 .card {
margin-bottom: 30px;
text-align: center;
}
.projects-3 .category {
margin-bottom: 5px;
}
.projects-3 .card-title {
margin-top: 5px;
}
.projects-4 h2.title {
margin-top: 5px;
margin-bottom: 15px;
}
.projects-4 .info {
padding: 0;
}
.projects-4 .info p {
margin: 0;
}
.projects-4 .card-background {
margin-bottom: 0;
}
.projects-4 .card-background .content {
padding-top: 140px;
padding-bottom: 140px;
}
.projects-4 hr {
margin: 70px auto;
max-width: 970px;
}
.pricing-1 h2.title {
margin-bottom: 10px;
}
.pricing-1 .card-separator {
width: 1px;
display: block;
height: 100%;
background-color: rgba(153, 153, 153, 0.2);
position: absolute;
left: 0;
top: 0;
}
.pricing-1.section-image:after {
background-color: rgba(0, 0, 0, 0.8);
}
.pricing-2 .nav-pills {
display: inline-block;
margin-bottom: 50px;
}
.pricing-5 .nav-pills {
margin-top: 50px;
margin-bottom: 50px;
}
.pricing-3 .title,
.pricing-4 .title {
margin-bottom: 10px;
}
.testimonials-1 .description {
margin-bottom: 50px;
}
.contactus-1 .info {
padding: 0;
margin: 0;
}
.contactus-1 .info:first-child {
margin-top: 30px;
}
.contactus-1 .info .info-title {
margin-top: 20px;
color: #FFFFFF;
}
.contactus-1 .info .icon {
margin-top: 14px;
color: #FFFFFF;
}
.contactus-1 .card-contact {
margin-top: 30px;
}
.contactus-2 {
padding: 0;
}
.contactus-2 .card-contact {
max-width: 560px;
margin: 80px 0 80px 150px;
}
.contactus-2 .card-contact .info {
padding: 0;
margin: 0;
}
.contactus-2 .map {
width: 100%;
height: 100%;
position: absolute;
}
.contactus-2 .info-horizontal .icon {
margin-top: 26px;
}
.contactus-2 .info-horizontal .icon > i {
font-size: 2.2em;
}
footer {
padding: 15px 0;
text-align: center;
}
footer ul {
margin-bottom: 0;
padding: 0;
list-style: none;
}
footer ul li {
display: inline-block;
}
footer ul li a {
color: inherit;
padding: 15px;
font-weight: 500;
/*font-size: 15px;*/
text-transform: uppercase;
/*border-radius: 3px;*/
text-decoration: none;
position: relative;
display: block;
}
footer ul li .btn {
margin: 0;
}
footer ul.links-horizontal:first-child a {
padding-left: 0;
}
footer ul.links-horizontal:last-child a {
padding-right: 0;
}
footer ul.links-vertical li {
display: block;
margin-left: -5px;
margin-right: -5px;
}
footer ul.links-vertical li a {
padding: 5px;
}
footer .social-buttons a,
footer .social-buttons .btn {
margin-top: 5px;
margin-bottom: 5px;
}
footer .footer-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
margin-left: -15px;
}
footer .footer-brand:hover, footer .footer-brand:focus {
color: #3C4858;
}
footer .copyright {
padding: 15px 0;
}
footer .copyright .material-icons {
font-size: 18px;
position: relative;
top: 3px;
}
footer .pull-center {
display: inline-block;
float: none;
}
.footer-big {
padding: 30px 0;
}
.footer-big .content {
text-align: left;
}
.footer-big .social-feed i {
font-size: 20px;
display: table-cell;
padding-right: 10px;
}
.footer-big .social-feed p {
display: table-cell;
vertical-align: top;
overflow: hidden;
padding-bottom: 10px;
max-width: 300px;
}
.footer-big .gallery-feed img {
width: 20%;
margin-right: 5%;
margin-bottom: 5%;
float: left;
}
.footer-white {
background-color: #FFFFFF;
}
.footer-gray {
background-color: #eeeeee;
}
.footer-black {
background: #232323;
background: -moz-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #585858), color-stop(100%, #232323));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
/* W3C */
background-size: 550% 450%;
}
.footer-black a {
color: #FFFFFF;
opacity: .86;
}
.footer-black a:hover, .footer-black a:focus {
opacity: 1;
}
.footer-black .footer-brand {
color: #FFFFFF;
}
.footer-black .footer-brand:hover, .footer-black .footer-brand:focus {
color: #FFFFFF;
}
.footer-black h5,
.footer-black h4,
.footer-black i,
.footer-black .copyright {
color: #FFFFFF;
}
.footer-black hr {
border-color: rgba(255, 255, 255, 0.2);
}
/* *** Social Media *** */
.social-line {
padding: 15px 0;
}
.social-line-big-icons [class*="col-"] {
border-right: 1px solid #eeeeee;
}
.social-line-big-icons [class*="col-"]:last-child {
border: 0;
}
.social-line-big-icons .btn {
margin: 0;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.social-line-big-icons .btn .fa {
font-size: 25px;
}
.subscribe-line {
padding: 30px 0;
}
.subscribe-line .card {
margin-top: 30px;
}
.subscribe-line.subscribe-line-image {
position: relative;
background-position: top center;
background-size: cover;
}
.subscribe-line.subscribe-line-image .title {
color: #FFFFFF;
}
.subscribe-line.subscribe-line-image:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
background-color: rgba(0, 0, 0, 0.66);
}
.subscribe-line.subscribe-line-image .container {
z-index: 2;
position: relative;
}
.social-line-white,
.subscribe-line-white {
background-color: #FFFFFF;
}
.social-line-black,
.subscribe-line-black {
background: #232323;
background: -moz-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #585858), color-stop(100%, #232323));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
/* W3C */
background-size: 550% 450%;
}
.social-line-black [class*="col-"],
.subscribe-line-black [class*="col-"] {
border-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 991px) {
.page-header {
height: auto;
min-height: 100vh;
}
.page-header .iframe-container {
padding: 30px 0;
}
.card-form-horizontal .form-group {
padding-bottom: 20px;
}
.contactus-2 .card-contact {
margin: 530px 0 0;
}
.carousel .page-header {
padding: 0 30px;
}
.carousel .buttons {
margin-bottom: 100px;
}
.btn.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-simple {
padding-left: 0;
padding-right: 0;
text-align: left;
}
.presentation-page .section-components .image-container,
.index-page .section-components .image-container {
height: 400px;
}
.presentation-page .section-components .image-container img,
.index-page .section-components .image-container img {
max-width: 410px;
height: auto;
}
.presentation-page .section-cards .image-container,
.index-page .section-cards .image-container {
height: 300px;
margin-top: -100px;
}
.presentation-page .section-cards .image-container img,
.index-page .section-cards .image-container img {
max-width: 500px;
}
.presentation-page .section-content,
.index-page .section-content {
padding-top: 0;
}
.presentation-page .section-overview .card .content,
.index-page .section-overview .card .content {
text-align: center;
}
.presentation-page .section-overview .card-image,
.index-page .section-overview .card-image {
max-width: 60px;
margin: 0 auto 20px;
}
}
@media (max-width: 767px) {
h1,
.h1,
.presentation-page .brand h1 {
font-size: 3em;
}
.presentation-page .pro-badge {
font-size: 14px;
margin-right: 0;
right: -47px;
padding: 4px 8px;
top: -4px;
display: inline-block;
}
.subscribe-line .btn {
margin-top: 15px;
}
}
/* *** Layout *** */
html, body {
height: 100%;
min-height: 100%;
max-height: 100%;
overflow: hidden;
}
.apc-application-layout {
height: 100%;
width: 100%;
background: #FFFFFF;
}
.apc-window-layout {
height: 100%;
width: 100%;
}
.apc-header-layout {
margin-bottom: 0;
z-index: 2;
}
.apc-header-navigation {
width: 100%;
}
.apc-subheader-navigation {
display: none;
}
.apc-subheader-navigation #apc-submenu-toggle {
display: none;
}
.apc-body-layout {
height: calc(100% - 50px - 25px);
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
body.admin-bar .apc-body-layout {
height: calc(100% - 50px - 25px - 32px);
}
.apc-body-layout.apc-fullscreen {
height: calc(100% - 50px);
}
body.admin-bar .apc-body-layout.apc-fullscreen {
height: calc(100% - 50px - 32px);
}
.apc-wrapper-layout {
/* make all rows (apc-left, apc-center, apc-right) equal height display: -webkit-box; */
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.apc-center-layout {
width: 100%;
}
.apc-footer-layout {
height: 25px;
width: 100%;
padding-left: 95px;
padding-right: 95px;
}
.apc-fullscreen { /* Full Screen Page */
height: 100%;
}
.apc-fullscreen.apc-wrapper-layout { /* Full Screen Page */
height: 100%;
}
.apc-fullscreen.apc-wpcontent-layout { /* Full Screen Page */
height: 100%;
padding: 0;
}
@media only screen and (min-width: 1445px) {
/*
.modal-fullscreen .modal-dialog {
top: 105px;
left: 45px;
width: calc(100vw - 90px);
}
.modal-fullscreen .modal-content {
height: calc(100vh - 60px - 90px);
width: calc(100vw - 90px);
}
.modal-fullscreen .modal-body {
height: calc(100vh - 180px - 90px - 40px);
width: calc(100vw - 90px - 24px);
}
*/
}
@media screen and (min-width: 992px) {
.apc-header-navigation {
padding-left: 95px;
padding-right: 95px;
}
.apc-header-navigation ul.navbar-nav > li {
height: 50px;
}
.apc-header-navigation ul.navbar-nav > li:hover,
.apc-header-navigation ul.navbar-nav > li.active {
border-bottom: 5px solid #247BA0;
}
.apc-wpcontent-layout {
width: 100%;
padding-left: 95px;
padding-right: 95px;
}
}
@media screen and (max-width: 991px) {
.apc-header-navigation .navbar-collapse,
.apc-header-navigation .apc-sitemenu {
width: 100%;
}
.apc-wpcontent-layout {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
}
/* ***** Header Dropdown Menus ***** */
.apc-sitemenu > li > a > span.menu-item-icon /* top level only */ {
top: 0 !important;
font-size: 16px !important;
}
.apc-sitemenu .dropdown-menu li > a {
/*font-size: 15px;*/
}
.apc-sitemenu .dropdown-menu li > a > span.menu-item-icon {
font-size: 16px;
line-height: inherit;
padding-right: 10px;
width: 30px;
min-width: 30px;
}
.apc-sitemenu .dropdown-menu {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21);
}
.navbar-right .dropdown-menu {
right: initial;
}
@media screen and (max-width: 991px) {
.apc-sitemenu {
margin-top: 15px;
margin-bottom: 15px;
}
}
/** Workaround for non-wrapping header navigation in desktop mode **/
@media screen and (min-width: 992px) {
.navbar-collapse collapse, .apc-header-navigation, .apc-header-layout {
height: 50px;
min-height: 50px;
max-height: 50px;
}
.apc-header-navigation {
white-space: nowrap;
}
#apc-logo, .navbar-collapse collapse {
display: inline-block !important;
}
.apc-sitemenu {
width: 10000px;
}
.navbar-nav {
float: left;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: initial;
}
}
/* *** Logo & Title *** */
#apc-logo {
display: inline;
float: left;
margin-top: 5px;
}
#apc-title {
color: #333333;
text-align: left;
height: 35px;
line-height: 35px;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
vertical-align: middle;
}
@media screen and (max-width: 991px) {
#apc-logo {
display: initial;
float: initial;
padding-left: 25px;
margin-right: 0;
}
#apc-logo img {
margin-right: 0;
}
#apc-title {
color: #555555;
padding-left: 25px;
}
}
/* *** Body *** */
.apc-header-navigation .container > .navbar-header,
.apc-header-navigation .container-fluid > .navbar-header,
.apc-header-navigation .container > .navbar-collapse,
.apc-header-navigation .container-fluid > .navbar-collapse,
.apc-header-navigation .navbar-collapse .navbar-nav {
margin-right: 0;
margin-left: 0;
}
.navbar-fixed-top h1 {
margin-top: 0;
margin-bottom: 0;
}
.navbar-fixed-top h1 a {
font-size: 28px;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
color: #FFFFFF;
}
/* *** Sidebars *** */
.apc-small {
width: 200px;
min-width: 200px;
max-width: 200px;
}
.apc-medium {
width: 275px;
min-width: 275px;
max-width: 275px;
}
.apc-large {
width: 350px;
min-width: 350px;
max-width: 350px;
}
aside ul {
list-style: none;
padding-left: 0;
width: 100%;
}
aside ul > li {
width: 100%;
white-space: nowrap;
}
.apc-sidebar {
transition: all .4s ease 0s;
padding-left: 0;
padding-right: 0;
height: auto;
background: #FFFFFF;
box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
.apc-sidebar aside h3 {
text-transform: uppercase;
font-size: 16px;
display: block;
white-space: nowrap;
color: #999999;
font-weight: bold;
margin-top: 0;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.apc-sidebar.apc-left-layout {
position: fixed; /* Keep in position on scroll */
top: 25%; /* push down 50% of container */
left: 0;
}
.apc-sidebar.apc-left-layout .menu-item-icon {
float: right;
}
.apc-sidebar.apc-right-layout {
position: fixed; /* Keep in position on scroll */
top: 25%; /* push down 50% of container */
right: 0;
}
.apc-sidebar.apc-right-layout .menu-item-icon {
float: left !important;
margin-right: 10px;
}
.apc-sidebar.closed {
width: 60px;
min-width: 60px;
max-width: 60px;
}
#apc-left-toggle, #apc-right-toggle {
font-size: 40px;
color: rgba(0, 0, 0, 0.1);
width: 60px;
text-align: center;
}
#apc-left-toggle span, #apc-right-toggle span {
height: 60px;
width: 60px;
line-height: 60px;
vertical-align: middle;
}
.apc-sidebar.closed .nav > li > a {
height: 0;
line-height: 0;
}
.apc-sidebar.closed h3 {
visibility: hidden;
}
.apc-sidebar.closed .menu-item-text {
display: none;
}
.apc-sidebar.closed .menu-item-icon {
visibility: visible;
}
.apc-sidebar.closed .widget_calendar {
visibility: hidden;
}
.apc-sidebar.opened h3 {
visibility: visible;
}
.apc-sidebar.opened .menu-item-text {
transition: all 1.5s ease 0s;
visibility: visible;
}
.apc-sidebar aside.bootstrapwidgetmenu ul li {
height: 38px;
min-height: 38px;
max-height: 38px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.apc-sidebar aside.bootstrapwidgetmenu ul li a {
height: 38px;
min-height: 38px;
max-height: 38px;
line-height: 38px;
padding-top: 0;
padding-bottom: 0;
color: #333333;
}
.apc-sidebar aside.bootstrapwidgetmenu ul li a .menu-item-text {
font-size: 15px;
}
.apc-sidebar aside.bootstrapwidgetmenu ul li a .menu-item-icon {
font-size: 22px;
width: 32px;
text-align: center;
height: 38px;
line-height: 38px;
vertical-align: middle;
}
.apc-sidebar aside.widget_recent_entries ul li {
padding-left: 15px;
padding-right: 15px;
}
.apc-sidebar aside.widget_search form {
padding-left: 15px;
padding-right: 15px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}
.apc-sidebar #wp-calendar {
width: 100%;
}
.apc-sidebar.closed aside.widget_recent_entries ul,
.apc-sidebar.closed aside.widget_search form{
visibility: hidden;
}
@media screen and (max-width: 991px) {
/* Sidebars are transformed into dropdown menus on mobile devices! */
.apc-sidebar {
background: none;
box-shadow: none;
width: 100%;
min-width: 100%;
max-width: 100%;
border-top: 1px solid #b3b3b3;
position: inherit;
top: inherit;
left: inherit;
right: inherit;
}
.apc-header-layout.navbar {
background: #fafafa;
}
.apc-subheader-navigation {
display: initial;
min-height: 35px;
line-height: 35px;
vertical-align: bottom;
width: 100%;
box-shadow: none;
}
#apc-left-toggle, #apc-right-toggle {
display: none;
}
.apc-header-navigation {
z-index:1000;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12),
0 2px 4px -1px rgba(0, 0, 0, 0.14);
}
.apc-subheader-navigation #apc-submenu-toggle {
display: initial;
height: 28px;
line-height: 28px;
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
margin-top: 4px;
margin-bottom: 0;
margin-right: 0;
font-size: 20px;
right: 25px;
color: #555555;
border-color: #555555;
}
aside,
aside ul,
aside ul > li,
aside ul > li > a {
width: 100vw;
}
aside ul > li > a {
width: calc(100vw - 30px);
border-radius: 2px;
color: #333333;
}
.apc-subheader-navigation .apc-sidebar aside.widget_search form,
.apc-subheader-navigation .apc-sidebar aside h3,
.apc-subheader-navigation .apc-sidebar aside.widget_recent_entries ul li {
padding-left: 30px;
padding-right: 30px;
}
.apc-subheader-navigation .apc-sidebar aside.bootstrapwidgetmenu ul li {
border-top: none;
}
.apc-subheader-navigation .nav > li {
margin-left: 15px;
margin-right: 15px;
width: calc(100% - 30px);
}
.apc-header-layout .navbar-nav > li > a {
/*height: initial;*/
/*line-height: 40px;*/
/*padding-left: 20px;*/
}
.apc-header-layout .navbar-nav > li.active {
/*box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),*/
/*0 1px 10px 0 rgba(0, 0, 0, 0.12),*/
/*0 2px 4px -1px rgba(0, 0, 0, 0.14);*/
}
.apc-header-layout .navbar-nav > li.active > a {
/*color: #FFFFFF;*/
}
.apc-header-layout .navbar-nav > .active {
/*border: none;*/
/*background: #4B4B4C;*/
}
.apc-subheader-navigation aside ul>li.active {
background: #247BA0;
border-radius: 3px;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12),
0 2px 4px -1px rgba(0, 0, 0, 0.14);
}
aside ul>li.active>a {
color: #FFFFFF;
}
.apc-sidebar .nav>li>a {
padding-left:15px;
}
.apc-sidebar .nav>li>a:focus,
.apc-sidebar .nav>li>a:hover {
background: none;
}
}
/* *** Footer *** */
#apc-footer {
font-size: 12px;
color: #AAAAAA;
}
.modal-content .modal-footer {
padding: 24px;
}
/* *** Fullscreen Dialogs *** */
#dialog-window {
display: none;
}
.modal-fullscreen {
background: transparent;
padding-left: 0 !important;
}
.modal-fullscreen .modal-dialog {
position: absolute;
top: 50px;
left: 0;
margin: 0;
width: 100vw;
}
body.admin-bar .modal-fullscreen .modal-dialog {
top: calc(50px + 32px);
}
.modal-fullscreen .modal-dialog .modal-content .modal-header .modal-title {
/*padding-left: calc(95px - 24px);*/
margin-top: 10px;
}
.modal-fullscreen .modal-dialog .modal-content .modal-header .close {
display: none;
}
.modal-fullscreen .modal-content,
.modal-fullscreen .modal-content iframe {
height: calc(100vh - 50px);
width: 100vw;
}
body.admin-bar .modal-fullscreen .modal-content,
body.admin-bar .modal-fullscreen .modal-content iframe {
height: calc(100vh - 50px - 32px);
}
.modal-fullscreen .modal-content {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
/*border-radius: 3px;*/
position: relative;
overflow: hidden;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.modal-fullscreen .modal-content .modal-header {
padding: 0;
padding-left: 95px;
padding-right: 95px;
height: 80px;
max-height: 80px;
}
.modal-fullscreen .modal-content .modal-body {
padding-left: 95px;
padding-right: 95px;
height: calc(100vh - 80px - 75px);
max-height: calc(100% - 80px - 75px);
}
.modal-fullscreen .modal-content .modal-footer {
padding-left: 95px;
padding-right: 95px;
height: 75px;
max-height: 75px;
}
.full-center {
width: 100%;
height: 100%;
overflow: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.fade-scale {
transform: scale(0);
opacity: 0;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.fade-scale.in {
opacity: 1;
transform: scale(1);
}
/* *** Dialog Content (WordPress pages / shortcodes *** */
body.apc-modal .dialog-stack {
color: #CACACA;
font-size: 20px;
}
body.apc-modal .dialog-stack i {
padding-right: 10px;
}
body.apc-modal .apc-body-layout {
height: calc(100% - 25px);
}
body.admin-bar.apc-modal .apc-body-layout {
height: calc(100% - 25px - 32px);
}
body.apc-modal .dialog-footer .btn {
margin-top: 10px;
margin-bottom: 0;
}
body.apc-modal .full-height {
height: calc(100vh - 50px - 30px - 60px - 30px);
}
#apc-dialog-content {
height: calc(100vh - 100px - 50px - 25px);
overflow: auto;
}
body.admin-bar #apc-dialog-content {
height: calc(100vh - 100px - 50px - 25px - 32px);
}
#apc-dialog-buttons, .form-footer {
text-align: right;
height: 50px;
max-height: 50px;
padding-top: 10px;
}
#apc-dialog-buttons .btn, .form-footer .btn {
margin-left: 5px;
}
#apc-dialog-buttons .btn.pull-left, .form-footer .btn.pull-left {
margin-left: 0;
margin-right: 10px;
}
/* *** Inline Content (WordPress pages / shortcodes *** */
body.apc-inline .apc-body-layout {
height: 100%;
}
body.apc-inline .apc-wpcontent-layout {
width: 100%;
padding: 0;
}
@media screen and (min-width: 992px) {
body.apc-inline .apc-wpcontent-layout {
width: 100%;
padding: 0;
}
}
@media screen and (max-width: 991px) {
body.apc-inline .apc-wpcontent-layout {
width: 100%;
padding: 0;
}
}
/* *** Tree Navigation Template *** */
#tree-navigation {
overflow-x: hidden;
}
#tree-navigation .fa {
margin-right: 10px;
}
#tree-navigation .k-state-selected {
color: #0072c6;
background-color: #fff;
border: 1px solid #0072c6;
}
#tree-container {
width: 100%;
height: calc(100vh - 50px - 100px - 25px - 5px);
}
/* *** Content *** */
.apc-content {
background: #FFFFFF;
color: #404040 !important;
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21);
text-align: left;
padding: 25px;
opacity: 0.95;
}
.apc-content h1 {
color: #D6812F !important;
}
.apc-content h2, .apc-content h3, .apc-content h4, .apc-content h5, .apc-content p {
color: #404040 !important;
}
/* *** Search *** */
.apc-search-state-initial {
display: flex;
align-items: center;
flex-direction: row;
height: 100%;
}
.apc-search-state-searched {
margin-top: 60px;
}
.apc-search-card h2,
.apc-search-card h2:hover {
color: #4B4B4C;
}
/* *** Page Header & Bread Crumbs *** */
#apc-page-header {
height: 100px;
max-height: 100px;
z-index: 1;
}
#apc-page-title {
margin-top: 10px;
margin-bottom: 0;
}
#apc-breadcrumbs {
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 12px;
}
#apc-breadcrumbs li {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
#apc-breadcrumbs .separator {
font-size: 14px;
font-weight: 100;
color: #ccc;
}
/* *** Content *** */
#apc-page-content {
/*height: calc(100vh - 50px - 40px - 70px - 25px);*/
/*overflow: auto;*/
}
/* *** 404 / Error page *** */
#apc-error .apc-error-icon {
margin-right: 40px;
width: 160px;
height: auto;
float: left;
}
/* *** Fullscreen Scroll-Down Pages *** */
@keyframes apc-scrolldown-animation {
0% {
bottom: 0;
}
50% {
bottom: 20px;
}
100% {
bottom: 0;
}
}
.apc-scrolldown {
animation: apc-scrolldown-animation 1.5s infinite ease-in-out;
position: absolute;
width: 60px;
height: 60px;
margin-left: -30px;
bottom: 0;
color: white;
left: 50%;
z-index: 100;
}
.apc-scrolldown.fa {
font-size: 60px;
}
/* *** Mobile *** */
body.apc-mobile .apc-wpcontent-layout {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
body.apc-mobile #apc-page-header {
background: #fafafa;
position: relative;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.08),
0 1px 10px 0 rgba(0, 0, 0, 0.06),
0 2px 4px -1px rgba(0, 0, 0, 0.08);
}
body.apc-mobile #apc-page-title {
font-size: 16px;
margin-left: 25px;
}
body.apc-mobile .apc-mobile-buttons {
margin-right: 25px;
display: inline;
float: right;
}
body.apc-mobile #apc-page-header,
body.apc-mobile .apc-mobile-buttons a .fa {
height: 40px;
max-height: 40px;
line-height: 40px;
vertical-align: middle;
color: #333333;
}
body.apc-mobile .apc-mobile-buttons a .fa {
font-size: 20px;
}
body.apc-mobile .apc-mobile-buttons a:not(:first-child) .fa {
margin-left: 20px;
}
body.apc-mobile .panel .panel-heading {
text-transform: none;
letter-spacing: normal;
padding: 10px 15px;
}
h1.list-group-item-heading,
h2.list-group-item-heading,
h3.list-group-item-heading,
h4.list-group-item-heading,
p.list-group-item-text {
width: calc(100% - 25px);
}
/* *** Tablet *** */
body.apc-tablet #apc-page-header {
height: 65px;
max-height: 65px;
}
body.apc-tablet .apc-tablet-buttons {
margin-top: 20px;
margin-bottom: 0;
}
body.apc-tablet #apc-dialog-content {
height: calc(100vh - 65px - 50px - 25px);
overflow: auto;
}
body.apc-tablet.admin-bar #apc-dialog-content {
height: calc(100vh - 65px - 50px - 25px - 32px);
}
body.apc-tablet .apc-tablet-buttons .dropdown {
display: inline;
}
body.apc-tablet .apc-tablet-buttons .dropdown a .fa {
margin-left: 5px;
font-size: 14px;
}
body.apc-tablet .apc-tablet-buttons .dropdown a.dropdown-toggle {
font-size: 18px;
color: #333;
text-decoration: none;
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu {
border: 1px solid #ccc;
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
position: absolute !important;
}
body.apc-tablet .apc-tablet-buttons .dropdown ul.dropdown-menu:before {
content: "";
border-bottom: 10px solid #fff;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
top: -10px;
right: 16px;
z-index: 10;
}
body.apc-tablet .apc-tablet-buttons .dropdown ul.dropdown-menu:after {
content: "";
border-bottom: 12px solid #ccc;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
position: absolute;
top: -12px;
right: 14px;
z-index: 9;
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu .tablet-login {
width: 350px;
padding: 10px;
padding-bottom: 0;
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu .tablet-avatar img {
height: 110px;
width: 110px;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu .tablet-login .login-name {
font-size: 20px;
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu .tablet-login .login-desc {
margin-bottom: 0;
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu .tablet-login .btn-logout {
margin-top: 7px;
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu .tablet-menu {
padding: 10px;
padding-bottom: 0px;
padding-top: 10px;
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu .tablet-menu .btn {
font-size: 15px;
text-align: left;
margin-bottom: 10px;
padding: 8px 16px;
}
body.apc-tablet .apc-tablet-buttons .dropdown .dropdown-menu .tablet-menu .btn .fa {
font-size: 20px;
margin-right: 10px;
}
body.apc-tablet #apc-tablet-back .fa {
font-size: 30px;
vertical-align: middle;
color: #333333;
margin-left: 20px;
}
/* ***** Shadows ***** */
.apc-shadowed {
border: none;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.shadow-z-1 {
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.shadow-z-1-hover {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.shadow-z-2 {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.shadow-z-3 {
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.shadow-z-4 {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.shadow-z-5 {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
/* *** Helper classes *** */
.apc-center {
text-align: center;
}
.apc-left {
text-align: left;
}
.apc-right {
text-align: right;
}
.apc-vertical-center {
/* add this style to a Bootstrap row ("row apc-vertical-center") */
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
height: calc(100% - 50px);
margin-top: 0 !important;
}
.debug {
background: red;
}
/* ***** Form Layout ***** */
.apc-form {
box-sizing: content-box;
/* required to use Kendo UI widgets inside Bootstrap forms margin-top: 40 px; */
margin-bottom: 40px;
padding: 20px;
border: 1px solid #D2D2D2;
/*border-radius: 3px;*/
background-color: white;
/*box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.apc-form .form-group.required .control-label:after {
content: "*";
color: red;
}
@media (min-width: 768px) {
.form-inline .radio, .form-inline .checkbox {
line-height: 30px;
}
}
/* *** SQL Table *** */
.sqltable h3 {
padding: 0;
margin-top: 8px;
margin-left: 8px;
}
.sqltable .top-actions {
margin-top: 8px;
margin-left: 8px;
margin-bottom: 12px;
}
.sqltable .top-actions button {
padding-left: 12px;
padding-right: 12px;
}
.sqltable .search-form {
margin-top: 8px;
margin-right: 8px;
margin-bottom: 12px;
width: 300px;
float: right;
}
.sqltable table {
margin-bottom: 0;
}
.sqltable table tr th {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-align: left !important;
border-color: #eee;
}
.sqltable table tr td {
text-align: left !important;
border-color: #eee;
}
.sqltable table tr th.controlfield,
.sqltable table tr td.controlfield {
display: none;
}
.sqltable table .btncol {
text-align: right !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.sqltable table .btncol button {
font-size: 12px;
padding: 0 !important;
height: 28px;
min-height: 28px;
max-height: 28px;
width: 28px;
min-width: 28px;
max-width: 28px;
box-shadow: none;
margin: 0;
}
.sqltable table .btncol button i {
font-size: 16px;
line-height: 26px;
vertical-align: middle !important;
top: 0;
}
.sqltable .footer .records {
padding: 8px;
float: right;
}
.sqlchart .title {
width: 100%;
padding: 8px;
margin-bottom: 0;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
line-height: 1.33333333;
}
.sqlchart.sqlchart-top .title {
border-bottom: 1px solid #eee;
}
.sqlchart .chart {
padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 5px;
}
.sqlchart .col-chart-left {
padding-right: 0;
}
.sqlchart .col-table-right {
padding-left: 0;
}
.sqlchart .col-table-left {
padding-right: 0;
}
.sqlchart .col-chart-right {
padding-left: 0;
}
.sqltable.sqltable-bordered {
border: 1px solid #c9c9c9;
}
.sqltable.sqltable-bordered table tr th {
border-color: #c9c9c9;
}
.sqltable.sqltable-bordered .footer {
border-top: 1px solid #c9c9c9;
}
.sqltable.sqltable-bordered .footer .records {
padding: 8px 16px;
}
.sqltable.sqltable-scrolled .table tbody {
overflow-x: auto;
overflow-y: scroll;
width: 100%;
display: inline-block;
}
.sqltable.sqltable-scrolled .table tr {
position: relative;
width: 100%;
table-layout: fixed;
}
.sqltable.sqltable-scrolled .table tr:not(.template-row) {
display: table;
}
@media only screen and (max-width: 767px) {
.sqltable h3 {
margin-left: 0;
}
.sqltable.sqltable-bordered h3 {
margin-left: 8px;
}
.sqltable .search-form {
width: initial;
float: initial;
margin-right: 0;
margin-left: 0
}
.sqltable.sqltable-bordered .search-form {
margin-right: 8px;
margin-left: 8px
}
/* Make table items behave like a "row" */
.sqltable table,
.sqltable thead,
.sqltable tbody,
.sqltable th,
.sqltable td,
.sqltable tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.sqltable .table > thead > tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.sqltable .table > tbody > tr:not(.template-row) {
display: block !important; /* required for appuccino List */
}
.sqltable .table > tbody > tr > td {
white-space: normal;
text-align: left;
border-top: none;
padding-bottom: 0;
}
.sqltable .table > tbody > tr > td:last-child {
border-bottom: 1px solid #c9c9c9;
padding-bottom: 8px;
}
/* Generate labels from attribute "data-title" */
.sqltable .table > tbody > tr > td:before {
content: attr(data-title);
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
}
}
.table .editable-click,
.table a.editable-click,
.table a.editable-click:hover {
border-bottom: none !important;
}
.table .editable-pre-wrapped {
white-space: normal !important;
}
.table .popover .arrow,
.table .popover .tooltip-arrow,
.table .tooltip .arrow,
.table .tooltip .tooltip-arrow {
display: inherit !important;
}
.table .editable-buttons button {
margin-right: 5px !important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px; /* also important for xCRUD */
}
/* *** appuccino List *** */
.apc-list form:not(.search-form) {
display: none;
}
.apc-list form .controlfield {
display: none;
}
.apc-list .template-row {
display: none;
}
/* *** File manager *** */
#apc-filemanager {
width: calc(100% - 40px);
height: calc(100% - 40px);
border: 1px solid #CACACA;
/*border-radius: 3px;*/
overflow-x: hidden;
overflow-y: scroll;
}
/* *** Minimal Table *** */
/* Use this everywhere you want to nicely format your data, */
/* but without any table lines. Formats labels with a trailing ":" */
.table-minimal > thead > tr > th,
.table-minimal > tbody > tr > th,
.table-minimal > tfoot > tr > th,
.table-minimal > thead > tr > td,
.table-minimal > tbody > tr > td,
.table-minimal > tfoot > tr > td {
border-top: 0;
}
.table-minimal td {
padding-left: 0;
}
.table-minititle {
font-weight: bold;
width: 120px;
}
.table-minititle:after {
content: ":";
}
/* *** Login *** */
.apc-login-box {
padding: 15px;
background-color: rgba(255,255,255,0.9);
text-align: center;
}
.apc-login-box h1 {
margin-bottom: 20px;
}
#loginform label {
font-size: 14px;
font-weight: bold;
color: #333333;
}
#loginform .login-username label,
#loginform .login-password label {
margin-right: 14px;
min-width: 150px;
text-align: right;
}
#loginform .login-username input,
#loginform .login-password input {
font-size: 16px;
font-weight: normal;
padding: 5px;
}
#loginform .login-username input,
#loginform .login-password input {
border-width: 1px;
border-style: solid;
border-color: #ccc;
min-width: 260px;
}
#loginform .login-username input:focus,
#loginform .login-password input:focus {
border-color: #9DA2A4;
}
#loginform .login-remember {
margin-top: 20px;
margin-bottom: 20px;
}
#loginform .login-remember label {
font-weight: normal;
text-transform: none;
margin-left: 60px;
}
#login-form .button-primary {
position: relative;
padding: 8px 30px;
border: 0;
margin: 10px 1px;
cursor: pointer;
text-transform: uppercase;
text-decoration: none;
outline: 0 !important;
color: #fff;
background-color: #4B4B4C;
box-shadow: 0 2px 2px 0 rgba(157, 162, 164, 0.34), 0 3px 1px -2px rgba(157, 162, 164, 0.4), 0 1px 5px 0 rgba(157, 162, 164, 0.34);
}
#login-form .button-primary:hover {
box-shadow: 0 14px 26px -12px rgba(157, 162, 164, 0.34), 0 4px 23px 0px rgba(157, 162, 164, 0.34), 0 8px 10px -5px rgba(157, 162, 164, 0.34);
}
@media only screen and (max-width : 768px) {
.apc-login-box {
background-color: #FFFFFF;
box-shadow: none;
width: 100vw;
margin-left: -15px;
margin-right: -15px;
height: calc(100vh - 50px);
margin-top: 50px;
}
#loginform .login-username label, #loginform .login-password label {
text-align: center;
margin-bottom: 15px;
}
}
@media only screen and (max-width : 768px) and (orientation: portrait) {
#loginform .login-remember label {
margin-left: 0;
}
}
@media only screen and (max-width : 768px) and (orientation: landscape) {
#login-form > h1 {
display: none;
}
#loginform {
margin-top: 30px;
}
}
/* *** Blog *** */
body.blog .apc-body-layout,
body.single .apc-body-layout {
height: calc(100% - 50px); /* no footer for blog */
}
body.blog .apc-wpcontent-layout,
body.single .apc-wpcontent-layout {
padding-top: 40px;
padding-bottom: 40px;
}
body.blog aside,
body.single aside {
margin-bottom: 20px;
}
body.blog aside h3,
body.single aside h3{
margin-top: 0;
}
body.blog aside ul,
body.single aside ul {
margin-bottom: 0;
}
.apc-blog-sidebar-layout {
overflow: hidden;
}
.apc-post {
margin-bottom: 30px;
}
.apc-post .apc-postheader-left-layout,
.apc-post .apc-postheader-right-layout{
height: 65px;
border-bottom: 1px solid black;
overflow: hidden;
}
.apc-post .post-date .day {
font-size: 58px;
height: 58px;
padding-right: 4px;
}
.apc-post .post-date .month {
font-size: 16px;
padding-top: 8px;
}
.apc-post .post-date .year {
font-size: 24px;
padding-bottom: 5px;
}
.apc-post .post-title {
font-size: 30px;
margin-bottom: 0;
}
.apc-post .post-body {
margin-top: 15px;
margin-bottom: 15px;
}
.apc-post .post-body {
font-size: 18px;
}
.apc-post .post-image {
float: right;
margin-left: 10px;
margin-bottom: 10px;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.apc-post .post-image img.wp-post-image {
width: 20vw;
height: auto;
}
.apc-post .apc-postmeta {
margin-top: 15px;
margin-bottom: 15px;
}
.apc-post .apc-postmeta .apc-postmeta-info {
height: 22px;
}
.apc-post .apc-postmeta .apc-postmeta-info .glyphicon {
padding-right: 10px;
}
.apc-posts .nav-next,
.apc-posts .nav-previous {
margin-top: 15px;
}
.apc-posts .nav-next a,
.apc-posts .nav-previous a {
color: #fff;
background-color: #4B4B4C;
border-color: #4B4B4C;
box-shadow: 0 2px 2px 0 rgba(157, 162, 164, 0.34), 0 3px 1px -2px rgba(157, 162, 164, 0.4), 0 1px 5px 0 rgba(157, 162, 164, 0.34);
text-transform: uppercase;
padding: 8px 16px;
display: inline-block;
}
.apc-posts .nav-next a:hover,
.apc-posts .nav-previous a:hover {
background-color: #656567;
border-color: #656567;
box-shadow: 0 14px 26px -12px rgba(157, 162, 164, 0.34), 0 4px 23px 0px rgba(157, 162, 164, 0.34), 0 8px 10px -5px rgba(157, 162, 164, 0.34);
}
.apc-posts .nav-next,
.apc-posts .nav-next a {
text-align: right;
}
.apc-posts .apc-post-comments {
margin-top: 20px;
border-top: 1px solid #000000;
}
@media only screen and (max-width: 991px) {
.apc-blog-sidebar-layout {
display: none;
}
.apc-post .apc-postheader-right-layout {
height: 55px;
border-bottom: none;
}
.apc-post .post-title {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
}
/* *** Comments *** */
#comment {
padding-bottom: 8px;
width: 100%;
height: 100px;
}
.comment-form label {
display: block;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
float: left;
width: 33.33333333333%;
margin-top: 20px;
margin-bottom: 20px;
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
height: 30px;
}
.comment-form .comment-form-comment textarea,
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
width: 100%;
padding: 5px 10px;
border: 1px solid #ccc;
}
.comment-form .comment-form-comment textarea:focus,
.comment-form .comment-form-author input:focus,
.comment-form .comment-form-email input:focus,
.comment-form .comment-form-url input:focus {
border: 1px solid #247BA0;
}
.comment-form .comment-form-comment {
margin-top: 20px;
margin-bottom: 0;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
padding-right: 20px;
}
.comment-form .form-submit {
clear: both;
}
.comment-name {
color: #4B4B4C;
display: block;
}
.comment-text {
padding-top: 6px;
padding-bottom: 6px;
display: block;
}
.comment-date {
font-size: 13px;
}
@media only screen and (max-width: 767px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
float: initial;
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
padding-right: 0;
}
}
/* *** Comments *** */
.apc-comments {
/*margin: 20px;*/
margin-top: 40px;
}
.apc-comment {
padding-left: 50px;
padding-right: 50px;
}
.apc-comment .triangle-border {
border-width: 1px;
}
.apc-comment .triangle-border.right:before {
right: -19px;
border-width: 10px 0 10px 19px;
}
.apc-comment-avatar {
padding-top: 15px;
}
.apc-comment-avatar img {
float: right;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width : 768px) {
.apc-comment {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width : 480px) {
.apc-comment {
padding-left: 0;
padding-right: 0;
}
}
/* *** Dashboard Tiles *** */
.apc-tiles .tile-area {
position: relative;
padding: 120px 80px 0 80px;
overflow: hidden;
}
.apc-tiles .tile-area .tile-area-title {
position: fixed;
top: 20px;
left: 80px;
}
.apc-tiles .tile-area .user-id {
position: fixed;
right: 40px;
top: 40px;
display: inline-block;
padding: 8px;
background-color: transparent;
width: auto;
color: #ffffff;
cursor: default;
}
.apc-tiles .tile-area .user-id .user-id-image {
width: 40px;
height: 40px;
float: right;
margin-left: 10px;
color: inherit;
background-color: #464646;
text-align: center;
vertical-align: middle;
}
.apc-tiles .tile-area .user-id .user-id-image img,
.apc-tiles .tile-area .user-id .user-id-image [class*="icon-"] {
color: inherit;
font-size: 16pt;
line-height: 16pt;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
.apc-tiles .tile-area .user-id .user-id-image [class*="icon-"] {
padding: 10px;
}
.apc-tiles .tile-area .user-id .user-id-name {
float: right;
text-align: right;
margin: 0;
padding: 0;
}
.apc-tiles .tile-area .user-id .user-id-name .first-name,
.apc-tiles .tile-area .user-id .user-id-name .last-name {
display: block;
color: inherit;
line-height: 12pt;
}
.apc-tiles .tile-area .user-id .user-id-name .first-name {
font-size: 20pt;
line-height: 20pt;
}
.apc-tiles .tile-area .user-id .user-id-name .last-name {
font-size: 12pt;
}
.apc-tiles .tile-area .user-id:hover {
background-color: #404040;
}
.apc-tiles .tile-group {
/* margin-right: 46px;*/
min-width: 130px;
width: auto;
float: left;
display: block;
/* padding-top: 40px; */
position: relative;
}
.apc-tiles .tile-group.one {
width: 130px;
}
.apc-tiles .tile-group.two,
.apc-tiles .tile-group.double {
width: 260px;
}
.apc-tiles .tile-group.three,
.apc-tiles .tile-group.triple {
width: 390px;
}
.apc-tiles .tile-group.four,
.apc-tiles .tile-group.quadro {
width: 520px;
}
.apc-tiles .tile-group.five {
width: 650px;
}
.apc-tiles .tile-group.six {
width: 780px;
}
.apc-tiles .tile-group.seven {
width: 910px;
}
.apc-tiles .tile-group:first-child {
margin-left: 80px;
}
.apc-tiles .tile-group {
/*color: #ffffff; */
}
.apc-tiles .tile-group .tile-group-title {
font-size: 18px;
line-height: 20px;
position: absolute;
top: 10px;
left: 0;
color: inherit;
}
.apc-tiles .tile {
position: relative;
overflow: hidden;
display: block;
float: left;
margin: 0 10px 10px 0;
padding: 0;
cursor: pointer;
background-color: #eeeeee;
text-align: center;
/*border-radius: 3px;*/
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.apc-tiles .tile:hover {
background: #DADADA;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.apc-tiles .tile:active {
outline: 0;
}
.apc-tiles .tile.no-outline {
outline-color: transparent;
}
.apc-tiles .tile-special {
background: #498CC4;
color: white;
}
.apc-tiles .tile-special:hover {
background: #3A709D;
}
.apc-tiles .tile-special .tile-status span.name {
color: white;
}
.apc-tiles .tile span.tile-number {
font-size: 58px;
line-height: 64px;
}
.apc-tiles .tile span.tile-text {
font-size: 22px;
line-height: 32px;
height: 64px;
max-height: 64px;
display: inline-block;
}
.apc-tiles .tile {
width: 120px;
height: 120px;
margin: 0 10px 10px 0;
}
.apc-tiles .tile.half {
width: 55px;
height: 55px;
}
.apc-tiles .tile.double {
width: 250px;
}
.apc-tiles .tile.double-vertical {
height: 250px;
}
.apc-tiles .tile.triple {
width: 380px;
}
.apc-tiles .tile.triple-vertical {
height: 380px;
}
.apc-tiles .tile.quadro {
width: 510px;
}
.apc-tiles .tile.quadro-vertical {
height: 510px;
}
.apc-tiles .tile.selected {
border: 4px #4390df solid;
}
.apc-tiles .tile.selected:after {
position: absolute;
display: block;
border-top: 28px solid #4390df;
border-left: 28px solid transparent;
right: 0;
content: "";
top: 0;
z-index: 101;
}
.apc-tiles .tile.selected:before {
font-family: 'FontAwesome';
content: "\F005";
position: absolute;
display: block;
color: #fff;
right: 0;
font-size: 9pt;
font-weight: normal;
z-index: 102;
top: 0;
}
.apc-tiles .tile .tile-content {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
display: block;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.apc-tiles .tile .tile-content.padded {
padding: 10px;
}
.apc-tiles .tile .tile-content.image {
width: 100%;
min-height: 100%;
max-height: 100%;
}
.apc-tiles .tile .tile-content.image img {
padding: 0;
margin: 0;
width: 120px;
min-width: 120px;
max-width: 120px;
height: 120px;
min-height: 120px;
max-height: 120px;
}
.apc-tiles .tile .tile-content.icon [class*="icon-"],
.apc-tiles .tile .tile-content.icon img {
line-height: 56px;
height: 56px;
width: 56px;
font-size: 48px;
color: #ffffff;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
margin-top: -28px;
margin-left: -28px;
}
.apc-tiles .tile .tile-content.image-set img {
margin: 0;
padding: 0;
width: 25% !important;
height: 50%;
float: left;
border: 1px #1e1e1e solid;
}
.apc-tiles .tile .tile-content.image-set img:first-child {
width: 50% !important;
float: left;
height: 100%;
}
.apc-tiles .tile .tile-content {
display: none;
}
.apc-tiles .tile .tile-content:first-child {
display: block;
}
.apc-tiles .tile .brand,
.apc-tiles .tile .tile-status {
position: absolute;
bottom: 0;
left: 0;
right: 0;
min-height: 29px;
margin: 0;
}
.apc-tiles .tile .brand:before,
.apc-tiles .tile .tile-status:before,
.apc-tiles .tile .brand:after,
.apc-tiles .tile .tile-status:after {
display: table;
content: "";
}
.apc-tiles .tile .brand:after,
.apc-tiles .tile .tile-status:after {
clear: both;
}
.apc-tiles .tile .brand.opacity,
.apc-tiles .tile .tile-status.opacity {
opacity: .7;
}
.apc-tiles .tile .tile-status {
padding-bottom: 6px;
}
.apc-tiles .tile .tile-status span.name {
font-size: 11px;
line-height: 11px;
font-weight: bold;
width: 100%;
}
.apc-tiles .tile .tile-status.image span.name {
color: white;
}
.apc-tiles .tile .brand .text,
.apc-tiles .tile .tile-status .text {
margin: 4px 5px;
font-size: 8pt;
line-height: 10pt;
}
.apc-tiles .tile .brand .badge,
.apc-tiles .tile .tile-status .badge {
position: absolute;
bottom: 0;
right: 10px;
width: 29px;
height: 29px;
text-align: center;
color: #ffffff;
padding: 5px;
margin: 0;
vertical-align: middle !important;
display: block;
font-size: 10pt;
}
.apc-tiles .tile .brand .badge.activity,
.apc-tiles .tile .tile-status .badge.activity {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGMSURBVDhPvZMtTwNBEIbv2mtScaICcQJRgSgJCQIEhqSiAlEHAlFRwU/ov0AgUEgUsrIkiJIgMOAQJFSQQAIJJBWIu95Hj2eGvXIpB3W8yWTn452Z3dld25pDmqZuFEWdcrm8jr6JK7Bt+wb9Ft85+vsXswBxHHdIfmFNi4TYG7InXAp6ss52kCTJIc6e6KzSVbrdYzrYDaSFXZU4uEQ8x3FW1ZpMJge5Tn3IdQ3kID5iw4zHTqIsUEP3TWCA7WhgDjRZg/eUFRCR3Fl3KYJjyfALIUU46jHcsSlQl8FdmQJnhrcQJFbJ6QZB0LDDMNyS4XBFo1Kp9Gw4/wi247GLHmvNuBaC47Y5gtzIQB1mBmMGdDSdTpfV+QdM8vfcsqkap6ClgQIQa+a4bXViPGRO5ILjuBqYAwk7yIfhXcNz9CljDFkkST6P4JGjnHA7d+gBxAY3tIve1Khljbi1beKvakHQp0uhfTrMjvOL9H3fX9FE8OM7yxAhdem4QWHZkSufSoTYaaVSkY9kYFmfXgyTciI3uacAAAAASUVORK5CYII%3D') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.alert,
.apc-tiles .tile .tile-status .badge.alert {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFeSURBVDhPpZMtT8RAEIbb7YoTJ04gkQgQuBNIEpB4LD8AwQ9AkCCQhGAvQSAuKHCIE0gEP+DEISAhQYK4pE0/eWa65a7lSvh4k8nsvDv77sxs67UhSZLNNE0LZ3uO/gLj/J+hAkVRWI1+geqMCuR5fkKZoyiKViX+DuQu094wy7KhEmEYrkAk0qt4Nk5R77GszQCuE8fxIXxY8ZJjgiBY8n3/UcTwlsQDNifGmF29AcBtITyGOyan47gXXFfW2g/q+yi+VeptJhVgR1KRHp4HZI+bzknQlhYcvpQZuHRF8xmnCDyLL8MZEI9o4YkW3h1VB+o73DJp3to08l7xsw9Lng5i1EiSSV/Pcbdwzfk8MLcNqjIyye1STnHD5joln7lYcGWtXaP8gYsFfeJyHvR9waExt3wKsV74L3Brn/geu3OUDqiL1T7nNoEK8mLi9RUoZYqlsv4pqtf459/oeR8seozS7mDHCwAAAABJRU5ErkJggg%3D%3D') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.available,
.apc-tiles .tile .tile-status .badge.available {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKvSURBVHjahJA/bJR1HMY/31977x33r2LuClc1LYM9TSAUr5gqtkVJjAkSFxYHE3VgaWRw0cUwOagxMZLApoXFBIwuHVSoQYkVMBXUpqSkMW9jaS25plh7/3rv+3scTIwixs/8PHn+2Bk/SVtN2mqxacYOKw13KfNiXtlneihmDONXqs0VVs/VXP1UqJvnc8qBeZoWYWf9JHXVqWkj2EX55G76X86R4W40aDHNzMdzLBwJLLEWm6fTI+o0knvZ+dkgO/cDfGczTNpl5gjxePrpY0SPMKwKT1A5nCe7Y4ofDgQEv/Ghn2AqunZabUmR9Fb8gQoaUVIVFTSiokaV0qDu0T694Y+rGbWktnQ5+nHiuP+IjrFjR4cqevj9wBK8beO87t6jiyzbKJAiIEWSreQxjAm7QGyeAwzRzb39i/7WFbdV2bGs0nxvs7zjxtlOgRwZPP6v7R5PmhQPUOKEneFLd4UECfqs51WXU/opDL6wb/mdDfJkEfrXgUKk2UKbiM/5BoD76d7reujOANwgJH9H8p14PDnSzBGySZsSReecDIAIDxj/jxH/LcQtW7UJ0E8f69RwuP+0Ohwb1CnTS0CCW6zK3Wb9a4AnNcgWktRoYHdpYhgtWvypfRSARVv5yVXd2smGWuzTHo7qeRZZpk7zH00cRos2ITd5yT/HQY0gPKGW3u0YPvZ06HB77tO2hx5jN5HFTNk11lgHRIs2VW5Tp8kRf5g3eYUUSa5y/eKsfn7NTvlPaCjqelwDF3bx4ADAeXeJc1xijpCYmDJ9jKrCIe0H4IaF81/56VGDJTvtPwV1IFmhTO/4AOWDSQIAWmwiRIokADEx08xeXGD5hUjxQp0GnQCdOAKS1RnNP7tO7VDOMmO9bB8qUQRghVVCW7raUOPEvH45W7IidRoA/DEAmmk0pL+n6f4AAAAASUVORK5CYII%3D') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.unavailable,
.apc-tiles .tile .tile-status .badge.unavailable {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKASURBVHjalJK9axxXFMV/772ZzOysVqvRDgtaSSwpJYFwY3ATEpIm5KNLawgp3Ljz/5E2bu20CYQUBoMNNnaRMkUKqYiQtIgdCQ0TaVc7M29n3nspzC7GMYYcuMWFe7jnHI4YjUY453DOYYyh0+l8opT63vO8L8MwbAshqKqq0lo/c849rqrquXMOIcSbGY1GWGsxxny0urr6MI7jH5RSAFhrAZBSLvc8z3+dTqf3lFL/SCnxAIwxwdra2tP19fXPAC4vL8myjKIoAIiiiF6vR7/fJ0mS75RSH19dXX0hpbwWx8fHrKys/JwkyV1rLYeHh5yenuKc420lzjm2trbY3d3F8zzyPH8ynU6/ERcXF3fiOP7D930ODg44OjoiDMOl7AWstZRlyXA4ZH9/H2MM4/H4K+l53n3f98myjJOTE4Ig+A95kUMURZydnXF+fo5SiiiKHkjf9z9f+AaWst+HRfKL2yiKbssgCNrOOWaz2Xs/vwulFLPZjLquCcPwDcM5x//B2/dyPp9XC3/WWoQQHyQbY2i32/i+T1VVTtZ1/QogSZJlGz/02VpLkiQAlGX5l2ya5mHTNPT7fba3tynLctnAd8llWTIYDNjY2MBaS1EUP0qt9YvJZPI7wM7ODsPhEK01WmuapqFpGrTWVFXFYDBgb28PIQTX19ev67r+TYzHY7TW3W63+zKO41sAaZqSZRk3NzcAtNtter0em5ubAEwmk7/zPP9USjkWaZoyn89xziWdTudRt9v9etGFuq4B8H1/aSXP89dFUdx1zp065xBpmlLXNUIIjDG0Wq1vPc+7H4bhnVarhRCCsiwpiuJPY8xPRVH8EgQBxhistfw7ABpxTL93U9x/AAAAAElFTkSuQmCC') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.away,
.apc-tiles .tile .tile-status .badge.away {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAJ2SURBVHjajJI7iFVnFIW//d9zz52ZO2fG14gzJBgbp5JYKPh+NqKxsxWMRZoBCxu1sAuBKFaClj5KDUQhRXybCIqICjqNYjFDhtExN45e7/uc8y+L/yJGp3A1+2fDWv/ea23zlQvIp0gpRgfrWbZRNrhP0cAOopEyGGSvWmQz15zq59SeuC5LsAis0MJ85SLKG8jXY3pXnKb8/X6iBAB8KLhuzZtQf/gbrWc/WTGetSgnAg9qlCiv/pNk1RYAqz3A6jeg/SyoxMtReRNKNsLAhj24gWW0726H+B3+9Rmyd3fPp5KyXMpf/SqNL5KelEIdH5Ke9Ejj8+SnjyrLWkolZbX7f/jZk5h/e3WN7197j0I/NnMMN3MYoiXgBv6/g+rQmUJDR/Ajv4BP0eylnU5u/pgK/Vj9Ee6/411y8gm5a4b1Qfwt9uYUrnoTXBGLvzvoFCXbDLDaVcjfd38WX0JBRCnUroRW/M1qRzRSxgPt55+NPRc8FJJgbtaB4rBz+phRxtcj//hylr5s4YDScvDVT0KfCw7yGpRGIYohfS2H3v4NoL6tYL3BbWwOsoHawY3y1tDJpp46p8pp5U2UrEcLD0BnCtT4bBIXyJ0J/Pwf0eAu8ELtiROO5uQtazy9LMAvPoKGDoU00n/CSr4K2RTkFfyCMRj+OWg2Ht9RNv27+X/PId8cVN+62/SvWAngqtehdq17yjmURlHfZjRvdxi98fyFr/21GWfT5ivnkQehRfSOnqV35S4KpW4w7ZB/1NNNMYf6wzukk3ulbBI1iIJkBBZX1Bn/gby621wyRrx0DcXhQGzPYOnEY/nmKbVeXLTicNcn+DAArZ4503S5ZjkAAAAASUVORK5CYII%3D') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.busy,
.apc-tiles .tile .tile-status .badge.busy {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKNSURBVHjajJI9a1RBGIWfGeLdmPXuKkR0Q0RTmFsFUxgQNcaPRonpbAW1sAlY2IhFfoCIVSDaaVImFhYWmkTxAwJBVgttNqTYQFAjAWPi7t3svXeOxeC3hQdeZpiZ887DmTFuchIlCUoSTLOJ6erqV7F4QYXCaTo68hgDHz82WFmZsbXauKrVWYUhBjCNBsZNTaF6HdVqAT09tzlw4BJhyD8Vx1Au36dSuWyC4LPJMlpwDur1HH19jzh48DiAefUK8+QJVCrgHHR3o2PHUH8/HD16jkKhi7m5UwTBF9zdu6RzcxOJpFRSduOG1N4u5XJ+3LlTam2Vtm+XGxlR2mgokZTOzz90o6PgpqcPpRsbP83GSKWSFEXS/v2+okjq7JRA7vp1pZLSZlPJ5OQZqx07hrVtG+b1a+zNm7B7N4ShR/8u56CtDfbswYyNYZ8+hS1bMPv2XbUKw5MGMNPTsLEBhQJIfwco+SZJAo8f+7XOzj5LR0cegIUFb/715j/lnKerVKDZhFLJWlnrN9OU/1aW/Zha8+FDA4Dublhfh+8N/yVr4etXiCIIAvj0SZa1tRcAOnECtm6FWg2M+dtsDGxu8uMsYJaX31q7unpbcYyOHEFXrsDyMtTrv5NY683VKu7iRTQ4CBKqVm/h7twhnZ9/kEhK41ju2jWpWJTa2qRdu3zl81I+r2x4WNnamv8H5fKLZHQU48bHURwXdfjwM3p6egHs7CzMzPi0swyiCA0MoKEhj76wsOiePx/AmPfGTUwgQFI7UXSP3t5BcjmPvrnp37+19Wf65fJLlpbOK02XqNdpAaClBYJgVe/enWV9fciE4TB79x6iVPLGlRVMtfpGcTymxcUpUyr5nIBvAwDWIWcndiwtQAAAAABJRU5ErkJggg%3D%3D') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.newMessage,
.apc-tiles .tile .tile-status .badge.newMessage {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhP1ZE9DgIhFIQhobDYg1haWniMbSw9j0exsfMAeg9L7Sy2kPATnCFI2LgYtjJOMjx4vPkoED+X5OK934cQ+thpFOYvSqmdMMascVDOuQMcGn1GptNaL4W1dgBkMwOSw8jeBJszIKMwexFAN0A+wnQG0Lh4wv0EJIb5AO4fRX8MoDFAlZAyPJSztOSSfiYLAYeyxTcdURcIrqSUJ7iLA4UmAdQbgnqvhakqgEoQXQtTXwEtIuCa9n8pIV67VJf6AmhGmgAAAABJRU5ErkJggg%3D%3D') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.paused,
.apc-tiles .tile .tile-status .badge.paused {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAArSURBVDhPY/j9+7fDnz9//mPBCQxQgE8NE1QN2WDUgFEDQGDUgIE3gIEBAArtNKc4HT7sAAAAAElFTkSuQmCC') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.playing,
.apc-tiles .tile .tile-status .badge.playing {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEXSURBVDhPY4CBnz9/pvz+/dsFyiUaMEFpBiYmJhkgtf3v37/t////Z4GIEgZwA0CAkZGRBai5AmjIYSCtABXGC1AMQAIWf/78OQ/EEVA+ToDLAJBrBIDUcqBrZgNdwwMRxQQ4DYABoOYUoCGngYFsABVCAQQNgAINYCAf//XrVwGUDwfEGgDyEgfQkH5guGwGukoEKky8AUhA5sePH6DwAQOSDAC6YgIzM7MpJyfnHagQcQYAnfwGiD2BmguBhvyBCoMBMQbsYWFh0WVlZd0B5aMAnAYAbfzz79+/SqBmV6CtL6DCGACXAQ+ABliysbF1QPk4AYYBQI0rgH7VBWo+AxXCC+AGADV+AVKJQL9GAp0MYhMBGBgA8v5j1f90TA8AAAAASUVORK5CYII%3D') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.error,
.apc-tiles .tile .tile-status .badge.error {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFiSURBVDhPjVM7TsNQELRjy8ISBQeIREtBEYnQUXCINFTkCCBxgNwAJI5AaejSpaCAEqRINBTcIQ1SbD9/mHmfZP3iSIw0ytt9O7O7thMGHpqmGVZVNQnD8AwcMde27RL8rOt6nqbpjy7sA4RTpdQKv20fcbcuy/IOZrGVbIHLpz7RHr52TJCYukuMeU+6WDBjdxej4UyLubMbm0KdBDyTzHWEyY01UEVRnA4Q8IEdaZVAFEW3yD/g+IzzFc6VuTFAHAPXO7vLKQi5q+suuOD+X15yx4ToEXON1QB3B6ZkC3Qd+q8Kaxzbo0TMCTLPefPAfPS8nTeOtnk1YEfMsf11pIm+y/P8BLusmaCZrevsLE1QO3F51FzopJyCQil2pAnFoLLxI7X6z8SxkVjgeMn4H/jGQz3Ht/BrY2MC85nrsI/sjNpDKzMTSODzHPELQ9EY1H9ndFqCHxC/JEnyrgs1guAPTvwreuY0IiIAAAAASUVORK5CYII%3D') 50% no-repeat;
}
.apc-tiles .tile .brand .badge.attention,
.apc-tiles .tile .tile-status .badge.attention {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEbSURBVDhPtZI9bsJAEIVZ7ANQ5gApEomChjoNBUUOkSJFivSUQE3JEThCCo4BkotcIVKKNEi2vP7hveVZrMFgKPJJo915szOzf51/Jc/zhbV2Jfc+kiR5QrLNsqzEMJJ8O0hcM1kWlWUZKtQOOo69ZGdpmn4ofB12QsI3k1BoRtP8F7Gell0GnT6rrpJ4HOfzUiU1ww7o9HepAGI2juNHyeegw7Ja3FRA9iW5jv9slSl0WqD2rEYjF7Hy68E7gCPNORpjpk44sg2CYAg969JTxVoywYIXmlyfAS77jRPDZ8PZN5j3KfiEYeh2yG07wQN5P4g/d9H9Hf5ZMkHM/QO5NbCzh6IoJgbVI/iNBdrALnY8An9X+w9rpLPbA/sADga+JgSiAAAAAElFTkSuQmCC') 50% no-repeat;
}
.apc-tiles .tile.parts > ul {
margin: 0;
padding: 0;
list-style: none;
}
.apc-tiles .tile.parts > ul > li {
display: block;
float: left;
height: 60px;
width: 60px;
margin: 0;
}
.apc-tiles .tile.parts > .part {
display: block;
float: left;
height: 60px;
width: 60px;
margin: 0;
}
.apc-tiles .tile.half .tile-content.icon [class*="icon-"],
.apc-tiles .tile.half .tile-content.icon img {
line-height: 37.33333333px;
height: 37.33333333px;
width: 37.33333333px;
font-size: 32px;
color: #ffffff;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
margin-top: -18.66666667px;
margin-left: -18.66666667px;
}
.apc-tiles .tile.half span.tile-number {
font-size: 24px;
line-height: 32px;
}
.apc-tiles .tile.half span.tile-icon {
font-size: 28px;
line-height: 32px;
}
.apc-tiles .tile.half span.tile-text {
font-size: 16px;
line-height: 32px;
height: 32px;
max-height: 32px;
display: inline-block;
}
.apc-tiles .tile.half .tile-status {
padding-bottom: 3px;
min-height: 18px;
}
.apc-tiles .tile.half .tile-status span.name {
font-size: 8px;
}
.apc-tiles .tile.scale {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
.apc-tiles [draggable] {
cursor: default;
}
.apc-tiles .tile .tile-content.email {
color: #ffffff;
padding: 10px;
}
.apc-tiles .tile .tile-content.email .email-image {
width: 64px;
height: 64px;
float: left;
}
.apc-tiles .tile .tile-content.email .email-image img {
width: 100%;
height: 100%;
}
.apc-tiles .tile .tile-content.email .email-data {
display: block;
color: inherit;
margin-left: 70px;
width: auto;
overflow: hidden;
}
.apc-tiles .tile .tile-content.email .email-data .email-data-title,
.apc-tiles .tile .tile-content.email .email-data .email-data-subtitle,
.apc-tiles .tile .tile-content.email .email-data .email-data-text {
color: inherit;
display: block;
}
.apc-tiles .tile .tile-content.email .email-data .email-data-title {
font-size: 14pt;
}
.apc-tiles .tile .tile-content.email .email-data .email-data-subtitle {
font-size: 11pt;
}
.apc-tiles .tile .tile-content.email .email-data .email-data-text {
font-size: 10pt;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.apc-tiles [class*=tile-transform-] {
-webkit-transition: all 0.22s;
transition: all 0.22s;
}
.apc-tiles .tile-transform-right {
-webkit-transform-origin: left 50%;
-moz-transform-origin: left 50%;
-ms-transform-origin: left 50%;
-o-transform-origin: left 50%;
transform-origin: left 50%;
-webkit-transform: perspective(500px) rotateY(0.138372rad);
-moz-transform: perspective(500px) rotateY(0.138372rad);
-ms-transform: perspective(500px) rotateY(0.138372rad);
-o-transform: perspective(500px) rotateY(0.138372rad);
transform: perspective(500px) rotateY(0.138372rad);
}
.apc-tiles .tile.double.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.069186rad);
-moz-transform: perspective(500px) rotateY(0.069186rad);
-ms-transform: perspective(500px) rotateY(0.069186rad);
-o-transform: perspective(500px) rotateY(0.069186rad);
transform: perspective(500px) rotateY(0.069186rad);
}
.apc-tiles .tile.triple.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.046124rad);
-moz-transform: perspective(500px) rotateY(0.046124rad);
-ms-transform: perspective(500px) rotateY(0.046124rad);
-o-transform: perspective(500px) rotateY(0.046124rad);
transform: perspective(500px) rotateY(0.046124rad);
}
.apc-tiles .tile.quadro.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.034593rad);
-moz-transform: perspective(500px) rotateY(0.034593rad);
-ms-transform: perspective(500px) rotateY(0.034593rad);
-o-transform: perspective(500px) rotateY(0.034593rad);
transform: perspective(500px) rotateY(0.034593rad);
}
.apc-tiles .tile.half.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.276744rad);
-moz-transform: perspective(500px) rotateY(0.276744rad);
-ms-transform: perspective(500px) rotateY(0.276744rad);
-o-transform: perspective(500px) rotateY(0.276744rad);
transform: perspective(500px) rotateY(0.276744rad);
}
.apc-tiles .tile-transform-left {
-webkit-transform-origin: right 50%;
-moz-transform-origin: right 50%;
-ms-transform-origin: right 50%;
-o-transform-origin: right 50%;
transform-origin: right 50%;
-webkit-transform: perspective(500px) rotateY(-0.138372rad);
-moz-transform: perspective(500px) rotateY(-0.138372rad);
-ms-transform: perspective(500px) rotateY(-0.138372rad);
-o-transform: perspective(500px) rotateY(-0.138372rad);
transform: perspective(500px) rotateY(-0.138372rad);
}
.apc-tiles .tile.double.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.069186rad);
-moz-transform: perspective(500px) rotateY(-0.069186rad);
-ms-transform: perspective(500px) rotateY(-0.069186rad);
-o-transform: perspective(500px) rotateY(-0.069186rad);
transform: perspective(500px) rotateY(-0.069186rad);
}
.apc-tiles .tile.triple.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.046124rad);
-moz-transform: perspective(500px) rotateY(-0.046124rad);
-ms-transform: perspective(500px) rotateY(-0.046124rad);
-o-transform: perspective(500px) rotateY(-0.046124rad);
transform: perspective(500px) rotateY(-0.046124rad);
}
.apc-tiles .tile.quadro.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.034593rad);
-moz-transform: perspective(500px) rotateY(-0.034593rad);
-ms-transform: perspective(500px) rotateY(-0.034593rad);
-o-transform: perspective(500px) rotateY(-0.034593rad);
transform: perspective(500px) rotateY(-0.034593rad);
}
.apc-tiles .tile.half.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.276744rad);
-moz-transform: perspective(500px) rotateY(-0.276744rad);
-ms-transform: perspective(500px) rotateY(-0.276744rad);
-o-transform: perspective(500px) rotateY(-0.276744rad);
transform: perspective(500px) rotateY(-0.276744rad);
}
.apc-tiles .tile-transform-top {
-webkit-transform-origin: 50% bottom;
-moz-transform-origin: 50% bottom;
-ms-transform-origin: 50% bottom;
-o-transform-origin: 50% bottom;
transform-origin: 50% bottom;
-webkit-transform: perspective(500px) rotateX(0.138372rad);
-moz-transform: perspective(500px) rotateX(0.138372rad);
-ms-transform: perspective(500px) rotateX(0.138372rad);
-o-transform: perspective(500px) rotateX(0.138372rad);
transform: perspective(500px) rotateX(0.138372rad);
}
.apc-tiles .tile.double.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.069186rad);
-moz-transform: perspective(500px) rotateX(0.069186rad);
-ms-transform: perspective(500px) rotateX(0.069186rad);
-o-transform: perspective(500px) rotateX(0.069186rad);
transform: perspective(500px) rotateX(0.069186rad);
}
.apc-tiles .tile.triple.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.046124rad);
-moz-transform: perspective(500px) rotateX(0.046124rad);
-ms-transform: perspective(500px) rotateX(0.046124rad);
-o-transform: perspective(500px) rotateX(0.046124rad);
transform: perspective(500px) rotateX(0.046124rad);
}
.apc-tiles .tile.quadro.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.034593rad);
-moz-transform: perspective(500px) rotateX(0.034593rad);
-ms-transform: perspective(500px) rotateX(0.034593rad);
-o-transform: perspective(500px) rotateX(0.034593rad);
transform: perspective(500px) rotateX(0.034593rad);
}
.apc-tiles .tile.half.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.276744rad);
-moz-transform: perspective(500px) rotateX(0.276744rad);
-ms-transform: perspective(500px) rotateX(0.276744rad);
-o-transform: perspective(500px) rotateX(0.276744rad);
transform: perspective(500px) rotateX(0.276744rad);
}
.apc-tiles .tile-transform-bottom {
-webkit-transform-origin: 50% top;
-moz-transform-origin: 50% top;
-ms-transform-origin: 50% top;
-o-transform-origin: 50% top;
transform-origin: 50% top;
-webkit-transform: perspective(500px) rotateX(-0.138372rad);
-moz-transform: perspective(500px) rotateX(-0.138372rad);
-ms-transform: perspective(500px) rotateX(-0.138372rad);
-o-transform: perspective(500px) rotateX(-0.138372rad);
transform: perspective(500px) rotateX(-0.138372rad);
}
.apc-tiles .tile.double.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.069186rad);
-moz-transform: perspective(500px) rotateX(-0.069186rad);
-ms-transform: perspective(500px) rotateX(-0.069186rad);
-o-transform: perspective(500px) rotateX(-0.069186rad);
transform: perspective(500px) rotateX(-0.069186rad);
}
.apc-tiles .tile.triple.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.046124rad);
-moz-transform: perspective(500px) rotateX(-0.046124rad);
-ms-transform: perspective(500px) rotateX(-0.046124rad);
-o-transform: perspective(500px) rotateX(-0.046124rad);
transform: perspective(500px) rotateX(-0.046124rad);
}
.apc-tiles .tile.quadro.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.034593rad);
-moz-transform: perspective(500px) rotateX(-0.034593rad);
-ms-transform: perspective(500px) rotateX(-0.034593rad);
-o-transform: perspective(500px) rotateX(-0.034593rad);
transform: perspective(500px) rotateX(-0.034593rad);
}
.apc-tiles .tile.half.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.276744rad);
-moz-transform: perspective(500px) rotateX(-0.276744rad);
-ms-transform: perspective(500px) rotateX(-0.276744rad);
-o-transform: perspective(500px) rotateX(-0.276744rad);
transform: perspective(500px) rotateX(-0.276744rad);
}
/* *** Forms *** */
label {
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
}
.form-vertical label {
display: block;
}
.form-horizontal label {
font-size: 12px;
line-height: 12px;
}
.has-success .control-label, .has-warning .control-label, .has-info .control-label, .has-error .control-label,
.has-success .radio, .has-success .checkbox,
.has-success .radio-inline, .has-success .checkbox-inline,
.has-success.radio label, .has-success.checkbox label,
.has-success.radio-inline label, .has-success.checkbox-inline label,
.has-warning .radio, .has-warning .checkbox,
.has-warning .radio-inline, .has-warning .checkbox-inline,
.has-warning.radio label, .has-warning.checkbox label,
.has-warning.radio-inline label, .has-warning.checkbox-inline label,
.has-info .radio, .has-info .checkbox,
.has-info .radio-inline, .has-info .checkbox-inline,
.has-info.radio label, .has-info.checkbox label,
.has-info.radio-inline label, .has-info.checkbox-inline label,
.has-error .radio, .has-error .checkbox,
.has-error .radio-inline, .has-error .checkbox-inline,
.has-error.radio label, .has-error.checkbox label,
.has-error.radio-inline label, .has-error.checkbox-inline label {
color: initial !important;
}
.has-success input, .has-success select,
.has-warning input, .has-warning select,
.has-info input, .has-info select {
border-color: #ccc !important;
}
.has-success .form-control {
border-color: #2ecc71;
}
.has-success .form-control-feedback {
color: #2ecc71;
}
.has-success .form-control:focus {
border-color: #208e4e !important;
}
.has-warning .form-control {
border-color: #f1c40f;
}
.has-warning .form-control-feedback {
color: #f1c40f;
}
.has-warning .form-control:focus {
border-color: #c29d0b !important;
}
.has-warning .checkbox, .has-warning .checkbox-inline,
.has-warning .control-label, .has-warning .help-block,
.has-warning .radio, .has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
color: #f1c40f;
}
.has-error .form-control {
border-color: #e74c3c;
}
.has-error .form-control-feedback {
color: #e74c3c;
}
.has-error .form-control:focus {
border-color: #bf2718 !important;
}
.has-error .checkbox, .has-error .checkbox-inline,
.has-error .control-label, .has-error .help-block,
.has-error .radio, .has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: #e74c3c;
}
.form-control {
box-shadow: none;
}
select, select.form-control {
padding-left: 5px;
}
.apc-form.form-vertical .has-feedback label ~ .form-control-feedback {
top: 15px;
right: 15px;
}
.apc-form.form-vertical .help-block {
margin-bottom: 10px !important;
margin-top: -10px !important;
}
.apc-form.form-horizontal .has-feedback .form-control-feedback {
top: 8px;
}
.apc-form.form-horizontal .help-block {
margin-bottom: 0;
margin-top: 8px !important;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 10px;
margin-bottom: 5px;
text-align: left;
}
}
/* Input Fields */
.input-group-btn .btn {
box-shadow: none !important;
color: #555555;
border-color: #ccc;
background-color: #ccc;
}
.input-group-btn:first-child > .btn {
border-right: none;
}
.input-group-btn:last-child > .btn {
border-left: none;
}
.input-group-addon-focus {
background: #247BA0 !important;
border-color: #247BA0 !important;
color: white !important;
}
/* *** TinyMCE editor *** */
.mce-tinymce {
border-color: #ccc !important;
overflow: auto !important;
width: calc(100% - 2px) !important;
box-shadow: none !important;
}
.mce-tinymce .mce-panel {
background-color: #fcfcfc;
}
.mce-tinymce.mce-container.mce-panel.mce-fullscreen {
top: 50px;
}
body.admin-bar .mce-tinymce.mce-container.mce-panel.mce-fullscreen {
top: calc(50px + 32px);
}
.mce-tinymce .mce-btn {
background: transparent;
color: #333;
border: none;
}
.mce-tinymce .mce-btn.mce-active button,
.mce-tinymce .mce-btn.mce-active:hover button,
.mce-tinymce .mce-btn.mce-active i,
.mce-tinymce .mce-btn.mce-active:hover i {
color: #333;
background: #e6e6e6;
}
.mce-tinymce .mce-top-part::before {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.mce-tinymce .mce-btn-group:not(:first-child) {
border-left: none;
margin-left: 15px;
}
/* ***** WordPress search ***** */
#searchform #s {
/*border: 1px solid #9ca6b0;*/
/*border-radius: 3px;*/
/*padding: 8px 12px;*/
}
#searchform #s {
/*height: 34px;*/
/*line-height: 34px;*/
}
#searchform #s:focus,
#searchform #s:active,
#searchform #s .active {
/*border-color: #4B4B4C;*/
/*box-shadow: none;*/
/*outline: none;*/
}
#searchform {
width: 230px;
}
#searchform span {
/*padding: 8px 12px;*/
}
#searchform input {
/*display: inline;*/
}
/* ***** WordPress buttons ***** */
#searchform #searchsubmit,
.comment-respond #submit {
padding: 8px 22px;
background-color: #4B4B4C;
border: 1px solid #4B4B4C;
border-radius: 0px;
box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
text-transform: uppercase;
}
#searchform #searchsubmit:hover,
#searchform #searchsubmit:focus,
.comment-respond #submit:hover,
.comment-respond #submit:focus {
padding: 8px 22px;
background-color: #41566B;
border: 1px solid #41566B;
}
.submit {
color: #FFFFFF;
}
/* ***** WordPress calendar ***** */
#wp-calendar caption {
color: #333333;
font-size: 21px;
line-height: 1.5em;
font-weight: 500;
padding-top: 0;
margin-bottom: 9px;
}
#wp-calendar thead {
font-size: 1.1em;
}
#wp-calendar thead th {
padding-bottom: 10px;
color: #333333;
font-weight: 300;
text-align: center;
}
#wp-calendar tbody {
font-size: 1.1em;
}
#wp-calendar tbody td {
text-align: center;
padding: 5px 8px;
}
#wp-calendar tbody td a {
color: #0072C6;
font-size: 20px;
font-weight: bold;
}
#wp-calendar tbody td#today {
background: #8BC34A;
color: #FFFFFF
}
#wp-calendar tbody td#today a {
color: #FFFFFF
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 1.1em;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 1.1em;
text-transform: uppercase;
padding-top: 10px;
}
/* *** Misc *** */
.apc-hidden {
display: none;
}
/* Glyphicons (zoom styles from Font Awesome) */
.glyphicon-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.glyphicon-2x {
font-size: 2em;
}
.glyphicon-3x {
font-size: 3em;
}
.glyphicon-4x {
font-size: 4em;
}
.glyphicon-5x {
font-size: 5em;
}
/* *** Animations *** */
.animation-transition-general, .carousel .carousel-indicators li {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.animation-transition-slow {
-webkit-transition: all 370ms linear;
-moz-transition: all 370ms linear;
-o-transition: all 370ms linear;
-ms-transition: all 370ms linear;
transition: all 370ms linear;
}
.animation-transition-fast, .navbar, .panel .panel-heading i {
-webkit-transition: all 150ms ease 0s;
-moz-transition: all 150ms ease 0s;
-o-transition: all 150ms ease 0s;
-ms-transition: all 150ms ease 0s;
transition: all 150ms ease 0s;
}
/* *** Spaces *** */
/*
Allows simple adjustment of component margins and paddings by adding a css class
instead of hacking the styles.
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
x,s,m,l,n = extra-small(3px),small(5px),medium(10px),large(20px),none(0px)
*/
.last-col {
overflow: hidden;
}
.ptn, .pvn, .pan {
padding-top: 0;
}
.ptx, .pvx, .pax {
padding-top: 3px;
}
.pts, .pvs, .pas {
padding-top: 5px;
}
.ptm, .pvm, .pam {
padding-top: 10px;
}
.ptl, .pvl, .pal {
padding-top: 20px;
}
.prn, .phn, .pan {
padding-right: 0;
}
.prx, .phx, .pax {
padding-right: 3px;
}
.prs, .phs, .pas {
padding-right: 5px;
}
.prm, .phm, .pam {
padding-right: 10px;
}
.prl, .phl, .pal {
padding-right: 20px;
}
.pbn, .pvn, .pan {
padding-bottom: 0;
}
.pbx, .pvx, .pax {
padding-bottom: 3px;
}
.pbs, .pvs, .pas {
padding-bottom: 5px;
}
.pbm, .pvm, .pam {
padding-bottom: 10px;
}
.pbl, .pvl, .pal {
padding-bottom: 20px;
}
.pln, .phn, .pan {
padding-left: 0;
}
.plx, .phx, .pax {
padding-left: 3px;
}
.pls, .phs, .pas {
padding-left: 5px;
}
.plm, .phm, .pam {
padding-left: 10px;
}
.pll, .phl, .pal {
padding-left: 20px;
}
.mtn, .mvn, .man {
margin-top: 0px;
}
.mtx, .mvx, .max {
margin-top: 3px;
}
.mts, .mvs, .mas {
margin-top: 5px;
}
.mtm, .mvm, .mam {
margin-top: 10px;
}
.mtl, .mvl, .mal {
margin-top: 20px;
}
.mrn, .mhn, .man {
margin-right: 0px;
}
.mrx, .mhx, .max {
margin-right: 3px;
}
.mrs, .mhs, .mas {
margin-right: 5px;
}
.mrm, .mhm, .mam {
margin-right: 10px;
}
.mrl, .mhl, .mal {
margin-right: 20px;
}
.mbn, .mvn, .man {
margin-bottom: 0px;
}
.mbx, .mvx, .max {
margin-bottom: 3px;
}
.mbs, .mvs, .mas {
margin-bottom: 5px;
}
.mbm, .mvm, .mam {
margin-bottom: 10px;
}
.mbl, .mvl, .mal {
margin-bottom: 20px;
}
.mln, .mhn, .man {
margin-left: 0px;
}
.mlx, .mhx, .max {
margin-left: 3px;
}
.mls, .mhs, .mas {
margin-left: 5px;
}
.mlm, .mhm, .mam {
margin-left: 10px;
}
.mll, .mhl, .mal {
margin-left: 20px;
}
/* *** Admin Bar *** */
body.admin-bar #apc-quickaccess.mfb-component--tr {
top: calc( 20px + 32px);
right: 20px;
}