<!DOCTYPE html>
<html lang="en">
<head>
<title>100parcels.com - Learn speak Chinese food restaurants words - Vocab</title>
<meta name="description" content="Jun 29, 2016 . You can learn, review and have interesting quizzes with this app, so that your Chinese learning of food and words memory will be a lot of efficie" />
<!-- 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>100parcels.com - Learn speak Chinese food restaurants words - Vocabulary</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>100parcels.com</b> has ranked <b>N/A</b> in <b>N/A</b> and <b>5,604,366</b> on the world. <b>100parcels.com</b> reaches roughly <b>551</b> users per day and delivers about <b>16,536</b> users each month. The domain 100parcels.com uses a Commercial suffix and it's server(s) are located in <b>N/A</b> with the IP number <b>104.21.48.1</b> and it is a <a href="/extension/com">.com</a> domain.</p>
<p>Jun 29, 2016 . You can learn, review and have interesting quizzes with this app, so that your Chinese learning of food and words memory will be a lot of efficiency and fun! Characteristics: • Words vocabulary &phrases. A wide variety of words vocabulary and phrases in Mandarin about food and Chinese cuisine, as well as useful expressions in restaurants.</p>
</div>
</div>
<div class="row">
<p>List of domain same IP 104.21.48.1</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/100-parcels">100 parcels</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/100-parcels-tracking">100 parcels tracking</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/100-parcel-suivi-colis">100 parcel suivi colis</a></h3></div><div class="col-md-4 col-xs-6"><h3><a href="/sought/100-parcelas-sao-quantos-anos">100 parcelas sao quantos anos</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 100parcels.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>Learn speak Chinese food restaurants words - Vocabulary</strong> <a href="https://apps.apple.com/us/app/learn-speak-chinese-food-restaurants-words-vocabulary/id1126040612" 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/learn-speak-chinese-food-restaurants-words-vocabulary/id1126040612</p>
<p><b></b> Jun 29, 2016 . You can learn, review and have interesting quizzes with this app, so that your Chinese learning of food and words memory will be a lot of efficiency and fun! Characteristics: • Words vocabulary &phrases. A wide variety of words vocabulary and phrases in Mandarin about food and Chinese cuisine, as well as useful expressions in restaurants.</p>
<p><b>DA:</b> <span class="label label-primary">77</span> <b>PA:</b> <span class="label label-info">92</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>31 order Chinese food phrases - Learn Mandarin Chinese …</strong> <a href="https://learnmandarinin5minutes.com/31-order-chinese-food-phrases/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/learnmandarinin5minutes.com">learnmandarinin5minutes.com</a></h3>
<p>https://learnmandarinin5minutes.com/31-order-chinese-food-phrases/</p>
<p><b></b> Oct 10, 2019 . Nowadays, menu in Chinese restaurants are provided with pictures. This is really good news for tourists who do not speak Chinese or understand Chinese words. That being said, it is still better for you to learn some Chinese food names just in case you are dining in small eateries in a remote Chinese village.</p>
<p><b>DA:</b> <span class="label label-primary">19</span> <b>PA:</b> <span class="label label-info">12</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>Chinese Food Vocabulary: 50 Words and Phrases | …</strong> <a href="https://blogs.transparent.com/chinese/chinese-food-vocabulary-50-words-and-phrases/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/transparent.com">transparent.com</a></h3>
<p>https://blogs.transparent.com/chinese/chinese-food-vocabulary-50-words-and-phrases/</p>
<p><b></b> Oct 05, 2016 . There are more than 3,300 branches of KFC in China. Coca Cola can be found in every supermarket all around China. Chinese McDonald’s branches are always full. Chinese people really enjoy western food. But they genuinely prefer Chinese food. And who can blame them, they have it all: spicy, fresh, alcoholic, cooked, sweet, vegetarian, fried,…</p>
<p><b>DA:</b> <span class="label label-primary">20</span> <b>PA:</b> <span class="label label-info">30</span> <b>MOZ Rank:</b> <span class="label label-warning">16</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Food Me! The Most Important Chinese Restaurant …</strong> <a href="https://www.fluentu.com/blog/chinese/chinese-restaurant-phrases/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/fluentu.com">fluentu.com</a></h3>
<p>https://www.fluentu.com/blog/chinese/chinese-restaurant-phrases/</p>
<p><b></b> May 03, 2017 . 60+ Chinese Words and Phrases to Fill Your Belly at Chinese Restaurants Chinese Restaurant Etiquette and Phrases for Navigating It. A 餐厅 (cān tīng) is a larger-scale or fine dining restaurant, and it doesn’t differ much from a nicer restaurant in a Western country. The waiters will be well-dressed, a hostess will welcome you ...</p>
<p><b>DA:</b> <span class="label label-primary">51</span> <b>PA:</b> <span class="label label-info">74</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>Learn Chinese Vocabulary List for Food and Drink</strong> <a href="https://www.hanbridgemandarin.com/article/daily-chinese-learning-tips/chinese-food-vocabulary" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/hanbridgemandarin.com">hanbridgemandarin.com</a></h3>
<p>https://www.hanbridgemandarin.com/article/daily-chinese-learning-tips/chinese-food-vocabulary</p>
<p><b></b> Now, let’s see what delicious Chinese flour foods you should taste. Now, you have mastered almost all the basic Chinese food vocabulary, the next thing you should do is to eat, eat, eat! ! In the video below, Clarice Zhao, one of the most excellent teachers of Hanbridge Mandarin, will teach you how to order food in Chinese.</p>
<p><b>DA:</b> <span class="label label-primary">16</span> <b>PA:</b> <span class="label label-info">79</span> <b>MOZ Rank:</b> <span class="label label-warning">29</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Mandarin Chinese Useful Phrases: Restaurant</strong> <a href="https://mangolanguages.com/resources/languages/chinese-mandarin/useful-phrases/restaurant" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/mangolanguages.com">mangolanguages.com</a></h3>
<p>https://mangolanguages.com/resources/languages/chinese-mandarin/useful-phrases/restaurant</p>
<p><b></b> These food and dining-related phrases and vocabulary will make finding and ordering the local faire second-nature. Browse other items in this collection: Survival Basics Language and Communication Airport Train / Metro Station Bus / Shuttle Taxi / Rideshare Hotel Restaurant Shopping.</p>
<p><b>DA:</b> <span class="label label-primary">25</span> <b>PA:</b> <span class="label label-info">84</span> <b>MOZ Rank:</b> <span class="label label-warning">37</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Food in Chinese - Rocket Languages - Learn A Language …</strong> <a href="https://www.rocketlanguages.com/chinese/vocabulary/food-in-chinese/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/rocketlanguages.com">rocketlanguages.com</a></h3>
<p>https://www.rocketlanguages.com/chinese/vocabulary/food-in-chinese/</p>
<p><b></b> Welcome to the Rocket Chinese Lesson on a topic that’s sure to get your mouth watering - food! Today we’re going to learn some of the most common words for food items in Chinese. It’s important to know some basic vocabulary for food when traveling in China. You’ll find it handy when going out to eat or when shopping for food in a market.</p>
<p><b>DA:</b> <span class="label label-primary">29</span> <b>PA:</b> <span class="label label-info">73</span> <b>MOZ Rank:</b> <span class="label label-warning">69</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Chinese Vocabulary: Restaurant Dining - ThoughtCo</strong> <a href="https://www.thoughtco.com/restaurant-vocabulary-2279645" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/thoughtco.com">thoughtco.com</a></h3>
<p>https://www.thoughtco.com/restaurant-vocabulary-2279645</p>
<p><b></b> Apr 27, 2017 . There is a range of Michelin star restaurants like Ryugin Taipei in Taipei or T'ang Court in Shanghai. Of course, there are also more affordable but equally as delicious restaurants, eating halls, and food stalls that are scattered throughout. This list of restaurant dining vocabulary will help you communicate with waiting staff so you can ...</p>
<p><b>DA:</b> <span class="label label-primary">51</span> <b>PA:</b> <span class="label label-info">38</span> <b>MOZ Rank:</b> <span class="label label-warning">38</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>At Restaurant - Standard Mandarin Chinese Phrases</strong> <a href="http://www.standardmandarin.com/Chinese-Phrases/At-Restaurant" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/standardmandarin.com">standardmandarin.com</a></h3>
<p>http://www.standardmandarin.com/Chinese-Phrases/At-Restaurant</p>
<p><b></b> Hear and learn Chinese phrases about At Restaurant with standard Mandarin pronunciation. Find many good Mandarin phrases in the group At Restaurant and have a …</p>
<p><b>DA:</b> <span class="label label-primary">51</span> <b>PA:</b> <span class="label label-info">71</span> <b>MOZ Rank:</b> <span class="label label-warning">98</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Learn Chinese in 16 Minutes - ALL Food and Restaurants</strong> <a href="https://www.youtube.com/watch?v=zAssVOc11Tg" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/youtube.com">youtube.com</a></h3>
<p>https://www.youtube.com/watch?v=zAssVOc11Tg</p>
<p><b></b> Mar 31, 2017 . This is your ultimate compilation to learn how to talk about food in China! And if you want to study more, click here https://goo.gl/ILuhna and get the best ...</p>
<p><b>DA:</b> <span class="label label-primary">34</span> <b>PA:</b> <span class="label label-info">34</span> <b>MOZ Rank:</b> <span class="label label-warning">85</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>10 Chinese Words & Phrases to Impress Natives in Daily</strong> <a href="https://www.youtube.com/watch?v=WXYnjMELdEE" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/youtube.com">youtube.com</a></h3>
<p>https://www.youtube.com/watch?v=WXYnjMELdEE</p>
<p><b></b> In today's lesson, let's talk about 10 common Chinese words and phrases that are used in daily Chinese conversations. We also explain how to use each of them...</p>
<p><b>DA:</b> <span class="label label-primary">22</span> <b>PA:</b> <span class="label label-info">85</span> <b>MOZ Rank:</b> <span class="label label-warning">53</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Basic Words and Phrases in Mandarin Chinese - Leisure</strong> <a href="https://www.travelandleisure.com/travel-tips/basic-mandarin-chinese-words-phrases" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/travelandleisure.com">travelandleisure.com</a></h3>
<p>https://www.travelandleisure.com/travel-tips/basic-mandarin-chinese-words-phrases</p>
<p><b></b> Sep 22, 2020 . Basic Mandarin Chinese Words and Phrases. Hello: Nǐhǎo (Nee how) If there’s only one word you learn, this is it. Use this to greet everyone from your taxi driver to your waiter to the ...</p>
<p><b>DA:</b> <span class="label label-primary">15</span> <b>PA:</b> <span class="label label-info">85</span> <b>MOZ Rank:</b> <span class="label label-warning">20</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Learn Mandarin Food Vocabulary and Drink Words - Pu Tong</strong> <a href="http://chromlea.com/mandarin/food.php" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/chromlea.com">chromlea.com</a></h3>
<p>http://chromlea.com/mandarin/food.php</p>
<p><b></b> Whether you are taking Mandarin language classes online, just want to learn some conversational Mandarin, or plan to study Mandarin in Beijing, our Mandarin to English dictionary is always being updated with new Mandarin words which makes an excellent supplement for those trying to learn to speak Mandarin Chinese.</p>
<p><b>DA:</b> <span class="label label-primary">98</span> <b>PA:</b> <span class="label label-info">81</span> <b>MOZ Rank:</b> <span class="label label-warning">14</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Mandarin Chinese Phrases - Hear Mandarin Chinese Words and</strong> <a href="https://www.transparent.com/learn-mandarin-chinese/phrases.html" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/transparent.com">transparent.com</a></h3>
<p>https://www.transparent.com/learn-mandarin-chinese/phrases.html</p>
<p><b></b> The Mandarin Chinese language lesson offered here is an excerpt from Transparent Language's Mandarin Chinese software program. The Basic Mandarin Chinese Phrases and the Mandarin Chinese Phrases for Meeting and Greeting will lead you to the Mandarin Chinese Dialog at the end, which shows how these survival phrases are used in conversational Mandarin Chinese.</p>
<p><b>DA:</b> <span class="label label-primary">4</span> <b>PA:</b> <span class="label label-info">20</span> <b>MOZ Rank:</b> <span class="label label-warning">39</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>52 Food words ideas | learn chinese, chinese language</strong> <a href="https://www.pinterest.com/angel4411/food-words/" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/pinterest.com">pinterest.com</a></h3>
<p>https://www.pinterest.com/angel4411/food-words/</p>
<p><b></b> Dec 10, 2018 - Explore 我爱中文's board "Food words", followed by 108 people on Pinterest. See more ideas about learn chinese, chinese language learning, mandarin chinese learning.</p>
<p><b>DA:</b> <span class="label label-primary">57</span> <b>PA:</b> <span class="label label-info">70</span> <b>MOZ Rank:</b> <span class="label label-warning">1</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Lesson 16 - In the Restaurant - Learn Chinese, free online</strong> <a href="https://www.chinese-tools.com/learn/chinese/16-in-the-restaurant.html" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/chinese-tools.com">chinese-tools.com</a></h3>
<p>https://www.chinese-tools.com/learn/chinese/16-in-the-restaurant.html</p>
<p><b></b> Learn how to read the menu and to order food in Chinese. Helping verbs, grammar, examples and exercises. Vocabulary: Do you have a menu? Do you want something else? The bill please.</p>
<p><b>DA:</b> <span class="label label-primary">35</span> <b>PA:</b> <span class="label label-info">36</span> <b>MOZ Rank:</b> <span class="label label-warning">70</span></p>
</li>
</ul><ul class="content_related">
<li style="width:95%">
<span class="glyphicon glyphicon-ok"></span><strong>Chinese Hotel words - Rocket Languages</strong> <a href="https://www.rocketlanguages.com/chinese/vocabulary/chinese-hotel-words" rel="nofollow" target="_blank"><i class="glyphicon glyphicon-new-window" aria-hidden="true"></i></a>
<h3><a href="/site/rocketlanguages.com">rocketlanguages.com</a></h3>
<p>https://www.rocketlanguages.com/chinese/vocabulary/chinese-hotel-words</p>
<p><b></b> Knowing these Chinese hotel words before you travel to a Chinese-speaking country will make life much easier! After this free audio lesson you'll be able to ask the hotel staff for what you need in Mandarin Chinese, find your way around the hotel, and explain any concerns you might have.</p>
<p><b>DA:</b> <span class="label label-primary">92</span> <b>PA:</b> <span class="label label-info">64</span> <b>MOZ Rank:</b> <span class="label label-warning">11</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">5,604,366</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.0000243326</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">551</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">16,536</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>3,537</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,767</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>900</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>799</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>723</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>632</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>531</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>501</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>501</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>437</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>313</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>304</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>299</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>248</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>241</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>232</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>218</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>202</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>185</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>169</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>165</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>159</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>157</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>131</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>101</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>91</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>88</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>81</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>78</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>74</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>71</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>64</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>58</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>53</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>50</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>50</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>48</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>46</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>45</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>43</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>41</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>40</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>38</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>36</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>35</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>33</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>31</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>30</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=100parcels.com" alt="Alexa Statistics Graph for 100parcels.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=100parcels.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=100parcels.com" alt="Alexa Statistics Graph for 100parcels.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=100parcels.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=100parcels.com" alt="Alexa Statistics Graph for 100parcels.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=100parcels.com" alt="Alexa Statistics Graph for 100parcels.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="100parcels.com" src="https://www.alexa.com/minisiteinfo/100parcels.com" target="_blank" height="100%" width="100%" scrolling="no" border="0" frameborder="0">100parcels.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">92</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">64</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">11</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>100parcels.com</td>
<td>HINFO</td>
<td>IN</td>
<td>3600</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/100parcels.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/100parcels.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>104.21.80.1</td>
</tr><tr>
<td><b>Domain infomation</td>
<td> Domain Name: 100PARCELS.COM
<br> Registry Domain ID: 2370804109_DOMAIN_COM-VRSN
<br> Registrar WHOIS Server: whois.dynadot.com
<br> Registrar URL: http://www.dynadot.com
<br> Updated Date: 2025-03-04T11:28:41Z
<br> Creation Date: 2019-03-19T07:24:36Z
<br> Registry Expiry Date: 2026-03-19T07:24:36Z
<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="91f0f3e4e2f4d1f5e8fff0f5fee5bff2fefc">[email protected]</a>
<br> Registrar Abuse Contact Phone: +16502620100
<br> Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
<br> Name Server: COCO.NS.CLOUDFLARE.COM
<br> Name Server: NEWT.NS.CLOUDFLARE.COM
<br> DNSSEC: unsigned
<br> URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
<br>>>> Last update of whois database: 2025-06-03T20:04:26Z <<<
<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>