<!DOCTYPE html>
<html lang="en">
<head>
<title>vpnsoft24.com - Get Diamond Art: Paint by Number, Shiny Coloring …</title>
<meta name="description" content="Features: - Diamond Art contains many pictures to connect in the theme of animals, vehicles, jewelry art, and many others. - A best anti-stress app full of nost" />
<!-- 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>
<div class="container main-content">
<div class="row">
<div class="panel-heading text-center">
<h1>Vpnsoft24.com - Get Diamond Art: Paint by Number, Shiny Coloring …</h1>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- linkmio -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3483566179949368"
data-ad-slot="4541832040"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="panel-heading">
</p>Provided by Alexa ranking, <b>vpnsoft24.com</b> has ranked <b>N/A</b> in <b>N/A</b> and <b>6,715,240</b> on the world. <b>vpnsoft24.com</b> reaches roughly <b>459</b> users per day and delivers about <b>13,781</b> users each month. The domain vpnsoft24.com uses a Commercial suffix and it's server(s) are located in <b>N/A</b> with the IP number <b>92.53.65.2</b> and it is a <a href="/extension/com">.com</a> domain.</p>
<p>Features: - Diamond Art contains many pictures to connect in the theme of animals, vehicles, jewelry art, and many others. - A best anti-stress app full of nostalgic memories that returns you to your childhood. - Paint so easily by choosing the right number color and place it on the same number boxes as color dots. login</p>
</div>
</div>
<div class="row">
<p>List of domain same IP 92.53.65.2</p>
<div class="row">
</div>
</div>
<!-- <div class="row">
<div class="panel-heading">
<h2>Social Count</h2>
</div>
<div class="row" id="social">
</div>
</div> -->
<div class="row">
<div class="panel-heading">
<h2>Keywords on this domain</h2>
</div>
<div class="row">
<div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-softether">vpn softether</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpnsoft-cuhk-edu-cn">vpnsoft cuhk edu cn</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-software">vpn software</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-softher">vpn softher</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-software-for-windows-7">vpn software for windows 7</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-software-free-download">vpn software free download</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-software-free">vpn software free</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-software-for-pc">vpn software for pc</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-soft98">vpn soft98</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-software-for-windows">vpn software for windows</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-software-for-bypassing-censorship">vpn software for bypassing censorship</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-softether-client">vpn softether client</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/vpn-softonic">vpn softonic</a></h3></div> </div>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- linkmio -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3483566179949368"
data-ad-slot="4541832040"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="row">
<div class="panel-heading">
<h2>Search Results related to vpnsoft24.com on Search Engine</h2>
</div>
<div class="panel panel-default">
<div id="_reverseip">
<ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Get Diamond Art: Paint by Number, Shiny Coloring …</strong> <a href="https://www.microsoft.com/en-us/p/diamond-art-paint-by-number-shiny-coloring-design-pages/9n67ll2pc0c7" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/microsoft.com">microsoft.com</a></h3>
<p>https://www.microsoft.com/en-us/p/diamond-art-paint-by-number-shiny-coloring-design-pages/9n67ll2pc0c7</p>
<p><b></b> Features: - Diamond Art contains many pictures to connect in the theme of animals, vehicles, jewelry art, and many others. - A best anti-stress app full of nostalgic memories that returns you to your childhood. - Paint so easily by choosing the right number color and place it on the same number boxes as color dots. login</p>
<p>login</p>
<p><b>DA:</b> <span class="label label-primary">71</span> <b>PA:</b> <span class="label label-info">100</span> <b>MOZ Rank:</b> <span class="label label-warning">82</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Diamond Art – Colors by Number on the App Store</strong> <a href="https://apps.apple.com/us/app/diamond-art-colors-by-number/id1363417265" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/apple.com">apple.com</a></h3>
<p>https://apps.apple.com/us/app/diamond-art-colors-by-number/id1363417265</p>
<p><b></b> Jun 12, 2018 . Number coloring app, the time killer. Diamond Art helping you to relaxing. Choose from tons of beautiful image and follow the numbers to bring the diamonds shining into your life! Diamonds can switch into different shape like stone, followers, jewelry even button! Color by number has been special a… Seller: EYEWIND LIMITED. Copyright: © EYEWIND LIMITED Category: Free login</p>
<p><strong>Seller:</strong> EYEWIND LIMITED.</p><p><strong>Copyright:</strong> © EYEWIND LIMITED</p><p><strong>Category:</strong> Free</p><p>login</p>
<p><b>DA:</b> <span class="label label-primary">32</span> <b>PA:</b> <span class="label label-info">13</span> <b>MOZ Rank:</b> <span class="label label-warning">95</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Diamond Painting | Official Paint With Diamonds® | …</strong> <a href="https://paintwithdiamonds.com/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/paintwithdiamonds.com">paintwithdiamonds.com</a></h3>
<p>https://paintwithdiamonds.com/</p>
<p><b></b> 2-Day Shipping Now Available 2-Day Shipping Now Available Shop Now10,000+ 5-Star Reviews 10,000+ 5-Star Reviews #insta-feed{width:100%;}#insta-feed h2{font-size:20px;font-family: Helvetica;}@font-face { font-family: Helvetica; font-weight: 400; font-style: normal; src: url("https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=cGFpbnR3aXRoZGlhbW9uZHMuY29t&h2=ZnJlZS5wYWludHdpdGhkaWFtb25kcy5jb20&hmac=61568adce25aa07b68dce888d2a7416adabad26f56593ea9e23ce89b62fe82bf") format("woff2"), url("https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=cGFpbnR3aXRoZGlhbW9uZHMuY29t&h2=ZnJlZS5wYWludHdpdGhkaWFtb25kcy5jb20&hmac=3c070fec148ab563e122ecbc688cb68f10a5da4b552a932b112fa4d41153051f") format("woff");
}Over 500,000+ Happy Diamond Painters Over 500,000+ Happy Diamond Painters</p>
<p>login</p>
<p><b>DA:</b> <span class="label label-primary">19</span> <b>PA:</b> <span class="label label-info">83</span> <b>MOZ Rank:</b> <span class="label label-warning">18</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Diamond Painting & Diamond Art | Official Diamond Art …</strong> <a href="https://www.diamondartclub.com/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/diamondartclub.com">diamondartclub.com</a></h3>
<p>https://www.diamondartclub.com/</p>
<p><b></b> Diamond art is a calming activity to melt the baggage from the day away, leaving you glowing with accomplishment. ”A few years ago, I was stressed-out working 60 hours a week. I yearned to find an outlet to express myself, even if it was for only half an hour a day.</p>
<p><b>DA:</b> <span class="label label-primary">10</span> <b>PA:</b> <span class="label label-info">76</span> <b>MOZ Rank:</b> <span class="label label-warning">90</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Dazzly - Diamond Art by Number - Apps on Google Play</strong> <a href="https://play.google.com/store/apps/details?id=com.geode.dazzly&hl=en_US&gl=US" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/google.com">google.com</a></h3>
<p>https://play.google.com/store/apps/details?id=com.geode.dazzly&hl=en_US&gl=US</p>
<p><b></b> Dazzly - Diamond Art by Number. This unique Color by Number app is here to help you relax while creating art that will dazzle you and your friends! Play with beautiful gems and diamonds to sparkle up your day. With Dazzly, follow the flow of Color by Number to match real handpicked diamonds, rubies and sapphires with their corresponding numbers ... Content Rating: Everyone login</p>
<p><strong>Content Rating:</strong> Everyone</p><p>login</p>
<p><b>DA:</b> <span class="label label-primary">66</span> <b>PA:</b> <span class="label label-info">52</span> <b>MOZ Rank:</b> <span class="label label-warning">22</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Diamond Coloring - Sequins Art & Paint by Numbers - …</strong> <a href="https://play.google.com/store/apps/details?id=color.by.number.diamond.sequins.art.picture&hl=en_US&gl=US" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/google.com">google.com</a></h3>
<p>https://play.google.com/store/apps/details?id=color.by.number.diamond.sequins.art.picture&hl=en_US&gl=US</p>
<p><b></b> NOW we provide you an app with unique art painting experience. You can enjoy painting various blocks number by number, then a sparkling artwork will come and show on your screen! It must be a good choice on stress relieving and time killing! Features: * Various stunning templates and delightful music effect. login</p>
<p>login</p>
<p><b>DA:</b> <span class="label label-primary">41</span> <b>PA:</b> <span class="label label-info">32</span> <b>MOZ Rank:</b> <span class="label label-warning">89</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Hent Jewel Art - Color By Diamond, Adult Painting Book</strong> <a href="https://www.microsoft.com/da-dk/p/jewel-art-color-by-diamond-adult-painting-book/9mzhds8p63tl" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/microsoft.com">microsoft.com</a></h3>
<p>https://www.microsoft.com/da-dk/p/jewel-art-color-by-diamond-adult-painting-book/9mzhds8p63tl</p>
<p><b></b> Download denne app fra Microsoft Store til Windows 10, Windows 10 Mobile, Windows 10 Team (Surface Hub), HoloLens. Se skærmbilleder, læs de seneste kundeanmeldelser, og sammenlign bedømmelser for Jewel Art - Color By Diamond, Adult Painting Book.</p>
<p><b>DA:</b> <span class="label label-primary">51</span> <b>PA:</b> <span class="label label-info">27</span> <b>MOZ Rank:</b> <span class="label label-warning">19</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Custom Paint By Numbers – Diamondpaintingpro</strong> <a href="https://diamondpaintingpro.com/collections/paint-by-numbers" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/diamondpaintingpro.com">diamondpaintingpro.com</a></h3>
<p>https://diamondpaintingpro.com/collections/paint-by-numbers</p>
<p><b></b> Date, new to old. Photo Custom Paint by Numbers | Upgraded 24 Colors. $28.99 $57.98. Photo Custom Paint by Numbers | Premium 36 Colors. $39.99 $79.98. Romantic Walk | Paint By Numbers. $24.99 $49.98. Four Season Tree of Life | Paint By Numbers. $24.99 $49.98.</p>
<p><b>DA:</b> <span class="label label-primary">19</span> <b>PA:</b> <span class="label label-info">59</span> <b>MOZ Rank:</b> <span class="label label-warning">79</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Diamond Art | Etsy</strong> <a href="https://www.etsy.com/market/diamond_art" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/etsy.com">etsy.com</a></h3>
<p>https://www.etsy.com/market/diamond_art</p>
<p><b></b> Be Happy Rainbow Diamond Art Kit. AddisonLaneDesign. 5 out of 5 stars. (439) $23.00. Bestseller. Add to Favorites. Dreamcatcher Diamond painting Charm Kit by Wizardi. Quick & Easy Diamond art project.</p>
<p><b>DA:</b> <span class="label label-primary">97</span> <b>PA:</b> <span class="label label-info">18</span> <b>MOZ Rank:</b> <span class="label label-warning">2</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>All for $2.99 – diamond painting factory</strong> <a href="https://diamondspaintingfactory.com/collections/2-99" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/diamondspaintingfactory.com">diamondspaintingfactory.com</a></h3>
<p>https://diamondspaintingfactory.com/collections/2-99</p>
<p><b></b> Sale price. $2.99. Regular price. $5.98. Unit price. / per. Sale. Sold out. 1Box Color Random Glue Clay Tool Diamond Painting Accessories 3.2x3.2x2cm Nouveaute Point Sticking DIY Crafts Round Drill Pen Box Label Paper.</p>
<p><b>DA:</b> <span class="label label-primary">60</span> <b>PA:</b> <span class="label label-info">44</span> <b>MOZ Rank:</b> <span class="label label-warning">33</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Judaica – Craft N Color</strong> <a href="https://craftncolor.com/collections/judaica" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/craftncolor.com">craftncolor.com</a></h3>
<p>https://craftncolor.com/collections/judaica</p>
<p><b></b> Color By Number Kits; Crocheting Kits; Cross Stitch Kits; Design Your Own Kits; Diamond Embroidery Kits; ... Diamond Art Keychain Striped Hebrew Alphabet. ... View Varient Options. Tissue Art Aleph Bais Train. Regular price $2.99 — Sold Out. Shivas Haminim Diamond Painting Clock with Glow in the Dark Handles and Numbers. Regular price $11.99</p>
<p><b>DA:</b> <span class="label label-primary">55</span> <b>PA:</b> <span class="label label-info">31</span> <b>MOZ Rank:</b> <span class="label label-warning">74</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>App Store - Apple</strong> <a href="https://apps.apple.com/us/app/diamond-art-color-by-number/id1461660848" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/apple.com">apple.com</a></h3>
<p>https://apps.apple.com/us/app/diamond-art-color-by-number/id1461660848</p>
<p><b></b> May 17, 2019 . 2. You can subscribe for Diamond Art to unlock all coloring content, gain access to unlimited in-game tools, and remove Ads. Subscriptions to all features and content offered for purchase within the app. 3. Diamond Art offers weekly, monthly and yearly subscriptions. 4. The subscription prices are: - $4.99 / Week. Seller: Alexander Maslennikov Copyright: © Alexander Maslennikov Category: Games login</p>
<p><strong>Seller:</strong> Alexander Maslennikov</p><p><strong>Copyright:</strong> © Alexander Maslennikov</p><p><strong>Category:</strong> Games</p><p>login</p>
<p><b>DA:</b> <span class="label label-primary">80</span> <b>PA:</b> <span class="label label-info">88</span> <b>MOZ Rank:</b> <span class="label label-warning">99</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Diamond Art for Android - APK Download</strong> <a href="https://apkpure.com/diamond-art-tap-diamond-painting-gem-color-art-num/com.coloring.arena.diamond.art.gems.color.by.number.paint.coloring.book.pages.pixel.art" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/apkpure.com">apkpure.com</a></h3>
<p>https://apkpure.com/diamond-art-tap-diamond-painting-gem-color-art-num/com.coloring.arena.diamond.art.gems.color.by.number.paint.coloring.book.pages.pixel.art</p>
<p><b></b> Apr 20, 2021 . Diamond art tap diamond painting gem color art number coloring allows you to color hundreds of beautiful pictures, pixel arts, and drawings by numbers. Kids and adults love to color pixel art by numbers. tap number glowing ASMR diamond star number coloring is a fun, color matching game that anyone can play. login</p>
<p>login</p>
<p><b>DA:</b> <span class="label label-primary">94</span> <b>PA:</b> <span class="label label-info">55</span> <b>MOZ Rank:</b> <span class="label label-warning">77</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Custom Paint by Numbers – Diamondpaintingpro</strong> <a href="https://diamondpaintingpro.com/products/custom-oil-painting-by-numbers-kits-diy-oil-painting-upgraded" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/diamondpaintingpro.com">diamondpaintingpro.com</a></h3>
<p>https://diamondpaintingpro.com/products/custom-oil-painting-by-numbers-kits-diy-oil-painting-upgraded</p>
<p><b></b> Optimized Color Correction: We'll do our best to keep color code your painting to retain color fidelity. 4 EASY STEPS TO CUSTOMIZE: Step 1. Click or tap "Choose File" to begin looking for the image you'd like to use. Make sure to use high-quality photos because low-quality photos may yield poor results. Step 2.</p>
<p><b>DA:</b> <span class="label label-primary">76</span> <b>PA:</b> <span class="label label-info">1</span> <b>MOZ Rank:</b> <span class="label label-warning">31</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Paint by Numbers & Diamond Painting - Free Shipping</strong> <a href="https://www.paintingkits.net/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/paintingkits.net">paintingkits.net</a></h3>
<p>https://www.paintingkits.net/</p>
<p><b></b> </p>
<p><b>DA:</b> <span class="label label-primary">45</span> <b>PA:</b> <span class="label label-info">42</span> <b>MOZ Rank:</b> <span class="label label-warning">42</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>PIXEL ART - COLOR BY NUMBER free online game on Miniplay.com</strong> <a href="https://www.miniplay.com/game/pixel-art-color-by-number" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/miniplay.com">miniplay.com</a></h3>
<p>https://www.miniplay.com/game/pixel-art-color-by-number</p>
<p><b></b> login</p>
<p>login</p>
<p><b>DA:</b> <span class="label label-primary">77</span> <b>PA:</b> <span class="label label-info">82</span> <b>MOZ Rank:</b> <span class="label label-warning">64</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Dazzly - Diamond Art by Number Download | ZDNet</strong> <a href="https://downloads.zdnet.com/product/31711-78245127/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/zdnet.com">zdnet.com</a></h3>
<p>https://downloads.zdnet.com/product/31711-78245127/</p>
<p><b></b> </p>
<p><b>DA:</b> <span class="label label-primary">11</span> <b>PA:</b> <span class="label label-info">50</span> <b>MOZ Rank:</b> <span class="label label-warning">79</span></p>
</li>
</ul> </div>
</div>
</div>
<div class="row">
<div class="panel-heading">
<h2>Alexa Rank</h2>
</div><!-- /.box-header -->
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="panel well">
<div class="panel-heading text-center">
<img src="/images/icon-alexa.png" alt="Alexa"><p style="display: inline;"> GLOBAL RANK</p>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">6,715,240</span></div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="panel well">
<div class="panel-heading text-center">
<img src="/images/icon-alexa.png" alt="Alexa"><p style="display: inline;"> Alexa Reach</p>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">0.0000202780</span></div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="panel well">
<div class="panel-heading text-center">
<img src="/images/icon-alexa.png" alt="Alexa"><p style="display: inline;"> Page length</p>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">N/A</span></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="panel well">
<div class="panel-heading text-center">
<img src="/images/icon-alexa.png" alt="Alexa"><p style="display: inline;"> Alexa Rank Country N/A</p>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">N/A</span></div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="panel well">
<div class="panel-heading text-center">
<img src="/images/icon-alexa.png" alt="Alexa"><p style="display: inline;"> Daily Unique Visitors</p>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">459</span></div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="panel well">
<div class="panel-heading text-center">
<img src="/images/icon-alexa.png" alt="Alexa"><p style="display: inline;"> Monthly Unique Visitors</p>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">13,781</span></div>
</div>
</div>
</div>
</div>
<div class="panel-heading">
<h2>Vistor via Country</h2>
</div>
<div class="row">
<div class="col-md-2 col-xs-4" style="margin-bottom:15px;"><b>Country lang</b></div><div class="col-md-2 col-xs-4" style="margin-bottom:15px;"><b>Country code</b></div><div class="col-md-2 col-xs-4" style="margin-bottom:15px;"><b>Total visitor</b></div><div class="col-md-2 col-xs-4 hidden-xs" style="margin-bottom:15px;"><b>Country</b></div><div class="col-md-2 col-xs-4 hidden-xs" style="margin-bottom:15px;"><b>Country code</b></div><div class="col-md-2 col-xs-4 hidden-xs" style="margin-bottom:15px;"><b>Total visitor</b></div><div class="col-md-2 col-xs-4"><p>United States</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/US">US</a></p></div><div class="col-md-2 col-xs-4"><p>2,948</p></div><div class="col-md-2 col-xs-4"><p>Indonesia</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/ID">ID</a></p></div><div class="col-md-2 col-xs-4"><p>2,306</p></div><div class="col-md-2 col-xs-4"><p>Taiwan</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/TW">TW</a></p></div><div class="col-md-2 col-xs-4"><p>750</p></div><div class="col-md-2 col-xs-4"><p>United Kingdom</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/GB">GB</a></p></div><div class="col-md-2 col-xs-4"><p>666</p></div><div class="col-md-2 col-xs-4"><p>Brazil</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/BR">BR</a></p></div><div class="col-md-2 col-xs-4"><p>602</p></div><div class="col-md-2 col-xs-4"><p>Nigeria</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/NG">NG</a></p></div><div class="col-md-2 col-xs-4"><p>526</p></div><div class="col-md-2 col-xs-4"><p>Egypt</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/EG">EG</a></p></div><div class="col-md-2 col-xs-4"><p>442</p></div><div class="col-md-2 col-xs-4"><p>Hong Kong</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/HK">HK</a></p></div><div class="col-md-2 col-xs-4"><p>418</p></div><div class="col-md-2 col-xs-4"><p>Canada</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/CA">CA</a></p></div><div class="col-md-2 col-xs-4"><p>418</p></div><div class="col-md-2 col-xs-4"><p>Australia</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/AU">AU</a></p></div><div class="col-md-2 col-xs-4"><p>364</p></div><div class="col-md-2 col-xs-4"><p>Philippines</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/PH">PH</a></p></div><div class="col-md-2 col-xs-4"><p>260</p></div><div class="col-md-2 col-xs-4"><p>India</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/IN">IN</a></p></div><div class="col-md-2 col-xs-4"><p>254</p></div><div class="col-md-2 col-xs-4"><p>Malaysia</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/MY">MY</a></p></div><div class="col-md-2 col-xs-4"><p>249</p></div><div class="col-md-2 col-xs-4"><p>Spain</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/ES">ES</a></p></div><div class="col-md-2 col-xs-4"><p>207</p></div><div class="col-md-2 col-xs-4"><p>Germany</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/DE">DE</a></p></div><div class="col-md-2 col-xs-4"><p>201</p></div><div class="col-md-2 col-xs-4"><p>Mexico</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/MX">MX</a></p></div><div class="col-md-2 col-xs-4"><p>193</p></div><div class="col-md-2 col-xs-4"><p>France</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/FR">FR</a></p></div><div class="col-md-2 col-xs-4"><p>182</p></div><div class="col-md-2 col-xs-4"><p>Italy</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/IT">IT</a></p></div><div class="col-md-2 col-xs-4"><p>168</p></div><div class="col-md-2 col-xs-4"><p>Turkey</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/TR">TR</a></p></div><div class="col-md-2 col-xs-4"><p>154</p></div><div class="col-md-2 col-xs-4"><p>Iraq</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/IQ">IQ</a></p></div><div class="col-md-2 col-xs-4"><p>141</p></div><div class="col-md-2 col-xs-4"><p>Thailand</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/TH">TH</a></p></div><div class="col-md-2 col-xs-4"><p>138</p></div><div class="col-md-2 col-xs-4"><p>Netherlands</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/NL">NL</a></p></div><div class="col-md-2 col-xs-4"><p>132</p></div><div class="col-md-2 col-xs-4"><p>Israel</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/IL">IL</a></p></div><div class="col-md-2 col-xs-4"><p>131</p></div><div class="col-md-2 col-xs-4"><p>Cambodia</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/km">km</a></p></div><div class="col-md-2 col-xs-4"><p>109</p></div><div class="col-md-2 col-xs-4"><p>Algeria</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/DZ">DZ</a></p></div><div class="col-md-2 col-xs-4"><p>84</p></div><div class="col-md-2 col-xs-4"><p>Ireland</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/IE">IE</a></p></div><div class="col-md-2 col-xs-4"><p>76</p></div><div class="col-md-2 col-xs-4"><p>Romania</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/RO">RO</a></p></div><div class="col-md-2 col-xs-4"><p>73</p></div><div class="col-md-2 col-xs-4"><p>Jordan</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/JO">JO</a></p></div><div class="col-md-2 col-xs-4"><p>68</p></div><div class="col-md-2 col-xs-4"><p>Poland</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/PL">PL</a></p></div><div class="col-md-2 col-xs-4"><p>65</p></div><div class="col-md-2 col-xs-4"><p>Ghana</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/GH">GH</a></p></div><div class="col-md-2 col-xs-4"><p>62</p></div><div class="col-md-2 col-xs-4"><p>Argentina</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/AR">AR</a></p></div><div class="col-md-2 col-xs-4"><p>59</p></div><div class="col-md-2 col-xs-4"><p>South Africa</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/ZA">ZA</a></p></div><div class="col-md-2 col-xs-4"><p>54</p></div><div class="col-md-2 col-xs-4"><p>Belgium</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/BE">BE</a></p></div><div class="col-md-2 col-xs-4"><p>48</p></div><div class="col-md-2 col-xs-4"><p>Czechia</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/CZ">CZ</a></p></div><div class="col-md-2 col-xs-4"><p>44</p></div><div class="col-md-2 col-xs-4"><p>Ukraine</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/UA">UA</a></p></div><div class="col-md-2 col-xs-4"><p>41</p></div><div class="col-md-2 col-xs-4"><p>Japan</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/JA">JA</a></p></div><div class="col-md-2 col-xs-4"><p>41</p></div><div class="col-md-2 col-xs-4"><p>Morocco</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/MA">MA</a></p></div><div class="col-md-2 col-xs-4"><p>40</p></div><div class="col-md-2 col-xs-4"><p>South Korea</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/KO">KO</a></p></div><div class="col-md-2 col-xs-4"><p>39</p></div><div class="col-md-2 col-xs-4"><p>Lebanon</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/LB">LB</a></p></div><div class="col-md-2 col-xs-4"><p>37</p></div><div class="col-md-2 col-xs-4"><p>Saudi Arabia</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/SA">SA</a></p></div><div class="col-md-2 col-xs-4"><p>36</p></div><div class="col-md-2 col-xs-4"><p>Austria</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/AT">AT</a></p></div><div class="col-md-2 col-xs-4"><p>34</p></div><div class="col-md-2 col-xs-4"><p>Hungary</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/HU">HU</a></p></div><div class="col-md-2 col-xs-4"><p>33</p></div><div class="col-md-2 col-xs-4"><p>Sweden</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/SE">SE</a></p></div><div class="col-md-2 col-xs-4"><p>32</p></div><div class="col-md-2 col-xs-4"><p>Singapore</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/SG">SG</a></p></div><div class="col-md-2 col-xs-4"><p>30</p></div><div class="col-md-2 col-xs-4"><p>Pakistan</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/PK">PK</a></p></div><div class="col-md-2 col-xs-4"><p>29</p></div><div class="col-md-2 col-xs-4"><p>Bangladesh</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/BD">BD</a></p></div><div class="col-md-2 col-xs-4"><p>28</p></div><div class="col-md-2 col-xs-4"><p>Denmark</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/DK">DK</a></p></div><div class="col-md-2 col-xs-4"><p>26</p></div><div class="col-md-2 col-xs-4"><p>Greece</p></div><div class="col-md-2 col-xs-4"><p><a href="/country/GR">GR</a></p></div><div class="col-md-2 col-xs-4"><p>25</p></div> </div>
<div class="panel-heading">
<h2>Alexa Traffic Graph</h2>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="panel-heading">Alexa daily traffic trend graph</div>
<img src="http://traffic.alexa.com/graph?&o=f&c=1&y=t&b=ffffff&n=666666&w=320&h=240&r=1m&u=vpnsoft24.com" alt="Alexa Statistics Graph for vpnsoft24.com"/>
</div>
<div class="col-xs-12 col-md-6">
<div class="panel-heading">Alexa daily pageviews (percent) graph</div>
<img src="http://traffic.alexa.com/graph?&o=f&c=1&y=p&b=ffffff&n=666666&w=320&h=240&r=1m&u=vpnsoft24.com" alt="Alexa Statistics Graph for www.nahklick.de"/>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="panel-heading">Alexa daily pageviews per user graph</div>
<img src="http://traffic.alexa.com/graph?&o=f&c=1&y=u&b=ffffff&n=666666&w=320&h=240&r=1m&u=vpnsoft24.com" alt="Alexa Statistics Graph for vpnsoft24.com"/>
</div>
<div class="col-xs-12 col-md-6">
<div class="panel-heading">Alexa time on site (in minutes) graph</div>
<img src="http://traffic.alexa.com/graph?&o=f&c=1&y=s&b=ffffff&n=666666&w=320&h=240&r=1m&u=vpnsoft24.com" alt="Alexa Statistics Graph for www.nahklick.de"/>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="panel-heading">Alexa bounce rate (percent) graph</div>
<img src="http://traffic.alexa.com/graph?&o=f&c=1&y=b&b=ffffff&n=666666&w=320&h=240&r=1m&u=vpnsoft24.com" alt="Alexa Statistics Graph for vpnsoft24.com"/>
</div>
<div class="col-xs-12 col-md-6">
<div class="panel-heading">Alexa search visits graph</div>
<img src="http://traffic.alexa.com/graph?&o=f&c=1&y=q&b=ffffff&n=666666&w=320&h=240&r=1m&u=vpnsoft24.com" alt="Alexa Statistics Graph for vpnsoft24.com"/>
</div>
</div>
</div>
<div class="row">
<div class="panel-heading">
<h2>SEOquake Zone</h2>
</div>
<div class="col-sm-12 table-responsive">
<table class="table table-hover table-striped col-xs-12">
<tbody>
<tr>
<td>Title</td>
<td><span class="glyphicon glyphicon-warning-sign"></span></td>
<td></td>
<td data-toggle="toolTips" data-html="true" title="The most effective page titles are about 10-70 characters long, including spaces.
Keep your titles concise and make sure they contain your best keywords.
Each page should have its own exclusive title.
Featured tool: Here's a snippet-optimizer that allows you to see how your titles look on Google™ and other search results.">Tips</td>
</tr>
<tr>
<td>Description</td>
<td><span class="glyphicon glyphicon-warning-sign"></span></td>
<td></td>
<td data-toggle="toolTips" data-html="true" title="Meta descriptions are useful because they often dictate how your pages are shown in search results.
For optimum effectiveness, meta descriptions should be 70-160 characters long.
Your meta descriptions should be concise and contain your best keywords
Make sure each page of your website has its own meta description.">Tips</td>
</tr>
<tr>
<td>Keywords</td>
<td><span class="glyphicon glyphicon-warning-sign"></span></td>
<td></td>
<td data-toggle="toolTips" data-html="true" title="Meta keywords are words or phrases that pertain to your site's content. In the past, people have tried to take advantage of this tag so now it doesn't affect your search rankings the way that it used to.">Tips</td>
</tr>
<tr>
<td>Viewport</td>
<td><span class="glyphicon glyphicon-warning-sign"></span></td>
<td></td>
<td data-toggle="toolTips" data-html="true" title="A viewport controls how a webpage is displayed on a mobile device. Without a viewport, mobile devices will render the page at a typical desktop screen width, scaled to fit the screen. Setting a viewport gives control over the page's width and scaling on different devices.">Tips</td>
</tr>
<tr>
<td>Icon</td>
<td><span class="glyphicon glyphicon-warning-sign"></span></td>
<td></td>
<td data-toggle="toolTips" data-html="true" title=""></td>
</tr>
<tr>
<td>UTF-8</td>
<td><span class="glyphicon glyphicon-warning-sign"></span></td>
<td></td>
<td data-toggle="toolTips" data-html="true" title=""></td>
</tr>
</tbody>
</table>
</div>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- linkmio -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3483566179949368"
data-ad-slot="4541832040"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- <div class="row">
<div class="panel-heading">
<h2>Semcrush Metric </h2>
</div>
<div class="col-xs-12 col-md-6 tab_dns_domain" >
<dl class="dl-horizontal" id="semcrush_metric_left">
</dl>
</div>
<div class="col-xs-12 col-md-6 tab_dns_domain">
<dl class="dl-horizontal" id="semcrush_metric_right">
</dl>
</div>
</div> -->
<div class="row">
<div class="panel-heading">
<h2>Mini site formation by Alexa Rank </h2>
</div>
<div class="col-xs-12 col-md-12" >
<iframe name="vpnsoft24.com" src="https://www.alexa.com/minisiteinfo/vpnsoft24.com" target="_blank" height="100%" width="100%" scrolling="no" border="0" frameborder="0">vpnsoft24.com</iframe>
</div>
</div>
<div class="row">
<div class="box box-primary">
<div class="box-header">
<h2>MOZ Rank</h2>
</div><!-- /.box-header -->
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="panel">
<div class="panel-heading bg-stats-moz text-center">
<a style="color:#fff;">
<i class="glyphicon glyphicon-user"></i></i><p style="display: inline;"> DA</p>
</a>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">11</span></div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="panel">
<div class="panel-heading bg-stats-moz text-center">
<a style="color:#fff;">
<i class="glyphicon glyphicon-user"></i><p style="display: inline;"> PA</p>
</a>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">50</span></div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="panel">
<div class="panel-heading bg-stats-moz text-center">
<a style="color:#fff;">
<i class="glyphicon glyphicon-user"></i><p style="display: inline;"> MOZ Rank</p>
</a>
</div>
<div class="padder-v text-center clearfix">
<div class="h3 font-bold"><span class="counter">79</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="panel-heading">
<h2>DNS Record</h2>
</div>
<div class="col-sm-12 table-responsive tab_dns_domain">
<table class="table table-hover table-striped ">
<tbody>
<tr>
<td><b>Host</b></td>
<td><b>Type</b></td>
<td><b>Class</b></td>
<td><b>TTL</b></td>
<td><b>Extra</b></td>
</tr><tr>
<td>vpnsoft24.com</td>
<td>HINFO</td>
<td>IN</td>
<td>3789</td>
<td><b>Cpu</b>: RFC8482<br><b>Os</b>: <br></td>
</tr> </tbody>
</table>
</div>
</div>
<!-- <div class="row">
<div class="panel-heading">
<h2>Similar Website</h2>
</div>
<div class="row">
<div class="col-md-6 col-sm-12 similar_iframe">
<iframe src="https://widget.similarweb.com/traffic/vpnsoft24.com" frameborder="0" width="100%" height="300" style="border: solid 1px #D7D7D7;"></iframe>
</div>
<div class="col-md-6 col-sm-12">
<iframe src="https://widget.similarweb.com/sources/vpnsoft24.com" frameborder="0" width="100%" height="300" style="border: solid 1px #D7D7D7;"></iframe>
</div>
</div>
</div> -->
<div class="row">
<div class="panel-heading">
<h2>Hosting and Whois Zone</h2>
</div>
<div class="col-sm-12 col-md-6 content_dns">
<table class="table table-hover table-striped">
<tbody id="content_dns">
<tr>
<td><b>IP</td>
<td>92.53.65.2</td>
</tr><tr>
<td><b>Domain infomation</td>
<td> Domain Name: VPNSOFT24.COM
<br> Registry Domain ID: 2627064965_DOMAIN_COM-VRSN
<br> Registrar WHOIS Server: whois.dynadot.com
<br> Registrar URL: http://www.dynadot.com
<br> Updated Date: 2024-07-02T03:51:56Z
<br> Creation Date: 2021-07-16T06:05:54Z
<br> Registry Expiry Date: 2025-07-16T06:05:54Z
<br> Registrar: Dynadot Inc
<br> Registrar IANA ID: 472
<br> Registrar Abuse Contact Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3c5d5e494f597c5845525d585348125f5351">[email protected]</a>
<br> Registrar Abuse Contact Phone: +16502620100
<br> Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
<br> Name Server: NS1.DYNA-NS.NET
<br> Name Server: NS2.DYNA-NS.NET
<br> DNSSEC: unsigned
<br> URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
<br>>>> Last update of whois database: 2025-03-31T22:09:43Z <<<
<br>
<br>For more information on Whois status codes, please visit https://icann.org/epp
<br>
<br>NOTICE: The expiration date displayed in this record is the date the
<br>registrar's sponsorship of the domain name registration in the registry is
<br>currently set to expire. This date does not necessarily reflect the expiration
<br>date of the domain name registrant's agreement with the sponsoring
<br>registrar. Users may consult the sponsoring registrar's Whois database to
<br>view the registrar's reported date of expiration for this registration.
<br>
<br>TERMS OF USE: You are not authorized to access or query our Whois
<br>database through the use of electronic processes that are high-volume and
<br>automated except as reasonably necessary to register domain names or
<br>modify existing registrations; the Data in VeriSign Global Registry
<br>Services' ("VeriSign") Whois database is provided by VeriSign for
<br>information purposes only, and to assist persons in obtaining information
<br>about or related to a domain name registration record. VeriSign does not
<br>guarantee its accuracy. By submitting a Whois query, you agree to abide
<br>by the following terms of use: You agree that you may use this Data only
<br>for lawful purposes and that under no circumstances will you use this Data
<br>to: (1) allow, enable, or otherwise support the transmission of mass
<br>unsolicited, commercial advertising or solicitations via e-mail, telephone,
<br>or facsimile; or (2) enable high volume, automated, electronic processes
<br>that apply to VeriSign (or its computer systems). The compilation,
<br>repackaging, dissemination or other use of this Data is expressly
<br>prohibited without the prior written consent of VeriSign. You agree not to
<br>use electronic processes that are automated and high-volume to access or
<br>query the Whois database except as reasonably necessary to register
<br>domain names or modify existing registrations. VeriSign reserves the right
<br>to restrict your access to the Whois database in its sole discretion to ensure
<br>operational stability. VeriSign may restrict or terminate your access to the
<br>Whois database for failure to abide by these terms of use. VeriSign
<br>reserves the right to modify these terms at any time.
<br>
<br>The Registry database contains ONLY .COM, .NET, .EDU domains and
<br>Registrars.
<br></td>
</tr> </tbody>
</table>
</div>
<div class="col-sm-12 col-md-6">
<div class="col-sm-12 col-md-10 col-md-offset-1">
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- linkmio -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3483566179949368"
data-ad-slot="4541832040"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br>
</div>
</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>