/*
** COLORS
** blue: #428bca rgb(66,139,202) light0%
** purple: #a188bd rgb(161,136,189) light0%
** orange: #cc6600;
*/
/*
** GENERAL
*/
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family : "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 300;
color : #525263;
margin-top : 0;
}
ul {
list-style : none;
padding : 0;
}
h2 {
font-size : 24px;
}
h3 {
font-size : 14px;
}
/*
** TABLE
*/
.table {
margin : 0;
}
.table > tbody > tr > td {
vertical-align : middle;
cursor : pointer;
}
.table > tbody > tr > td .checkbox {
margin : 0;
}
.table > tbody > tr > td .checkbox label {
padding-left : 40px;
pointer-events : none;
}
.table > tbody > tr > td .checkbox input[type="checkbox"] {
margin-left : -30px;
pointer-events : none;
}
.table.table-hover > tbody > tr:hover > td {
background-color : #f7f9fd;
}
/*
** HEADER
*/
.app-header {
position : relative;
background-image : url(../img/am_pattern.png);
background-color : #525263;
border-bottom : 4px solid #c7d4f2;
}
/* RESET BOOTSTRAP */
.app-header .navbar {
background-color : transparent;
border : none;
margin : 0;
padding : 0;
border-radius : 0;
}
/* BRAND */
.app-header .app-nav-brand {
position : absolute;
bottom : 0;
width : 90px;
height : 50px;
z-index : 1337;
}
.app-header .app-nav-brand-inner {
height : 54px;
width : 90px;
padding-left : 8000px;
margin-left : -8000px;
border-bottom : 4px solid #FFFFFF;
}
.app-header .app-nav-brand a {
width : 90px;
height : 54px;
display : block;
position : absolute;
bottom : -29px;
overflow : hidden;
}
/* GENERAL */
.app-header .nav > li > a {
text-transform : uppercase;
font-weight : 700;
color : #FFFFFF;
}
.app-header .nav > li.active > a {
background : transparent;
color : #c7d4f2;
}
.app-header .nav > li.active:hover > a,
.app-header .nav > li:hover > a,
.app-header .nav > li:focus > a,
.app-header .nav > li.open > a,
.app-header .nav > li.open > a:hover,
.app-header .nav > li.open > a:focus {
background : #c7d4f2;
color : #545465;
}
/* MAIN MENU */
.app-header .navbar-main {
margin-left : 170px;
font-size : 12px;
letter-spacing : 1px;
float : left;
}
/* SOCIAL MENU */
.app-header .navbar-social {
float : right;
font-size : 19px;
}
.app-header .navbar-social > li:hover > a,
.app-header .navbar-social > li > a:focus {
background-color : transparent;
color : #c7d4f2;
}
/* DROP DOWN */
.app-header .nav > li:hover .dropdown-menu {
display : block;
z-index : 7331;
}
.app-header .nav > li .dropdown-menu {
border-style : solid;
border-width : 4px 0 0 0;
border-color : #c7d4f2;
border-radius : 0;
margin : 0;
padding : 0;
letter-spacing : normal;
}
.app-header .nav > li .dropdown-menu > li > a {
color : #525263;
padding : 25px 35px;
border-bottom : 1px solid #DDD;
font-size : 18px;
}
.app-header .nav > li .dropdown-menu > li.active > a,
.app-header .nav > li .dropdown-menu > li > a:hover,
.app-header .nav > li .dropdown-menu > li > a:focus {
background : #fbfbfb;
color : #525263;
}
.app-header .nav > li .dropdown-menu > li > a > i {
margin-right : 30px;
}
.app-header .nav > li .dropdown-menu > li > a > span,
.app-header .nav > li .dropdown-menu > li > a > strong {
height : 30px;
line-height : 32px;
vertical-align : top;
display : inline-block;
}
.app-header .nav > li .dropdown-menu span {
text-transform : none;
font-weight : 400;
}
.app-header .nav > li .dropdown-menu strong {
font-weight : 700;
padding-left : 3px;
}
/*
** 100% VIEWPORT
*/
html,
body,
.app {
height : 100%;
}
.app-body {
min-height : 100%;
height : auto;
margin : -54px auto -259px;
padding : 54px 0 259px;
}
body.skinny,
.skinny .app {
height: auto;
overflow-y: auto;
overflow-x: hidden;
min-width: 0px;
}
.skinny .app-body {
margin: 20px auto 0 auto;
padding: 0;
min-width: 1px;
}
.skinny .container {
width: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.skinny-3,
.skinny-3 .app {
overflow: hidden;
}
.skinny-3 .app-body {
margin: 0 !important;
}
.skinny-3 .col-sm-9 {
padding: 0 !important;
}
/*
** APP SECTION
*/
.app-section {
padding : 70px 0;
position : relative;
}
.skinny .app-section {
padding: 0;
min-width: 1px;
}
/*
** SECTION OVERVIEW
*/
.section-overview {
padding : 20px 0;
z-index : 1337; /* higher than brand to cover */
}
.section-overview h1 {
font-size : 46px;
}
.section-overview fieldset {
border-top : 1px solid #DDD;
margin : 25px 0 20px 0;
}
.section-overview legend {
border : none;
display : inline-block;
width : auto;
padding : 0 20px 0 60px;
position : relative;
}
.section-overview legend i {
position : absolute;
left : 0;
bottom : 0;
}
.section-overview ul {
margin : 0 0 20px 0;
}
/*
** SEARCH / ARCHIVE OVERVIEW
*/
.archive .section-overview h2,
.search .section-overview h2 {
font-size : 32px;
font-weight : 400;
padding : 0 0 0 20px;
margin : 0 0 20px 0;
}
.archive .section-overview h3 ,
.search .section-overview h3 ,
.page .app-demo-list h3 {
margin : 20px 0 10px 0;
}
.archive .section-overview h3 span,
.search .section-overview h3 span,
.page .app-demo-list h3 span {
font-size : 14px;
font-weight : 400;
line-height : 30px;
vertical-align : top;
text-transform : uppercase;
}
.post-type-archive-blog .section-overview ul,
.search .section-overview ul, {
margin : 0 0 20px 0;
}
.post-type-archive-blog .section-overview ul > li,
.search .section-overview ul > li {
margin : 0 0 15px 20px;
}
.post-type-archive-blog .section-overview ul > li:before,
.search .section-overview ul > li:before {
top : 5px;
}
.post-type-archive-blog .section-overview ul > li > a,
.search .section-overview ul > li > a {
font-size : 16px;
}
.post-type-archive-blog .section-overview ul > li > small,
.search .section-overview ul > li > small {
color : #CCC;
}
/*
** APP CONTENT - higher prio
*/
.app-content h2 {
font-weight : 400;
margin : 20px 0 10px 0;
}
.app-content ul {
list-style : none;
margin : 0 0 20px 20px;
padding : 0 0 0 0;
}
.section-overview ul > li,
.app-content ul > li,
.list-square > li {
position : relative;
margin : 0 0 5px 20px;
}
.section-overview ul > li:before,
.app-content ul > li:before,
.list-square > li:before {
content :'\25A0';
position : absolute;
top : 3px;
left : -18px;
z-index : 1;
font-size : 9px;
}
.section-overview ul > li.current-menu-item,
.app-content ul > li.current-menu-item,
.app-sub-menu > li.current-menu-item {
font-weight: 700;
}
.app-content a {
color : rgb(51,102,204);
color : rgba(51,102,204,1);
border-bottom : 1px solid rgb(51,102,204);
border-bottom : 1px solid rgba(51,102,204,.3);
text-decoration : none;
}
.app-content a:visited {
color : rgb(161,136,189);
color : rgba(161,136,189,1);
border-bottom : 1px solid rgb(161,136,189);
border-bottom : 1px solid rgba(161,136,189,.3);
text-decoration : none;
}
.app-content a:hover,
.app-content a:focus,
.app-content a.disabled {
color : rgb(84,84,101);
color : rgba(84,84,101,1);
border-bottom : 1px solid rgb(84,84,101);
border-bottom : 1px solid rgba(84,84,101,.3);
text-decoration : none;
}
.app-demo-list ul {
margin : 0 0 20px 0;
}
.app-demo-list li a,
.app-demo-list li a:hover,
.app-demo-list li a:focus,
.app-demo-list li a:active,
.app-demo-list li a:visited,
.app-demo-list li a.disabled {
border : none;
}
/* STRONG */
.app-content strong {
font-weight : 500;
font-size : 12px;
color : #cc6600;
font-family : Monaco, 'MonacoRegular', 'Courier New', monospace;
}
/*
** BORDER
*/
.border-bottom {
border-bottom : 1px solid #545465;
}
/*
** FIELDSET
*/
.app-fieldset {
margin : 40px 0 40px 0;
padding : 0;
border-style : solid none none none;
border-width : 1px;
border-color : #e5e5e5;
}
.app-fieldset-legend {
background : #FFFFFF;
display : inline-block;
position : relative;
top : -11px;
padding : 0 30px;
}
.background-gray .app-fieldset-legend {
background-color : #f3f3f4;
}
/*
** FONT
*/
.app-font {
font-family : "Lato";
}
.white-space-nowrap {
white-space : nowrap;
}
.white-space-normal {
white-space : normal;
}
.family-thin {
font-weight : 300;
}
.family-light {
font-weight : 300;
}
.family-regular {
font-weight : 400;
}
.family-bold {
font-weight : 700;
}
.family-black {
font-weight : 700;
}
.color-white {
color : #FFFFFF;
}
.color-blue {
color : #6298E1;
}
.color-darkblue {
color : #525263;
}
.color-lightblue {
color : #ccdaf8;
}
.color-gray {
color : #8b8b97;
}
.color-lightgray {
color : #CCCCCC;
}
.transform-uppercase {
text-transform : uppercase;
}
.transform-lowercase {
text-transform : lowercase;
}
.transform-3d {
transform-style : preserve-3d;
-webkit-transform-style : preserve-3d;
-moz-transform-style : preserve-3d;
-o-transform-style : preserve-3d;
}
.transform-none {
text-transform : none;
}
.transform-truncate {
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.align-center {
text-align : center;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.align-justified {
text-align : justified;
}
.size-smaller {
font-size : 12px;
}
.size-small {
font-size : 13px;
}
.size-normal {
font-size : 14px;
}
.size-button {
font-size : 16px;
}
.size-big {
font-size : 21px;
}
.size-bigger {
font-size : 24px;
}
.size-biggerer {
font-size : 32px;
}
.size-headline {
font-size : 46px;
}
/*
** APP LANDING CHART
*/
.app-landing-chart {
background-image : url(../img/headerGradient.png);
height : 506px;
position : relative;
z-index : 1;
}
/*
** APP EDITOR CHART
*/
.app-editor-chart {
background-position: top center;
background-size: cover;
background-image : url(../img/bg_editor.png);
height : 260px;
}
.app-editor-chart h1 {
font-size: 47.33px;
color: #FFFFFF;
text-align: center;
margin: 30px 0 0 0;
}
.app-editor-chart-button {
font-size: 21.6px !important;
font-weight: 100 !important;
position: absolute !important;
left: 50% !important;
margin: -25px 0 0 -130px !important;
padding: 10px 60px !important;
border: none !important;
box-shadow: 0 4px 2px -3px rgba(255,255,255,0.5) inset;
}
/*
** HELPER
*/
.full-height {
height: 100%;
}
.full-width {
width: 100%;
}
.less-padding {
padding : 0 !important;
}
.less-padding-top {
padding-top : 0 !important;
}
.less-padding-right {
padding-right : 0 !important;
}
.less-padding-left {
padding-left : 0 !important;
}
.less-padding-bottom {
padding-bottom : 0 !important;
}
.less-margin {
margin : 0 !important;
}
.less-margin-top {
margin-top : 0 !important;
}
.less-margin-right {
margin-right : 0 !important;
}
.less-margin-left {
margin-left : 0 !important;
}
.less-margin-bottom {
margin-bottom : 0 !important;
}
.less-overflow {
overflow : hidden !important;
}
/* PURPLE */
.background-purple {
background-color : #a188bd;
color : #FFFFFF;
}
.background-purple a {
color : rgb(255,255,255);
color : rgba(255,255,255,1);
}
.background-purple a:hover {
border-bottom : 1px solid rgb(255,255,255);
border-bottom : 1px solid rgba(255,255,255,.4);
text-decoration : none;
}
.col-border {
border-style : none solid none none;
border-width : 1px;
border-color : rgb(255,255,255);
border-color : rgba(255,255,255,0.2);
padding-bottom : 500em;
margin-bottom : -500em;
}
.col-border:last-child {
border-style : none;
}
.col-border .padding-side {
padding : 0 10px;
}
/* DARK PURPLE */
.background-darkpurple {
background-color : #525263;
color : #FFFFFF;
}
/* DARKER PURPLE */
.background-evendarkerpurple {
background-color : #3f3f4f;
color : #FFFFFF;
}
/* GRAY */
.background-gray {
background-color : #f3f3f4;
}
/* WHITE */
.background-white {
background-color : #FFFFFF;
}
/* TURQUOISE */
.background-turquoise {
background-color : #dff4f9;
}
/* LIGHTBLUE */
.background-lightblue {
background-color : #e1e9fb;
}
/* BRIGHTBLUE */
.background-brightblue {
background-color : #f4f6fc;
}
/* MAP GRID */
.background-map-grid {
background-image : url(../img/bg_map_grid.png);
background-repeat : no-repeat;
background-position : center bottom;
overflow : hidden;
padding : 70px 0 50px 0;
}
/*
** IMAGE FILTER
*/
.filter-gray {
filter : url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter : gray; /* IE6-9 */
-webkit-filter : grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.hover-filter:hover,
.swiper-slide-active .hover-filter {
filter : url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter : grayscale(0%);
}
/* SWIPER */
.swiper {
position : relative;
}
.swiper .swiper-control {
position : absolute;
top : 0;
width : 100%;
}
/* BUTTONS */
.swiper .swiper-control-prev,
.swiper .swiper-control-next {
z-index : 1;
position : relative;
top : 50%;
margin : -54px 0 0 0 !important;
}
.swiper .swiper-control-prev {
left : 10.6%;
}
.swiper .swiper-control-next {
right : 10.6%;
}
/* INDICATOR */
.swiper .swiper-pagination {
position : absolute;
bottom : 0;
display : block;
text-align : center;
width : 100%;
z-index : 1;
}
.swiper .swiper-pagination span {
background : #FFFFFF;
border-color : #FFFFFF;
border-style : solid;
border-width : 1px;
border-radius : 5px;
width : 11px;
height : 11px;
margin : 0 3px;
display : inline-block;
cursor : pointer;
}
.swiper .swiper-pagination span.swiper-active-switch {
background : transparent;
cursor : default;
}
/* INDICATOR WHITE */
.background-white .swiper .swiper-pagination span {
background : #f0f5fa;
border-color : #f0f5fa;
}
.background-white .swiper .swiper-pagination span.swiper-active-switch {
background : transparent;
border-color : #3366cc;
}
/*
** AM MAP - SWIPER
*/
.app-map {
margin : 70px 0 0 0;
}
.app-map .app-map-chart {
padding: 0px 50px 50px 50px;
}
.app-map .app-map-left {
background-image : url(../img/map_shadow_left.png);
background-repeat : no-repeat;
background-position : right center;
background-size : cover;
float: left;
width: 5%;
}
.app-map .app-map-right {
background-image : url(../img/map_shadow_right.png);
background-repeat : no-repeat;
background-position : left center;
background-size : cover;
float: right;
width: 5%;
}
.app-map .app-map-center {
background-image : url(../img/map_bg.png);
background-repeat : no-repeat;
background-position : center;
background-size : cover;
width: auto;
overflow: hidden;
margin: 0 5%;
padding: 17px;
}
.app-map .app-map-bottom {
background-image : url(../img/map_shadow_bottom.png);
background-repeat : no-repeat;
background-position : top center;
background-size : 100%;
height: 48px;
margin: 0 5%;
}
.app-map .app-map-center .inner {
background-color: rgb(181,193,219,.);
background-color: rgba(181,193,219,.25);
height: 430px;
}
.home .app-map .app-map-center .inner {
background-color: rgb(223,244,249,.);
background-color: rgba(223,244,249,.35);
height: 430px;
}
/*
** APP CUSTOMER - SWIPER
*/
.app-customers .slider-wrapper {
height : 150px;
padding : 40px;
}
/*
** OVERFLOW
*/
.overflow-hidden {
overflow : hidden;
}
.overflow-visible {
overflow : visible;
}
.overflow-auto {
overflow : auto;
}
/*
** OVERFLOW
*/
.display-hidden {
display : hidden;
}
.display-inline-block {
display : inline-block;
}
.display-block {
display : block;
}
/*
** TRANSITION
*/
.fx-all-250 {
transition : all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-webkit-transition : all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition : all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition : all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.fx-delay-250 {
transition-delay : 250ms;
-webkit-transition-delay : 250ms;
-moz-transition-delay : 250ms;
-o-transition-delay : 250ms;
}
/*
** PRODUCT INFO BOX
*/
.app-modal {
border : 7px solid #c7d4f2;
height : 430px;
position : relative;
overflow : hidden;
margin : 30px 0 0 0;
}
.app-modal .btn-close {
background-color : #c7d4f2;
background-image : url(../img/modal_close.png);
background-position : center;
background-repeat : no-repeat;
position : absolute;
top : -7px;
right : -7px;
z-index : 2;
width : 40px;
height : 40px;
}
.app-modal .tab_pane_loading {
position : absolute;
top : 0;
bottom : 0;
width : 100%;
z-index : 1;
background : rgb(255,255,255);
background : rgba(255,255,255,0.8);
opacity : 0;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.app-modal .tab_pane_loading.active {
opacity : 1;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.app-modal .tab_pane_content {
height : 100%;
overflow-y : visible;
overflow-x : hidden;
}
.app-modal .tab_pane_content .app-section,
.app-modal .tab_pane_content .container {
width : auto;
}
.app-modal .tab_pane_content {
padding : 30px;
}
.app-modal .tab_pane_content .size-headline {
color : #ccdaf8;
}
/*
** TABLE PRODUCTS
*/
.table-products > tfoot > tr > td,
.table-products > tbody > tr > td {
padding : 0;
}
.table-products .col-border {
border-style : none none none solid;
border-color : #DDDDDD;
margin : 10px 0;
padding : 0 10px;
position : relative;
white-space : nowrap;
}
.table-products tbody > tr > td:first-child .col-border {
border : none;
padding-left : 10px;
}
.table-products tbody > tr > td:last-child .col-border {
border-style : none solid none solid;
}
.table-products tbody > tr > td .col-border-inner {
position : relative;
}
.table-products .amcharts-tooltip {
position : absolute;
top : 0;
right : 5px;
}
.table-products > tbody > td:last-child .col-border {
border-style : none;
}
.table-products > tbody > tr > td.active {
background : none;
}
/* CHECKOUT */
.table-products > tfoot > tr > td > .table-products-checkout {
background : #eef2fb;
margin : 0;
padding : 20px;
box-shadow : 0 8px 8px -8px rgba(,0,0,0.2) inset
box-shadow : 0 8px 8px -8px rgba(0,0,0,0.2) inset
}
.table-products > tfoot > tr > td > .col-border {
border : none;
}
.table-products > tbody > tr.less-border-top > td, {
border-style : none;
}
.table-products > tbody > tr.border-top > td,
.table-editor > tbody > tr.border-top > td {
border-style : solid none none none;
border-width : 4px;
border-color : #c7d4f2;
}
.table-products > tbody > tr.border-bottom > td {
border-style : none none solid none;
border-width : 4px;
border-color : #c7d4f2;
}
/*
** PRICE CONTAINER
*/
.price-container {
line-height : 20px;
vertical-align : middle;
white-space : normal;
margin : 0 30px 0 0
}
.col-price .price-tag {
font-size : 17px;
}
.col-price a {
color : #CCCCCC;
}
/* TICK */
.col-price .btn-tick {
width : 28px;
height : 28px;
padding : 4px;
margin : 20px;
}
.col-price .btn-tick i {
font-size : 18px;
opacity : 0;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
color : #CCCCCC;
}
.col-price .btn-tick:hover i {
opacity : 1;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.col-price.active .btn-tick i,
.col-price.active .price-tag {
opacity : 1;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
color : #6298E1;
}
.col-price.active.discounted-product .price-initial .price-tag {
opacity : 1;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
color : #CCCCCC;
}
/* DISCOUNT */
.discount-container {
opacity : 0;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
background-image : url(../img/discount_sprite.png);
background-repeat : no-repeat;
width : 47px;
height : 50px;
position : absolute;
top : -10px;
right : -11px;
text-align : right;
padding : 0px 3px 0px 0px;
font-size : 10px;
color : #FFFFFF;
z-index : 1;
}
.col-price.discounted-product .discount-container {
opacity : 1;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.col-price.locked-product .col-border-inner {
background : #f4f4f4;
}
.col-price.locked-product .btn-tick i,
.col-price.locked-product .price-tag {
color : #CCCCCC;
}
.col-price .price-discount,
.col-price .discount-line {
height: 0px;
opacity: 0;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.col-price .price-initial {
position: relative;
}
.col-price .discount-line {
border-bottom: 1px solid #9e82af;
position: absolute;
top: -10px;
left: -2px;
width: 100%;
opacity: 0;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
/* DISCOUNTED PRODUCT */
.col-price.discounted-product .price-discount,
.col-price.discounted-product .discount-line {
height: 20px;
opacity: 1;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.col-price.discounted-product .price-initial {
color: #CCCCCC;
}
.col-price.discounted-product .price-initial .discount-line {
display: block;
border-bottom: 1px solid #9e82af;
}
/* INFO ICON */
.table-products .fa-info-circle {
cursor: help;
}
.table-products .fa-info-circle:hover {
color: #333;
}
/* ACTIVE PRODUCT */
.active-product .col-price.active .col-border-inner {
background : #EEF2FB;
}
/* ADD ON */
.row-addon > td {
background : #FAFAFA;
line-height : 65px;
}
.row-addon .col-price .btn-tick {
width : 20px;
height : 20px;
margin : 0 20px 0 40px;
vertical-align : text-top;
}
.row-addon .col-price .btn-tick i {
font-size : 15px;
position : relative;
top : -5px;
left : -2px;
}
.row-addon .col-price {
line-height : 65px;
}
.row-addon .col-price .price-tag {
font-size: 14px;
}
/* ICONS */
.product-icon {
background-image : url(../img/icon_sprite.png);
background-repeat : no-repeat;
width : 46px;
height : 30px;
display : inline-block;
margin-right : 10px;
}
.product-icon.javascript-charts {
background-position : 0px -2px;
}
.product-icon.stock-chart {
background-position : -50px -2px;
}
.product-icon.javascript-maps {
background-position : -100px -2px;
}
.product-icon.all-types {
background-position : -150px -2px;
}
.product-icon.wordpress-plugin {
background-position : -200px -2px;
}
.table-products .product-icon {
line-height : 35px;
margin : 0 20px 0 20px;
}
/*
** ICON SPRITE
*/
.icon-sprite {
background-image : url(../img/icon_sprite_sub.png);
background-repeat : no-repeat;
width : 40px;
height : 30px;
display : inline-block;
}
.icon-sprite.javascript-charts-linearea {
background-position :0 0;
}
.icon-sprite.javascript-charts-xybubble {
background-position :-40px 0;
}
.icon-sprite.javascript-charts-piefunnel {
background-position :-80px 0;
}
.icon-sprite.javascript-charts-gauge {
background-position :-120px 0;
}
.icon-sprite.javascript-charts-columnbar {
background-position :-200px 0;
}
/*
** DEMOS
*/
.single-demos {
background : #f3f3f4;
}
.single-demos .demo-headline {
margin-bottom : 40px;
}
.single-demos .demo-body .app-section {
padding : 40px 0 60px 0;
}
.single-demos .demo-body .app-content h1 {
margin : 0 0 20px 0;
}
.single-demos .demo-body .app-content h2 {
font-size : 22px;
margin : 20px 0 10px 0;
}
.single-demos .demo-example {
margin-bottom : 60px;
}
.single-demos .demo-nav-pages {
margin-bottom : 40px;
}
.single-demos .demo-nav-pages .align-center span {
line-height : 45px;
}
.single-demos .app-content a.disabled {
font-weight : 700;
cursor : default;
}
.demo-flipper-toggler {
padding : 10px 35px;
}
.demo-flipper-jsfiddle {
padding-left : 40px !important;
background-image : url(../img/jsfiddle-icon.png);
background-repeat : no-repeat;
background-position : 10px center;
}
#chartdiv, #chartmirror {
height : 100%;
overflow : hidden;
}
/*
** NEW DEMOS
*/
.demo-thumb-list {
list-style-type: none;
margin: 0px;
/* padding: 0 28px; */
width: 120%;
overflow: hidden;
margin-bottom: 20px;
}
.section-overview.demo-area {
/* background: #f2f2f2; */
padding: 0;
}
.section-overview.demo-area .demo-thumb-product {
/* margin: 10px 0 18px 0; */
padding: 28px 0;
font-size: 30px;
font-weight: 500;
background: #f9f9f9;
overflow: hidden;
margin-bottom: 35px;
opacity: 0.95;
}
.section-overview.demo-area .demo-thumb-product .category {
font-weight: 300;
}
.section-overview.demo-area .demo-thumb-placeholder {
padding: 28px 0;
margin-bottom: 35px;
height: 100px;
}
.section-overview.demo-area .demo-thumb-product.affixed {
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.admin-bar .section-overview.demo-area .demo-thumb-product.affixed {
top: 32px;
}
.section-overview.demo-area h2 span {
}
.section-overview.demo-area h2 {
margin: 0 0 50px 0;
padding:0;
height: 24px;
border-bottom: 1px solid #ddd;
font-size: 30px;
}
.section-overview ul > li.demo-thumb-item {
width: 360px;
height: 220px;
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
margin: 0 30px 30px 0;
list-style-type: none;
float: left;
font-size: 15px;
text-align: center;
overflow: hidden;
position: relative;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.section-overview ul > li.demo-thumb-item:hover {
-webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.3);
}
.demo-thumb-item:before {
content: none!important;
}
.demo-thumb-item .demo-thumb-title {
position: absolute;
text-align: left;
font-size: 17px;
font-weight: 500;
left: 0;
bottom: 0;
width: 100%;
background: #f9f9f9;
padding: 7px 10px;
min-height: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.demo-thumb-item .demo-thumb-title a {
color: #777;
}
.demo-thumb-item img {
width: 95%;
margin-top: 5px;
}
.demo-thumb-subcat {
clear: both;
}
/*
** HIDE BRAND TEXT
*/
.single-demos .app-nav-brand a {
height : 29px;
bottom : -4px;
}
/* FLIPPER */
.demo-flipper {
position : relative;
}
.demo-flipper-container {
position : relative;
width : 100%;
height : 520px;
}
.demo-panel-white {
background-color : #FFFFFF;
border-radius : 10px;
padding : 10px;
box-shadow : 0 2px 10px 0 rgb(0,0,0);
box-shadow : 0 2px 10px 0 rgba(0,0,0,0.1);
}
.demo-panel-black {
background-color : #535364;
border-radius : 10px;
padding : 10px;
box-shadow : 0 2px 10px 0 rgb(0,0,0);
box-shadow : 0 2px 10px 0 rgba(0,0,0,0.1);
}
.demo-panel-black select {
background-color : #535364;
}
.demo-flipper-front,
.demo-flipper-back {
width : 100%;
height : 100%;
position : absolute;
}
.demo-flipper-front {
z-index: 1;
opacity: 1;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
top: 0px;
}
.demo-flipper-back {
z-index: 0;
opacity: 0;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
top: 50px;
}
.demo-flipper.active .demo-flipper-front {
z-index: 0;
opacity: 0;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
top: 50px;
}
.demo-flipper.active .demo-flipper-back {
z-index: 1;
opacity: 1;
-ms-filer: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
top: 0px;
}
/**
* Forms
*/
.form-control.form-control-flat {
height: 39px;
border-radius: 2px;
}
textarea.form-control-flat {
height: auto!important;
}
/*
** BUTTONS
*/
.btn-flat,
.btn-flat:visited,
.app-content .btn-flat,
.app-content .btn-flat:visited {
color : #FFFFFF;
background-color : #6298e1;
border-color : #6298e1;
border-radius : 2px;
display : inline-block;
padding : 10px 40px;
margin : 0 15px 0 0;
text-shadow : none;
font-size : 12px;
font-weight : 700;
/* NOT SURE */
letter-spacing : 1px;
}
/*
** BUTTON OUTLINE
*/
.btn-outline-inverse,
.app-content .btn-outline-inverse,
.btn-outline-inverse:visited,
.app-content .btn-outline-inverse:visited {
background-color : transparent;
}
.btn-flat:hover,
.btn-flat:focus,
.btn-flat:active,
.app-content .btn-flat:hover,
.app-content .btn-flat:focus,
.app-content .btn-flat:active {
color : #FFFFFF;
background-color : #73a4e6;
border-color : #73a4e6;
}
.btn-flat.btn-outline-inverse,
.app-content .btn-flat.btn-outline-inverse,
.btn-flat.btn-outline-inverse:visited,
.app-content .btn-flat.btn-outline-inverse:visited {
color : #6298e1;
}
.btn-flat.btn-outline-inverse:hover,
.app-content .btn-flat.btn-outline-inverse:hover {
color : #FFFFFF;
}
/* PURPLE */
.btn-purple,
.btn-purple:visited,
.app-content .btn-purple,
.app-content .btn-purple:visited {
color : #ffffff;
background-color : #9a82b5;
border-color : #9a82b5;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.app-content .btn-purple:hover,
.app-content .btn-purple:focus,
.app-content .btn-purple:active {
color : #ffffff;
background-color : #a991c4;
border-color : #a991c4;
}
.btn-purple.btn-outline-inverse,
.app-content .btn-purple.btn-outline-inverse,
.btn-purple.btn-outline-inverse:visited,
.app-content .btn-purple.btn-outline-inverse:visited {
color : #9a82b5;
}
.btn-purple.btn-outline-inverse:hover,
.app-content .btn-purple.btn-outline-inverse:hover, {
color : #FFFFFF;
}
/* LIGHT BLUE */
.btn-lightblue,
.btn-lightblue:visited,
.app-content .btn-lightblue,
.app-content .btn-lightblue:visited {
color : #ffffff;
background-color : #5ba9de;
border-color : #5ba9de;
}
.btn-lightblue:hover,
.btn-lightblue:focus,
.btn-lightblue:active,
.app-content .btn-lightblue:hover,
.app-content .btn-lightblue:focus,
.app-content .btn-lightblue:active {
color : #ffffff;
background-color : #4c98cb;
border-color : #4c98cb;
}
.btn-lightblue.btn-outline-inverse,
.app-content .btn-lightblue.btn-outline-inverse,
.btn-lightblue.btn-outline-inverse:visited,
.app-content .btn-lightblue.btn-outline-inverse:visited {
color : #5ba9de;
}
.btn-lightblue.btn-outline-inverse:hover,
.app-content .btn-lightblue.btn-outline-inverse:hover, {
color : #FFFFFF;
}
/* FACEBOOK */
.btn-facebook,
.btn-facebook:visited,
.app-content .btn-facebook,
.app-content .btn-facebook:visited {
color : #ffffff;
background-color : #5975b1;
border-color : #5975b1;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.app-content .btn-facebook:hover,
.app-content .btn-facebook:focus,
.app-content .btn-facebook:active {
color : #ffffff;
background-color : #7895d1;
border-color : #7895d1;
}
/* GOOGLE */
.btn-google,
.btn-google:visited,
.app-content .btn-google,
.app-content .btn-google:visited {
color : #ffffff;
background-color : #df4a32;
border-color : #df4a32;
}
.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.app-content .btn-google:hover,
.app-content .btn-google:focus,
.app-content .btn-google:active {
color : #ffffff;
background-color : #f1725e;
border-color : #f1725e;
}
/*
** ICON OFFSET
*/
.btn-flat span + i {
margin-left: 20px;
}
.btn-flat i + span {
margin-right: 20px;
}
/*
** BTN NAV EXCEPTION
*/
.btn-nav,
.app-content .btn-nav {
font-size : 16px;
line-height : 25px;
padding : 10px 20px;
background-color : transparent;
color : #6298e1;
}
.btn-nav i,
.app-content .btn-nav i {
line-height : 18px;
font-size : 25px;
vertical-align : text-bottom;
}
.btn-nav i + span,
.app-content .btn-nav i + span {
margin-left: 20px;
}
.btn-nav span + i,
.app-content .btn-nav span + i {
margin-left: 20px;
}
/*
** BTN NAV PAGES
*/
.app-nav-page .btn {
margin : 0;
}
/*
** CHART RESET
*/
.chart-reset * {
-webkit-box-sizing : initial;
-moz-box-sizing : initial;
box-sizing : initial;
}
/*
** POSITION
*/
.position-relative {
position : relative;
}
.position-absolute {
position : absolute;
}
.position-fixed {
position : fixed;
}
/*
** TOOLTIP
*/
.tooltip {
z-index : 1337;
}
/*
** FIGURE; IPHONE
*/
.iphone {
position : relative;
display : inline-block;
margin : 0 0 40px 40px;
}
.iphone .shape {
width : 145px;
background-color : #FFFFFF;
border-radius : 20px;
padding : 0 10px;
line-height : 0;
overflow : hidden;
box-shadow : 5px 5px 10px 0 rgb(0,0,0,0.);
box-shadow : 5px 5px 10px 0 rgba(0,0,0,0.07);
}
.iphone .header,
.iphone .footer {
text-align : center;
}
.iphone .header .cam {
width : 6px;
height : 6px;
border-radius : 5px;
border : 1px solid #DDD;
display : block;
margin : 7px auto 0 auto;
}
.iphone .header .sensor {
width : 5px;
height : 5px;
border-radius : 5px;
border : 1px solid #DDD;
display : inline-block;
margin : 7px 0 10px -5px;
}
.iphone .header .speaker {
width : 30px;
height : 5px;
border-radius : 5px;
border : 1px solid #DDD;
display : inline-block;
margin : 7px 0 10px 0;
}
.iphone .body {
width : 100%;
height : 225px;
background-color : #535364;
position : relative;
overflow-y : auto;
overflow-x : hidden;
padding : 20px 0 0 0;
line-height : initial;
}
.iphone .highlight {
background : rgb(255,255,255,0.);
background : rgba(255,255,255,0.15);
position : absolute;
top : -30px;
left : 90px;
width : 100%;
height : 80%;
transform :rotate(-20deg);
-ms-transform :rotate(-20deg); /* IE 9 */
-webkit-transform :rotate(-20deg); /* Safari and Chrome */
z-index : 1;
}
.iphone .message {
background-color : rgb(255,255,255);
background-color : rgba(255,255,255,0.8);
width : 280px;
padding : 20px 25px;
position : absolute;
top : 180px;
left : -280px;
}
.iphone .footer .home {
width : 25px;
height : 25px;
border-radius : 25px;
border : 1px solid #DDD;
display : inline-block;
text-align : center;
margin : 7px 0;
}
.iphone .footer .home .inner {
width : 11px;
height : 11px;
border-radius : 3px;
border : 1px solid #DDD;
display : inline-block;
margin : 6px 0 0 0;
}
/*
** THEMES NAV
*/
.demo-nav-top ul {
margin : 0 60px 0 0;
list-style : none;
height : 40px;
line-height : 38px;
}
.demo-nav-top li {
float : left;
margin : 0 0 0 10px;
position : relative;
}
.demo-nav-top li a {
border-radius : 7px;
border-width: 4px;
border-color: transparent;
border-style: solid;
width: 40px;
height: 39px;
display: block;
position: relative;
}
.demo-nav-top li a:hover,
.demo-nav-top li.active a {
border-color: #c7d4f2;
}
.demo-nav-top li img {
position: absolute;
top: -1px;
left: -2px;
}
/*
** TABS
*/
.demo-body .nav-tabs,
.demo-body .nav-tabs > li {
margin : 0;
}
.demo-body .nav-tabs > li:before {
display : none;
}
.demo-body .nav-tabs {
margin : -10px -10px 0 -10px;
}
/* REST */
.demo-body .nav-tabs > li > a {
background-color : none;
border : none;
border-radius : 0;
color : #525263;
}
/* HOVER */
.demo-body .nav-tabs > li:hover > a,
.demo-body .nav-tabs > li:focus > a,
.demo-body .nav-tabs > li.active > a {
background-color : #fbfbfb;
border : none;
}
/*
** LETTER SPACE
*/
.letter-spacing-1 {
letter-spacing : 1px;
}
.letter-spacing-2 {
letter-spacing : 2px;
}
/*
** SECTION RECENT
*/
.section-recent .col-border {
z-index : 1;
}
.section-recent .read-more {
border-left : 1px solid rgb(255,255,255);
border-left : 1px solid rgba(255,255,255,.2);
padding-left : 25px;
font-size : 13px;
display : block;
}
.section-recent .read-more a {
color : rgb(255,255,255);
color : rgba(255,255,255,.6);
}
.section-recent .read-more a:hover,
.section-recent .read-more a:focus {
color : rgb(255,255,255);
color : rgba(255,255,255,1);
}
.section-recent h3 {
margin : 0 0 30px 0;
color : #c7d4f2;
}
.section-recent ul {
margin : 0
}
.section-recent ul > li {
position : relative;
margin : 5px 0 0 13px;
color : rgb(255,255,255);
color : rgba(255,255,255,.6);
}
.section-recent ul > li:before {
content :'\25A0';
position : absolute;
top : 4px;
left : -13px;
z-index : 1;
font-size : 7px;
}
/*
** FOOTER
*/
/*
** SECTION RECENT
*/
.app-footer .app-section {
padding : 25px 0 0 0;
color : #8b8b97;
}
.app-footer .app-fieldset-legend {
font-size : 12px;
}
.app-footer h3 {
margin : 15px 0;
}
.app-footer ul > li {
margin-top : 5px;
}
.app-footer ul > li > a > i {
font-size : 16px;
}
.app-wave {
background-image : url(../img/wave_bottom.png);
background-position : bottom center;
background-repeat : no-repeat;
width : 96px;
height : 25px;
margin : 0 auto;
}
.app-wave.wave-dark {
}
/*
** SEARCH FORM
*/
.form-search button {
border : 0;
background : none;
padding : 12px 15px;
top : 0;
right : 0;
}
.form-search button:hover,
.form-search button:focus {
color : rgb(0,0,0);
color : rgba(0,0,0,.6);
}
.form-search input {
height : 55px;
}
/*
** APP FAQ
*/
.section-faq h2,
.section-licenses-explained h2 {
font-size : 14px;
font-weight : 700;
}
.section-faq h2 span,
.section-licenses-explained h2 span {
border-bottom : 1px solid #EFEFEF;
padding : 0 0 8px 0;
display : block;
}
.section-faq p,
.section-licenses-explained p {
color : #8693a4;
}
/* FAQ EXCEPTION */
.section-faq h2 i,
.section-licenses-explained h2 i {
float : left;
background-image : url(../img/faq_question.png);
background-repeat : no-repeat;
width : 18px;
height : 18px;
}
.section-faq h2 span {
margin-left : 30px;
}
.section-faq p {
margin-left : 50px;
}
.padding-top {
padding-top : 70px;
}
/*
** HIDE MAPS
*/
.ieLT9 .section-map {
display: none;
}
/*
* User area
*/
.nav-tabs, .nav-tabs li {
margin: 0!important;
}
.nav-tabs li:before {
content: ''!important;
}
#am-modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 10000;
}
#am-modal .tab_pane_content {
padding: 15px;
background: #fff;
}
.comment-author {
border-right: 1px solid #eee;
text-align: center;
}
.comment-author img {
margin-bottom: 15px;
}
input#hidden-file-input {
padding: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.icon-loading {
width: 16px;
height: 16px;
display: inline-block;
background: transparent url(../img/loading.gif) no-repeat;
vertical-align: middle;
}
.icon-processing {
width: 16px;
height: 16px;
display: inline-block;
background: transparent url(../img/loading2.gif) no-repeat;
vertical-align: middle;
}
button .icon-processing {
display: none;
}
button:disabled .icon-processing {
display: inline-block;
}
.attachment, .uploading {
font-weight: 700;
margin-bottom: 8px;
}
.attachment.error {
color: #cc0000;
}
.comment-attachment {
width: 100px;
padding: 5px;
background-color: #eee;
margin: 10px 10px 0 0;
float: left;
word-wrap: break-word;
}
a, .ticket-row a, .attachment .remove-attachment, h2 a {
cursor: pointer;
}
.ticket-row a, .attachment .remove-attachment, h2 a {
text-decoration: none!important;
border-bottom: none!important;
}
.app-sub-menu {
margin: 20px 0 0 10px!important;
}
.social-icon {
width: 24px;
height: 24px;
vertical-align: middle;
float: left;
margin: -3px 10px 0 -24px;
background: transparent url(../img/icon_sprite_social.png) no-repeat 0 0;
}
.social-icon-google {
background-position: 0 -24px;
}
.social-button {
text-align: left;
width: 43%;
}
.amChartsDataSetSelector
{
font-size:12px;
font-family:verdana,helvetica,arial,sans-serif;
}
.amChartsPeriodSelector
{
font-size:12px;
font-family:verdana,helvetica,arial,sans-serif;
}
.amChartsButtonSelected
{
background-color:#CC0000;
border-style:solid;
border-color:#CC0000;
border-width:1px;
color:#FFFFFF;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 1px;
outline: none;
box-sizing: border-box;
}
.amChartsButton
{
color: #000000;
background: transparent;
opacity: 0.7;
border: 1px solid rgba(0, 0, 0, .3);
-moz-border-radius: 5px;
border-radius: 5px;
margin: 1px;
outline: none;
box-sizing: border-box;
}
.amChartsCompareList
{
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
}
.am-thumbnail {
display: inline-block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/**
* Quick tips section
*/
#tip-filters {
display: block;
background: #f3f3f4;
border-radius: 5px 5px 0 0;
padding: 10px;
}
#tip-filters input, #tip-filters select {
width: 100%;
font-size: 18px;
padding: 3px 5px;
border: 1px solid #d4d4d8;
border-radius: 3px;
margin-bottom: 5px;
}
.tip-feed, .tip-feed:hover {
text-align: center;
font-size: 17px;
background: #6298e1 url(../img/tips-feed.png) no-repeat;
background-position: 10px 9px;
border-radius: 5px;
color: #fff;
padding: 7px;
display: block;
margin-top: 15px;
}
.tips {
list-style: none;
height: 450px;
overflow: auto;
}
.tips .tip {
display: block;
padding: 10px 71px 27px 13px;
border-bottom: 1px solid #e5e5e5;
color: #555566;
position: relative;
line-height: 120%;
}
.tips .tip.selected {
background-color: #eff4fc;
}
.tips .tip a {
color: #555566;
}
.tips .tip small {
color: #cdcdcd;
position: absolute;
bottom: 6px;
right: 10px;
font-size: 10px;
display: block;
}
.tips div.loading-indicator {
background: transparent url(../img/loading.gif) no-repeat;
background-position: 13px 14px;
padding: 10px 0 20px 33px;
border-bottom: none;
margin-bottom: 100px;
}
.tips .no-results {
border-bottom: none;
}
.tips .tip-load-more {
background: #f3f3f4;
padding: 25px;
font-size: 17px;
color: #6298e1;
font-weight: 500;
text-align: center;
margin-bottom: 100px;
}
.tips .tip-load-more .pulldown {
display: inline-block;
background: transparent url(../img/tips-pulldown.png) no-repeat;
width: 15px;
height: 10px;
margin-right: 8px;
}
#tip-placeholder {
background: #f3f3f4 url(../img/tips-arrow.png) no-repeat;
background-position: 30px 195px;
border: 1px solid #e5e5e8;
border-radius: 5px;
height: 600px;
padding: 258px 215px 0 240px;
font-size: 19px;
font-weight: 500;
text-align: center;
}
#jquery-iframe {
background: #f3f3f4;
border: 1px solid #e5e5e8;
border-radius: 5px;
height: 600px;
overflow: hidden;
}
/* LIVEEDITOR */
.nav > li > a.btn-liveeditor {
margin: 5px 9px 6px 30px;
padding: 0;
display: block;
position: relative;
width: 180px;
border-radius: 3px;
height: 39px;
overflow: hidden;
border: none;
}
.nav > li > a.btn-liveeditor span {
display: block;
}
.nav > li > a.btn-liveeditor span.title {
border-right: 1px solid #5889ca;
font-size: 12px;
padding: 10px 19px;
float: left;
text-align: center;
}
.nav > li > a.btn-liveeditor span.subtitle {
border-left: 1px solid #72a3e4;
font-size: 8px;
float: left;
width: 57px;
white-space: normal;
line-height: 140%;
padding: 4px;
}
.nav > li > img.img-liveeditor {
position: absolute;
top: 55px;
left: -110px;
z-index: 1337;
display: none;
}
.home .nav > li > img.img-liveeditor {
display: block;
}
.nav > li:hover > a.btn-liveeditor,
.nav > li:focus > a.btn-liveeditor {
color : #FFFFFF ;
background-color : #73a4e6 ;
border-color : #73a4e6 ;
}
.nav > li:hover > a.btn-liveeditor span.title,
.nav > li:focus > a.btn-liveeditor span.title {
border-color: #6793cf ;
}
.nav > li:hover > a.btn-liveeditor span.subtitle,
.nav > li:focus > a.btn-liveeditor span.subtitle {
border-color: #80ace7 ;
}
@media(max-width: 1200px) {
.app-header .navbar-main {
margin-left: 105px;
}
.app-header .nav > li > a {
padding: 15px 10px;
}
.nav > li > a.btn-liveeditor {
padding : 5px 15px;
}
.app-landing-chart-text {
margin-left: -120px !important;
}
}
/**
* Browser compatibility page
*/
.row-header {
text-align: right;
font-weight: bold;
}
.your-browser {
border: 1px solid #ccc;
padding: 5px;
overflow: hidden;
margin-bottom: 20px;
}
.your-browser h2 {
text-align: center;
}
.your-browser .test-result {
position: absolute;
z-index: 10000;
background-color: rgba(255, 255, 255, 0.7);
width: 100%;
height: 100px;
text-align: center;
font-size: 20px;
padding-top: 35px;
}
.table-browser-matrix {
margin-bottom: 20px;
clear: left;
}
.table-browser-matrix td, .table-browser-matrix th {
border: 1px solid #ccc;
padding: 5px;
text-align: center;
}
.table-browser-matrix .browser-title {
width: 250px;
}
.remove-sign span {
color: #cc0000;
}
.question-sign span {
color: #cccccc;
}
.ok-sign span {
color: #00cc00;
}
/**
* INSPIRATION BUTTON
*/
.amcharts-inspiration {
font-size: 14px;
line-height: 42px;
color: #525263;
}
.amcharts-inspiration:hover {
text-decoration: none;
color: #525263;
}
.amcharts-inspiration span {
width: 125px;
display: inline-block;
position: relative;
}
.amcharts-inspiration span img {
position: absolute;
top: -42px;
left: -16px;
}
.demo-thumb-product.affixed .amcharts-inspiration {
display: none !important;
}
/*
** WOBBLE EFFECT
*/
.amcharts-map-area {
-webkit-transition: -webkit-transform .5s cubic-bezier(0,.45,.15,2);
-webkit-transform-origin: 50% 50%;
transition: transform .5s cubic-bezier(0,.45,.15,2);
transform-origin: 50% 50%;
}
/* .amcharts-map-area:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
} */