<!DOCTYPE html>
<html lang="en">
<head>
<title>The Best JSON Editor Online | LinkMIO.com</title>
<meta name="description" content="" />
<!-- custom-theme -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- //custom-theme -->
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> -->
<style type="text/css" media="screen">
/*!
* FullCalendar v3.4.0 Stylesheet
* Docs & License: https://fullcalendar.io/
* (c) 2017 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left
}
.fc-rtl {
text-align: right
}
body .fc {
font-size: 1em
}
.fc-unthemed th,.fc-unthemed td,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-divider,.fc-unthemed .fc-row,.fc-unthemed .fc-content,.fc-unthemed .fc-popover,.fc-unthemed .fc-list-view,.fc-unthemed .fc-list-heading td {
border-color: #ddd
}
.fc-unthemed .fc-popover {
background-color: #fff
}
.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header,.fc-unthemed .fc-list-heading td {
background: #eee
}
.fc-unthemed .fc-popover .fc-header .fc-close {
color: #666
}
.fc-unthemed td.fc-today {
background: #fcf8e3
}
.fc-highlight {
background: #bce8f1;
opacity: .3
}
.fc-bgevent {
background: #8fdf82;
opacity: .3
}
.fc-nonbusiness {
background: #d7d7d7
}
.fc-unthemed .fc-disabled-day {
background: #d7d7d7;
opacity: .3
}
.ui-widget .fc-disabled-day {
background-image: none
}
.fc-icon {
display: inline-block;
height: 1em;
line-height: 1em;
font-size: 1em;
text-align: center;
overflow: hidden;
font-family: "Courier New", Courier, monospace;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fc-icon:after {
position: relative
}
.fc-icon-left-single-arrow:after {
content: "\02039";
font-weight: bold;
font-size: 200%;
top: -7%
}
.fc-icon-right-single-arrow:after {
content: "\0203A";
font-weight: bold;
font-size: 200%;
top: -7%
}
.fc-icon-left-double-arrow:after {
content: "\000AB";
font-size: 160%;
top: -7%
}
.fc-icon-right-double-arrow:after {
content: "\000BB";
font-size: 160%;
top: -7%
}
.fc-icon-left-triangle:after {
content: "\25C4";
font-size: 125%;
top: 3%
}
.fc-icon-right-triangle:after {
content: "\25BA";
font-size: 125%;
top: 3%
}
.fc-icon-down-triangle:after {
content: "\25BC";
font-size: 125%;
top: 2%
}
.fc-icon-x:after {
content: "\000D7";
font-size: 200%;
top: 6%
}
.fc button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
height: 2.1em;
padding: 0 .6em;
font-size: 1em;
white-space: nowrap;
cursor: pointer
}
.fc button::-moz-focus-inner {
margin: 0;
padding: 0
}
.fc-state-default {
border: 1px solid
}
.fc-state-default.fc-corner-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.fc-state-default.fc-corner-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.fc button .fc-icon {
position: relative;
top: -0.05em;
margin: 0 .2em;
vertical-align: middle
}
.fc-state-default {
background-color: #f5f5f5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
color: #333;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}
.fc-state-hover,.fc-state-down,.fc-state-active,.fc-state-disabled {
color: #333333;
background-color: #e6e6e6
}
.fc-state-hover {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
transition: background-position 0.1s linear
}
.fc-state-down,.fc-state-active {
background-color: #cccccc;
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}
.fc-state-disabled {
cursor: default;
background-image: none;
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none
}
.fc-button-group {
display: inline-block
}
.fc .fc-button-group>* {
float: left;
margin: 0 0 0 -1px
}
.fc .fc-button-group>:first-child {
margin-left: 0
}
.fc-popover {
position: absolute;
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.15);
box-shadow: 0 2px 6px rgba(0,0,0,0.15)
}
.fc-popover .fc-header {
padding: 2px 4px
}
.fc-popover .fc-header .fc-title {
margin: 0 2px
}
.fc-popover .fc-header .fc-close {
cursor: pointer
}
.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close {
float: left
}
.fc-rtl .fc-popover .fc-header .fc-title,.fc-ltr .fc-popover .fc-header .fc-close {
float: right
}
.fc-unthemed .fc-popover {
border-width: 1px;
border-style: solid
}
.fc-unthemed .fc-popover .fc-header .fc-close {
font-size: .9em;
margin-top: 2px
}
.fc-popover>.ui-widget-header+.ui-widget-content {
border-top: 0
}
.fc-divider {
border-style: solid;
border-width: 1px
}
hr.fc-divider {
height: 0;
margin: 0;
padding: 0 0 2px;
border-width: 1px 0
}
.fc-clear {
clear: both
}
.fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-helper-skeleton {
position: absolute;
top: 0;
left: 0;
right: 0
}
.fc-bg {
bottom: 0
}
.fc-bg table {
height: 100%
}
.fc table {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
font-size: 1em
}
.fc th {
text-align: center
}
.fc th,.fc td {
border-style: solid;
border-width: 1px;
padding: 0;
vertical-align: top
}
.fc td.fc-today {
border-style: double
}
a[data-goto] {
cursor: pointer
}
a[data-goto]:hover {
text-decoration: underline
}
.fc .fc-row {
border-style: solid;
border-width: 0
}
.fc-row table {
border-left: 0 hidden transparent;
border-right: 0 hidden transparent;
border-bottom: 0 hidden transparent
}
.fc-row:first-child table {
border-top: 0 hidden transparent
}
.fc-row {
position: relative
}
.fc-row .fc-bg {
z-index: 1
}
.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton {
bottom: 0
}
.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table {
height: 100%
}
.fc-row .fc-highlight-skeleton td,.fc-row .fc-bgevent-skeleton td {
border-color: transparent
}
.fc-row .fc-bgevent-skeleton {
z-index: 2
}
.fc-row .fc-highlight-skeleton {
z-index: 3
}
.fc-row .fc-content-skeleton {
position: relative;
z-index: 4;
padding-bottom: 2px
}
.fc-row .fc-helper-skeleton {
z-index: 5
}
.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td {
background: none;
border-color: transparent;
border-bottom: 0
}
.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td {
border-top: 0
}
.fc-scroller {
-webkit-overflow-scrolling: touch
}
.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid {
position: relative;
width: 100%
}
.fc-event {
position: relative;
display: block;
font-size: .85em;
line-height: 1.3;
border-radius: 3px;
border: 1px solid #3a87ad;
font-weight: normal
}
.fc-event,.fc-event-dot {
background-color: #3a87ad
}
.fc-event,.fc-event:hover,.ui-widget .fc-event {
color: #fff;
text-decoration: none
}
.fc-event[href],.fc-event.fc-draggable {
cursor: pointer
}
.fc-not-allowed,.fc-not-allowed .fc-event {
cursor: not-allowed
}
.fc-event .fc-bg {
z-index: 1;
background: #fff;
opacity: .25
}
.fc-event .fc-content {
position: relative;
z-index: 2
}
.fc-event .fc-resizer {
position: absolute;
z-index: 4
}
.fc-event .fc-resizer {
display: none
}
.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer {
display: block
}
.fc-event.fc-selected .fc-resizer:before {
content: "";
position: absolute;
z-index: 9999;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px
}
.fc-event.fc-selected {
z-index: 9999 !important;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2)
}
.fc-event.fc-selected.fc-dragging {
-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.3);
box-shadow: 0 2px 7px rgba(0,0,0,0.3)
}
.fc-h-event.fc-selected:before {
content: "";
position: absolute;
z-index: 3;
top: -10px;
bottom: -10px;
left: 0;
right: 0
}
.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end {
margin-left: 0;
border-left-width: 0;
padding-left: 1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start {
margin-right: 0;
border-right-width: 0;
padding-right: 1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer {
cursor: w-resize;
left: -1px
}
.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer {
cursor: e-resize;
right: -1px
}
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
width: 7px;
top: -1px;
bottom: -1px
}
.fc-h-event.fc-selected .fc-resizer {
border-radius: 4px;
border-width: 1px;
width: 6px;
height: 6px;
border-style: solid;
border-color: inherit;
background: #fff;
top: 50%;
margin-top: -4px
}
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
margin-left: -4px
}
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
margin-right: -4px
}
.fc-day-grid-event {
margin: 1px 2px 0;
padding: 0 1px
}
tr:first-child>td>.fc-day-grid-event {
margin-top: 2px
}
.fc-day-grid-event.fc-selected:after {
content: "";
position: absolute;
z-index: 1;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
background: #000;
opacity: .25
}
.fc-day-grid-event .fc-content {
white-space: nowrap;
overflow: hidden
}
.fc-day-grid-event .fc-time {
font-weight: bold
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
margin-left: -2px
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
margin-right: -2px
}
a.fc-more {
margin: 1px 3px;
font-size: .85em;
cursor: pointer;
text-decoration: none
}
a.fc-more:hover {
text-decoration: underline
}
.fc-limited {
display: none
}
.fc-day-grid .fc-row {
z-index: 1
}
.fc-more-popover {
z-index: 2;
width: 220px
}
.fc-more-popover .fc-event-container {
padding: 10px
}
.fc-now-indicator {
position: absolute;
border: 0 solid red
}
.fc-unselectable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent
}
.fc-toolbar {
text-align: center
}
.fc-toolbar.fc-header-toolbar {
margin-bottom: 1em
}
.fc-toolbar.fc-footer-toolbar {
margin-top: 1em
}
.fc-toolbar .fc-left {
float: left
}
.fc-toolbar .fc-right {
float: right
}
.fc-toolbar .fc-center {
display: inline-block
}
.fc .fc-toolbar>*>* {
float: left;
margin-left: .75em
}
.fc .fc-toolbar>*>:first-child {
margin-left: 0
}
.fc-toolbar h2,.fc-toolbar .page-pricing__features>li {
margin: 0
}
.fc-toolbar button {
position: relative
}
.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover {
z-index: 2
}
.fc-toolbar .fc-state-down {
z-index: 3
}
.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active {
z-index: 4
}
.fc-toolbar button:focus {
z-index: 5
}
.fc-view-container *,.fc-view-container *:before,.fc-view-container *:after {
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.fc-view,.fc-view>table {
position: relative;
z-index: 1
}
.fc-basicWeek-view .fc-content-skeleton,.fc-basicDay-view .fc-content-skeleton {
padding-bottom: 1em
}
.fc-basic-view .fc-body .fc-row {
min-height: 4em
}
.fc-row.fc-rigid {
overflow: hidden
}
.fc-row.fc-rigid .fc-content-skeleton {
position: absolute;
top: 0;
left: 0;
right: 0
}
.fc-day-top.fc-other-month {
opacity: 0.3
}
.fc-basic-view .fc-week-number,.fc-basic-view .fc-day-number {
padding: 2px
}
.fc-basic-view th.fc-week-number,.fc-basic-view th.fc-day-number {
padding: 0 2px
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
float: right
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
float: left
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
float: left;
border-radius: 0 0 3px 0
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
float: right;
border-radius: 0 0 0 3px
}
.fc-basic-view .fc-day-top .fc-week-number {
min-width: 1.5em;
text-align: center;
background-color: #f2f2f2;
color: #808080
}
.fc-basic-view td.fc-week-number {
text-align: center
}
.fc-basic-view td.fc-week-number>* {
display: inline-block;
min-width: 1.25em
}
.fc-agenda-view .fc-day-grid {
position: relative;
z-index: 2
}
.fc-agenda-view .fc-day-grid .fc-row {
min-height: 3em
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
padding-bottom: 1em
}
.fc .fc-axis {
vertical-align: middle;
padding: 0 4px;
white-space: nowrap
}
.fc-ltr .fc-axis {
text-align: right
}
.fc-rtl .fc-axis {
text-align: left
}
.ui-widget td.fc-axis {
font-weight: normal
}
.fc-time-grid-container,.fc-time-grid {
position: relative;
z-index: 1
}
.fc-time-grid {
min-height: 100%
}
.fc-time-grid table {
border: 0 hidden transparent
}
.fc-time-grid>.fc-bg {
z-index: 1
}
.fc-time-grid .fc-slats,.fc-time-grid>hr {
position: relative;
z-index: 2
}
.fc-time-grid .fc-content-col {
position: relative
}
.fc-time-grid .fc-content-skeleton {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0
}
.fc-time-grid .fc-business-container {
position: relative;
z-index: 1
}
.fc-time-grid .fc-bgevent-container {
position: relative;
z-index: 2
}
.fc-time-grid .fc-highlight-container {
position: relative;
z-index: 3
}
.fc-time-grid .fc-event-container {
position: relative;
z-index: 4
}
.fc-time-grid .fc-now-indicator-line {
z-index: 5
}
.fc-time-grid .fc-helper-container {
position: relative;
z-index: 6
}
.fc-time-grid .fc-slats td {
height: 1.5em;
border-bottom: 0
}
.fc-time-grid .fc-slats .fc-minor td {
border-top-style: dotted
}
.fc-time-grid .fc-slats .ui-widget-content {
background: none
}
.fc-time-grid .fc-highlight-container {
position: relative
}
.fc-time-grid .fc-highlight {
position: absolute;
left: 0;
right: 0
}
.fc-ltr .fc-time-grid .fc-event-container {
margin: 0 2.5% 0 2px
}
.fc-rtl .fc-time-grid .fc-event-container {
margin: 0 2px 0 2.5%
}
.fc-time-grid .fc-event,.fc-time-grid .fc-bgevent {
position: absolute;
z-index: 1
}
.fc-time-grid .fc-bgevent {
left: 0;
right: 0
}
.fc-v-event.fc-not-start {
border-top-width: 0;
padding-top: 1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.fc-v-event.fc-not-end {
border-bottom-width: 0;
padding-bottom: 1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.fc-time-grid-event {
overflow: hidden
}
.fc-time-grid-event.fc-selected {
overflow: visible
}
.fc-time-grid-event.fc-selected .fc-bg {
display: none
}
.fc-time-grid-event .fc-content {
overflow: hidden
}
.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title {
padding: 0 1px
}
.fc-time-grid-event .fc-time {
font-size: .85em;
white-space: nowrap
}
.fc-time-grid-event.fc-short .fc-content {
white-space: nowrap
}
.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title {
display: inline-block;
vertical-align: top
}
.fc-time-grid-event.fc-short .fc-time span {
display: none
}
.fc-time-grid-event.fc-short .fc-time:before {
content: attr(data-start)
}
.fc-time-grid-event.fc-short .fc-time:after {
content: "\000A0-\000A0"
}
.fc-time-grid-event.fc-short .fc-title {
font-size: .85em;
padding: 0
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
left: 0;
right: 0;
bottom: 0;
height: 8px;
overflow: hidden;
line-height: 8px;
font-size: 11px;
font-family: monospace;
text-align: center;
cursor: s-resize
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
content: "="
}
.fc-time-grid-event.fc-selected .fc-resizer {
border-radius: 5px;
border-width: 1px;
width: 8px;
height: 8px;
border-style: solid;
border-color: inherit;
background: #fff;
left: 50%;
margin-left: -5px;
bottom: -5px
}
.fc-time-grid .fc-now-indicator-line {
border-top-width: 1px;
left: 0;
right: 0
}
.fc-time-grid .fc-now-indicator-arrow {
margin-top: -5px
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
left: 0;
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
right: 0;
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent
}
.fc-event-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px
}
.fc-rtl .fc-list-view {
direction: rtl
}
.fc-list-view {
border-width: 1px;
border-style: solid
}
.fc .fc-list-table {
table-layout: auto
}
.fc-list-table td {
border-width: 1px 0 0;
padding: 8px 14px
}
.fc-list-table tr:first-child td {
border-top-width: 0
}
.fc-list-heading {
border-bottom-width: 1px
}
.fc-list-heading td {
font-weight: bold
}
.fc-ltr .fc-list-heading-main {
float: left
}
.fc-ltr .fc-list-heading-alt {
float: right
}
.fc-rtl .fc-list-heading-main {
float: right
}
.fc-rtl .fc-list-heading-alt {
float: left
}
.fc-list-item.fc-has-url {
cursor: pointer
}
.fc-list-item:hover td {
background-color: #f5f5f5
}
.fc-list-item-marker,.fc-list-item-time {
white-space: nowrap;
width: 1px
}
.fc-ltr .fc-list-item-marker {
padding-right: 0
}
.fc-rtl .fc-list-item-marker {
padding-left: 0
}
.fc-list-item-title a {
text-decoration: none;
color: inherit
}
.fc-list-item-title a[href]:hover {
text-decoration: underline
}
.fc-list-empty-wrap2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.fc-list-empty-wrap1 {
width: 100%;
height: 100%;
display: table
}
.fc-list-empty {
display: table-cell;
vertical-align: middle;
text-align: center
}
.fc-unthemed .fc-list-empty {
background-color: #eee
}
.c3 svg {
font: 10px sans-serif;
-webkit-tap-highlight-color: transparent
}
.c3 path,.c3 line {
fill: none;
stroke: #000
}
.c3 text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid,.c3-event-rect,.c3-bars path {
shape-rendering: crispEdges
}
.c3-chart-arc path {
stroke: #fff
}
.c3-chart-arc text {
fill: #fff;
font-size: 13px
}
.c3-grid line {
stroke: #aaa
}
.c3-grid text {
fill: #aaa
}
.c3-xgrid,.c3-ygrid {
stroke-dasharray: 3 3
}
.c3-text.c3-empty {
fill: #808080;
font-size: 2em
}
.c3-line {
stroke-width: 1px
}
.c3-circle._expanded_ {
stroke-width: 1px;
stroke: white
}
.c3-selected-circle {
fill: white;
stroke-width: 2px
}
.c3-bar {
stroke-width: 0
}
.c3-bar._expanded_ {
fill-opacity: 1;
fill-opacity: 0.75
}
.c3-target.c3-focused {
opacity: 1
}
.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step {
stroke-width: 2px
}
.c3-target.c3-defocused {
opacity: 0.3 !important
}
.c3-region {
fill: steelblue;
fill-opacity: .1
}
.c3-brush .extent {
fill-opacity: .1
}
.c3-legend-item {
font-size: 12px
}
.c3-legend-item-hidden {
opacity: 0.15
}
.c3-legend-background {
opacity: 0.75;
fill: white;
stroke: lightgray;
stroke-width: 1
}
.c3-title {
font: 14px sans-serif
}
.c3-tooltip-container {
z-index: 10
}
.c3-tooltip {
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
empty-cells: show;
-webkit-box-shadow: 7px 7px 12px -9px #777777;
box-shadow: 7px 7px 12px -9px #777777;
opacity: 0.9
}
.c3-tooltip tr {
border: 1px solid #CCC
}
.c3-tooltip th {
background-color: #aaa;
font-size: 14px;
padding: 2px 5px;
text-align: left;
color: #FFF
}
.c3-tooltip td {
font-size: 13px;
padding: 3px 6px;
background-color: #fff;
border-left: 1px dotted #999
}
.c3-tooltip td>span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px
}
.c3-tooltip td.value {
text-align: right
}
.c3-area {
stroke-width: 0;
opacity: 0.2
}
.c3-chart-arcs-title {
dominant-baseline: middle;
font-size: 1.3em
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #e0e0e0;
stroke: none
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #000;
font-size: 16px
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
fill: #777
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #777
}
.c3-chart-arc .c3-gauge-value {
fill: #000
}
.c3-chart-arc.c3-target g path {
opacity: 1
}
.c3-chart-arc.c3-target.c3-focused g path {
opacity: 1
}
.switchery {
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 20px;
cursor: pointer;
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 50px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-clip: content-box
}
.switchery>small {
background: #fff;
border-radius: 100%;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
height: 30px;
position: absolute;
top: 0;
width: 30px
}
.switchery-small {
border-radius: 20px;
height: 20px;
width: 33px
}
.switchery-small>small {
height: 20px;
width: 20px
}
.switchery-large {
border-radius: 40px;
height: 40px;
width: 66px
}
.switchery-large>small {
height: 40px;
width: 40px
}
/* body {
background: #ebeff2;
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
padding-bottom: 65px;
overflow-x: hidden;
color: #797979
} */
html {
position: relative;
min-height: 100%;
/* background: #ebeff2 */
}
h1,h2,.page-pricing__features>li,h3,h4,h5,h6 {
color: #505458;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 10px 0
}
h1 {
line-height: 43px
}
h2,.page-pricing__features>li {
line-height: 35px
}
h3 {
line-height: 30px
}
h3 small {
color: #444444
}
h4 {
line-height: 22px
}
h4 small {
color: #444444
}
h5 {
font-size: 15px
}
h5 small {
color: #444444
}
p {
line-height: 1.6
}
* {
outline: none !important
}
b {
font-weight: 600
}
a:hover {
outline: 0;
text-decoration: none
}
a:active {
outline: 0;
text-decoration: none
}
a:focus {
outline: 0;
text-decoration: none
}
.container {
/* width: 90% */
}
.container-alt {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
.wrapper {
margin-top: 20px
}
.page {
bottom: 0;
left: 0;
right: 0;
top: 0
}
.page-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 0px;
margin-top: 7px
}
.page-title-alt {
margin-bottom: 23px;
margin-top: 10px
}
.page-header {
border-bottom: 1px solid #DBDDDE
}
.header-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 16px;
margin-bottom: 8px
}
.social-links li a {
-webkit-border-radius: 50%;
background: #EFF0F4;
border-radius: 50%;
color: #7A7676;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px
}
.p-0 {
padding: 0px !important
}
.p-20 {
padding: 20px !important
}
.p-30 {
padding: 30px !important
}
.p-l-0 {
padding-left: 0px !important
}
.p-r-0 {
padding-right: 0px !important
}
.p-t-0 {
padding-top: 0px !important
}
.p-t-10 {
padding-top: 10px !important
}
.p-b-0 {
padding-bottom: 0px !important
}
.p-b-10 {
padding-bottom: 10px !important
}
.p-l-r-10 {
padding-left: 10px;
padding-right: 10px
}
.m-0 {
margin: 0px !important
}
.m-r-5 {
margin-right: 5px !important
}
.m-r-10 {
margin-right: 10px !important
}
.m-r-15 {
margin-right: 15px !important
}
.m-l-5 {
margin-left: 5px !important
}
.m-l-10 {
margin-left: 10px !important
}
.m-l-15 {
margin-left: 15px !important
}
.m-t-5 {
margin-top: 5px !important
}
.m-t-0 {
margin-top: 0px !important
}
.m-t-10 {
margin-top: 10px !important
}
.m-t-15 {
margin-top: 15px !important
}
.m-t-20 {
margin-top: 20px !important
}
.m-t-30 {
margin-top: 30px !important
}
.m-t-40 {
margin-top: 40px !important
}
.m-b-0 {
margin-bottom: 0px !important
}
.m-b-5 {
margin-bottom: 5px !important
}
.m-b-10 {
margin-bottom: 10px !important
}
.m-b-15 {
margin-bottom: 15px !important
}
.m-b-20 {
margin-bottom: 20px !important
}
.m-b-30 {
margin-bottom: 30px !important
}
.w-xs {
min-width: 80px
}
.w-sm {
min-width: 95px
}
.w-md {
min-width: 110px
}
.w-lg {
min-width: 140px
}
.m-h-40 {
min-height: 40px
}
.m-h-50 {
min-height: 50px
}
.l-h-34 {
line-height: 34px
}
.font-600 {
font-weight: 600
}
.font-bold {
font-weight: 700
}
.font-normal {
font-weight: normal
}
.font-light {
font-weight: 300
}
.font-13 {
font-size: 13px !important
}
.wrapper-md {
padding: 20px
}
.pull-in {
margin-left: -15px;
margin-right: -15px
}
.pull-in-card {
margin-left: -20px !important;
margin-right: -20px !important
}
.b-0 {
border: none !important
}
.vertical-middle {
vertical-align: middle
}
.bx-shadow {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1)
}
.mx-box {
max-height: 380px;
min-height: 380px
}
.thumb-sm {
height: 32px;
width: 32px
}
.thumb-md {
height: 48px;
width: 48px
}
.thumb-lg {
height: 88px;
width: 88px
}
.table-box {
display: table;
height: 100%;
width: 100%
}
.table-box .table-detail {
display: table-cell;
vertical-align: middle
}
.card-box {
padding: 20px;
border: 1px solid rgba(54,64,74,0.05);
border-radius: 5px;
-moz-border-radius: 5px;
background-clip: padding-box;
margin-bottom: 20px;
background-color: #ffffff
}
.grid-structure .grid-container {
background-color: #f4f8fb;
margin-bottom: 10px;
padding: 10px 20px
}
.icon-list-demo div {
cursor: pointer;
line-height: 45px;
white-space: nowrap;
color: #75798B
}
.icon-list-demo div:hover {
color: #ffffff
}
.icon-list-demo div p {
margin-bottom: 0px;
line-height: inherit
}
.icon-list-demo i {
-webkit-transition: all 0.2s;
-webkit-transition: font-size 0.2s;
display: inline-block;
font-size: 18px;
margin: 0;
text-align: center;
transition: all 0.2s;
transition: font-size 0.2s;
vertical-align: middle;
width: 40px
}
.icon-list-demo .col-md-4 {
border-radius: 3px;
-moz-border-radius: 3px;
background-clip: padding-box
}
.icon-list-demo .col-md-4:hover {
background-color: #5fbeaa
}
.icon-list-demo .col-md-4:hover i {
-o-transform: scale(2);
-webkit-transform: scale(2);
moz-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2)
}
.switchery-demo .switchery {
margin-bottom: 10px
}
.button-list {
margin-left: -8px;
margin-bottom: -12px
}
.button-list .btn {
margin-bottom: 12px;
margin-left: 8px
}
.row {
margin-right: -10px;
margin-left: -10px
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
padding-left: 10px;
padding-right: 10px
}
.breadcrumb {
background-color: transparent;
margin-bottom: 15px;
padding-top: 10px;
padding-left: 0px
}
.dropdown-menu {
padding: 4px 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
border: 0;
border: 1px solid #e7e7e7;
padding: 15px 0;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px rgba(0,0,0,0.1)
}
.dropdown-menu>li>a {
padding: 6px 20px
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.open>.dropdown-menu {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
background-color: #f3f3f3;
color: #36404a
}
.dropup .dropdown-menu {
-webkit-box-shadow: 0px -1px 5px 0 rgba(0,0,0,0.26);
box-shadow: 0px -1px 5px 0 rgba(0,0,0,0.26)
}
.bg-custom {
background-color: #5fbeaa !important
}
.bg-primary {
background-color: #5d9cec !important
}
.bg-success {
background-color: #81c868 !important
}
.bg-info {
background-color: #34d3eb !important
}
.bg-warning {
background-color: #ffbd4a !important
}
.bg-danger {
background-color: #f05050 !important
}
.bg-muted {
background-color: #f4f8fb !important
}
.bg-inverse {
background-color: #4c5667 !important
}
.bg-purple {
background-color: #7266ba !important
}
.bg-pink {
background-color: #fb6d9d !important
}
.bg-white {
background-color: #ffffff !important
}
.bg-lightdark {
background-color: #f4f8fb !important
}
.text-custom {
color: #5fbeaa
}
.text-white {
color: #ffffff
}
.text-danger {
color: #f05050
}
.text-muted {
color: #98a6ad
}
.text-primary {
color: #5d9cec
}
.text-warning {
color: #ffbd4a
}
.text-success {
color: #81c868
}
.text-info {
color: #34d3eb
}
.text-inverse {
color: #4c5667
}
.text-pink {
color: #fb6d9d
}
.text-purple {
color: #7266ba
}
.text-dark {
color: #797979 !important
}
textarea.form-control {
min-height: 90px
}
.form-control {
background-color: #FFFFFF;
border: 1px solid #E3E3E3;
border-radius: 4px;
color: #565656;
padding: 7px 12px;
height: 38px;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}
.form-control:focus {
background-color: #FFFFFF;
border: 1px solid #AAAAAA;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
color: #333333
}
.input-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
.input-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.form-horizontal .form-group {
margin-left: -10px;
margin-right: -10px
}
.form-control-feedback {
line-height: 38px !important
}
.input-group-btn .btn {
padding: 8px 12px
}
.input-group-btn .btn-sm,.input-group-btn .btn-group-sm>.btn {
padding: 5px 10px
}
.input-group-btn .btn-lg,.input-group-btn .btn-group-lg>.btn {
padding: 10px 17px
}
.label {
font-weight: 600;
letter-spacing: 0.05em;
padding: .3em .6em .3em
}
.label-default {
background-color: #5fbeaa
}
.label-primary {
background-color: #5d9cec
}
.label-success {
background-color: #81c868
}
.label-info {
background-color: #34d3eb
}
.label-warning {
background-color: #ffbd4a
}
.label-danger {
background-color: #f05050
}
.label-purple {
background-color: #7266ba
}
.label-pink {
background-color: #fb6d9d
}
.label-inverse {
background-color: #4c5667
}
.badge {
text-transform: uppercase;
font-weight: 600;
padding: 3px 5px;
font-size: 12px;
margin-top: 1px;
background-color: #5fbeaa
}
.badge-xs {
font-size: 9px
}
.badge-xs,.badge-sm {
-webkit-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
transform: translate(0, -2px)
}
.badge-primary {
background-color: #5d9cec
}
.badge-success {
background-color: #81c868
}
.badge-info {
background-color: #34d3eb
}
.badge-warning {
background-color: #ffbd4a
}
.badge-danger {
background-color: #f05050
}
.badge-purple {
background-color: #7266ba
}
.badge-pink {
background-color: #fb6d9d
}
.badge-inverse {
background-color: #4c5667
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.pagination>li>a,.pagination>li>span {
color: #636e7b
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
background-color: #e4e7ea
}
.pagination-split li {
margin-left: 5px;
display: inline-block;
float: left
}
.pagination-split li:first-child {
margin-left: 0
}
.pagination-split li a {
border-radius: 3px
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
background-color: #5fbeaa;
border-color: #5fbeaa
}
.pager li>a,.pager li>span {
border-radius: 3px;
color: #636e7b
}
.tabs {
background-color: #ffffff;
margin: 0 auto;
padding: 0px;
position: relative;
white-space: nowrap;
width: 100%
}
.tabs li.tab {
background-color: #ffffff;
display: block;
float: left;
margin: 0;
text-align: center
}
.tabs li.tab a {
-moz-transition: color 0.28s ease;
-ms-transition: color 0.28s ease;
-o-transition: color 0.28s ease;
-webkit-transition: color 0.28s ease;
color: #ee6e73;
display: block;
height: 100%;
text-decoration: none;
transition: color 0.28s ease;
width: 100%
}
.tabs li.tab a.active {
color: #5fbeaa !important
}
.tabs .indicator {
background-color: #5fbeaa;
bottom: 0;
height: 2px;
position: absolute;
will-change: left, right
}
.tabs-top .indicator {
top: 0
}
.nav-pills li a {
line-height: 36px !important;
padding: 0px 15px
}
.nav-pills li.active a {
background-color: #5fbeaa !important
}
.nav-pills li.active a:hover {
background-color: #5fbeaa !important
}
.nav-pills li.active a:focus {
background-color: #5fbeaa !important
}
.nav.nav-tabs+.tab-content {
background: #ffffff;
margin-bottom: 30px;
padding: 30px
}
.tabs-vertical-env {
margin-bottom: 30px
}
.tabs-vertical-env .tab-content {
background: #ffffff;
display: table-cell;
margin-bottom: 30px;
padding: 30px;
vertical-align: top
}
.tabs-vertical-env .nav.tabs-vertical {
display: table-cell;
min-width: 120px;
vertical-align: top;
width: 150px
}
.tabs-vertical-env .nav.tabs-vertical li.active>a {
background-color: #ffffff;
border: 0
}
.tabs-vertical-env .nav.tabs-vertical li>a {
color: #333333;
text-align: center;
white-space: nowrap
}
.nav.nav-tabs>li.active>a {
background-color: #ffffff;
border: 0
}
.nav.nav-tabs>li>a,.nav.tabs-vertical>li>a {
background-color: transparent;
border-radius: 0;
border: none;
color: #505461 !important;
cursor: pointer;
line-height: 50px;
padding: 0px 20px !important;
letter-spacing: 0.03em;
font-weight: 600;
text-transform: uppercase;
font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.nav.nav-tabs>li>a:hover,.nav.tabs-vertical>li>a:hover {
color: #5fbeaa !important
}
.tab-content {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
color: #777777
}
.nav.nav-tabs>li:last-of-type a {
margin-right: 0px
}
.nav.nav-tabs {
border-bottom: 0;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}
.navtab-bg {
background-color: #f4f8fb
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus,.tabs-vertical-env .nav.tabs-vertical li.active>a {
border: none
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.tabs-vertical>li.active>a,.tabs-vertical>li.active>a:focus,.tabs-vertical>li.active>a:hover {
color: #5fbeaa !important
}
.list-group-item {
border: 1px solid #ebeff2
}
.dropcap {
font-size: 3.1em
}
.dropcap,.dropcap-circle,.dropcap-square {
display: block;
float: left;
font-weight: 400;
line-height: 36px;
margin-right: 6px;
text-shadow: none
}
.alert .btn {
margin-top: 10px
}
.alert-success {
background-color: rgba(95,190,170,0.3);
border-color: rgba(95,190,170,0.4);
color: #5fbeaa
}
.alert-info {
background-color: rgba(52,211,235,0.2);
border-color: rgba(52,211,235,0.3);
color: #34d3eb
}
.alert-warning {
background-color: rgba(255,189,74,0.2);
border-color: rgba(255,189,74,0.3);
color: #ffbd4a
}
.alert-danger {
background-color: rgba(240,80,80,0.2);
border-color: rgba(240,80,80,0.3);
color: #f05050
}
.modal .modal-dialog .modal-content {
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-color: #DDDDDD;
border-radius: 2px;
box-shadow: none;
padding: 25px
}
.modal .modal-dialog .modal-content .modal-header {
border-bottom-width: 2px;
margin: 0;
padding: 0;
padding-bottom: 15px
}
.modal .modal-dialog .modal-content .modal-body {
padding: 20px 0
}
.modal .modal-dialog .modal-content .modal-footer {
padding: 0;
padding-top: 15px
}
.modal-full {
width: 98%
}
.modal-content .nav.nav-tabs+.tab-content {
margin-bottom: 0px
}
.modal-content .panel-group {
margin-bottom: 0px
}
.modal-content .panel {
border-top: none
}
.modal-demo {
background-color: #FFF;
width: 600px;
border-radius: 4px;
-moz-border-radius: 4px;
background-clip: padding-box;
display: none
}
.modal-demo .close {
position: absolute;
top: 15px;
right: 25px;
color: #eeeeee
}
.custom-modal-title {
padding: 15px 25px 15px 25px;
line-height: 22px;
font-size: 18px;
background-color: #36404a;
color: #ffffff;
text-align: left;
margin: 0px
}
.custom-modal-text {
padding: 20px
}
.custombox-modal-flash .close,.custombox-modal-rotatedown .close {
top: 20px;
z-index: 9999
}
.tabs-vertical-env .tab-content {
margin-bottom: 0px
}
.table>thead>tr>td.middle-align,.table>tbody>tr>td.middle-align,.table>.tfood>tr>td.middle-align,.table>thead>tr>th.middle-align,.table>tbody>tr>th.middle-align,.table>.tfood>tr>th.middle-align {
vertical-align: middle
}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
background-color: #5fbeaa;
border-color: #5fbeaa
}
.nav-pills>.active>a>.badge {
color: #5fbeaa
}
.has-success .form-control {
border-color: #81c868;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.has-warning .form-control {
border-color: #ffbd4a;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.has-error .form-control {
border-color: #f05050;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.input-group-addon {
border-radius: 2px;
border: 1px solid #eeeeee
}
.tooltip-inner {
border-radius: 1px;
padding: 6px 10px
}
.jqstooltip {
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: auto !important;
height: auto !important
}
.popover {
font-family: inherit;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
background-clip: padding-box
}
.popover .popover-title {
background-color: transparent;
color: #5fbeaa;
font-weight: 600
}
code {
color: #5d9cec;
background-color: #f4f8fb;
border-radius: 4px
}
pre {
background-color: #f4f8fb;
border: 1px solid #d4d8da
}
.well {
background-color: #f4f8fb;
border: 1px solid #e4e4e4
}
.carousel-control {
width: 10%
}
.carousel-control span {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
font-size: 30px
}
.slider-bg {
background-size: cover !important;
padding: 5.5% 4.5%
}
.media {
margin-bottom: 20px
}
.media .media-heading {
font-weight: 600;
font-size: 16px
}
.media:last-of-type {
margin-bottom: 0px
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5)
}
60% {
opacity: 1;
-webkit-transform: scale(1.2)
}
100% {
-webkit-transform: scale(1)
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5)
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(20px)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes dropdownOpen {
0% {
opacity: 0;
-webkit-transform: scale(0)
}
100% {
-webkit-transform: scale(1)
}
}
@keyframes dropdownOpen {
0% {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes animationProgress {
from {
width: 0
}
}
@keyframes animationProgress {
from {
width: 0
}
}
@-webkit-keyframes loaderAnimate {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(220deg)
}
}
@keyframes loaderAnimate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(220deg);
transform: rotate(220deg)
}
}
@-webkit-keyframes loaderAnimate2 {
0% {
-webkit-box-shadow: inset #555 0 0 0 8px;
box-shadow: inset #555 0 0 0 8px;
-webkit-transform: rotate(-140deg)
}
50% {
-webkit-box-shadow: inset #555 0 0 0 2px;
box-shadow: inset #555 0 0 0 2px
}
100% {
-webkit-box-shadow: inset #555 0 0 0 8px;
box-shadow: inset #555 0 0 0 8px;
-webkit-transform: rotate(140deg)
}
}
@keyframes loaderAnimate2 {
0% {
-webkit-box-shadow: inset #555 0 0 0 8px;
box-shadow: inset #555 0 0 0 8px;
-webkit-transform: rotate(-140deg);
-ms-transform: rotate(-140deg);
transform: rotate(-140deg)
}
50% {
-webkit-box-shadow: inset #555 0 0 0 2px;
box-shadow: inset #555 0 0 0 2px
}
100% {
-webkit-box-shadow: inset #555 0 0 0 8px;
box-shadow: inset #555 0 0 0 8px;
-webkit-transform: rotate(140deg);
-ms-transform: rotate(140deg);
transform: rotate(140deg)
}
}
@keyframes loaderAnimate2 {
0% {
-webkit-box-shadow: inset #999 0 0 0 17px;
box-shadow: inset #999 0 0 0 17px;
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
50% {
-webkit-box-shadow: inset #999 0 0 0 2px;
box-shadow: inset #999 0 0 0 2px
}
100% {
-webkit-box-shadow: inset #999 0 0 0 17px;
box-shadow: inset #999 0 0 0 17px;
-webkit-transform: rotate(140deg);
transform: rotate(140deg)
}
}
/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
*/
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
will-change: opacity, transform;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out
}
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0,0,0,0.2);
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
background-color: rgba(255,255,255,0.45)
}
.waves-effect.waves-red .waves-ripple {
background-color: rgba(244,67,54,0.7)
}
.waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255,235,59,0.7)
}
.waves-effect.waves-orange .waves-ripple {
background-color: rgba(255,152,0,0.7)
}
.waves-effect.waves-purple .waves-ripple {
background-color: rgba(156,39,176,0.7)
}
.waves-effect.waves-green .waves-ripple {
background-color: rgba(76,175,80,0.7)
}
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0,150,136,0.7)
}
.waves-notransition {
-webkit-transition: none !important;
transition: none !important
}
.waves-circle {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
-webkit-mask-image: none
}
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom
}
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1
}
.waves-block {
display: block
}
@media print {
#topnav,.page-title,.breadcrumb,.btn-default.dropdown-toggle {
display: none !important;
margin: 0px !important;
padding: 0px !important
}
}
#topnav {
position: relative;
z-index: 1030;
background-color: transparent;
border: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
min-height: 62px
}
#topnav .has-submenu.active a {
color: #5fbeaa
}
#topnav .has-submenu.active a i {
color: #5fbeaa
}
#topnav .has-submenu.active .submenu li.active a {
color: #5fbeaa
}
#topnav .topbar-main {
background-color: #36404a
}
#topnav .topbar-main .logo {
color: #ffffff !important;
font-size: 20px;
font-weight: 700;
letter-spacing: .05em;
margin-top: 8px;
text-transform: uppercase;
float: left
}
#topnav .topbar-main .logo h1 {
margin: 0px auto;
text-align: center
}
#topnav .topbar-main .logo i {
color: #5fbeaa
}
#topnav .topbar-main .badge {
position: absolute;
top: 12px;
right: 7px
}
#topnav .topbar-main .nav>li>a {
color: #ffffff !important;
line-height: 60px;
padding: 0px 15px;
position: relative;
background: transparent !important
}
#topnav .topbar-main .nav>li>a i {
font-size: 16px
}
#topnav .topbar-main .navbar-nav>.open>a {
background-color: rgba(255,255,255,0.1) !important
}
#topnav .topbar-main .profile img {
border: 2px solid #edf0f0;
height: 36px;
width: 36px
}
#topnav .topbar-main .dropdown-menu-lg {
width: 300px
}
#topnav .topbar-main .dropdown-menu-lg .list-group {
margin-bottom: 0px
}
#topnav .topbar-main .dropdown-menu-lg .list-group-item {
border: none;
padding: 10px 20px
}
#topnav .topbar-main .dropdown-menu-lg .media-heading {
margin-bottom: 0px
}
#topnav .topbar-main .dropdown-menu-lg .media-body p {
color: #828282
}
#topnav .topbar-main .notification-list {
max-height: 230px
}
#topnav .topbar-main .notification-list em {
width: 34px;
text-align: center
}
#topnav .topbar-main .notification-list .media-body {
display: inherit;
width: auto;
overflow: hidden;
margin-left: 50px
}
#topnav .topbar-main .notification-list .media-body h5 {
text-overflow: ellipsis;
white-space: nowrap;
display: block;
width: 100%;
font-weight: normal;
overflow: hidden
}
#topnav .topbar-main .notifi-title {
border-bottom: 1px solid rgba(0,0,0,0.1);
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
padding: 11px 20px 15px;
color: #4c5667;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#topnav .topbar-main .navbar-nav {
margin: 0px
}
#topnav .app-search {
position: relative;
margin: 15px 20px 15px 10px
}
#topnav .app-search a {
position: absolute;
top: 5px;
right: 20px;
color: #c4c4cd
}
#topnav .app-search .form-control,#topnav .app-search .form-control:focus {
border: none;
font-size: 13px;
color: #ffffff;
padding-left: 20px;
padding-right: 40px;
background: rgba(255,255,255,0.1);
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 30px;
height: 30px;
width: 180px
}
#topnav .navbar-custom {
background-color: #ffffff;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}
#topnav .navbar-toggle {
border: 0;
position: relative;
width: 60px;
height: 60px;
padding: 0;
margin: 0;
cursor: pointer
}
#topnav .navbar-toggle:hover {
background-color: transparent
}
#topnav .navbar-toggle:hover span {
background-color: #5fbeaa
}
#topnav .navbar-toggle:focus {
background-color: transparent
}
#topnav .navbar-toggle:focus span {
background-color: #5fbeaa
}
#topnav .navbar-toggle .lines {
width: 25px;
display: block;
position: relative;
margin: 23px auto 17px auto;
height: 18px
}
#topnav .navbar-toggle span {
height: 2px;
width: 100%;
background-color: #fff;
display: block;
margin-bottom: 5px;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease
}
#topnav .navbar-toggle.open span {
position: absolute
}
#topnav .navbar-toggle.open span:first-child {
top: 6px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
#topnav .navbar-toggle.open span:nth-child(2) {
visibility: hidden
}
#topnav .navbar-toggle.open span:last-child {
width: 100%;
top: 6px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#topnav .navigation-menu {
list-style: none;
margin: 0;
padding: 0
}
#topnav .navigation-menu>li {
float: left;
display: block;
position: relative
}
#topnav .navigation-menu>li>a {
display: block;
color: #36404a;
font-weight: 500;
-webkit-transition: all .3s ease;
transition: all .3s ease;
line-height: 20px;
padding-left: 25px;
padding-right: 25px
}
#topnav .navigation-menu>li>a:hover {
color: #5fbeaa
}
#topnav .navigation-menu>li>a:hover i {
color: #5fbeaa
}
#topnav .navigation-menu>li>a:focus {
color: #5fbeaa
}
#topnav .navigation-menu>li>a:focus i {
color: #5fbeaa
}
#topnav .navigation-menu>li>a:active {
color: #5fbeaa
}
#topnav .navigation-menu>li>a:active i {
color: #5fbeaa
}
#topnav .navigation-menu>li>a i {
display: block;
font-size: 18px;
margin-bottom: 5px;
text-align: center;
color: #98a6ad
}
#topnav .navigation-menu>li>a:hover,#topnav .navigation-menu>li>a:focus {
background-color: transparent
}
@media (min-width: 992px) {
#topnav .navigation-menu>li>a {
padding-top:22px;
padding-bottom: 22px
}
}
@media (min-width: 992px) {
#topnav .navigation-menu>li.last-elements .submenu {
left:auto;
right: 0
}
#topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu {
left: auto;
right: 100%;
margin-left: 0;
margin-right: 10px
}
#topnav .navigation-menu>li:first-of-type a {
padding-left: 0px
}
#topnav .navigation-menu>li:hover a {
color: #5fbeaa
}
#topnav .navigation-menu>li:hover a i {
color: #5fbeaa
}
#topnav .navigation-menu>li .submenu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
border: 1px solid #e7e7e7;
padding: 15px 0;
list-style: none;
min-width: 200px;
visibility: hidden;
opacity: 0;
margin-top: 10px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
background-color: #ffffff;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px rgba(0,0,0,0.1)
}
#topnav .navigation-menu>li .submenu.megamenu {
white-space: nowrap;
width: auto
}
#topnav .navigation-menu>li .submenu.megamenu>li {
overflow: hidden;
width: 200px;
display: inline-block;
vertical-align: top
}
#topnav .navigation-menu>li .submenu>li.has-submenu>a:after {
content: "\e649";
font-family: "themify";
position: absolute;
right: 20px;
font-size: 9px
}
#topnav .navigation-menu>li .submenu>li .submenu {
left: 100%;
top: 0;
margin-left: 10px;
margin-top: -1px
}
#topnav .navigation-menu>li .submenu li {
position: relative
}
#topnav .navigation-menu>li .submenu li ul {
list-style: none;
padding-left: 0;
margin: 0
}
#topnav .navigation-menu>li .submenu li a {
display: block;
padding: 8px 25px;
clear: both;
white-space: nowrap;
font-weight: 500;
color: #494e53
}
#topnav .navigation-menu>li .submenu li a:hover {
color: #5fbeaa
}
#topnav .navigation-menu>li .submenu li span {
display: block;
padding: 8px 25px;
clear: both;
line-height: 1.42857143;
white-space: nowrap;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
color: #949ba1
}
#topnav .navbar-toggle {
display: none
}
#topnav #navigation {
display: block !important
}
}
@media (max-width: 991px) {
.wrapper {
margin-top:80px
}
.container {
width: auto
}
#topnav .navigation-menu {
float: none;
max-height: 400px
}
#topnav .navigation-menu>li {
float: none
}
#topnav .navigation-menu>li>a {
color: #36404a;
padding: 15px
}
#topnav .navigation-menu>li>a i {
display: inline-block;
margin-right: 10px;
margin-bottom: 0px
}
#topnav .navigation-menu>li>a:after {
position: absolute;
right: 15px
}
#topnav .navigation-menu>li .submenu {
display: none;
list-style: none;
padding-left: 20px;
margin: 0
}
#topnav .navigation-menu>li .submenu li a {
display: block;
position: relative;
padding: 7px 20px;
color: #36404a
}
#topnav .navigation-menu>li .submenu li a:hover {
color: #5fbeaa
}
#topnav .navigation-menu>li .submenu li.has-submenu>a:after {
content: "\e64b";
font-family: "themify";
position: absolute;
right: 30px
}
#topnav .navigation-menu>li .submenu.open {
display: block
}
#topnav .navigation-menu>li .submenu .submenu {
display: none;
list-style: none
}
#topnav .navigation-menu>li .submenu .submenu.open {
display: block
}
#topnav .navigation-menu>li .submenu.megamenu>li>ul {
list-style: none;
padding-left: 0
}
#topnav .navigation-menu>li .submenu.megamenu>li>ul>li>span {
display: block;
position: relative;
padding: 15px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
color: #79818a
}
#topnav .navigation-menu>li.has-submenu.open>a {
color: #5fbeaa
}
#topnav .navbar-header {
float: left
}
#navigation {
position: absolute;
top: 60px;
left: 0;
width: 100%;
display: none;
height: auto;
padding-bottom: 0;
overflow: auto;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
background-color: #fff
}
#navigation.open {
display: block;
overflow-y: auto
}
}
@media (min-width: 768px) {
#topnav .navigation-menu>li.has-submenu:hover>.submenu {
visibility:visible;
opacity: 1;
margin-top: 0
}
#topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
visibility: visible;
opacity: 1;
margin-left: 0;
margin-right: 0
}
.navbar-toggle {
display: block
}
}
.footer {
margin-top: 10px;
border-top: 1px solid rgba(0,0,0,0.1);
bottom: 0px;
color: #fff;
text-align: left !important;
padding: 20px 0px;
position: absolute;
right: 0px;
left: 0px;
background-color: #36404a;
}
.footer ul li {
padding-left: 10px;
padding-right: 10px
}
.footer ul li a {
color: #98a6ad
}
.footer ul li a:hover {
color: #5fbeaa
}
.btn {
border-radius: 3px;
outline: none !important
}
.btn-md {
padding: 8px 16px
}
.btn-primary,.btn-follow,.btn-success,.btn-default,.btn-info,.btn-warning,.btn-danger,.btn-inverse,.btn-purple,.btn-pink {
color: #ffffff !important
}
.btn-default,.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {
background-color: #5fbeaa !important;
border: 1px solid #5fbeaa !important
}
.btn-white,.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.btn-white.focus,.btn-white:active,.btn-white:focus,.btn-white:hover,.open>.dropdown-toggle.btn-white {
border: 1px solid #eaeaea !important;
background-color: #ffffff;
color: #4c5667
}
.btn-white:hover,.btn-white:hover:hover,.btn-white:focus:hover,.btn-white:active:hover,.btn-white.active:hover,.btn-white.focus:hover,.btn-white:active:hover,.btn-white:focus:hover,.btn-white:hover:hover,.open>.dropdown-toggle.btn-white:hover {
background-color: #f9f9f9
}
.btn-white:focus,.btn-white:hover:focus,.btn-white:focus:focus,.btn-white:active:focus,.btn-white.active:focus,.btn-white.focus:focus,.btn-white:active:focus,.btn-white:focus:focus,.btn-white:hover:focus,.open>.dropdown-toggle.btn-white:focus {
background-color: #f9f9f9
}
.btn-white:active,.btn-white:hover:active,.btn-white:focus:active,.btn-white:active:active,.btn-white.active:active,.btn-white.focus:active,.btn-white:active:active,.btn-white:focus:active,.btn-white:hover:active,.open>.dropdown-toggle.btn-white:active {
background-color: #f9f9f9
}
.btn-primary,.btn-follow,.btn-primary:hover,.btn-follow:hover,.btn-primary:focus,.btn-follow:focus,.btn-primary:active,.btn-follow:active,.btn-primary.active,.active.btn-follow,.btn-primary.focus,.focus.btn-follow,.btn-primary:active,.btn-follow:active,.btn-primary:focus,.btn-follow:focus,.btn-primary:hover,.btn-follow:hover,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-follow {
background-color: #5d9cec !important;
border: 1px solid #5d9cec !important
}
.btn-success,.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success {
background-color: #81c868 !important;
border: 1px solid #81c868 !important
}
.btn-info,.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info {
background-color: #34d3eb !important;
border: 1px solid #34d3eb !important
}
.btn-warning,.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
background-color: #ffbd4a !important;
border: 1px solid #ffbd4a !important
}
.btn-danger,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
background-color: #f05050 !important;
border: 1px solid #f05050 !important
}
.btn-inverse,.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.focus,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.open>.dropdown-toggle.btn-inverse {
background-color: #4c5667 !important;
border: 1px solid #4c5667 !important;
color: #ffffff
}
.btn-purple,.btn-purple:hover,.btn-purple:focus,.btn-purple:active {
background-color: #7266ba !important;
border: 1px solid #7266ba !important;
color: #ffffff
}
.btn-pink,.btn-pink:hover,.btn-pink:focus,.btn-pink:active {
background-color: #fb6d9d !important;
border: 1px solid #fb6d9d !important;
color: #ffffff
}
.open>.dropdown-toggle.btn-primary.btn-custom,.open>.dropdown-toggle.btn-custom.btn-follow,.open>.dropdown-toggle.btn-success.btn-custom,.open>.dropdown-toggle.btn-info.btn-custom,.open>.dropdown-toggle.btn-warning.btn-custom,.open>.dropdown-toggle.btn-danger.btn-custom,.open>.dropdown-toggle.btn-default.btn-custom {
border-width: 2px !important;
color: #ffffff !important
}
.open>.dropdown-toggle.btn-white.btn-custom {
border-width: 2px !important
}
.btn-custom.btn-default {
color: #5fbeaa !important
}
.btn-custom.btn-primary,.btn-custom.btn-follow {
color: #5d9cec !important
}
.btn-custom.btn-success {
color: #81c868 !important
}
.btn-custom.btn-info {
color: #34d3eb !important
}
.btn-custom.btn-warning {
color: #ffbd4a !important
}
.btn-custom.btn-danger {
color: #f05050 !important
}
.btn-custom.btn-inverse {
color: #4c5667 !important
}
.btn-custom.btn-purple {
color: #7266ba !important
}
.btn-custom.btn-white {
color: #4c5667 !important
}
.btn-custom.btn-white:hover,.btn-custom.btn-white:focus,.btn-custom.btn-white:active {
color: #4c5667 !important;
background-color: #f4f8fb !important
}
.btn-custom.btn-pink {
color: #fb6d9d !important
}
.btn-rounded {
border-radius: 2em !important;
padding: 6px 20px
}
.btn-rounded .btn-label {
padding: 7px 15px 7px 20px;
margin-left: -20px
}
.btn-rounded .btn-label-right {
margin-right: -20px;
margin-left: 12px
}
.btn-custom {
-moz-border-radius: 2px;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-webkit-border-radius: 2px;
-webkit-transition: all 400ms ease-in-out;
background: transparent;
background-color: transparent !important;
border-radius: 5px;
-moz-border-radius: 5px;
background-clip: padding-box;
border-width: 2px !important;
font-weight: 600;
transition: all 400ms ease-in-out;
background-clip: inherit
}
.btn-custom:hover {
color: #ffffff !important;
border-width: 2px !important
}
.btn-custom:focus {
color: #ffffff !important;
border-width: 2px !important
}
.btn-label {
background: rgba(0,0,0,0.05);
display: inline-block;
padding: 7px 15px;
border-radius: 3px 0 0 3px;
margin: -7px -13px;
margin-right: 12px
}
.btn-label-right {
margin-left: 12px;
margin-right: -13px;
border-radius: 0px 3px 3px 0px
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
box-shadow: none
}
.fileupload {
overflow: hidden;
position: relative
}
.fileupload input.upload {
cursor: pointer;
filter: alpha(opacity=0);
font-size: 20px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0
}
.btn-facebook {
color: #ffffff !important;
background-color: #3b5998 !important
}
.btn-twitter {
color: #ffffff !important;
background-color: #00aced !important
}
.btn-linkedin {
color: #ffffff !important;
background-color: #007bb6 !important
}
.btn-dribbble {
color: #ffffff !important;
background-color: #ea4c89 !important
}
.btn-googleplus {
color: #ffffff !important;
background-color: #dd4b39 !important
}
.btn-instagram {
color: #ffffff !important;
background-color: #517fa4 !important
}
.btn-pinterest {
color: #ffffff !important;
background-color: #cb2027 !important
}
.btn-dropbox {
color: #ffffff !important;
background-color: #007ee5 !important
}
.btn-flickr {
color: #ffffff !important;
background-color: #ff0084 !important
}
.btn-tumblr {
color: #ffffff !important;
background-color: #32506d !important
}
.btn-skype {
color: #ffffff !important;
background-color: #00aff0 !important
}
.btn-youtube {
color: #ffffff !important;
background-color: #bb0000 !important
}
.btn-github {
color: #ffffff !important;
background-color: #171515 !important
}
.checkbox {
padding-left: 20px
}
.checkbox label {
display: inline-block;
padding-left: 5px;
position: relative
}
.checkbox label::before {
-o-transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
background-color: #ffffff;
border-radius: 3px;
border: 1px solid #cccccc;
content: "";
display: inline-block;
height: 17px;
left: 0;
margin-left: -20px;
position: absolute;
transition: 0.3s ease-in-out;
width: 17px;
outline: none !important
}
.checkbox label::after {
color: #555555;
display: inline-block;
font-size: 11px;
height: 16px;
left: 0;
margin-left: -20px;
padding-left: 3px;
padding-top: 1px;
position: absolute;
top: 0;
width: 16px
}
.checkbox input[type="checkbox"] {
cursor: pointer;
opacity: 0;
z-index: 1;
outline: none !important
}
.checkbox input[type="checkbox"]:disabled+label {
opacity: 0.65
}
.checkbox input[type="checkbox"]:focus+label::before {
outline-offset: -2px;
outline: none;
outline: thin dotted
}
.checkbox input[type="checkbox"]:checked+label::after {
content: "\f00c";
font-family: 'FontAwesome'
}
.checkbox input[type="checkbox"]:disabled+label::before {
background-color: #eeeeee;
cursor: not-allowed
}
.checkbox.checkbox-circle label::before {
border-radius: 50%
}
.checkbox.checkbox-inline {
margin-top: 0
}
.checkbox.checkbox-single label {
height: 17px
}
.checkbox-custom input[type="checkbox"]:checked+label::before {
background-color: #5fbeaa;
border-color: #5fbeaa
}
.checkbox-custom input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.checkbox-primary input[type="checkbox"]:checked+label::before {
background-color: #5d9cec;
border-color: #5d9cec
}
.checkbox-primary input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.checkbox-danger input[type="checkbox"]:checked+label::before {
background-color: #f05050;
border-color: #f05050
}
.checkbox-danger input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.checkbox-info input[type="checkbox"]:checked+label::before {
background-color: #34d3eb;
border-color: #34d3eb
}
.checkbox-info input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.checkbox-warning input[type="checkbox"]:checked+label::before {
background-color: #ffbd4a;
border-color: #ffbd4a
}
.checkbox-warning input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.checkbox-success input[type="checkbox"]:checked+label::before {
background-color: #81c868;
border-color: #81c868
}
.checkbox-success input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.checkbox-purple input[type="checkbox"]:checked+label::before {
background-color: #7266ba;
border-color: #7266ba
}
.checkbox-purple input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.checkbox-pink input[type="checkbox"]:checked+label::before {
background-color: #fb6d9d;
border-color: #fb6d9d
}
.checkbox-pink input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.checkbox-inverse input[type="checkbox"]:checked+label::before {
background-color: #4c5667;
border-color: #4c5667
}
.checkbox-inverse input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.radio {
padding-left: 20px
}
.radio label {
display: inline-block;
padding-left: 5px;
position: relative
}
.radio label::before {
-o-transition: border 0.5s ease-in-out;
-webkit-transition: border 0.5s ease-in-out;
background-color: #ffffff;
border-radius: 50%;
border: 1px solid #cccccc;
content: "";
display: inline-block;
height: 17px;
left: 0;
margin-left: -20px;
position: absolute;
transition: border 0.5s ease-in-out;
width: 17px;
outline: none !important
}
.radio label::after {
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-webkit-transform: scale(0, 0);
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
background-color: #555555;
border-radius: 50%;
content: " ";
display: inline-block;
height: 11px;
left: 3px;
margin-left: -20px;
position: absolute;
top: 3px;
transform: scale(0, 0);
transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33),-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
width: 11px
}
.radio input[type="radio"] {
cursor: pointer;
opacity: 0;
z-index: 1;
outline: none !important
}
.radio input[type="radio"]:disabled+label {
opacity: 0.65
}
.radio input[type="radio"]:focus+label::before {
outline-offset: -2px;
outline: thin dotted
}
.radio input[type="radio"]:checked+label::after {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
.radio input[type="radio"]:disabled+label::before {
cursor: not-allowed
}
.radio.radio-inline {
margin-top: 0
}
.radio.radio-single label {
height: 17px
}
.radio-custom input[type="radio"]+label::after {
background-color: #5fbeaa
}
.radio-custom input[type="radio"]:checked+label::before {
border-color: #5fbeaa
}
.radio-custom input[type="radio"]:checked+label::after {
background-color: #5fbeaa
}
.radio-primary input[type="radio"]+label::after {
background-color: #5d9cec
}
.radio-primary input[type="radio"]:checked+label::before {
border-color: #5d9cec
}
.radio-primary input[type="radio"]:checked+label::after {
background-color: #5d9cec
}
.radio-danger input[type="radio"]+label::after {
background-color: #f05050
}
.radio-danger input[type="radio"]:checked+label::before {
border-color: #f05050
}
.radio-danger input[type="radio"]:checked+label::after {
background-color: #f05050
}
.radio-info input[type="radio"]+label::after {
background-color: #34d3eb
}
.radio-info input[type="radio"]:checked+label::before {
border-color: #34d3eb
}
.radio-info input[type="radio"]:checked+label::after {
background-color: #34d3eb
}
.radio-warning input[type="radio"]+label::after {
background-color: #ffbd4a
}
.radio-warning input[type="radio"]:checked+label::before {
border-color: #ffbd4a
}
.radio-warning input[type="radio"]:checked+label::after {
background-color: #ffbd4a
}
.radio-success input[type="radio"]+label::after {
background-color: #81c868
}
.radio-success input[type="radio"]:checked+label::before {
border-color: #81c868
}
.radio-success input[type="radio"]:checked+label::after {
background-color: #81c868
}
.radio-purple input[type="radio"]+label::after {
background-color: #7266ba
}
.radio-purple input[type="radio"]:checked+label::before {
border-color: #7266ba
}
.radio-purple input[type="radio"]:checked+label::after {
background-color: #7266ba
}
.radio-pink input[type="radio"]+label::after {
background-color: #fb6d9d
}
.radio-pink input[type="radio"]:checked+label::before {
border-color: #fb6d9d
}
.radio-pink input[type="radio"]:checked+label::after {
background-color: #fb6d9d
}
.panel {
border: none;
margin-bottom: 20px
}
.panel .panel-body {
padding: 20px
}
.panel .panel-body p {
margin: 0px
}
.panel .panel-body p+p {
margin-top: 15px
}
.panel-heading {
border: none !important;
padding: 10px 20px
}
.panel-default>.panel-heading {
background-color: #f4f8fb;
border-bottom: none;
color: #797979
}
.panel-title {
font-size: 15px;
font-weight: 600;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
letter-spacing: 0.03em
}
.panel-footer {
background: #f4f8fb;
border-top: 0px
}
.panel-color .panel-title {
color: #ffffff
}
.panel-custom>.panel-heading {
background-color: #5fbeaa
}
.panel-primary>.panel-heading {
background-color: #5d9cec
}
.panel-success>.panel-heading {
background-color: #81c868
}
.panel-info>.panel-heading {
background-color: #34d3eb
}
.panel-warning>.panel-heading {
background-color: #ffbd4a
}
.panel-danger>.panel-heading {
background-color: #f05050
}
.panel-purple>.panel-heading {
background-color: #7266ba
}
.panel-pink>.panel-heading {
background-color: #fb6d9d
}
.panel-inverse>.panel-heading {
background-color: #4c5667
}
.panel-border .panel-heading {
background-color: #ffffff;
border-top: 3px solid #DADFE2 !important;
padding: 10px 20px 0px
}
.panel-border .panel-body {
padding: 15px 20px 20px 20px
}
.panel-border.panel-custom .panel-heading {
border-color: #5fbeaa !important;
color: #5fbeaa !important
}
.panel-border.panel-primary .panel-heading {
border-color: #5d9cec !important;
color: #5d9cec !important
}
.panel-border.panel-success .panel-heading {
border-color: #81c868 !important;
color: #81c868 !important
}
.panel-border.panel-info .panel-heading {
border-color: #34d3eb !important;
color: #34d3eb !important
}
.panel-border.panel-warning .panel-heading {
border-color: #ffbd4a !important;
color: #ffbd4a !important
}
.panel-border.panel-danger .panel-heading {
border-color: #f05050 !important;
color: #f05050 !important
}
.panel-border.panel-purple .panel-heading {
border-color: #7266ba !important;
color: #7266ba !important
}
.panel-border.panel-pink .panel-heading {
border-color: #fb6d9d !important;
color: #fb6d9d !important
}
.panel-border.panel-inverse .panel-heading {
border-color: #4c5667 !important;
color: #4c5667 !important
}
.panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
content: '\f0d7'
}
.panel-group .panel .panel-heading .accordion-toggle.collapsed:before {
content: '\f0d7'
}
.panel-group .panel .panel-heading a[data-toggle=collapse] {
display: block
}
.panel-group .panel .panel-heading a[data-toggle=collapse]:before {
content: '\f0d8';
display: block;
float: right;
font-family: 'FontAwesome';
font-size: 14px;
text-align: right;
width: 25px
}
.panel-group .panel .panel-heading .accordion-toggle {
display: block
}
.panel-group .panel .panel-heading .accordion-toggle:before {
content: '\f0d8';
display: block;
float: right;
font-family: 'FontAwesome';
font-size: 14px;
text-align: right;
width: 25px
}
.panel-group .panel .panel-heading+.panel-collapse .panel-body {
border-top: none
}
.panel-group .panel-heading {
padding: 12px 26px
}
.panel-group.panel-group-joined .panel+.panel {
border-top: 1px solid #eeeeee;
margin-top: 0
}
.panel-group-joined .panel-group .panel+.panel {
border-top: 1px solid #eeeeee;
margin-top: 0
}
.panel .nav-pills li a {
color: #4c5667 !important
}
.panel .nav-pills li.active a {
color: #ffffff !important
}
.portlet {
background: #ffffff;
border: 1px solid rgba(54,64,74,0.05);
border-radius: 5px;
-moz-border-radius: 5px;
background-clip: padding-box;
margin-bottom: 20px
}
.portlet .portlet-heading {
border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
background-clip: padding-box;
color: #ffffff;
padding: 12px 20px
}
.portlet .portlet-heading .portlet-title {
color: #ffffff;
float: left;
font-size: 15px;
font-weight: 600;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
letter-spacing: 0.03em
}
.portlet .portlet-heading .portlet-widgets {
display: inline-block;
float: right;
font-size: 15px;
line-height: 30px;
padding-left: 15px;
position: relative;
text-align: right
}
.portlet .portlet-heading .portlet-widgets .divider {
margin: 0 5px
}
.portlet .portlet-heading .portlet-widgets .collapsed .ion-minus-round:before {
content: "\f217" !important
}
.portlet .portlet-heading a {
color: #999999
}
.portlet .portlet-body {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background: #ffffff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 15px
}
.portlet-default .portlet-title {
color: #797979 !important
}
.portlet .portlet-heading.bg-custom a,.portlet .portlet-heading.bg-purple a,.portlet .portlet-heading.bg-info a,.portlet .portlet-heading.bg-success a,.portlet .portlet-heading.bg-primary a,.portlet .portlet-heading.bg-danger a,.portlet .portlet-heading.bg-warning a,.portlet .portlet-heading.bg-inverse a,.portlet .portlet-heading.bg-pink a {
color: #ffffff
}
.panel-disabled {
background: rgba(243,242,241,0.5);
bottom: 15px;
left: 0px;
position: absolute;
right: -5px;
top: 0
}
.loader-1 {
-webkit-animation: loaderAnimate 1000ms linear infinite;
animation: loaderAnimate 1000ms linear infinite;
clip: rect(0, 30px, 30px, 15px);
height: 30px;
left: 50%;
margin-left: -15px;
margin-top: -15px;
position: absolute;
top: 50%;
width: 30px
}
.loader-1:after {
-webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;
animation: loaderAnimate2 1000ms ease-in-out infinite;
border-radius: 50%;
clip: rect(0, 30px, 30px, 15px);
content: '';
height: 30px;
position: absolute;
width: 30px
}
.progress {
-webkit-box-shadow: none !important;
background-color: #ebeff2;
box-shadow: none !important;
height: 10px;
margin-bottom: 18px;
overflow: hidden
}
.progress-bar {
-webkit-box-shadow: none;
box-shadow: none;
font-size: 8px;
font-weight: 600;
line-height: 12px
}
.progress.progress-sm {
height: 5px !important
}
.progress.progress-sm .progress-bar {
font-size: 8px;
line-height: 5px
}
.progress.progress-md {
height: 15px !important
}
.progress.progress-md .progress-bar {
font-size: 10.8px;
line-height: 14.4px
}
.progress.progress-lg {
height: 20px !important
}
.progress.progress-lg .progress-bar {
font-size: 12px;
line-height: 20px
}
.progress-bar-primary {
background-color: #5d9cec
}
.progress-bar-success {
background-color: #81c868
}
.progress-bar-info {
background-color: #34d3eb
}
.progress-bar-warning {
background-color: #ffbd4a
}
.progress-bar-danger {
background-color: #f05050
}
.progress-bar-inverse {
background-color: #4c5667
}
.progress-bar-purple {
background-color: #7266ba
}
.progress-bar-pink {
background-color: #fb6d9d
}
.progress-bar-custom {
background-color: #5fbeaa
}
.progress-animated {
-webkit-animation-duration: 5s;
-webkit-animation-name: animationProgress;
-webkit-transition: 5s all;
animation-duration: 5s;
animation-name: animationProgress;
transition: 5s all
}
.progress-vertical {
min-height: 250px;
height: 250px;
width: 10px;
position: relative;
display: inline-block;
margin-bottom: 0;
margin-right: 20px
}
.progress-vertical .progress-bar {
width: 100%
}
.progress-vertical-bottom {
min-height: 250px;
height: 250px;
position: relative;
width: 10px;
display: inline-block;
margin-bottom: 0;
margin-right: 20px
}
.progress-vertical-bottom .progress-bar {
width: 100%;
position: absolute;
bottom: 0
}
.progress-vertical.progress-sm,.progress-vertical-bottom.progress-sm {
width: 5px !important
}
.progress-vertical.progress-sm .progress-bar,.progress-vertical-bottom.progress-sm .progress-bar {
font-size: 8px;
line-height: 5px
}
.progress-vertical.progress-md,.progress-vertical-bottom.progress-md {
width: 15px !important
}
.progress-vertical.progress-md .progress-bar,.progress-vertical-bottom.progress-md .progress-bar {
font-size: 10.8px;
line-height: 14.4px
}
.progress-vertical.progress-lg,.progress-vertical-bottom.progress-lg {
width: 20px !important
}
.progress-vertical.progress-lg .progress-bar,.progress-vertical-bottom.progress-lg .progress-bar {
font-size: 12px;
line-height: 20px
}
.table {
margin-bottom: 10px
}
.table-striped>tbody>tr:nth-of-type(odd),.table-hover>tbody>tr:hover,.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {
background-color: #f4f8fb !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,.table>thead>tr>th,.table-bordered {
border-top: 1px solid #ebeff2
}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
border: 1px solid #ebeff2
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ebeff2
}
tbody {
color: #797979
}
th {
color: #666666;
font-weight: 600
}
.table-bordered {
border: 1px solid #ebeff2
}
table.focus-on tbody tr.focused th {
background-color: #5fbeaa;
color: #ffffff
}
table.focus-on tbody tr.focused td {
background-color: #5fbeaa;
color: #ffffff
}
.table-rep-plugin .table-responsive {
border: none !important
}
.table-rep-plugin tbody th {
font-size: 14px;
font-weight: normal
}
.table-rep-plugin .checkbox-row {
padding-left: 40px
}
.table-rep-plugin .checkbox-row label {
display: inline-block;
padding-left: 5px;
position: relative
}
.table-rep-plugin .checkbox-row label::before {
-o-transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
background-color: #ffffff;
border-radius: 3px;
border: 1px solid #cccccc;
content: "";
display: inline-block;
height: 17px;
left: 0;
margin-left: -20px;
position: absolute;
transition: 0.3s ease-in-out;
width: 17px;
outline: none !important
}
.table-rep-plugin .checkbox-row label::after {
color: #555555;
display: inline-block;
font-size: 11px;
height: 16px;
left: 0;
margin-left: -20px;
padding-left: 3px;
padding-top: 1px;
position: absolute;
top: -1px;
width: 16px
}
.table-rep-plugin .checkbox-row input[type="checkbox"] {
cursor: pointer;
opacity: 0;
z-index: 1;
outline: none !important
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled+label {
opacity: 0.65
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:focus+label::before {
outline-offset: -2px;
outline: none
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::after {
content: "\f00c";
font-family: 'FontAwesome'
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled+label::before {
background-color: #eeeeee;
cursor: not-allowed
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::before {
background-color: #5fbeaa;
border-color: #5fbeaa
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::after {
color: #ffffff
}
.fixed-table-container tbody .selected td {
background-color: #F4F8FB
}
.modal-block {
background: transparent;
margin: 40px auto;
max-width: 600px;
padding: 0;
position: relative;
text-align: left
}
#datatable-editable .actions a {
padding: 5px
}
#datatable-editable .form-control {
background-color: #ffffff;
width: 100%
}
#datatable-editable .fa-trash-o {
color: #f05050
}
#datatable-editable .fa-times {
color: #f05050
}
#datatable-editable .fa-pencil {
color: #29b6f6
}
#datatable-editable .fa-save {
color: #33b86c
}
#datatable td {
font-weight: normal
}
div.dataTables_paginate ul.pagination {
margin-top: 30px
}
div.dataTables_info {
padding-top: 38px
}
.dt-buttons {
float: left
}
div#datatable-buttons_info {
float: left
}
.footable-odd {
background-color: #ffffff
}
.footable-detail-show {
background-color: #ebeff2
}
.footable-row-detail {
background-color: #F0F4F7
}
table[data-toggle="table"] {
display: none
}
.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination {
margin-top: 20px
}
.fixed-table-container {
border: 1px solid #ebeff2 !important
}
.bootstrap-table .table>thead>tr>th {
border-bottom: 2px solid #ebeff2;
background: #ebeff2
}
.fixed-table-container thead th .th-inner {
padding: 9px 12px
}
.bootstrap-table .table,.bootstrap-table .table>tbody>tr>td,.bootstrap-table .table>tbody>tr>th,.bootstrap-table .table>tfoot>tr>td,.bootstrap-table .table>tfoot>tr>th,.bootstrap-table .table>thead>tr>td {
padding: 8px 12px !important
}
.tablesaw thead {
background: #ebeff2;
background-image: none;
border: none
}
.tablesaw thead th {
text-shadow: none;
letter-spacing: 0.06em
}
.tablesaw thead tr:first-child th {
padding-top: 1.1em;
padding-bottom: 0.9em
}
.tablesaw thead tr:first-child th {
font-weight: 600;
font-family: inherit;
border: none
}
.tablesaw td,.tablesaw tbody th {
font-size: inherit;
line-height: inherit;
padding: 10px !important
}
.tablesaw-stack tbody tr,.tablesaw tbody tr {
border-bottom: none
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
font-family: FontAwesome;
font-size: 10px
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
content: "\f176"
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
content: "\f175"
}
.tablesaw-bar .btn-select.btn-small:after,.tablesaw-bar .btn-select.btn-micro:after {
font-size: 8px;
padding-right: 10px
}
.tablesaw-swipe .tablesaw-cell-persist {
-webkit-box-shadow: none;
box-shadow: none
}
.tablesaw-enhanced .tablesaw-bar .btn {
text-shadow: none;
background-image: none
}
.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {
background: #ffffff
}
.tablesaw-enhanced .tablesaw-bar .btn:hover,.tablesaw-enhanced .tablesaw-bar .btn:focus,.tablesaw-enhanced .tablesaw-bar .btn:active {
color: #5fbeaa !important;
background-color: #ebeff2;
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background-image: none
}
.fixedHeader-floating {
top: 60px !important
}
table.dataTable th.focus,table.dataTable td.focus {
outline: 3px solid #5fbeaa !important;
outline-offset: -1px
}
div.ColVis {
float: none;
margin-right: 30px
}
button.ColVis_Button,.ColVis_Button:hover {
float: none;
border-radius: 3px;
outline: none !important;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff !important;
background-color: #5fbeaa !important;
border: 1px solid #5fbeaa !important
}
.dataTables_length {
float: left
}
div.ColVis_collectionBackground {
background-color: transparent
}
ul.ColVis_collection {
padding: 10px 0px 0px 0px;
background-color: #ffffff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
border: none
}
ul.ColVis_collection li {
background: transparent !important;
padding: 3px 10px !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
#datatable-colvid_info {
float: left
}
.widget-box-1 i.inform {
font-size: 20px;
cursor: pointer
}
.widget-box-1 h4 {
margin-bottom: 5px;
margin-top: 0px
}
.widget-box-1 h2,.widget-box-1 .page-pricing__features>li {
margin: 20px;
font-weight: 600
}
.widget-box-1 p {
margin-bottom: 0px
}
.widget-s-1 {
border-radius: 6px
}
.widget-bg-color-icon .bg-icon {
height: 80px;
width: 80px;
text-align: center;
border-radius: 50%;
-moz-border-radius: 50%;
background-clip: padding-box
}
.widget-bg-color-icon .bg-icon i {
font-size: 32px;
line-height: 80px
}
.widget-bg-color-icon .bg-icon-info {
background-color: rgba(52,211,235,0.2);
border: 1px solid #34d3eb
}
.widget-bg-color-icon .bg-icon-primary {
background-color: rgba(93,156,236,0.2);
border: 1px solid #5d9cec
}
.widget-bg-color-icon .bg-icon-pink {
background-color: rgba(251,109,157,0.2);
border: 1px solid #fb6d9d
}
.widget-bg-color-icon .bg-icon-purple {
background-color: rgba(114,102,186,0.2);
border: 1px solid #7266ba
}
.widget-bg-color-icon .bg-icon-success {
background-color: rgba(129,200,104,0.2);
border: 1px solid #81c868
}
.widget-bg-color-icon .bg-icon-custom {
background-color: rgba(95,190,170,0.2);
border: 1px solid #5fbeaa
}
.widget-bg-color-icon .bg-icon-warning {
background-color: rgba(255,189,74,0.2);
border: 1px solid #ffbd4a
}
.widget-bg-color-icon .bg-icon-danger {
background-color: rgba(240,80,80,0.2);
border: 1px solid #f05050
}
.widget-bg-color-icon .bg-icon-inverse {
background-color: rgba(76,86,103,0.2);
border: 1px solid #4c5667
}
.mini-stat-icon {
border-radius: 100%;
background-color: rgba(255,255,255,0.2);
display: inline-block;
float: left;
font-size: 30px;
height: 60px;
line-height: 60px;
margin-right: 10px;
text-align: center;
width: 60px
}
.mini-stat-info {
padding-top: 2px;
color: #eeeeee
}
.mini-stat-info span {
color: #ffffff;
display: block;
font-size: 24px;
font-weight: 600
}
.mini-stat-info span.name {
color: #ffffff;
display: block;
font-size: 18px;
font-weight: 600;
margin-top: 5px
}
.widget-inline {
padding: 20px 0px !important
}
.widget-inline .col-lg-3 {
padding: 0px
}
.widget-inline .widget-inline-box {
border-right: 1px solid #e3e8f1;
padding: 20px
}
.widget-inline .widget-inline-box i {
font-size: 32px
}
.inbox-widget .inbox-item {
border-bottom: 1px solid #f1f1f1;
overflow: hidden;
padding: 10px 0;
position: relative
}
.inbox-widget .inbox-item .inbox-item-img {
display: block;
float: left;
margin-right: 15px;
width: 40px
}
.inbox-widget .inbox-item img {
width: 40px
}
.inbox-widget .inbox-item .inbox-item-author {
color: #333333;
display: block;
margin: 0
}
.inbox-widget .inbox-item .inbox-item-text {
color: #a0a0a0;
display: block;
font-size: 12px;
margin: 0
}
.inbox-widget .inbox-item .inbox-item-date {
color: #a9a9a9;
font-size: 11px;
position: absolute;
right: 7px;
top: 2px
}
.conversation-list {
list-style: none;
height: 332px;
padding: 0px 20px
}
.conversation-list li {
margin-bottom: 24px
}
.conversation-list .chat-avatar {
display: inline-block;
float: left;
text-align: center;
width: 42px
}
.conversation-list .chat-avatar img {
border-radius: 100%;
width: 100%
}
.conversation-list .chat-avatar i {
font-size: 12px;
font-style: normal
}
.conversation-list .ctext-wrap {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #f4f8fb;
border-radius: 3px;
display: inline-block;
padding: 12px;
position: relative;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1)
}
.conversation-list .ctext-wrap i {
color: #1a2942;
display: block;
font-size: 12px;
font-style: normal;
font-weight: bold;
position: relative
}
.conversation-list .ctext-wrap p {
margin: 0px;
padding-top: 3px
}
.conversation-list .ctext-wrap:after {
right: 100%;
top: 0%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #f4f8fb;
border-width: 8px;
margin-left: -1px;
border-right-color: #f4f8fb
}
.conversation-list .conversation-text {
display: inline-block;
float: left;
font-size: 12px;
margin-left: 12px;
width: 70%
}
.conversation-list .odd .chat-avatar {
float: right !important
}
.conversation-list .odd .conversation-text {
float: right !important;
margin-right: 12px;
text-align: right;
width: 70% !important
}
.conversation-list .odd .ctext-wrap:after {
border-color: rgba(238,238,242,0) !important;
border-left-color: #f4f8fb !important;
border-top-color: #f4f8fb !important;
left: 100% !important;
margin-right: -1px
}
.chat-send {
padding-left: 0px;
padding-right: 30px
}
.chat-send button {
width: 100%
}
.chat-inputbar {
padding-left: 30px
}
#todo-message {
font-size: 16px
}
.todo-list li {
border-bottom: 1px solid #eeeeee;
border-radius: 0px;
border: 0px;
margin: 0px;
padding: 1px;
color: #98a6ad
}
.todo-list li:last-of-type {
border-bottom: none
}
.todo-send {
padding-left: 0px
}
.widget-chart ul li {
width: 31.5%;
display: inline-block;
padding: 0px
}
.widget-panel {
padding: 30px 20px;
padding-left: 30px;
border-radius: 4px;
position: relative;
margin-bottom: 20px
}
.widget-panel i {
font-size: 60px;
padding: 30px;
background: rgba(255,255,255,0.2);
position: absolute;
right: 0px;
bottom: 0px;
top: 0px;
line-height: 60px
}
.widget-style-2 i {
background: rgba(244,248,251,0.6) !important;
font-size: 48px;
padding: 30px 40px
}
.gmap iframe {
width: 100%;
margin: 0px !important;
padding: 0px !important
}
.gmap-info:before {
color: #333333;
content: "\f041";
font-family: "FontAwesome";
font-size: 35px;
left: 10px;
position: absolute;
top: 8px
}
.gmap-info {
float: left;
padding: 0 20px 0 50px;
position: relative
}
.gmap-buttons {
float: right;
margin-top: 28px
}
.gmap-buttons .btn {
margin-left: 3px
}
.table-actions-bar tr td {
vertical-align: middle !important
}
.table-actions-bar .table-action-btn {
color: #98a6ad;
display: inline-block;
width: 28px;
border-radius: 50%;
text-align: center;
line-height: 24px;
font-size: 20px
}
.table-actions-bar .table-action-btn:hover {
color: #5fbeaa;
border-color: #5fbeaa
}
.transaction-list li {
padding: 7px 0px;
border-bottom: 1px solid #ebeff2;
clear: both;
position: relative
}
.transaction-list i {
width: 20px;
position: absolute;
top: 10px;
font-size: 12px
}
.transaction-list .tran-text {
padding-left: 25px;
white-space: nowrap;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 115px
}
.transaction-list .tran-price {
margin-left: 30px
}
.friend-list a {
margin: 5px;
display: inline-block
}
.friend-list .extra-number {
height: 48px;
width: 48px;
display: block;
line-height: 48px;
color: #98a6ad;
font-weight: 700;
background-color: #ebeff2;
border-radius: 50%;
border: 1px solid #98a6ad
}
.profile-widget .bg-profile {
height: 125px
}
.profile-widget .img-thumbnail {
margin-top: -42px;
border: none
}
.profile-widget .widget-list {
padding: 10px;
margin-top: 20px;
margin-left: 0px;
padding-bottom: 30px
}
.profile-widget .widget-list span {
display: block;
font-weight: bold;
font-size: 18px
}
.bar-widget .iconbox {
display: inline-block;
height: 50px;
width: 50px;
margin-right: 20px;
border-radius: 50%;
-moz-border-radius: 50%;
background-clip: padding-box;
color: #ffffff;
text-align: center
}
.bar-widget .iconbox i {
line-height: 50px;
font-size: 20px
}
.widget-profile-one .card-box {
border-radius: 0px
}
.widget-profile-one .card-box:first-of-type {
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important
}
.widget-profile-one .card-box:last-of-type {
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important
}
.social-feed-box h3 {
font-size: 18px;
font-style: italic
}
.widget-box-two {
border-bottom-left-radius: 3px !important;
border-bottom-right-radius: 3px !important
}
.social-feed-slider {
padding-bottom: 50px
}
.social-feed-slider .carousel-indicators {
bottom: 0px
}
.pro-widget-img {
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
padding: 70px 0px;
background-size: cover
}
.blog-box-one {
margin-bottom: 20px
}
.blog-box-one .cover-wrapper {
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important
}
.blog-box-one .cover-wrapper img {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important
}
.blog-box-one .cover-wrapper:hover img {
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
.blog-box-one .post-info {
background-color: #ffffff;
padding: 20px;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important
}
.blog-box-one .post-info .date {
float: left;
border-bottom: 3px solid #71b6f9
}
.post-info .date .day {
font-size: 22px;
color: #333;
font-weight: 600;
line-height: 22px
}
.post-info .date .month {
text-transform: uppercase;
text-align: center;
width: 100%;
display: inline-block
}
.blog-box-one .meta {
padding-left: 0px
}
.blog-box-one .post-info .meta-container {
padding-left: 55px
}
.blog-box-one .post-info p {
margin-top: 15px
}
.blog-widget-action a {
color: #98a6ad;
display: inline-block;
margin-right: 10px
}
.error {
color: #f05050;
font-size: 12px;
font-weight: 500
}
.datepicker {
padding: 8px
}
.datepicker th {
font-size: 14px !important
}
.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover {
background-image: none
}
.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #5fbeaa
}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover {
background-color: #5fbeaa !important;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none
}
.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover {
background-color: #fafafa
}
.datepicker-inline {
border: 2px solid #eeeeee
}
.daterangepicker td.active,.daterangepicker td.active:hover {
background-color: #5d9cec;
border-color: #5d9cec
}
.daterangepicker .input-mini.active {
border: 1px solid #AAAAAA
}
.daterangepicker .ranges li {
border-radius: 2px;
-moz-border-radius: 2px;
background-clip: padding-box;
color: #36404a;
font-weight: 600;
font-size: 12px
}
.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect {
border: 1px solid #e3e3e3;
padding: 2px;
width: 60px
}
.daterangepicker .ranges li.active,.daterangepicker .ranges li:hover {
background-color: #5d9cec;
border: 1px solid #5d9cec
}
.search-input {
margin-bottom: 10px
}
.ms-selectable {
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important
}
.ms-container .ms-list.ms-focus {
-webkit-box-shadow: none;
box-shadow: none
}
.ms-container .ms-selectable li.ms-hover {
background-color: #5d9cec
}
.ms-container .ms-selection li.ms-hover {
background-color: #5d9cec
}
.parsley-error {
border-color: #f05050 !important
}
.parsley-errors-list {
display: none;
margin: 0;
padding: 0
}
.parsley-errors-list.filled {
display: block
}
.parsley-errors-list>li {
font-size: 12px;
list-style: none;
color: #f6504d
}
.note-editor {
border: 1px solid #eeeeee;
position: relative
}
.note-editor .note-toolbar {
background-color: #f4f8fb;
border-bottom: 1px solid #eeeeee;
margin: 0
}
.note-editor .note-statusbar {
background-color: #ffffff
}
.note-editor .note-statusbar .note-resizebar {
border-top: none;
height: 15px;
padding-top: 3px
}
.note-popover .popover .popover-content {
padding: 5px 0 10px 5px
}
.note-toolbar {
padding: 5px 0 10px 5px
}
.code-edit-wrap {
padding: 0px !important
}
.cm-s-ambiance .CodeMirror-linenumber {
color: #bcbcbc
}
.cm-s-ambiance .CodeMirror-gutters {
background-color: #4c5667 !important;
-webkit-box-shadow: none;
box-shadow: none
}
.cm-s-ambiance.CodeMirror {
background-color: #4c5667 !important;
-webkit-box-shadow: none;
box-shadow: none
}
.bootstrap-timepicker-widget table td a:hover {
background-color: transparent;
border-color: transparent;
border-radius: 4px;
color: #5d9cec;
text-decoration: none
}
.editor-horizontal .popover-content {
padding: 9px 30px
}
.wizard>.content {
background: #ffffff;
min-height: 240px;
padding: 20px
}
.wizard>.content>.body {
padding: 0px;
position: relative
}
.wizard>.content>.body input {
border: 1px solid #E3E3E3
}
.wizard>.content>.body ul>li {
display: block;
line-height: 30px
}
.wizard>.content>.body label.error {
color: #f05050;
margin-left: 0
}
.wizard>.content>.body label {
display: inline-block;
margin-top: 10px
}
.wizard>.steps .number {
border-radius: 50%;
background-color: rgba(255,255,255,0.3);
display: inline-block;
line-height: 30px;
margin-right: 10px;
width: 30px;
text-align: center
}
.wizard>.steps .disabled a {
background: #ffffff;
color: #333333;
cursor: default;
border: 1px solid #eaeaea
}
.wizard>.steps .disabled a:hover {
background: #f9f9f9;
color: #333333;
cursor: default;
border: 1px solid #eaeaea
}
.wizard>.steps .disabled a:active {
background: #f9f9f9;
color: #333333;
cursor: default;
border: 1px solid #eaeaea
}
.wizard>.steps .current a {
background: #5fbeaa
}
.wizard>.steps .current a:hover {
background: #5fbeaa
}
.wizard>.steps .current a:hover .number {
color: #ffffff
}
.wizard>.steps .current a:active {
background: #5fbeaa
}
.wizard>.steps .current a:active .number {
color: #ffffff
}
.wizard>.steps .current a .number {
color: #ffffff
}
.wizard>.steps .done a {
background: #7a8c9a
}
.wizard>.steps .done a:hover {
background: #7a8c9a
}
.wizard>.steps .done a:active {
background: #7a8c9a
}
.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active,.wizard>.content {
border-radius: 2px
}
.wizard>.actions a {
background: #5fbeaa;
border-radius: 2px;
color: #ffffff
}
.wizard>.actions a:hover {
background: #5fbeaa;
border-radius: 2px;
color: #ffffff
}
.wizard>.actions a:active {
background: #5fbeaa;
border-radius: 2px;
color: #ffffff
}
.wizard>.actions .disabled a {
background: #ffffff;
color: #333333;
cursor: default;
border: 1px solid #eaeaea
}
.wizard>.actions .disabled a:hover {
background: #f9f9f9;
color: #333333;
cursor: default;
border: 1px solid #eaeaea
}
.wizard>.actions .disabled a:active {
background: #f9f9f9;
color: #333333;
cursor: default;
border: 1px solid #eaeaea
}
.dropzone {
min-height: 230px;
border: 2px dashed rgba(0,0,0,0.3);
background: white;
border-radius: 6px
}
.dropzone .dz-message {
font-size: 30px
}
.editable-click,a.editable-click,a.editable-click:hover {
border: none
}
.autocomplete-suggestions {
border: 1px solid #f9f9f9;
background: #ffffff;
cursor: default;
overflow: auto;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
box-shadow: 0 2px 2px rgba(0,0,0,0.15)
}
.autocomplete-suggestion {
padding: 2px 5px;
white-space: nowrap;
overflow: hidden
}
.autocomplete-no-suggestion {
padding: 2px 5px
}
.autocomplete-selected {
background: rgba(152,166,173,0.3);
cursor: pointer
}
.autocomplete-suggestions strong {
font-weight: bold;
color: #36404a
}
.autocomplete-group {
padding: 2px 5px
}
.autocomplete-group strong {
font-weight: bold;
font-size: 16px;
color: #36404a;
display: block
}
.img-container,.img-preview {
background-color: #f7f7f7;
overflow: hidden;
width: 100%;
text-align: center
}
.img-container {
min-height: 200px;
max-height: 466px;
margin-bottom: 20px
}
@media (min-width: 768px) {
.img-container {
min-height:466px
}
}
.img-container>img {
max-width: 100%
}
.docs-preview {
margin-right: -15px;
margin-bottom: 10px
}
.img-preview {
float: left;
margin-right: 10px;
margin-bottom: 10px
}
.img-preview>img {
max-width: 100%
}
.sweet-alert p {
font-size: 14px;
font-weight: 400;
line-height: 22px
}
button.confirm {
background-color: #5fbeaa !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
@media (min-width: 768px) and (max-width: 1024px) {
.email-msg {
display:none
}
}
@media (min-width: 768px) and (max-width: 991px) {
body {
overflow-x:hidden
}
}
@media (max-width: 767px) {
body {
overflow-x:hidden
}
.mobile-sidebar {
left: 0px
}
.mobile-content {
left: 250px;
right: -250px
}
.wrapper-page {
width: 90%
}
.wizard>.steps>ul>li {
width: 100%
}
.wizard>.content {
padding: 0px !important
}
.wizard>.content>.body {
float: none;
position: relative;
width: 100%;
height: 100%;
padding: 0%
}
.wizard.vertical>.steps {
display: inline;
float: none;
width: 100%
}
.wizard.vertical>.content {
display: inline;
float: none;
margin: 0%;
width: 100%
}
.navbar-nav .open .dropdown-menu {
background-color: #ffffff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
left: auto;
position: absolute;
right: 0
}
.todo-send {
margin-top: 10px;
padding-left: 15px
}
.chat-inputbar {
padding-left: 15px
}
.chat-send {
margin-top: 10px;
padding-left: 15px;
padding-right: 15px
}
.dataTables_wrapper .col-xs-6 {
width: 100%;
text-align: left
}
.ms-container {
width: 100%
}
.email-msg {
display: none
}
}
@media (max-width: 480px) {
.side-menu {
z-index:10 !important
}
.button-menu-mobile {
display: block
}
.search-bar {
display: none !important
}
}
@media (max-width: 420px) {
.hide-phone {
display:none !important
}
}
@media (min-width: 768px) {
.container-alt {
width:750px
}
}
@media (min-width: 992px) {
.container-alt {
width:970px
}
}
@media (min-width: 1200px) {
.container-alt {
width:1170px
}
}
@media (max-width: 419px) {
.topbar-left {
width:70px !important
}
.content-page {
margin-left: 70px
}
.forced .side-menu.left {
-webkit-box-shadow: 0 12px 12px rgba(0,0,0,0.1);
box-shadow: 0 12px 12px rgba(0,0,0,0.1)
}
.enlarged .side-menu.left {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) !important;
box-shadow: 0 1px 1px rgba(0,0,0,0.1) !important
}
}
.calendar {
float: left;
margin-bottom: 0px
}
.fc-view {
margin-top: 30px
}
.none-border .modal-footer {
border-top: none
}
.fc-toolbar {
margin-bottom: 5px;
margin-top: 15px
}
.fc-toolbar h2,.fc-toolbar .page-pricing__features>li {
font-size: 18px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase
}
.fc-day {
background: #ffffff
}
.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active,.fc-toolbar button:focus,.fc-toolbar button:hover,.fc-toolbar .ui-state-hover {
z-index: 0
}
.fc-widget-header {
border: 1px solid #ebeff2
}
.fc-widget-content {
border: 1px solid #ebeff2
}
.fc th.fc-widget-header {
background: #ebeff2;
font-size: 14px;
line-height: 20px;
padding: 10px 0px;
text-transform: uppercase
}
.fc-button {
background: #ffffff;
border: 1px solid #ebeff2;
color: #555555;
text-transform: capitalize
}
.fc-text-arrow {
font-family: inherit;
font-size: 16px
}
.fc-state-hover {
background: #F5F5F5
}
.fc-state-highlight {
background: #f0f0f0
}
.fc-cell-overlay {
background: #f0f0f0
}
.fc-unthemed .fc-today {
background: #ffffff
}
.fc-event {
border-radius: 2px;
border: none;
cursor: move;
font-size: 13px;
margin: 5px 7px;
padding: 5px 5px;
text-align: center
}
.external-event {
color: #ffffff;
cursor: move;
margin: 10px 0;
padding: 6px 10px
}
.fc-basic-view td.fc-week-number span {
padding-right: 5px
}
.fc-basic-view td.fc-day-number {
padding-right: 5px
}
.bootstrap-tagsinput {
-webkit-box-shadow: none;
box-shadow: none;
padding: 6px 7px 6px;
border: 1px solid #e3e3e3;
width: 100%;
min-height: 38px
}
.bootstrap-tagsinput .label-info {
background-color: #5fbeaa !important;
display: inline-block;
padding: 5px
}
.ms-container .ms-list {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #e3e3e3
}
.ms-container .ms-list.ms-focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #aaaaaa
}
.ms-container .ms-selectable li.ms-elem-selectable {
border: none;
padding: 5px 10px
}
.ms-container .ms-selection li.ms-elem-selection {
border: none;
padding: 5px 10px
}
.select2-container .select2-choice {
background-image: none !important;
border: none !important;
height: auto !important;
padding: 0px !important;
line-height: 22px !important;
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.select2-container .select2-choice .select2-arrow {
background-image: none !important;
background: transparent;
border: none;
width: 14px;
top: -2px
}
.select2-container .select2-container-multi.form-control {
height: auto
}
.select2-results .select2-highlighted {
color: #ffffff;
background-color: #5fbeaa
}
.select2-drop-active {
border: 1px solid #e3e3e3 !important;
padding-top: 5px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
box-shadow: 0 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15)
}
.select2-search input {
border: 1px solid #e3e3e3
}
.select2-container-multi {
width: 100%
}
.select2-container-multi .select2-choices {
border: 1px solid #E3E3E3 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background-image: none !important;
border-radius: 4px !important;
-moz-border-radius: 4px !important;
background-clip: padding-box !important;
min-height: 38px
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 4px 7px 4px 18px;
margin: 5px 0 3px 5px;
color: #555555;
background: #f5f5f5;
border-color: #e5e5e5;
-webkit-box-shadow: none;
box-shadow: none
}
.select2-container-multi .select2-choices .select2-search-field input {
padding: 7px 7px 7px 10px;
font-family: inherit
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100% !important
}
.bootstrap-select .dropdown-toggle:focus {
outline: none !important
}
.bootstrap-select .glyphicon {
padding-right: 6px
}
.icon-span-filestyle {
padding-right: 5px
}
.bootstrap-touchspin .input-group-btn-vertical .btn {
padding: 9px 12px
}
.bootstrap-touchspin .input-group-btn-vertical i {
top: 4px;
left: 8px
}
.mce-content-body p {
color: #9398a0;
font-size: 14px;
font-weight: 300
}
.mce-popover .mce-arrow:after {
border-bottom-color: red
}
.mce-popover .mce-colorbutton-grid {
margin: 0px;
border: 1px solid #d7dce5 !important;
padding: 4px
}
.mce-reset .mce-window-head {
border-bottom: 1px solid #d7dce5
}
.mce-reset .mce-window-head .mce-title {
color: #707780;
font-size: 16px;
font-weight: 400
}
.mce-reset .mce-textbox {
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
border-color: #d7dce5;
height: 30px;
font-weight: 300;
line-height: 30px;
color: #aaaaaa;
font-size: 14px
}
.mce-reset .mce-textbox:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #5fbeaa
}
.mce-reset .mce-checkbox .mce-ico {
background-image: none;
background-color: #ffffff;
border-radius: 0px;
border: 1px solid #d7dce5
}
.mce-reset .mce-checkbox .mce-label {
color: #707780;
font-size: 12px;
font-weight: 400
}
.mce-container {
border-radius: 0px !important;
border-width: 0px !important
}
.mce-container .mce-menubar {
background-color: #f2f4f7 !important;
border: 1px solid #d7dce5 !important;
padding: 2px
}
.mce-container .mce-menubar .mce-btn button span {
color: #707780;
font-size: 14px;
font-weight: 400;
text-transform: capitalize
}
.mce-container .mce-menubar .mce-btn button .mce-caret {
border-top-color: #707780
}
.mce-container .mce-menubar .mce-btn button:hover {
background-color: #e8ebf1
}
.mce-container .mce-menubar .mce-btn.mce-active button {
background-color: #e8ebf1
}
.mce-container .mce-btn {
background-color: #d7dce5;
background-image: none;
outline: 0;
border: 0px;
border-radius: 0px
}
.mce-container .mce-btn button {
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-shadow: none
}
.mce-container .mce-btn:hover {
background-color: #b8c1d1;
background-image: none
}
.mce-container .mce-primary {
background-color: #5fbeaa;
background-image: none;
outline: 0;
border: 0px;
border-radius: 0px
}
.mce-container .mce-primary button {
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-shadow: none
}
.mce-container .mce-primary:hover {
background-color: #0c7cd5;
background-image: none
}
.mce-container .mce-toolbar-grp {
background-color: #f2f4f7 !important;
border: 1px solid #d7dce5 !important;
border-top-width: 0px !important;
padding: 6px
}
.mce-container .mce-edit-area {
border: 1px solid #d7dce5 !important;
border-width: 0px 1px !important
}
.mce-container .mce-statusbar {
background-color: #f2f4f7 !important;
border: 1px solid #d7dce5 !important
}
.mce-container .mce-statusbar .mce-path .mce-path-item {
color: #707780;
font-size: 14px;
font-weight: 400
}
.mce-container .mce-widget {
color: #9398a0;
font-size: 14px;
font-weight: 400;
border-left: 1px solid transparent
}
.mce-container .mce-btn-group {
border: 1px solid #e9ecf2 !important
}
.mce-container .mce-btn-group .mce-btn {
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
background-color: #ffffff;
border-width: 0px;
border-radius: 0px !important
}
.mce-container .mce-btn-group .mce-btn:hover,.mce-container .mce-btn-group .mce-btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
background-color: #ffffff
}
.mce-container .mce-btn-group .mce-btn button span {
color: #707780;
font-size: 14px;
font-weight: 300
}
.mce-container .mce-btn-group .mce-btn button .mce-caret {
color: #707780;
font-size: 14px
}
.mce-container .mce-ico {
color: #707780;
font-size: 14px
}
.mce-container .mce-panel {
background-image: none
}
.mce-container.mce-menu {
border: 1px solid #d7dce5 !important
}
.mce-container.mce-menu .mce-menu-item {
background-image: none
}
.mce-container.mce-menu .mce-menu-item .mce-ico {
color: #5fbeaa;
font-size: 14px
}
.mce-container.mce-menu .mce-menu-item .mce-text {
color: #707780;
font-size: 14px;
font-weight: 400;
text-transform: capitalize
}
.mce-container.mce-menu .mce-menu-item .mce-menu-shortcut {
color: #aaaaaa;
font-size: 12px;
font-weight: 300;
text-transform: capitalize
}
.mce-container.mce-menu .mce-menu-item:hover,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item.mce-selected {
background-color: #5fbeaa
}
.mce-container.mce-menu .mce-menu-item:hover .mce-ico,.mce-container.mce-menu .mce-menu-item:focus .mce-ico,.mce-container.mce-menu .mce-menu-item.mce-selected .mce-ico,.mce-container.mce-menu .mce-menu-item:hover .mce-text,.mce-container.mce-menu .mce-menu-item:focus .mce-text,.mce-container.mce-menu .mce-menu-item.mce-selected .mce-text,.mce-container.mce-menu .mce-menu-item:hover .mce-menu-shortcut,.mce-container.mce-menu .mce-menu-item:focus .mce-menu-shortcut,.mce-container.mce-menu .mce-menu-item.mce-selected .mce-menu-shortcut {
color: #ffffff
}
.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-ico,.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-text,.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-menu-shortcut {
color: #aaaaaa
}
.mce-container.mce-menu .mce-menu-item.mce-disabled:hover,.mce-container.mce-menu .mce-menu-item.mce-disabled:focus,.mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected {
background-color: #d7dce5
}
.mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico,.mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-ico,.mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-ico,.mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-text,.mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-text,.mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-text,.mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-menu-shortcut,.mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-menu-shortcut,.mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-menu-shortcut {
color: #ffffff
}
.mce-container.mce-menu .mce-menu-item-sep {
background-color: #d7dce5
}
.mce-container.mce-menu .mce-menu-item-sep:hover {
background-color: #d7dce5
}
.mce-menubtn button {
color: #36404a !important
}
.mce-menu-item-normal.mce-active {
background-color: #5fbeaa !important
}
.mce-menu-item-normal.mce-active .mce-text {
color: #ffffff !important
}
#showDataURL img {
width: 100%
}
.notifyjs-metro-base {
position: relative;
min-height: 52px;
min-width: 250px;
color: #444;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
-webkit-animation: dropdownOpen 0.3s ease-out;
animation: dropdownOpen 0.3s ease-out
}
.notifyjs-metro-base .image {
display: table;
position: absolute;
height: auto;
width: auto;
left: 25px;
top: 50%;
font-size: 24px;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.notifyjs-metro-base .text-wrapper {
display: inline-block;
vertical-align: top;
text-align: left;
margin: 10px 10px 10px 52px;
clear: both
}
.notifyjs-metro-base .title {
font-size: 15px;
line-height: 20px;
margin-bottom: 5px;
font-weight: bold
}
.notifyjs-metro-base .text {
font-size: 12px;
font-weight: normal;
max-width: 360px;
vertical-align: middle
}
.notifyjs-metro-cool {
color: #fafafa !important;
background-color: #4A525F;
border: 1px solid #4A525F
}
.slider .slider-horizontal {
margin: 10px 0
}
.slider .slider-vertical {
margin: 0 10px
}
.slider-handle.round {
position: absolute;
width: 20px;
height: 20px;
border: 1px solid #EFF2F7;
background: #fff;
cursor: pointer
}
.slider-default .slider-selection {
background-image: none;
background-color: #909aa0
}
.slider-primary .slider-selection {
background-image: none;
background-color: #5d9cec
}
.slider-success .slider-selection {
background-image: none;
background-color: #81c868
}
.slider-info .slider-selection {
background-image: none;
background-color: #34d3eb
}
.slider-warning .slider-selection {
background-image: none;
background-color: #ffbd4a
}
.slider-danger .slider-selection {
background-image: none;
background-color: #f05050
}
.slider-custom .slider-selection {
background-image: none;
background-color: #5fbeaa
}
.slider-pink .slider-selection {
background-image: none;
background-color: #fb6d9d
}
.slider-purple .slider-selection {
background-image: none;
background-color: #7266ba
}
.slider-inverse .slider-selection {
background-image: none;
background-color: #4c5667
}
.morris-hover.morris-default-style {
border-radius: 5px;
padding: 10px 12px;
background: #36404a;
border: none;
color: #ffffff !important
}
.morris-hover.morris-default-style .morris-hover-point {
color: #f4f8fb !important
}
.chart-detail-list li {
margin: 0px 10px
}
.chart-detail-list li h5 {
font-size: 15px
}
.pieLabel div {
font-size: 14px !important
}
.jqstooltip {
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.chart {
position: relative;
display: inline-block;
width: 110px;
height: 110px;
margin-top: 20px;
margin-bottom: 20px;
text-align: center
}
.chart canvas {
position: absolute;
top: 0;
left: 0
}
.chart.chart-widget-pie {
margin-top: 5px;
margin-bottom: 5px
}
.percent {
display: inline-block;
line-height: 110px;
z-index: 2;
font-weight: 600;
font-size: 18px;
color: #36404a
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: .8em
}
#flotTip {
padding: 8px 12px;
background-color: #36404a;
z-index: 100;
color: #ffffff;
opacity: 0.9;
font-size: 13px;
border-radius: 3px
}
.legend tr {
height: 20px
}
.legendLabel {
padding-left: 5px !important;
line-height: 10px;
padding-right: 10px
}
.jqstooltip {
background-color: #36404a !important;
padding: 5px 10px !important;
border-radius: 3px;
-moz-border-radius: 3px;
border-color: #36404a !important
}
.jqsfield {
font-size: 12px !important;
line-height: 18px !important
}
.c3-tooltip td>span {
background: #36404a
}
.c3-tooltip td {
border-left: none
}
.c3-tooltip {
-webkit-box-shadow: 0px 0px 8px 0px #777777;
box-shadow: 0px 0px 8px 0px #777777;
-moz-box-shadow: 0px 0px 8px 0px #777777;
opacity: 1
}
.c3-chart-arcs-title {
font-size: 18px;
font-weight: 600
}
.c3-tooltip tr {
border: none !important
}
.c3-tooltip th {
background-color: #36404a
}
.ct-golden-section:before {
float: none
}
.ct-chart {
height: 300px
}
.ct-chart .ct-label {
fill: #a3afb7;
color: #a3afb7;
font-size: 12px;
line-height: 1
}
.ct-chart.simple-pie-chart-chartist .ct-label {
color: #ffffff;
fill: #ffffff;
font-size: 16px
}
.ct-chart .ct-series.ct-series-a .ct-bar,.ct-chart .ct-series.ct-series-a .ct-line,.ct-chart .ct-series.ct-series-a .ct-point,.ct-chart .ct-series.ct-series-a .ct-slice-donut {
stroke: #5d9cec
}
.ct-chart .ct-series.ct-series-b .ct-bar,.ct-chart .ct-series.ct-series-b .ct-line,.ct-chart .ct-series.ct-series-b .ct-point,.ct-chart .ct-series.ct-series-b .ct-slice-donut {
stroke: #fb6d9d
}
.ct-chart .ct-series.ct-series-c .ct-bar,.ct-chart .ct-series.ct-series-c .ct-line,.ct-chart .ct-series.ct-series-c .ct-point,.ct-chart .ct-series.ct-series-c .ct-slice-donut {
stroke: #34d3eb
}
.ct-chart .ct-series.ct-series-d .ct-bar,.ct-chart .ct-series.ct-series-d .ct-line,.ct-chart .ct-series.ct-series-d .ct-point,.ct-chart .ct-series.ct-series-d .ct-slice-donut {
stroke: #5fbeaa
}
.ct-chart .ct-series.ct-series-e .ct-bar,.ct-chart .ct-series.ct-series-e .ct-line,.ct-chart .ct-series.ct-series-e .ct-point,.ct-chart .ct-series.ct-series-e .ct-slice-donut {
stroke: #36404a
}
.ct-chart .ct-series.ct-series-f .ct-bar,.ct-chart .ct-series.ct-series-f .ct-line,.ct-chart .ct-series.ct-series-f .ct-point,.ct-chart .ct-series.ct-series-f .ct-slice-donut {
stroke: #7266ba
}
.ct-chart .ct-series.ct-series-g .ct-bar,.ct-chart .ct-series.ct-series-g .ct-line,.ct-chart .ct-series.ct-series-g .ct-point,.ct-chart .ct-series.ct-series-g .ct-slice-donut {
stroke: #81c868
}
.ct-series-a .ct-area,.ct-series-a .ct-slice-pie {
fill: #5d9cec
}
.ct-series-b .ct-area,.ct-series-b .ct-slice-pie {
fill: #fb6d9d
}
.ct-series-c .ct-area,.ct-series-c .ct-slice-pie {
fill: #34d3eb
}
.ct-series-d .ct-area,.ct-series-d .ct-slice-pie {
fill: #5fbeaa
}
.circliful-chart {
margin: 0px auto
}
.circle-text,.circle-info,.circle-text-half,.circle-info-half {
font-size: 12px;
font-weight: 600
}
#legend {
background: white;
position: absolute;
top: 0;
right: 15px
}
#legend .line {
color: #333
}
.rickshaw_graph svg {
max-width: 100%
}
.rickshaw_legend .label {
font-family: inherit;
letter-spacing: 0.01em;
font-weight: 600
}
.home-wrapper {
margin: 10% 0px
}
.home-text {
font-weight: 600
}
.u-countdown {
margin-top: 40px;
text-align: center
}
.u-countdown div {
display: inline-block
}
.u-countdown div span {
display: block;
width: 150px
}
.u-countdown div span:first-child {
font-size: 3em;
font-weight: 700;
height: 48px;
line-height: 48px
}
.u-countdown div span:last-child {
color: #333333;
font-size: 0.9em;
height: 25px;
line-height: 25px
}
.u-countdown>* {
text-align: center
}
.cd-text {
font-size: 15px;
line-height: 24px;
font-style: italic
}
.cd-container {
width: 90%;
max-width: 1170px;
margin: 0 auto
}
.cd-container::after {
content: '';
display: table;
clear: both
}
#cd-timeline {
margin-bottom: 2em;
margin-top: 2em;
padding: 2em 0;
position: relative
}
#cd-timeline::before {
background: #ffffff;
content: '';
height: 100%;
left: 18px;
position: absolute;
top: 0;
width: 4px
}
@media only screen and (min-width: 1170px) {
#cd-timeline {
margin-bottom:3em;
margin-top: 3em
}
#cd-timeline::before {
left: 50%;
margin-left: -2px
}
}
.cd-timeline-block {
margin: 2em 0;
position: relative
}
.cd-timeline-block:after {
clear: both;
content: "";
display: table
}
.cd-timeline-block:first-child {
margin-top: 0
}
.cd-timeline-block:last-child {
margin-bottom: 0
}
@media only screen and (min-width: 1170px) {
.cd-timeline-block {
margin:4em 0
}
.cd-timeline-block:first-child {
margin-top: 0
}
.cd-timeline-block:last-child {
margin-bottom: 0
}
}
.cd-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);
box-shadow: 0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);
text-align: center;
line-height: 40px;
font-size: 20px;
color: #fff
}
.cd-timeline-img.cd-success {
background: #81c868
}
.cd-timeline-img.cd-info {
background: #34d3eb
}
.cd-timeline-img.cd-pink {
background: #fb6d9d
}
.cd-timeline-img.cd-danger {
background: #f05050
}
.cd-timeline-img.cd-primary {
background: #5d9cec
}
.cd-timeline-img.cd-warning {
background: #ffbd4a
}
@media only screen and (min-width: 1170px) {
.cd-timeline-img {
width:60px;
height: 60px;
line-height: 60px;
left: 50%;
margin-left: -30px;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden
}
.cssanimations .cd-timeline-img.is-hidden {
visibility: hidden
}
.cssanimations .cd-timeline-img.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s
}
}
.cd-timeline-content {
-moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.1);
background: white;
border-radius: 0;
box-shadow: 0 5px 5px -5px rgba(0,0,0,0.1);
margin-left: 60px;
padding: 1em;
position: relative
}
.cd-timeline-content img {
display: block;
width: 100%
}
.cd-timeline-content:after {
clear: both;
content: "";
display: table
}
.cd-timeline-content h2,.cd-timeline-content .page-pricing__features>li {
margin-top: 0
}
.cd-timeline-content p {
color: #666666;
font-size: 14px;
margin: 10px 0px 10px 0px
}
.cd-timeline-content .cd-read-more {
background: #acb7c0;
border-radius: 0.25em;
color: white;
display: inline-block;
float: right;
font-size: 14px;
padding: .8em 1em
}
.cd-timeline-content .cd-date {
display: inline-block;
font-size: 14px
}
.cd-timeline-content h3 {
font-size: 21px;
margin: 0px
}
.no-touch .cd-timeline-content .cd-read-more:hover {
background-color: #bac4cb
}
.cd-timeline-content .cd-date {
float: left;
padding: .8em 0;
opacity: .7
}
.cd-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid white
}
@media only screen and (min-width: 1170px) {
.cd-timeline-content {
margin-left:0;
padding: 1.6em;
width: 45%
}
.cd-timeline-content::before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: white
}
.cd-timeline-content .cd-read-more {
float: left
}
.cd-timeline-content .cd-date {
position: absolute;
width: 100%;
left: 122%;
top: 6px
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: white
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
left: auto;
right: 122%;
text-align: right
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s
}
}
@media only screen and (min-width: 1170px) {
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation:cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s
}
}
.timeline-2 {
border-left: 2px solid #98a6ad;
position: relative
}
.timeline-2 .time-item:after {
background-color: #ffffff;
border-color: #98a6ad;
border-radius: 10px;
border-style: solid;
border-width: 2px;
bottom: 0;
content: '';
height: 14px;
left: 0;
margin-left: -8px;
position: absolute;
top: 5px;
width: 14px
}
.time-item {
border-color: #dee5e7;
padding-bottom: 1px;
position: relative
}
.time-item:before {
content: " ";
display: table
}
.time-item:after {
background-color: #ffffff;
border-color: #98a6ad;
border-radius: 10px;
border-style: solid;
border-width: 2px;
bottom: 0;
content: '';
height: 14px;
left: 0;
margin-left: -8px;
position: absolute;
top: 5px;
width: 14px
}
.time-item-item:after {
content: " ";
display: table
}
.item-info {
margin-bottom: 15px;
margin-left: 15px
}
.item-info p {
margin-bottom: 10px !important
}
.mails a {
color: #797979
}
.mails td {
vertical-align: middle !important;
position: relative
}
.mails td:last-of-type {
width: 100px;
padding-right: 20px
}
.mails tr:hover .text-white {
display: none
}
.mails .mail-select {
padding: 12px 20px;
min-width: 134px
}
.mails .checkbox {
margin-bottom: 0px;
margin-top: 0px;
vertical-align: middle;
display: inline-block;
height: 17px
}
.mails .checkbox label {
min-height: 16px
}
.mail-list .list-group-item {
background-color: transparent
}
.mail-list .list-group-item:hover {
background-color: #f4f8fb
}
.mail-list .list-group-item:focus {
background-color: #f4f8fb
}
.mail-list .list-group-item.active {
background-color: #5fbeaa;
border-radius: 3px;
-moz-border-radius: 3px;
background-clip: padding-box
}
.unread a {
font-weight: 600;
color: #444444
}
.portfolioContainer {
margin-bottom: 30px
}
.portfolioFilter a {
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
transition: all 0.3s ease-out;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out;
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
color: #333333;
padding: 5px 10px;
display: inline-block;
margin-bottom: 5px
}
.portfolioFilter a:hover {
background-color: #5d9cec;
color: #ffffff
}
.portfolioFilter a.current {
background-color: #5d9cec;
color: #ffffff
}
.thumb {
background-color: #ffffff;
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
margin-top: 30px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
width: 100%
}
.thumb-img {
border-radius: 2px;
overflow: hidden;
width: 100%
}
.gal-detail h4 {
margin-top: 16px
}
.icon-main {
font-size: 88px;
margin-bottom: 50px
}
.maintenance-page {
margin: 10% 0%
}
.gmaps,.gmaps-panaroma {
height: 300px;
background: #eeeeee;
border-radius: 3px
}
.gmaps-overlay {
display: block;
text-align: center;
color: #ffffff;
font-size: 16px;
line-height: 40px;
background: #5d9cec;
border-radius: 4px;
padding: 10px 20px
}
.gmaps-overlay_arrow {
left: 50%;
margin-left: -16px;
width: 0;
height: 0;
position: absolute
}
.gmaps-overlay_arrow.above {
bottom: -15px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 16px solid #5d9cec
}
.gmaps-overlay_arrow.below {
top: -15px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 16px solid #5d9cec
}
.jvectormap-zoomin,.jvectormap-zoomout {
width: 10px;
height: 10px;
line-height: 10px
}
.jvectormap-zoomout {
top: 40px
}
.custom-dd .dd-list .dd-item .dd-handle {
background: #f4f8fb;
border: none;
padding: 8px 16px;
height: auto;
font-weight: 600;
border-radius: 3px;
-moz-border-radius: 3px;
background-clip: padding-box
}
.custom-dd .dd-list .dd-item .dd-handle:hover {
color: #5fbeaa
}
.custom-dd .dd-list .dd-item button {
height: auto;
font-size: 17px;
margin: 8px auto;
color: #555555;
width: 30px
}
.custom-dd-empty .dd-list .dd3-handle {
border: none;
background: #f4f8fb;
height: 36px;
width: 36px
}
.custom-dd-empty .dd-list .dd3-handle:before {
color: inherit;
top: 7px
}
.custom-dd-empty .dd-list .dd3-handle:hover {
color: #5fbeaa
}
.custom-dd-empty .dd-list .dd3-content {
height: auto;
border: none;
padding: 8px 16px 8px 46px;
background: #f4f8fb;
font-weight: 600
}
.custom-dd-empty .dd-list .dd3-content:hover {
color: #5fbeaa
}
.custom-dd-empty .dd-list button {
width: 26px;
height: 26px;
font-size: 16px;
font-weight: 600
}
.pricing-plan {
padding-bottom: 50px
}
.price_card {
-moz-border-radius: 5px;
webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
background: #fafafa;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
margin-bottom: 30px;
padding-bottom: 20px;
position: relative
}
.price_card .name {
display: block;
font-size: 16px;
font-weight: 700;
padding: 0 0 30px;
text-align: center;
width: 100%
}
.price_card button {
margin-top: 20px
}
.pricing-header {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #ffffff
}
.price {
display: block;
font-size: 48px;
font-weight: 300;
padding: 30px 0 10px;
text-align: center;
width: 100%
}
.price-features {
color: #8a8a8a;
list-style: none;
margin: 0;
padding: 0;
text-align: center
}
.price-features li {
margin: 0 35px;
padding: 20px 15px
}
.pricing-item {
margin: 0 0 30px;
position: relative;
text-align: center
}
.pricing-item-inner {
-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
-ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
border-radius: 7px;
border: 2px solid rgba(151,160,175,0.2);
transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
vertical-align: middle
}
.pricing-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
padding: 30px 20px;
position: relative;
text-align: center
}
.pricing-icon {
font-size: 32px;
padding-bottom: 5px;
padding-top: 10px;
position: relative;
z-index: 1
}
.pricing-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 40px;
position: relative;
text-transform: uppercase;
z-index: 1
}
.pr-list {
color: #97a0af;
font-size: 12px;
font-weight: 400;
margin: 0 -20px 30px;
padding: 0;
text-transform: uppercase
}
.pr-list li {
list-style: none;
padding: 12px 20px
}
.pricing-num {
font-size: 40px;
font-weight: 700;
line-height: 1
}
.pricing-num sup {
font-size: 18px;
font-weight: 400;
left: -3px;
margin-left: -7px;
position: relative;
top: -20px
}
.pr-per {
color: #97a0af;
font-size: 12px
}
.pr-button {
margin-top: 30px
}
.profile-detail {
text-align: center;
padding: 30px 20px
}
.profile-detail img {
height: 120px;
width: 120px
}
.profile-detail .status-list li {
padding: 0px 20px
}
.profile-tabs li a {
color: #36404a !important
}
.profile-tabs li.active a {
color: #ffffff !important
}
.profile-pills li a {
color: rgba(54,64,74,0.5) !important;
padding: 0px 10px;
line-height: 30px !important
}
.profile-pills li a i {
font-size: 14px
}
.comment {
padding-top: 12px
}
.comment .comment-avatar {
position: relative;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
display: block;
float: left;
height: 32px;
width: 32px
}
.comment .comment-body {
float: none;
margin-left: 40px;
position: relative
}
.comment .comment-text {
border: 1px solid #e5e5e5;
border-radius: 2px;
padding: 7px 12px 8px
}
.comment .comment-header {
font-size: 12px;
padding-bottom: 2px
}
.comment .comment-header a {
color: #36404a;
font-weight: bold
}
.comment .comment-header span {
color: #98a6ad;
display: inline-block;
font-size: 11px;
margin-left: 5px
}
.comment .comment-footer {
display: block;
font-size: 12px;
padding: 4px 12px 0
}
.comment .comment-footer i {
font-size: 13px;
margin-right: 7px
}
.comment .comment-footer,.comment .comment-footer a {
color: rgba(54,64,74,0.5)
}
.comment .comment-footer:hover,.comment .comment-footer a:hover {
color: #5fbeaa
}
.comment>.comment {
margin-left: 32px !important
}
.sitemap-wrapper a {
color: #555555
}
.sitemap-wrapper a:hover {
color: #5fbeaa
}
.sitemap-wrapper h5 {
font-weight: 600;
font-size: 16px;
line-height: 32px
}
.sitemap-wrapper h5 i {
padding-right: 10px
}
.sitemap-wrapper ul {
padding-left: 30px
}
.sitemap-wrapper ul li a {
font-size: 15px;
line-height: 30px
}
.faq-box {
padding: 24px 0px;
border-bottom: 1px solid #ebeff2
}
.faq-box .question {
font-weight: 600;
font-size: 16px;
margin-top: 0px
}
.faq-box .answer {
color: #98a6ad;
margin-bottom: 0px
}
.search-result-box .tab-content {
padding: 30px 30px 10px 30px;
-webkit-box-shadow: none;
box-shadow: none;
-moz-box-shadow: none
}
.search-result-box .search-item {
padding-bottom: 20px;
border-bottom: 1px solid #ebeff2;
margin-bottom: 30px
}
.contact-search .btn-white {
position: absolute;
top: 1px;
right: 16px;
background-color: transparent !important;
border: none !important;
font-size: 16px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none !important;
color: #98a6ad
}
.contact-card {
position: relative
}
.contact-card:hover .contact-action {
display: block
}
.contact-card img {
width: 80px;
height: 80px
}
.contact-card .member-info {
padding-left: 100px;
padding-bottom: 20px
}
.contact-card .member-info h4,.contact-card .member-info p {
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap
}
.contact-card .contact-action {
position: absolute;
right: 0px;
top: 0px;
display: none
}
.opport-box .checkbx-detail {
width: 30px
}
.opport-box .lable-detail {
text-align: center;
width: 20%
}
.opport-box .member-info {
padding-right: 10px
}
.opport-box .member-info h4 {
font-size: 16px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.opport-box .member-info p {
font-size: 13px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.product-list-box {
position: relative
}
.product-list-box img {
max-width: 220px;
height: auto;
margin: 0 auto;
display: block
}
.product-list-box .product-action {
position: absolute;
right: 10px;
top: 10px;
display: none
}
.product-list-box .detail {
background: #f4f8fb;
padding: 20px;
margin: 0px -10px -10px
}
.product-list-box .detail h4 a {
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 600
}
.product-list-box .detail .rating ul {
margin-left: 0px
}
.product-list-box .detail .rating ul li {
padding: 0px
}
.product-list-box .detail .rating ul li a {
color: #ffbd4a;
font-size: 15px;
margin-bottom: 0;
padding-right: 4px
}
.product-list-box:hover .product-action {
display: block
}
.account-pages {
position: absolute;
height: 100%;
width: 100%
}
.wrapper-page {
margin: 5% auto;
position: relative;
width: 420px
}
.wrapper-page .card-box {
border: 1px solid rgba(54,64,74,0.1)
}
.panel-pages {
border-radius: 6px
}
.panel-pages .panel-body {
padding: 30px
}
.panel-pages .panel-heading {
border-radius: 6px 6px 0px 0px;
padding: 40px 20px;
position: relative
}
.panel-pages .panel-heading h3 {
position: relative;
z-index: 999
}
.user-thumb {
position: relative;
z-index: 999
}
.user-thumb img {
height: 88px;
margin: 0px auto;
width: 88px
}
.ex-page-content .text-error {
color: #252932;
font-size: 98px;
font-weight: 700;
line-height: 150px
}
.ex-page-content .text-error i {
font-size: 78px;
padding: 0px 10px
}
.signup-signin-page {
width: auto
}
.jstree-default .jstree-clicked {
background: rgba(95,190,170,0.4);
-webkit-box-shadow: none;
box-shadow: none
}
.jstree-default .jstree-hovered {
background: rgba(95,190,170,0.2);
-webkit-box-shadow: none;
box-shadow: none
}
.jstree-default .jstree-wholerow-clicked {
background: rgba(95,190,170,0.4)
}
.jstree-default .jstree-wholerow-hovered {
background: rgba(95,190,170,0.2)
}
.jstree-default .zmdi {
font-size: 16px
}
div.hopscotch-bubble {
border: 3px solid #5d9cec;
border-radius: 5px;
-moz-border-radius: 5px;
background-clip: padding-box
}
div.hopscotch-bubble .hopscotch-next {
background-color: #5d9cec !important;
background-image: none !important;
border-color: #5d9cec !important;
text-shadow: none !important;
margin: 0 0 0 5px !important
}
div.hopscotch-bubble .hopscotch-prev {
background-color: #5d9cec !important;
background-image: none !important;
border-color: #5d9cec !important;
text-shadow: none !important;
color: #ffffff !important
}
div.hopscotch-bubble .hopscotch-bubble-number {
background: #5fbeaa;
padding: 0px;
border-radius: 50%;
-moz-border-radius: 50%;
background-clip: padding-box
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
border-right: 19px solid #5d9cec
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
border-left: 19px solid #5d9cec;
left: -2px
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
border: none
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
border-left: 0px solid #5d9cec
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
border-bottom: 19px solid #5d9cec;
top: 0px
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
border-bottom: 0px solid rgba(0,0,0,0.5)
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
border-top: 19px solid #5d9cec;
top: -2px
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
border-top: 0px solid rgba(0,0,0,0.5)
}
.ad-xs-970-90 {
margin-left: auto;
margin-right: auto;
width: 970px;
height: 90px
}
.ad-xs-728-90 {
margin-left: auto;
margin-right: auto;
width: 728px;
height: 90px
}
.ad-xs-336-280 {
margin-left: auto;
margin-right: auto;
width: 336px;
height: 280px
}
.ad-xs-320-100 {
margin-left: auto;
margin-right: auto;
width: 320px;
height: 100px
}
.ad-xs-300-250 {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 250px
}
.ad-xs-300-600 {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 600px
}
.ad-xs-1200-100 {
margin-left: auto;
margin-right: auto;
width: 1200px;
height: 100px
}
.ad-xs-90 {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 90px
}
.ad-xs-250 {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 250px
}
@media (min-width: 768px) {
.ad-sm-970-90 {
margin-left:auto;
margin-right: auto;
width: 970px;
height: 90px
}
.ad-sm-728-90 {
margin-left: auto;
margin-right: auto;
width: 728px;
height: 90px
}
.ad-sm-336-280 {
margin-left: auto;
margin-right: auto;
width: 336px;
height: 280px
}
.ad-sm-320-100 {
margin-left: auto;
margin-right: auto;
width: 320px;
height: 100px
}
.ad-sm-300-250 {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 250px
}
.ad-sm-300-600 {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 600px
}
.ad-sm-1200-100 {
margin-left: auto;
margin-right: auto;
width: 1200px;
height: 100px
}
.ad-sm-90 {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 90px
}
.ad-sm-250 {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 250px
}
}
@media (min-width: 992px) {
.ad-md-970-90 {
margin-left:auto;
margin-right: auto;
width: 970px;
height: 90px
}
.ad-md-728-90 {
margin-left: auto;
margin-right: auto;
width: 728px;
height: 90px
}
.ad-md-336-280 {
margin-left: auto;
margin-right: auto;
width: 336px;
height: 280px
}
.ad-md-320-100 {
margin-left: auto;
margin-right: auto;
width: 320px;
height: 100px
}
.ad-md-300-250 {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 250px
}
.ad-md-300-600 {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 600px
}
.ad-md-1200-100 {
margin-left: auto;
margin-right: auto;
width: 1200px;
height: 100px
}
.ad-md-90 {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 90px
}
.ad-md-250 {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 250px
}
}
@media (min-width: 1200px) {
.ad-lg-970-90 {
margin-left:auto;
margin-right: auto;
width: 970px;
height: 90px
}
.ad-lg-728-90 {
margin-left: auto;
margin-right: auto;
width: 728px;
height: 90px
}
.ad-lg-336-280 {
margin-left: auto;
margin-right: auto;
width: 336px;
height: 280px
}
.ad-lg-320-100 {
margin-left: auto;
margin-right: auto;
width: 320px;
height: 100px
}
.ad-lg-300-250 {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 250px
}
.ad-lg-300-600 {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 600px
}
.ad-lg-1200-100 {
margin-left: auto;
margin-right: auto;
width: 1200px;
height: 100px
}
.ad-lg-90 {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 90px
}
.ad-lg-250 {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 250px
}
}
.ad-full-width {
width: 100%
}
.adsbygoogle {
display: inline-block
}
.banner {
padding: 0;
text-align: left;
margin-top: 1.5em;
margin-bottom: 1.5em
}
.banner.text-center {
text-align: center
}
.banner.no-margin {
margin: 0
}
.btn-follow {
font-size: 15px
}
.btn-follow.btn-sm,.btn-group-sm>.btn-follow.btn {
padding: 3px 8px
}
.btn-follow>.icon {
width: 20px
}
.loader {
margin: 60px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255,255,255,0.2);
border-right: 1.1em solid rgba(255,255,255,0.2);
border-bottom: 1.1em solid rgba(255,255,255,0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear
}
.loader,.loader:after {
border-radius: 50%;
width: 10em;
height: 10em
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@media (min-width: 992px) {
.pull-right-md {
float:right
}
}
.page-pricing {
padding: 80px 0 110px;
text-align: center
}
.page-pricing .btn-label {
padding-left: 20px;
padding-right: 20px
}
.page-pricing__header {
margin-top: 0;
margin-bottom: 40px;
position: relative;
display: inline-block
}
.page-pricing__header:before {
position: absolute;
display: block;
width: 40px;
height: 40px;
content: "";
left: -40px;
top: -2px;
background: url(/assets/exclamation-e3969ccba9a76c4629b5554b90a4e0d7014ec9c066b743a042aa00776130d926.svg) no-repeat;
background-size: 100%
}
.page-pricing__features {
display: inline-block;
text-align: left;
list-style: none;
margin-bottom: 0;
margin-top: 0;
padding-left: 30px
}
@media (min-width: 992px) {
.page-pricing__features {
margin-top:30px;
padding-left: 30px
}
}
@media (max-width: 991px) {
.page-pricing__features>li {
font-size:25px
}
}
.page-pricing__features>li:before {
content: '- '
}
.page-pricing__buttons .btn {
margin: 0 10px 30px;
border-radius: 5px;
font-size: 14px;
line-height: 1.7
}
@media (min-width: 768px) {
.page-pricing__buttons .btn {
margin:0 20px 30px
}
}
@media (min-width: 992px) {
.page-pricing__buttons .btn {
font-size:20px
}
}
.page-pricing__or {
font-size: 25px;
color: #333
}
.page-pricing__signup {
margin: 10px 0;
border: 2px solid #ccc;
border-radius: 5px;
font-size: 16px;
color: #333;
-webkit-transition: color .3s;
transition: color .3s
}
.page-pricing__signup:hover {
color: #666
}
@media (min-width: 992px) {
.page-pricing__signup {
font-size:20px
}
}
@media (max-width: 991px) {
body {
overflow-x:hidden;
padding-bottom: 95px
}
}
#topnav .app-search a {
top: 0;
right: 3px;
padding: 7.5px 15px;
margin-top: -7px
}
#topnav .menu-search a {
top: 8px;
right: 14px;
padding: 6px
}
#topnav .navbar-nav {
margin-left: 20px
}
@media (min-width: 992px) {
#topnav .navbar-nav {
margin-left:40px
}
}
#topnav .navigation-menu>li>a {
padding: 16px 15px 10px
}
#navigation {
height: auto;
min-height: 100vh;
min-height: calc(100vh - 62px)
}
@media (max-width: 991px) {
.footer .pull-right-md {
margin-top:5px
}
}
.table tbody>tr>td.td-center {
vertical-align: middle
}
.container {
padding: 0 10px
}
.menu-search {
padding: 7px
}
.menu-search a {
position: absolute;
top: 14px;
right: 20px;
font-size: 1.2em;
color: #c4c4cd
}
#topnav .app-search {
width: 500px;
max-width: 100%;
margin: 10px 20px 10px 10px
}
#topnav .app-search a {
top: 7.5px
}
#topnav .app-search .form-control {
color: #222;
height: 35px;
width: 100%;
background-color: #fff;
border-color: #e5e5e5
}
#topnav .app-search .form-control:focus {
color: black;
height: 35px;
width: 100%;
background-color: #fff;
border-color: #e5e5e5
}
.menu-search .form-control {
height: 40px;
border-color: rgba(95,190,170,0.5)
}
.menu-search .form-control:focus {
border-color: rgba(95,190,170,0.8)
}
.wrapper-page {
width: auto;
max-width: 420px;
padding: 0 10px
}
.star-ratings {
color: #c5c5c5;
font-size: 20px;
display: inline-block;
position: relative;
padding: 0;
text-shadow: 1px 1px 0 rgba(162,162,162,0.6)
}
.star-ratings.lg {
font-size: 28px
}
.star-ratings.sm {
font-size: 12px
}
.star-ratings .fa,.star-ratings .btn-follow>.icon,.star-ratings #scroller {
margin-left: 3px
}
.star-ratings-top {
color: #fba704;
padding: 0;
position: absolute;
z-index: 1;
display: block;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap
}
.star-ratings-bottom {
padding: 0;
display: block;
z-index: 0;
white-space: nowrap
}
.nav-overview {
font-size: 18px;
line-height: 20px
}
.nav-overview>li {
margin-bottom: 4px
}
.nav-overview>li>a {
border: solid 1px #ddd;
padding: 15px 10px;
padding-right: 5px;
font-size: 1em;
color: #5d9cec
}
.nav-overview>li>a>.item-link {
display: block;
float: right;
font-size: 0.9em;
margin: -15px -10px;
padding: 15px 20px;
background-color: #eee
}
.nav-overview>li>a>.item-link:after {
content: "»"
}
.nav-overview>li>a>.item-title {
color: #333;
font-size: 0.9em;
text-align: left;
margin: -15px -10px;
margin-right: 15px;
padding: 15px 10px;
padding-right: 5px;
display: block;
float: left;
width: 170px;
background-color: #eee
}
.search-involved {
width: 100%;
min-width: 240px;
text-align: center;
font-size: 10px;
background-color: #ebeff2;
padding: 10px 0;
border-radius: 3px;
border: solid 1px #d7dbde
}
.search-involved .left {
padding: 2px;
float: left;
width: 60%;
border-right: solid 1px #d7dbde
}
.search-involved .right {
padding: 2px;
float: left;
width: 40%
}
.search-involved .right b {
font-size: 2em
}
.hideable {
position: relative
}
.hideable-placeholder {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
padding: 10px;
display: none
}
.hideable>.hideable-placeholder {
display: block
}
.hideable>.hideable-content {
opacity: 0
}
@media (max-width: 767px) {
.word-break-xs {
word-break:break-all
}
}
.wrapper {
margin-top: 10px
}
#topnav .nav-link {
color: #ddd;
margin: 0 15px 0 0;
padding: 5px 0;
line-height: 42px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
height: 54px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
border-top: solid 2px transparent
}
#topnav .nav-link:hover {
color: #fff;
border-top: solid 2px #fff
}
div[data-chart] {
min-height: 280px;
margin: 5px
}
div[data-chart="keyword-popularity"] {
min-height: 243px;
margin: 5px
}
#scroller {
position: fixed;
bottom: 20px;
right: 20px;
padding: 8px;
font-size: 1.5em;
opacity: 0.5;
background: rgba(102,102,102,0.4);
color: #444;
display: none;
border-radius: 5px;
cursor: pointer;
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity
}
#scroller:hover {
opacity: 1
}
.carousel-indicators.inverse li {
border-color: rgba(102,102,102,0.4)
}
.carousel-indicators.inverse li.active {
border-color: transparent;
background-color: rgba(102,102,102,0.4)
}
.blured {
-webkit-filter: blur(3px);
filter: blur(3px)
}
.hover-container-item {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s
}
.hover-container:hover .hover-container-item {
opacity: 1
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0
}
.main {
padding: 0 10px
}
@media (min-width: 991px) {
.main,.main-sidebar {
float:left
}
.main {
width: calc(100% - 320px)
}
.main-sidebar {
width: 320px;
padding: 0 10px
}
}
.popover-content {
color: black
}
ul.google-advertise-list {
list-style: none;
margin-top: -20px;
margin-bottom: -20px;
padding-left: 0
}
ul.google-advertise-list li {
padding-top: 20px;
padding-bottom: 20px;
line-height: 1
}
ul.google-advertise-list h4 {
margin: 0;
color: #1a0dab
}
ul.google-advertise-list h4>a {
color: #1a0dab
}
ul.google-advertise-list cite {
color: #006621
}
ul.google-advertise-list cite>.ad {
font-style: normal;
margin-right: 7px;
background-color: #fff;
border-radius: 3px;
color: #006621;
display: inline-block;
font-size: 11px;
border: 1px solid #006621;
padding: 1px 3px 0 2px;
line-height: 11px;
vertical-align: baseline;
font-family: arial, sans-serif
}
.portlet-watchlist-icons-list {
list-style: none;
padding: 0;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
margin-bottom: 5px
}
.portlet-watchlist-icons-list li {
-ms-flex-preferred-size: calc((1/3 * 100%) - 20px);
flex-basis: calc((1/3 * 100%) - 20px);
margin: 10px
}
.portlet-watchlist-icons-list li.more {
display: -ms-flexbox;
display: flex
}
.portlet-watchlist-icons-list li.more>a {
border: 2px dashed #efefef;
border-radius: 4px;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.portlet-watchlist-icons-list li.more>a:hover {
border-color: #e0e0e0
}
.portlet-watchlist-icons-list li img {
width: 100%;
height: auto;
border-radius: 4px;
border: solid 1px #eee
}
.portlet-watchlist-icons-list li img:hover {
border-color: #e0e0e0
}
.portlet-watchlist {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.portlet-watchlist .portlet-body {
-ms-flex: 1;
flex: 1
}
.portlet-watchlist .portlet-footer {
padding: 15px;
padding-top: 0
}
.portlet-watchlist .placeholder {
display: -ms-flexbox;
display: flex;
min-height: 100px;
text-align: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.portlet-new-watchlist {
display: -ms-flexbox;
display: flex;
font-size: 1.2em
}
.portlet-new-watchlist .portlet-body {
min-height: 200px;
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.portlet-new-watchlist .fa,.portlet-new-watchlist .btn-follow>.icon,.portlet-new-watchlist #scroller {
margin-right: 0.5em
}
.card-watchlist-site .card-search-involved {
float: right;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 10px
}
.card-watchlist-site .card-img-top {
width: 100%;
padding-top: 70%;
position: relative;
overflow: hidden
}
.card-watchlist-site .card-img-top img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease
}
.card-watchlist-site .card-img-top img:hover {
-webkit-transform: translate(-50%, -50%) scale(1.1);
-ms-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1)
}
.card-watchlist-site .card-block {
padding-bottom: 0.625rem;
position: relative
}
.card-watchlist-site .card-footer {
padding: 1.25rem;
padding-top: 0.625rem
}
.card-watchlist-site .card-keywords table {
width: 100%;
table-layout: fixed
}
.card-watchlist-site .card-keywords table td {
padding: 0 4px;
vertical-align: center
}
.card-watchlist-site .card-keywords table td:nth-child(1) {
width: 50px
}
.card-watchlist-site .card-keywords table td:nth-child(3) {
width: 70px;
text-align: right;
text-overflow: ellipsis;
overflow: hidden
}
.card-watchlist-site .card-keywords table td:nth-child(2) {
width: 100%
}
.card-watchlist-site .card-keywords .progress {
margin-bottom: 0
}
.card-new-watchlist-site {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.2em;
min-height: 200px
}
.box-watchlist-no-keywords {
padding: 50px;
display: inline-block;
border: dashed 2px #eee
}
.box-watchlist-no-keywords p {
font-size: 1.2em
}
.box-watchlist-no-keywords .btn {
margin-top: 20px
}
.watchlist-keywords-list {
list-style: none;
margin: 0;
padding: 0
}
.watchlist-keywords-list li {
display: inline-block;
padding: 5px;
text-align: center;
margin-left: 5px;
margin-right: 5px;
border-radius: 3px;
background: #f1f1f1
}
.watchlist-keywords-list li img {
width: 64px;
height: 64px;
overflow: hidden;
border-radius: 5px;
margin-bottom: 5px
}
.watchlist-keywords-list li .position {
color: #999;
margin-left: 3px;
margin-right: 3px
}
.watchlist-keywords-list li .delta {
margin-left: 3px;
margin-right: 3px
}
.latest-widgets h3 {
margin-top: 0
}
.latest-widgets ul {
font-size: 16px;
list-style: none;
margin: 0;
padding: 0
}
.latest-widgets li {
margin-bottom: 0.6em;
text-overflow: ellipsis;
word-wrap: normal;
white-space: nowrap;
overflow: hidden
}
.latest-widgets li:last-child {
margin-bottom: 0
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.fa.linear-rotate:hover,.btn-follow>.linear-rotate.icon:hover,.linear-rotate#scroller:hover,.fa.linear-rotate:focus,.btn-follow>.linear-rotate.icon:focus,.linear-rotate#scroller:focus {
-webkit-animation: rotate 1.5s infinite;
animation: rotate 1.5s infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
.linear-rotate:hover .fa,.linear-rotate:hover .btn-follow>.icon,.linear-rotate:hover #scroller,.linear-rotate:focus .fa,.linear-rotate:focus .btn-follow>.icon,.linear-rotate:focus #scroller {
-webkit-animation: rotate 1.5s infinite;
animation: rotate 1.5s infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
.nav li>a>span {
margin: 7px;
font-size: 1.0em;
margin-right: -5px
}
.y-scrollable {
overflow-y: scroll
}
.y-scrollable.green::-webkit-scrollbar {
width: 3px;
background: #efefef
}
.y-scrollable.green::-webkit-scrollbar-thumb {
background: #5fbeaa
}
.y-scrollable-300 {
max-height: 300px
}
.y-scrollable-100 {
max-height: 100px
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.125);
border-radius: .25rem
}
.card-block {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem
}
.card-img-top {
width: 100%;
height: auto;
border-top-right-radius: calc(.25rem - 1px);
border-top-left-radius: calc(.25rem - 1px);
border-bottom: 1px solid rgba(0,0,0,0.125)
}
.card-actions {
position: absolute;
top: 15px;
right: 15px;
font-size: 1.2em
}
.card-actions a {
color: #666
}
.card-actions a:hover {
color: #444
}
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-deck .card {
-ms-flex: 1;
flex: 1;
margin-left: 10px;
margin-right: 10px;
-ms-flex-preferred-size: calc((1/4 * 100%) - 20px);
flex-basis: calc((1/4 * 100%) - 20px);
max-width: calc((1/4 * 100%) - 20px)
}
@media (max-width: 1199px) {
.card-deck .card {
-ms-flex-preferred-size:calc((1/2 * 100%) - 20px);
flex-basis: calc((1/2 * 100%) - 20px);
max-width: calc((1/2 * 100%) - 20px)
}
}
@media (max-width: 991px) {
.card-deck .card {
-ms-flex-preferred-size:calc((100%) - 20px);
flex-basis: calc((100%) - 20px);
max-width: calc((100%) - 20px)
}
}
.p-ellapsis {
overflow: hidden;
text-overflow: ellipsis
}
.p-ellapsis-2 {
max-height: 3em
}
.portlet-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-left: -10px;
margin-right: -10px
}
.portlet-deck .portlet {
-ms-flex: 1;
flex: 1;
margin-left: 10px;
margin-right: 10px;
-ms-flex-preferred-size: calc((1/4 * 100%) - 20px);
flex-basis: calc((1/4 * 100%) - 20px);
max-width: calc((1/4 * 100%) - 20px)
}
@media (max-width: 1199px) {
.portlet-deck .portlet {
-ms-flex-preferred-size:calc((1/2 * 100%) - 20px);
flex-basis: calc((1/2 * 100%) - 20px);
max-width: calc((1/2 * 100%) - 20px)
}
}
@media (max-width: 991px) {
.portlet-deck .portlet {
-ms-flex-preferred-size:calc((100%) - 20px);
flex-basis: calc((100%) - 20px);
max-width: calc((100%) - 20px)
}
}
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-3483566179949368",
enable_page_level_ads: true
});
</script>
</head>
<body>
<!-- banner -->
<header id="topnav">
<div class="topbar-main">
<div class="container">
<div class="logo"><a class="logo" href="/">LINKMIO.COM</a></div>
<ul class="nav navbar-nav hidden-sm hidden-xs">
<li>
<form action="/query" class="app-search">
<input class="form-control" name="name" placeholder="Search domain, keyword, url" type="text" value=""><a href="#" onclick="$(this).closest('form').submit(); return false;"><i class="glyphicon glyphicon-search"></i></a></form>
</li>
</ul>
<div class="menu-extras">
<div class="pull-right hidden-xs">
<a href="/login/">
<button class="btn btn-primary m-t-10 m-b-10" data-target="#signin-modal" data-toggle="modal">Sign in</button>
</a>
<a href="/signup/">
<button class="btn btn-success m-t-10 m-b-10" data-target="#signup-modal" data-toggle="modal">Sign up</button>
</a>
</div>
<div class="pull-right hidden-xs"><a class="nav-link" href="/about-us/">About us</a>
</div>
<div class="pull-right hidden-xs"><a class="nav-link" href="/privacy/">Privacy</a>
</div>
<div class="pull-right hidden-xs"><a class="nav-link" href="/pricing/">Pricing</a>
</div>
<div class="pull-right hidden-xs"><a class="nav-link" href="/">Home</a>
</div>
<div class="menu-item">
<a class="navbar-toggle">
<div class="lines"><span></span><span></span><span></span></div>
</a>
</div>
</div>
</div>
</div>
<div class="navbar-custom visible-xs visible-sm">
<div class="container">
<div id="navigation">
<ul class="navigation-menu text-center">
<li class="visible-xs visible-sm">
<form action="/query" class="menu-search">
<input class="form-control" name="name" placeholder="Search domain, keyword, url" style="display: block" type="text" value=""><a href="#" onclick="$(this).closest('form').submit(); return false;"><i class="glyphicon glyphicon-search"></i></a></form>
</li>
<li><a href="/"><i class="glyphicon glyphicon-home"></i>Home</a></li>
<li><a href="/pricing/"><i class="glyphicon glyphicon-tags"></i>Pricing</a></li>
<li><a href="/privacy/"><i class="glyphicon glyphicon-fire"></i>Privacy</a></li>
<li><a href="/about-us/"><i class="glyphicon glyphicon-user"></i>About us</a></li>
</ul>
</div>
</div>
</div>
</header>
<style type="text/css">
.dl-horizontal dd{
float: right;
}
.dl-horizontal dt{
text-align: left;
}
.glyphicon-ok{
color: green;
}
.text_searching{
text-align: center;
}
.text_searching a{
margin-right: 5px;
}
.label-rouded{
border-radius: 60px;
padding: 4px 12px 3px;
font-weight: 500;
}
.table-related-keywords th{
font-weight: bold;
}
p{
word-break: break-word;
}
.highlight tbody td{
color: blue;
}
.kw_related li{
width: 33%;
display: inline-block;
word-break: break-all;
margin: auto;
}
.inner ul li {
list-style-type: none;
}
#_reverseip li {
margin-top: 30px;
border-bottom: 1px solid #000;
}
._reverseip p{
margin: 0px 0 2px !important;
}
@media ( min-width : 800px){
#_reverseip li{
padding-bottom: 10px;
}
.content_related p,.content_related h3,.content_related strong{
margin-top: 10px !important;
}
}
.content_related li{
list-style: none;
}
.content_related {
margin-left: 15px;
line-height: 20px;
}
*{
font: 400 14px arial;
}
.active{
background-color: rgb(71, 139, 249);
}
.enginer_search{
margin: 10px 0 10px 0;
}
.dl-horizontal dd{
float: right;
}
.dl-horizontal dt{
text-align: left;
}
.glyphicon-ok{
color: green;
}
.glyphicon-warning-sign{
color: red;
}
.tab_dns_domain{
height:300px;
overflow-y:scroll;
}
.bg-facebook{
background-color: rgb(59, 89, 152);
}
.bg-google{
background-color: rgb(220, 78, 65);
}
.bg-linkedin{
background-color: rgb(0, 119, 181);
}
.bg-pinterest{
background-color: #CB2027;
}
.text-muted {
color: #999;
font-size: 16px;
}
.bg-stats-moz{
background-color: #3594ba;
}
.bg-stats-alexa{
background-color: #174b75;
}
.bg-stats-alexa_page{
background-color: rebeccapurple;
}
.counter{
font-weight: bold;
font-size: 18px;
}
.content_dns {
overflow: scroll;
max-height: 350px;
margin-bottom: 15px;
}.show_more{
overflow-y:scroll;
}
#back_top {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #382c2c;
color: white;
cursor: pointer;
padding: 15px 15px;
border-radius: 10px;
}
#back_top:hover {
background-color: #7b6868;
}
</style>
<style type="text/css">
.active{
background: white;
}
@media(min-width: 768px){
.form-inline .form-group {
width: 50%;
}
.form-inline .form-control {
width: 100%;
}
}
.submit {
text-align: center;
}
textarea {
background-color: #eeeeee !important;
}
body .main-content-tool {
margin: 0% auto 10%;
}
.first-heading {
margin-top: 20px;
margin-bottom: 40px;
}
</style>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="tab-pane active text-center" id="report-by-website-tab">
<h2 class="first-heading">JSON editor and validator - view, edit and format JSON data</h2>
</div>
</div>
</div>
<div class="row main-content-tool">
<div class="col-md-6 col-md-offset-0">
<div class="form-group">
<label for="exampleInputFile">JSON Data/URL</label>
<div class="jsondataholder">
<textarea autofocus="" rows="25" class="form-control" id="json_input" name="json_input" ></textarea>
</div>
</div>
</div>
<div class="col-md-6 col-md-offset-0">
<div class="form-group">
<label for="exampleInputFile">Input</label>
<div class="jsondataholder">
<textarea autofocus="" rows="25" class="form-control" id="json_output" name="json_output" ></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<p class="text-danger text-center has_error"></p>
</div>
</div>
<div class="row">
<div class="col-xs-12 submit">
<button class="btn btn-primary ">Format Json</button>
</div>
</div>
</div>
</div>
<!-- footer -->
<style type="text/css">
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
position: absolute;
bottom: 0;
padding: 1em 0;
width: 100%;
height: 60px;
}
.footer .footer-copyright {
text-align: center;
color: #fff;
}
</style>
<footer class="w3layouts_footer_grid footer">
<div class="container">
<p class="footer-copyright">© 2017 Linkmio.com . All rights reserved</p>
</div>
</footer>
<!-- //footer -->
<!-- //Footer -->
<!-- js-scripts -->
<!-- js -->
<script type="text/javascript" src="/js/custom.js"></script>
<!-- <script type="text/javascript" src="/js/bootstrap.js"></script>--> <!-- Necessary-JavaScript-File-For-Bootstrap -->
<button onclick="topFunction()" id="back_top" title="Go to top"><i class="glyphicon glyphicon-arrow-up" aria-hidden="true"></i></button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("back_top").style.display = "block";
} else {
document.getElementById("back_top").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!-- Histats.com START (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,4253069,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4253069&101" alt="invisible hit counter"border="0"></a></noscript>
<!-- Histats.com END -->
</body>
</html>
<script type="text/javascript">
$(document).ready(function() {
$('.submit').click(function () {
let error = ''
let json_input = $('#json_input').val()
if (!json_input) {
$('.has_error').text('Enter json to input')
return
}
try {
var json_output = JSON.stringify(JSON.parse(json_input), undefined, 4);
} catch (e){
console.log(e)
$('.has_error').text('Not the json structure')
}
$('#json_output').html(json_output);
})
})
</script>