/*
    Javid  05/28/2026 Report typography (global): all .filter-section filter bars and all DataTable result grids pinned to Segoe UI 13px so every report's filter + results match the app standard without per-view CSS. font-family forced; font-size 13px NOT !important so intentionally compact filters and ID-scoped per-view rules keep their explicit sizes.
    Javid  05/28/2026 Last Month/Last Week shared buttons: pinned to Segoe UI 13px (were 14px, inheriting) so quick-date buttons match the app font globally.
    Javid  05/28/2026 Trimmed unused Open Sans from the Google Fonts @import (now loads Pacifico only) since all Open Sans usages were converted to Segoe UI.
    Javid  05/28/2026 Unified text typeface to Segoe UI for general UI (body, headings, p, span, side menu, .field-wrap input, .quick-all h4, .toggle-setting span, .form-h1) so the whole app matches the tables/buttons. Left icon fonts (MICR/MICRE13B/OCRAEXT/fontawesome), decorative fonts (logo "hobo std", coming-soon "pacifico"), the countdown "monospace", and "inherit" untouched.
    Javid  08/22/2024 Change buttons color
    Phanindra 08/29/2024  Updated button colors and checkbox color
    Phanindra 09/03/2024  fixed box alignment for data results 
    Phanindra 09/04/2024  Added new class styles for numeric columns for right align
    Phanindra 09/06/2024  Changed styles for Customer code and vendor autofill dropdowns
    Phanindra 09/10/2024  Changed styles for logout button
    Phanindra 09/13/2024  Did few changes related to datatable and style image
    Neetha    09/17/2024  Print, preview format changes, input labels positions changed.
    Neetha    09/19/2024  footer fixed to the bottom.
    Phanindra 09/20/2024  Optimised the changes related to print and preview option styles
    Phanindra 09/25/2024  Worked on print and preview option styles
    Neetha    10/03/2024  Added hide-on-print class and styles to hide columns in print and preview.
    Phanindra 10/04/2024  Fixed numeric columns to right align in print
    Neetha    10/14/2024  Added classes for setting widths to columns in grids - nw-35px,nw-45px,nw-55px,nw-65px.
    Phanindra 10/15/2024  Added css related to gridview in edit quote page
    Phanindra 10/22/2024  Added css related to model popups
    Phanindra 11/20/2024 Added Styles for Potential Customer dropdown
    Phanindra 12/17/2024 Fixed description length issue for print and preview options.
    Phanindra 12/23/2024 Worked on changing menu to top
	Hemanth   12/24/2024 new class added in print media tag
    Phanindra 12/26/2024 Fixed common model popup design issue.
  * Phanindra 01/03/2025 Worked on third level menu related change
  * Phanindra 01/07/2025 Added new styles for print options.
    Phanindra 01/20/2025 Fixed columns issue related to pdf reports
    Phanindra 03/26/2025 Added fonts for check numbers display
    Phanindra 05/19/2025 Worked on submenu design changes
    Phanindra 05/27/2025 Worked on whole menu related adjustments
    Phanindra 06/12/2025 Worked on font size changes for menu
	Hemanth   12/24/2024 new class added in print media tag .report-bg-color and .body
    Dharani   09/02/2025 Worked on menu added default_li img.menuIcons class and changes made in nav-link.default_anchor class
    Phanindra 09/17/2025 Added new loader css to use for ajax calls.
    Neetha    09/23/2025 Changes in loader-overlay2 class css.
    Phanindra 10/03/2025 Worked on menu width related issues.
    Phanindra 01/09/2026 Added all global related popup styles from Layout page.
    Phanindra 01/24/2026 Worked on menu changes for medium and small screens.
    Phanindra 02/09/2026 Changed css for existing forms.
    venkat    02/10/2026 added globalmsg modal related css 
    Phanindra 02/11/2026 Worked on button changes for reports
    venkat    02/24/2026 Added btn-download-shared
	Hemanth   03/04/2026 Selectd row css added
    Phanindra 03/05/2026 Added page numbers for report print option.
    Phanindra 03/12/2026 Added position absolute for #previewContentModal.modal.
    Phanindra 03/13/2026 Rolled back position property to fix issue in another pages.
    Javid     03/22/2026 Reduced footer band padding from 5px to 1px.
    Javid     03/23/2026 Reduced top menu font size 14px->12px; removed dropdown triangle arrows; reduced toprow height 55px->44px.
    Javid     03/23/2026 Eliminated vertical gap between top menu and second level (top:52px->0); matched 2nd/3rd level font to top menu (14px->12px).
    Javid     03/23/2026 Fixed second level covering first: set dropdown top to 44px (matches reduced toprow height).
    Javid     03/23/2026 Made menu level 1/2/3 font bold.
    Javid     03/26/2026 Removed position:relative from .second_li so .third_ul (position:absolute) anchors to .first_ul (full-width navbar dropdown) instead of .second_li — fixes left-edge clipping
    Phanindra 04/10/2026 added background for the loader icon
    Javid     05/15/2026 #previewContentModal: add solid white background so the body #eee (visible when previewNormalHtmlTable opens it manually without a Bootstrap backdrop) no longer shows through below the report. Reported on PrintInvoice (Return A Sale → Save → Preview).
    Javid     04/23/2026 Removed 4 menu rules now fully replaced by menu-modern.css (.third_li a:hover/focus/active, .nav-item.dropdown1.active.default_li, .dropdown-item.active.second_anchor, .second_anchor).
    Javid     04/26/2026 Bumped .third_ul.two_columns max-width 520px->600px so the second column (e.g. Wholesale > Sales Orders after the separator) renders side-by-side instead of wrapping below.
    Javid     04/26/2026 Added .third_ul.four_columns / .five_columns rules + align-content:flex-start on .megamenu so menus with 4+ separator-defined sections (e.g. Sales > P.O.S) render all sections side-by-side in one row instead of wrapping the last section underneath a shorter middle column (which left a visible gap).
    Javid     04/26/2026 Sized four_columns to 940px and five_columns to 1140px (capped at 95vw) — the prior 880px wasn't wide enough to fit 4 × (175px anchor + 12px padding) + 3 × (18px column divider + 20px flex gap) + 24px dropdown padding = ~886px, so the 4th section still wrapped.
    venkat    04/29/2026 added css for refreshbutton with  needToRefreshBtn.
    Javid     05/12/2026 Hide global ajax loader (#loader2 / .loader-overlay2) in @media print —
                         when a Print is fired from inside an AJAX success callback the loader
                         was still visible, so it printed on the report page (frmCreateSfm bug 1).
    Javid     05/15/2026 Set #previewContentModal background:#fff so the page body bg (#eee) doesn't bleed
                         through below the invoice preview (Anil 5/14: "background color over the preview"
                         on Save+Preview from Return A Sale / Edit Sales Return / PrintInvoice).
    Javid     05/15/2026 Bumped .third_ul.three_columns 750px -> 870px (width+max-width 95vw, like
                         four/five_columns) so the third section actually fits side-by-side instead of
                         wrapping below (Styles > Store Inventory has 2 separators → 3 sections but
                         was only showing 2; the 3rd was wrapping into the scrollable overflow area).
    Javid     05/17/2026 .needToRefreshBtn dirty bg #ffc107 -> #ffff00 (pure yellow) so the web
                         refresh button matches yJewel desktop's Color.Yellow when dirty (was
                         rendering as Bootstrap amber/mustard).
    Javid     05/25/2026 Top menu: .default_ul justify-content space-between -> flex-start (was spreading
                         menu items to fill ul width, leaving big gaps between Sales/Customers/etc.).
                         Also .default_li margin-right 5px -> 0 so items pack tightly. (Top-menu
                         padding actually lives in menu-modern.css with !important; trimmed there
                         6px 12px -> 6px 5px so 14 items + favorites + search hold one line at
                         narrow effective viewports — 1920 screen with Win scaling + browser zoom
                         renders at ~982 CSS px.)
    Javid     05/28/2026 Shared action buttons (btn-save-shared/btn-ok-shared/btn-cancel-shared/
                         btn-add-shared) and the Refresh button (refreshBtnDefault/needToRefreshBtn)
                         set to Segoe UI 13px for consistent typography on the lookup/action bars
                         (Edit/Search/Cancel/Refresh/OK/Add Row).
    Javid     05/28/2026 Customer/vendor autocomplete dropdown (autocomplete-items/-item,
                         potCustomer-items/-item) set to Segoe UI 13px to match the input fields.
*/

@import "https://fonts.googleapis.com/css?family=Pacifico";

@font-face {
  font-family: "MICR";
  src: url("../Fonts/MICR.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MICRE13B Match";
  src: url("../Fonts/MICRE13B Match.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MICRE13B";
  src: url("../Fonts/MICRE13B.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OCRAEXT";
  src: url("../Fonts/OCRAEXT.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  position: relative;
  color: #888;
  font-size: 16px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  word-wrap: break-word;
  background: #eee !important;
  overflow-x: hidden;
  overflow-y: auto;
}

.body-bg {
  background: transparent url(../images/boxed-bg.html) repeat fixed 0 0;
}

.container {
  padding: 0;
}

.container-fluid > .row > div {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  color: #1a1a1a;
}

p {
  font-size: 14px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 22px;
  margin: 0;
}

ul,
ol {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

span {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

a,
a:hover,
a:focus,
a:active {
  color: inherit;
  outline: none;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
}

img {
  height: auto;
  max-width: 100%;
}

#html5-watermark div {
  display: none !important;
}

.panel-layout {
  float: left;
  position: relative;
  width: 100%;
}

.panel.boxed {
  background: none repeat scroll 0 0 #fff;
  float: none;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 1230px;
  -webkit-box-shadow: 0 0 6px #d4d4d4;
  -moz-box-shadow: 0 0 6px #d4d4d4;
  -ms-box-shadow: 0 0 6px #d4d4d4;
  -o-box-shadow: 0 0 6px #d4d4d4;
  box-shadow: 0 0 6px #d4d4d4;
}

section {
  float: left;
  position: relative;
  width: 100%;
}

.gap {
  float: left;
  padding: 30px 0;
  position: relative;
  width: 100%;
}

.no-gap {
  padding: 0;
}

.no-top {
  padding-top: 0;
}

.no-bottom {
  padding-bottom: 0;
}

.remove-ext {
  float: left;
  width: auto;
  margin-bottom: -30px;
}

.row.remove-70 {
  margin-bottom: -70px;
}

.merged {
  margin: 0;
  padding: 0;
}

.merged > div {
  padding: 0;
}

.row.merged > div {
  padding: 0;
}

.merged.row {
  margin: 0;
}

.merged.row > div {
  padding: 0;
}

.row.merg10 > div {
  padding: 0 10px;
}

.row.merg10 > div:last-child {
  padding-right: 5px;
}

.row.merg10 > div:first-child {
  padding-left: 5px;
}

.row.merg10 {
  margin: 0 -5px;
}

.bg-image {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}

.fix-bg {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.blackish:before,
.whitish:before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.whitish:before {
  background: rgba(255, 255, 255, 0.9);
}

.high-opacity:before {
  -webkit-opacity: 0.95;
  -moz-opacity: 0.95;
  -ms-opacity: 0.95;
  -o-opacity: 0.95;
  opacity: 0.95;
}

.medium-opacity:before {
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  -ms-opacity: 0.85;
  -o-opacity: 0.85;
  opacity: 0.85;
}

.low-opacity:before {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  -ms-opacity: 0.75;
  -o-opacity: 0.75;
  opacity: 0.75;
}

.gray-bg {
  float: left;
  width: 100%;
  background: #f4f2f2;
}

.panel-layout.boxed {
  background: #fff;
  float: none;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1;
  width: 1230px;
  -webkit-box-shadow: 0 0 6px #d4d4d4;
  -moz-box-shadow: 0 0 6px #d4d4d4;
  -ms-box-shadow: 0 0 6px #d4d4d4;
  -o-box-shadow: 0 0 6px #d4d4d4;
  box-shadow: 0 0 6px #d4d4d4;
}

textarea {
  resize: none;
}

.masonry {
  float: left;
  width: 100%;
}

a:hover.facebook {
  background: #516eab !important;
}

a:hover.twitter {
  background: #55acee !important;
}

a:hover.google {
  background: #dd4b39 !important;
}

a:hover.pinterest {
  background: #ca212a !important;
}

a:hover.youtube {
  background: #e62117 !important;
}

a:hover.dribble {
  background: #1572b8 !important;
}

a:hover.linkedin {
  background: #0077b5 !important;
}

a:hover.tumblr {
  background: #36465d !important;
}

a:hover.rss {
  background: #e3a103 !important;
}

a:hover.vk {
  background: #466991 !important;
}

a.vk {
  background: #466991 !important;
}

a.tumblr {
  background: #36465d !important;
}

a.facebook {
  background: #516eab !important;
}

a.twitter {
  background: #55acee !important;
}

a.google {
  background: #dd4b39 !important;
}

a.pinterest {
  background: #ca212a !important;
}

.owl-nav {
  position: absolute;
  right: 0;
  top: -53px;
}

.owl-prev,
.owl-next {
  color: transparent;
}

.owl-prev::before {
  background: #fff;
  color: #878993;
  content: "\f104";
  display: inline-block;
  font-family: fontawesome;
  font-size: 16px;
  line-height: 31px;
  position: absolute;
  right: 38px;
  text-align: center;
  top: 0;
  width: 31px;
  border: 1px solid #bcbcbd;
}

.owl-next::before {
  background: #fff;
  color: #878993;
  content: "\f105";
  display: inline-block;
  font-family: fontawesome;
  font-size: 16px;
  line-height: 31px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 31px;
  border: 1px solid #bcbcbd;
}

.owl-next:hover:before,
.owl-prev:hover:before {
  color: #fff;
}

.owl-item > li {
  list-style: none;
}

.logo {
  display: inline-block;
  padding-left: 10px;
}

.logo > a {
  color: #fff;
  display: inline-block;
  font-family: hobo std;
  font-size: 26px;
  line-height: initial;
  vertical-align: middle;
}

.side-header {
  padding: 4px 0px;
  background: rgb(27, 132, 255);
  background: linear-gradient(
    90deg,
    rgba(27, 132, 255, 1) 0%,
    rgba(77, 159, 255, 1) 100%
  );
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.side-header.slide-out {
  left: -200px;
}

.side-header.slide-out .slide-menu > ul li a i {
  color: #9196b1;
  font-size: 20px;
}

header {
  display: -o-flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  z-index: 9;
}

.main-content {
  left: 0;
  padding-left: 255px;
  position: relative;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 0.25s ease-out 0s;
  -moz-transition: all 0.25s ease-out 0s;
  -ms-transition: all 0.25s ease-out 0s;
  -o-transition: all 0.25s ease-out 0s;
  transition: all 0.25s ease-out 0s;
}

.main-content.menu-slide {
  padding-left: 50px;
}

.main-content.menu-slide .topbar {
  padding-left: 70px;
}

.main-page {
  display: -o-flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
}

.user-head {
  display: inline-block;
  line-height: initial;
  position: relative;
  vertical-align: middle;
  margin: 0 0 0 15px;
}

.admin {
  position: relative;
  text-align: center;
}

.online {
  background: #a1d72c none repeat scroll 0 0;
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  top: 13px;
  display: inline-block;
  height: 13px;
  position: absolute;
  right: -2px;
  -webkit-transform: translateY(-65%);
  -moz-transform: translateY(-65%);
  -ms-transform: translateY(-65%);
  -o-transform: translateY(-65%);
  transform: translateY(-65%);
  width: 13px;
}

.admin-avatar {
  position: relative;
  display: inline-block;
}

.admin-avatar img {
  border: 2px solid rgb(237 242 250);
  padding: 0px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}

.admin > span {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}

.admin > span i {
  margin-left: 10px;
}

.menu-item-has-children::before,
.submenu-item-has-children::before {
  content: "\f107";
  font-family: fontawesome;
  position: absolute;
  right: 30px;
  top: 14px;
  z-index: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.menu-item-has-children.active::before,
.submenu-item-has-children.active::before {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.seting-area {
  float: right;
  line-height: 40px;
  margin-bottom: 0px;
}

.seting-area > li {
  display: inline-block;
  margin: 0 10px;
  position: relative;
}

.seting-area > li > a {
  color: #535353;
  display: inline-block;
  font-size: 14px;
  line-height: initial;
  text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}

.seting-area > li > a i {
  -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  font-size: 16px;
}

.nav-icon3 {
  cursor: pointer;
  display: inline-block;
  height: 12px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: 20px;
}

.nav-icon3 span {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  height: 2px;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -ms-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  width: 100%;
}

.nav-icon3 span:nth-child(1) {
  top: 1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 60%;
  left: -1px;
}

.nav-icon3 span:nth-child(2),
.nav-icon3 span:nth-child(3) {
  top: 6px;
}

.nav-icon3 span:nth-child(4) {
  top: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 60%;
  left: -1px;
}

.nav-icon3.open span:nth-child(1) {
  left: 50%;
  top: 18px;
  width: 0;
}

.nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-icon3.open span:nth-child(4) {
  left: 50%;
  top: 18px;
  width: 0;
}

.side-menus.dark > .side-header {
  background: #131313;
}

.sub-bar.dark {
  background: #131313;
}

.side-menus {
  width: 100%;
}

.side-header > span {
  float: left;
  font-size: 12px;
  margin-bottom: 20px;
  padding: 0 27px;
  width: 100%;
  margin-top: 20px;
}

.side-menus nav {
  float: left;
  width: 100%;
}

.side-menus nav > ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.side-menus nav > ul > li {
  float: left;
  position: relative;
  width: 100%;
  cursor: pointer;
  color: #333;
}

.side-menus nav > ul > li.active {
  background: #f4f8ff;
}

.side-menus nav > ul > li > a {
  float: left;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  padding: 10px 27px;
  width: 100%;
  text-transform: capitalize;
}

.side-menus nav > ul > li > a:hover {
  background: #f4f8ff none repeat scroll 0 0;
}

.side-menus nav > ul > li > a > i {
  display: inline-block;
  font-size: 13px;
  line-height: 24px;
  margin-right: 4px;
  width: 20px;
}

.side-menus nav > ul > li > a > span {
  display: inline-block;
}

.side-menus nav > ul > li > a > ins {
  background: transparent linear-gradient(to right, #f77062 0%, #fe5196 100%)
    repeat scroll 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  float: right;
  font-size: 10px;
  padding: 2px 9px;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
  margin-top: 3px;
}

.side-header.slide-out .slide-menu > ul li a ins {
  padding: 2px 6px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 0;
}

.side-header.slide-out:hover .slide-menu > ul li a ins {
  position: unset;
}

.side-menus ul li a span i.badge,
.side-menus ul li a i.badge {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  float: right;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  margin-right: 26px;
}

.side-menus nav > ul > li.menu-item-has-children > ul,
.side-menus nav > ul > li > ul > li.submenu-item-has-children > ul {
  display: none;
  position: relative;
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 5px 0 5px 20px;
  width: 100%;
  background: #f4f8ff;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li,
.side-menus nav > ul > li > ul > li.submenu-item-has-children > ul > li {
  float: left;
  width: 100%;
  list-style: none;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a,
.side-menus nav > ul > li > ul > li.submenu-item-has-children > ul > li > a {
  float: left;
  color: #4a4a4a;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  padding: 5px 30px 5px 25px;
  position: relative;
  width: 100%;
  text-transform: capitalize;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > .submenu > li > a {
  float: left;
  color: #4a4a4a;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  padding: 5px 30px 5px 45px;
  position: relative;
  width: 100%;
  text-transform: capitalize;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a.active {
  background: #fff;
}

.side-menus
  nav
  > ul
  > li.menu-item-has-children
  > ul
  > li
  > .submenu
  > li
  > a::before {
  background: #686d86 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 33px;
  position: absolute;
  top: 10px;
  width: 5px;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a.active:before {
  background: transparent linear-gradient(to right, #f77062 0%, #fe5196 100%)
    repeat scroll 0 0;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a:hover,
.side-menus
  nav
  > ul
  > li.menu-item-has-children
  > ul
  > li
  > .submenu
  > li
  > a:hover {
  background: #fff;
  text-decoration: none !important;
}

.side-menus > span.footer-line {
  margin-bottom: 60px;
  margin-top: 30px;
}

.side-header > span.footer-line a {
  color: #dfdfdf;
}

.side-menu-sec.slide-out {
  left: -266px;
}

.red-bg {
  background: transparent linear-gradient(to right, #f77062 0%, #fe5196 100%)
    repeat scroll 0 0;
}

.blue-bg {
  background: transparent linear-gradient(to right, #b275f0 0%, #7575f0 100%)
    repeat scroll 0 0;
}

.green-bg {
  background: transparent linear-gradient(to right, #9be15d 0%, #00e3ae 100%)
    repeat scroll 0 0;
}

.sea-green-bg {
  background: transparent linear-gradient(to right, #4facfe 0%, #00f2fe 100%)
    repeat scroll 0 0;
}

.topbar {
  left: 0;
  line-height: 50px;
  /*position: fixed;*/
  top: 0;
  width: 100%;
  /*background: #fff;*/
  z-index: 99;
  height: 55px;
  -webkit-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  -ms-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.25s ease-out 0s;
  -moz-transition: all 0.25s ease-out 0s;
  -ms-transition: all 0.25s ease-out 0s;
  -o-transition: all 0.25s ease-out 0s;
  transition: all 0.25s ease-out 0s;
}

.notify-area {
  display: inline-block;
  list-style: outside none none;
  vertical-align: middle;
}

.notify-area > li,
.setting > li {
  display: inline-block;
  margin-right: 12px;
  padding-right: 17px;
  position: relative;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 12px;
  line-height: initial;
}

.setting {
  float: right;
  list-style: outside none none;
  padding-left: 0;
}

.notify-area > li > a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}

.notify-area li a i {
  font-size: 16px;
  color: #fff;
  -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}

.notify-area > li > span {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 8px;
  font-weight: 700;
  line-height: 18px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: -10px;
  width: 19px;
  -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}

.setting li i.fa-power-off {
  color: #64f624;
}

.panel-body {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin-top: 55px;
  width: 100%;
  padding: 0;
}

.sub-bar {
  display: inline-block;
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  -webkit-transition: all 0.25s ease-out 0s;
  -moz-transition: all 0.25s ease-out 0s;
  -ms-transition: all 0.25s ease-out 0s;
  -o-transition: all 0.25s ease-out 0s;
  transition: all 0.25s ease-out 0s;
  width: 100%;
}

.sub-title h4 {
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
  width: auto;
  text-transform: capitalize;
}

.sub-title span {
  display: inline-block;
  font-size: 11px;
  padding-left: 5px;
  vertical-align: middle;
}

.sub-title {
  display: inline-block;
  line-height: initial;
  vertical-align: baseline;
  width: 49%;
}

.search-container {
  position: relative;
}

.search-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}

.search-input {
  width: 35px;
  height: 35px;
  padding: 0 10px 0 25px;
  border: 1px solid #fff;
  border-radius: 35px;
  outline: none;
  transition: width 0.3s ease;
}

.search-input.expanded {
  width: 200px;
  padding-left: 35px;
}

.suggestions {
  position: absolute;
  top: 37px;
  left: auto;
  width: 200px;
  background: #fff;
  z-index: 10;
  display: none;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  right: 0px;
  border-radius: 4px;
}

.suggestions li {
  padding: 5px 10px;
  cursor: pointer;
}

.suggestions li:hover {
  background: #f0f0f0;
}

/*.t-search {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    line-height: initial;
    width: 100%;
    max-width: 240px;
}

    .t-search form input {
        background: rgba(255,255,255,.2) none repeat scroll 0 0;
        border: medium;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        color: #888;
        font-size: 14px;
        padding: 12px 30px 12px 48px;
        width: 100%;
        line-height: initial;
        -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64);
        -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64);
        -ms-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64);
        -o-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64);
        box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.64);
    }

        .t-search form input::placeholder {
            color: #fff
        }

    .t-search form button {
        background: transparent none repeat scroll 0 0;
        border: medium;
        position: absolute;
        left: 10px;
        top: 50%;
        color: #888;
        line-height: initial;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .t-search form {
        display: inline-block;
        position: relative;
        width: 100%;
    }*/

.bread-crumb {
  float: right;
  list-style: outside none none;
  padding-left: 30px;
  width: auto;
}

.bread-crumb > li {
  display: inline-block;
  font-size: 12px;
  margin-right: 15px;
  position: relative;
  text-transform: capitalize;
}

.bread-crumb > li:last-child {
  margin-right: 0;
}

.bread-crumb > li::before {
  content: "/";
  position: absolute;
  right: -12px;
  top: 0;
}

.bread-crumb > li:last-child::before {
  display: none;
}

.content-area {
  background: #f4f8ff;
  float: left;
  width: 100%;
  padding: 30px;
}

.content-area > .widget:nth-child(2) {
  margin-top: 0;
}

.top-25 {
  margin-top: 24px;
}

.info-section {
  display: inline-block;
  width: 100%;
}

.info-section > div.panel-widget:last-child {
  margin-right: 0;
}

.panel-widget {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  float: left;
  margin-right: 29px;
  width: 31.4%;
}

.b-meta > img {
  float: left;
}

.b-meta > i {
  color: #999;
  display: inline-block;
  font-size: 34px;
  margin-top: 5px;
  vertical-align: top;
}

.info-meta {
  display: inline-block;
  overflow: hidden;
  padding-left: 15px;
  vertical-align: middle;
  width: 80%;
}

.total-meta {
  float: left;
  padding: 15px 20px;
  width: 100%;
}

.total-meta > span {
  float: left;
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
  text-transform: uppercase;
}

.total-meta > i {
  color: #fff;
  float: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  vertical-align: top;
}

.b-meta {
  float: left;
  padding: 23px 25px;
  width: 100%;
}

.panel-widget .b-meta > span {
  background: #e9e9e9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  float: left;
  height: 7px;
  margin-top: 30px;
  position: relative;
  width: 100%;
}

.b-meta > span::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.b-meta > span.yellish::before {
  background: #ffb400;
}

.b-meta > span.purpe::before {
  background: #b80add;
}

.b-meta > span.radish::before {
  background: #e84f4c;
}

.b-meta > span.grenish::before {
  background: #1ec329;
}

.b-meta > span.fourty::before {
  width: 40%;
}

.b-meta > span.fifty::before {
  width: 50%;
}

.b-meta > span.seventy::before {
  width: 70%;
}

.b-meta > span.ninty::before {
  width: 90%;
}

.info-meta > h4 {
  font-size: 30px;
  margin-bottom: 5px;
  display: inline-block;
}

.info-meta > p {
  float: right;
  font-size: 14px;
  margin-top: 10px;
  width: auto;
}

.info-meta > span {
  font-size: 12.7px;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
}

.quick-all-report {
  float: left;
  padding: 30px 0;
  text-align: center;
  width: 100%;
}

.quick-all {
  float: left;
  width: 100%;
}

.quick-all > h4 {
  float: left;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 21px;
  margin: 16px 0 0;
  width: 100%;
}

.quick-all > p {
  float: left;
  font-size: 14px;
  margin: 0;
  width: 100%;
}

.info-section.style2 .b-meta {
  border: 1px solid #d5d5d5;
}

.info-section.style3 .b-meta.red {
  border: 3px solid #eaa39d;
}

.info-section.style3 .b-meta.red > span::before {
  background-color: #eaa39d;
}

.info-section.style3 .b-meta.blue {
  border: 3px solid #9ed4eb;
}

.info-section.style3 .b-meta.blue > span::before {
  background-color: #9ed4eb;
}

.info-section.style3 .b-meta.green {
  border: 3px solid #9feba1;
}

.info-section.style3 .b-meta.green > span::before {
  background-color: #9feba1;
}

.info-section.style3 .b-meta.yellow {
  border: 3px solid #eee89a;
}

.info-section.style3 .b-meta.yellow > span::before {
  background-color: #eee89a;
}

.info-section.style4 .b-meta {
  -webkit-box-shadow: 3px 3px 3px #ccc;
  -moz-box-shadow: 3px 3px 3px #ccc;
  -ms-box-shadow: 3px 3px 3px #ccc;
  -o-box-shadow: 3px 3px 3px #ccc;
  box-shadow: 3px 3px 3px #ccc;
}

.info-section.style5 .b-meta.red {
  background: #eaa39d;
}

.info-section.style5 .b-meta.blue {
  background: #9ed4eb;
}

.info-section.style5 .b-meta.green {
  background: #9feba1;
}

.info-section.style5 .b-meta.yellow {
  background: #eee89a;
}

.info-section.style5 .b-meta .info-meta > h4,
.info-section.style5 .b-meta .info-meta > span {
  color: #fff;
}

.info-section.style5 .b-meta > span::before {
  background: #2d353b;
}

.info-meta > h4 > ins {
  font-size: 18px;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
}

.spark {
  float: left;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

.panel-widget.style2 .info-meta > span {
  display: inline-block;
  width: 100%;
}

.info-meta > i {
  float: right;
  font-style: normal;
}

.widget {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: 30px;
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
}

.widget.loading-wait::before {
  display: block;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  opacity: 0.8;
}

.widget.expand-this {
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed !important;
  top: 0;
  width: 100%;
  padding-left: 60px !important;
  z-index: 2147483647;
}

.widget::before {
  background-color: #fff;
  background-image: url(../images/loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  content: "";
  display: none;
  height: 100%;
  left: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 9;
}

.widget-title {
  border-bottom: 1px solid #f1f1f1;
  float: left;
  padding: 14px 25px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  z-index: 9;
}

.widget-title.no-margin {
  margin-bottom: 0;
}

.widget-title > h4 {
  float: left;
  text-transform: capitalize;
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  font-size: 17px;
}

.col-md-4 .widget .widget-title > h4,
.col-lg-4 .widget .widget-title > h4 {
  font-size: 17px;
}

.widget-title > h4::after {
  background: transparent linear-gradient(to right, #b275f0 0%, #7575f0 100%)
    repeat scroll 0 0;
  content: "";
  height: 20px;
  left: -25px;
  position: absolute;
  top: 0;
  width: 4px;
}

.widget-title > span {
  display: inline-block;
  padding-left: 14px;
  text-transform: capitalize;
  vertical-align: sub;
  font-size: 13px;
}

.widget-title > em {
  float: left;
  width: 100%;
  font-size: 12px;
}

.widget-controls {
  float: right;
}

.widget-controls > li {
  cursor: pointer;
  display: inline-block;
  margin-left: 8px;
  position: relative;
}

.widget-controls > li.expand-content::before {
  background: #9b9b9b;
  content: "";
  display: none;
  height: 3px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 100%;
}

.widget.expand-this .widget-controls > li.expand-content::before {
  display: block;
}

.widget.expand-this .widget-controls > li.expand-content i.icon-frame {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.widget-controls > li i {
  font-size: 13px;
  vertical-align: middle;
}

.widsub-title {
  background: #4ea2f0 none repeat scroll 0 0;
  color: #fff;
  float: left;
  padding: 14px 0;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.5s linear 0.2s;
  -moz-transition: all 0.5s linear 0.2s;
  -ms-transition: all 0.5s linear 0.2s;
  -o-transition: all 0.5s linear 0.2s;
  transition: all 0.5s linear 0.2s;
}

.widsub-title > h5 {
  float: left;
  text-transform: capitalize;
  width: 100%;
  font-size: 13px;
}

.widget.style2 .widget-title {
  background: #171717 none repeat scroll 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.widget.style2 .widget-title > h4 {
  color: #fff;
}

.widget.style2 .widget-peding {
  padding: 30px 35px;
}

.main-table .table {
  margin-bottom: 0;
  display: table;
}

.main-table .table thead {
  background: #f1f5f7;
}

.main-table .table thead tr th {
  border-bottom: medium;
  font-size: 14px;
  font-weight: 600;
  padding: 0 20px;
  text-transform: capitalize;
}

.main-table .table thead tr th i {
  margin-right: 5px;
}

.main-table .table thead tr th {
  line-height: 45px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: none;
  vertical-align: middle;
}

.main-table .table tbody td {
  padding: 10px 20px;
}

.prj-team {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.prj-team > span {
  float: left;
  margin-right: -12px;
}

.prj-team > span img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  width: 30px;
  border: 2px solid #fff;
}

.main-table .table tbody td span.sr {
  font-size: 12px;
}

.project-title > h5 {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
}

.project-title > a {
  display: inline-block;
  margin-right: 11px;
  position: relative;
  text-transform: capitalize;
  font-size: 12px;
}

.project-title > a::before {
  content: "/";
  position: absolute;
  right: -10px;
  top: 0;
}

.project-title > a:last-child::before {
  display: none;
}

.owner-pic {
  display: inline-block;
  vertical-align: middle;
}

.owner-info {
  display: inline-block;
  overflow: hidden;
  padding-left: 10px;
  vertical-align: middle;
}

.owner-info > h6 {
  text-transform: uppercase;
}

.owner-info > span {
  font-size: 11px;
}

.progres {
  font-size: 12px;
  font-weight: 700;
}

.priority {
  padding-left: 17px;
  position: relative;
  text-transform: capitalize;
  font-size: 12px;
}

.due,
.amount {
  font-size: 12px;
}

.priority::before {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.main-table tbody tr {
  border: 1px solid #eaeaea;
}

.priority.low::before {
  background: #37bc9b;
}

.priority.medium::before {
  background: #f6bb42;
}

.priority.high::before {
  background: #ff8684;
}

.main-table.recent-invoice .priority {
  text-transform: uppercase;
}

.main-table.recent-invoice .project-title > h5 {
  text-transform: uppercase;
  font-size: 12px;
}

.drop {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  left: -48px;
  position: absolute;
  top: 38px;
  width: 100px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  -ms-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(25px);
  -moz-transform: translateX(25px);
  -ms-transform: translateX(25px);
  -o-transform: translateX(25px);
  transform: translateX(25px);
}

.drop.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

.drop .drop-head {
  background: #fff none repeat scroll 0 0;
  float: left;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 33px 10px;
  position: relative;
  width: 100%;
  z-index: 3;
}

.drop .drop-bottom:hover a {
  color: #fff;
}

.drop-head i {
  float: right;
  font-size: 15px;
}

.drop-head::before,
.mega-menu:before {
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  left: 43px;
  position: absolute;
  top: -7px;
}

.mega-menu::before {
  left: 120px;
  right: auto;
}

.drop-bottom {
  background: #f4f4f4;
  color: #333;
  float: left;
  padding: 10px;
  text-align: center;
  width: 100%;
  -webkit-box-shadow: 0 5px 5px #d8d8d8;
  -moz-box-shadow: 0 5px 5px #d8d8d8;
  -ms-box-shadow: 0 5px 5px #d8d8d8;
  -o-box-shadow: 0 5px 5px #d8d8d8;
  box-shadow: 0 5px 5px #d8d8d8;
}

.drop .drop-bottom a {
  display: inline-block;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 12px;
}

.drop .drop-bottom a i {
  margin-right: 4px;
}

.drop .drop-meta {
  padding: 0 25px;
  width: 100%;
  max-height: 268px;
  position: relative;
}

.drop .drop-meta > li i.notifi-icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-style: normal;
  line-height: 42px;
  text-align: center;
  width: 42px;
  vertical-align: middle;
}

.drop .drop-meta > li i.notifi-icon.blue {
  background: #00bcd4;
}

.drop .drop-meta > li i.notifi-icon.red {
  background: #e53935;
}

.drop .drop-meta > li i.notifi-icon.yellow {
  background: #f9a825;
}

.notifi-meta {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
  width: 80%;
}

.notifi-meta > h4 {
  text-transform: capitalize;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.notifi-meta > span {
  font-size: 10px;
}

.drop-meta > li {
  border-bottom: 1px solid #ededed;
  float: left;
  margin-bottom: 15px;
  padding-bottom: 15px;
  width: 100%;
  line-height: initial;
}

.drop-meta > li img {
  border-radius: 100%;
}

.drop-meta > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.drop.setting {
  right: 100px;
  top: 45px;
  z-index: 9999;
}

.drop.setting .drop-head > i {
  color: #f05050;
  font-size: 11px;
  font-style: normal;
  padding-top: 5px;
  width: 100%;
}

.drop.setting .drop-head {
  text-transform: uppercase;
}

.drop.setting .drop-bottom a {
  text-transform: uppercase !important;
}

.drop.setting .drop-bottom a:hover {
  text-decoration: none;
}

.drop.setting .drop-head::before {
  left: auto;
  right: 22px;
}

.drop.setting .drop-meta > li a i {
  margin-right: 8px;
}

.drop.setting .drop-meta > li a {
  font-size: 12px;
  text-transform: capitalize;
}

.drop.setting .drop-meta > li {
  border-bottom: medium;
  padding-bottom: 0;
}

.drop.messages .notifi-meta > h4 {
  color: #055;
  overflow-x: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.drop.messages .notifi-meta > span {
  float: right;
  line-height: initial;
}

.drop.language {
  left: 0;
  top: 100%;
  width: 110px;
}

.drop.language > li {
  border-bottom: 1px solid #eaeaea;
  font-size: 14px;
  line-height: initial;
  position: relative;
}

.drop.language > li:last-child {
  border-bottom: 0;
}

.drop.language > li a {
  color: inherit;
  font-size: inherit;
  display: inline-block;
  padding: 5px 20px;
  width: 100%;
}

.drop.language > li a:hover {
  background: #f1f5f7 none repeat scroll 0 0;
}

.mega-menu {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
  float: left;
  left: -110px;
  padding: 35px 20px;
  position: absolute;
  top: 39px;
  width: 800px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

.mega-menu.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  visibility: visible;
}

.mega-title {
  float: left;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 15px;
  text-transform: capitalize;
  width: 100%;
}

.mega-links {
  float: left;
  padding-bottom: 35px;
  width: 100%;
}

.mega-links > li a {
  text-transform: capitalize;
  font-size: 13px;
  line-height: 28px;
}

.mega-links > li {
  float: left;
  padding-left: 12px;
  position: relative;
  width: 100%;
}

.mega-links > li::before {
  background: #898989 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
}

.new-post {
  float: left;
  width: 100%;
}

.new-post > h4 {
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  text-transform: capitalize;
}

.mega-posts {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.new-pst-img {
  display: table-cell;
  max-width: 30%;
  vertical-align: middle;
  width: 30%;
}

.new-pst-img img {
  border-radius: 100%;
}

.new-pst-meta {
  display: table-cell;
  padding-left: 15px;
  vertical-align: middle;
  width: 100%;
}

.new-pst-meta > h4 {
  text-transform: capitalize;
  font-size: 11px;
  line-height: 18px;
}

.new-pst-meta > span {
  text-transform: capitalize;
  float: left;
  width: 100%;
  padding-top: 5px;
  font-size: 11px;
}

a.view-more {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 13px;
  line-height: 43px;
  margin-top: 30px;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.widget-peding {
  float: left;
  padding: 0 25px 20px;
  width: 100%;
}

.active-usr {
  display: inline-block;
  max-width: 17%;
  vertical-align: top;
  width: 17%;
  position: relative;
}

.active-usr img {
  border-radius: 100%;
}

.active-info {
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
  width: 81%;
}

.active-info > h5 {
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
}

.active-info > span {
  font-size: 10px;
  float: right;
}

.active-info > p {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
  padding-top: 5px;
  width: 67%;
}

.user-active {
  float: left;
  margin-bottom: 23px;
  position: relative;
  width: 100%;
}

.active-usr::before {
  background: #eaeaea none repeat scroll 0 0;
  bottom: -36px;
  content: "";
  height: 36px;
  left: 44%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  width: 1px;
}

.user-active:last-child {
  margin-bottom: 0;
}

.user-active:last-child .active-usr::before {
  display: none;
}

.browser-static {
  float: left;
  width: 100%;
}

.browser-static > li {
  float: left;
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 23.5px;
  font-size: 13px;
}

.browser-static > li:last-child {
  margin-bottom: 0;
}

.browser-static > li span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  float: right;
  padding: 2px 10px;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  font-size: 11px;
}

span.blue {
  background: #04a9f5 none repeat scroll 0 0;
}

span.red {
  background: #ff8684 none repeat scroll 0 0;
}

span.yellow {
  background: #f6bb42 none repeat scroll 0 0;
}

span.green {
  background: #37bc9b none repeat scroll 0 0;
}

span.green:before {
  background: #3de4ff;
}

span.purpal:before {
  background: #a389d4;
}

span.blue:before {
  background: #04a9f5;
}

.user-list > li {
  border-bottom: 1px solid #eaeaea;
  float: left;
  margin-bottom: 13px;
  padding-bottom: 13px;
  width: 100%;
  position: relative;
}

.user-list {
  float: left;
  width: 100%;
}

.user-list > li:last-child {
  border: medium;
  margin-bottom: 0;
}

.mango::before,
.berry::before,
.carrot::before {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  content: "";
  height: 8px;
  position: absolute;
  right: -10px;
  top: 50%;
  width: 8px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mango::before {
  background: #f6bb42;
}

.berry::before {
  background: #5742f6;
}

.carrot::before {
  background: #ff8684;
}

.admin-widg > img {
  float: left;
  width: 100%;
  max-height: 174px;
}

.widget-peding > img {
  border: 5px solid #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  margin-top: -51px;
  position: relative;
  z-index: 7;
}

.widget-peding.employee {
  text-align: center;
}

.employee > h4 {
  display: inline-block;
  font-size: 14px;
  padding-bottom: 12px;
  padding-top: 13px;
  text-transform: uppercase;
  width: 100%;
}

.widget-peding.employee > span {
  background: transparent linear-gradient(to right, #01a9ac 0%, #01dbdf 100%)
    repeat scroll 0 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 23px;
  padding: 10px 25px;
  text-transform: capitalize;
}

.socials {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}

.socials > li a {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  line-height: 32px;
  text-align: center;
  width: 40px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.socials > li {
  display: inline-block;
}

.socials > li a:hover i {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.todo {
  float: left;
  width: 100%;
}

.todo > li span {
  display: inline-block;
  font-size: 14px;
  padding-left: 15px;
  text-transform: capitalize;
  vertical-align: text-bottom;
}

.todo > li {
  border-bottom: 1px solid #eaeaea;
  float: left;
  padding-top: 16px;
  padding-bottom: 11px;
  width: 100%;
  position: relative;
}

.todo > li.active {
  background: #f1f5f7 none repeat scroll 0 0;
  padding-left: 10px;
  margin-top: 1px;
}

.todo li.active > span {
  -webkit-text-decoration: line-through;
  -moz-text-decoration: line-through;
  -ms-text-decoration: line-through;
  -o-text-decoration: line-through;
  text-decoration: line-through;
}

.todo li.active a.del-content {
  display: block;
}

.todo li a.del-content {
  float: right;
  font-size: 13px;
  margin-right: 20px;
  margin-top: 2px;
  display: none;
}

.add-new {
  float: left;
  margin-top: 34px;
  position: relative;
  width: 100%;
  display: block;
}

.add-new > input {
  border: 1px solid #eaeaea;
  float: left;
  font-size: 11px;
  padding: 15px 33px;
  width: 100%;
}

.feeds {
  float: left;
  width: 100%;
}

.feeds > li {
  float: left;
  padding-bottom: 30px;
  padding-left: 25px;
  position: relative;
  width: 100%;
}

.feeds > li:last-child {
  padding-bottom: 0;
}

.date {
  float: left;
  font-size: 11px;
  width: 100%;
}

.feeds > li h5 {
  float: left;
  padding-top: 7px;
  width: 100%;
  font-size: 12px;
}

.feeds > li::before {
  -webkit-border-radius: 500%;
  -moz-border-radius: 500%;
  -ms-border-radius: 500%;
  -o-border-radius: 500%;
  border-radius: 500%;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 10px;
}

.feeds > li::after {
  content: "";
  height: 100%;
  left: 4px;
  position: absolute;
  top: 14px;
  width: 1px;
}

.feeds > li.green::before,
.feeds > li.green::after {
  background: #1de9b6 none repeat scroll 0 0;
}

.feeds > li.red::before,
.feeds > li.red::after {
  background: #ff8684;
}

.feeds > li.yellow::before,
.feeds > li.yellow::after {
  background: #ff8f00;
}

.feeds > li.blue::before,
.feeds > li.blue::after {
  background: #7045ff;
}

.events {
  background: #f5f5f5 none repeat scroll 0 0;
  border-left: 1px solid #fff;
  -webkit-border-radius: 0 0 5px;
  -moz-border-radius: 0 0 5px;
  -ms-border-radius: 0 0 5px;
  -o-border-radius: 0 0 5px;
  border-radius: 0 0 5px;
  -webkit-box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
  float: left;
  margin-top: 30px;
  width: 100%;
}

.event-head {
  background: #fff none repeat scroll 0 0;
  float: left;
  padding: 23px 20px;
  text-align: center;
  width: 100%;
}

.event-head > h5 {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
}

.event-detail > li {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

.event-detail span {
  font-size: 11px;
}

.event-detail h6 {
  font-size: 12px;
  padding: 5px 0;
  text-transform: uppercase;
}

.event-detail p {
  font-size: 12px;
}

.event-detail > li:last-child {
  margin-bottom: 0;
}

.event-detail {
  float: left;
  padding: 37px 35px;
  width: 100%;
}

.clndr {
  float: left;
  width: 100%;
}

.jQueryDatepicker_header {
  background: #fff;
  height: 61px;
  -webkit-border-radius: 5px 0 0;
  -moz-border-radius: 5px 0 0;
  -ms-border-radius: 5px 0 0;
  -o-border-radius: 5px 0 0;
  border-radius: 5px 0 0;
}

.jQueryDatepicker_header_sidebutton {
  height: initial;
  margin-top: -15px;
  padding: 0;
  top: 50%;
}

.jQueryDatepicker_header_sidebutton__left {
  left: 25%;
}

.jQueryDatepicker_header_sidebutton__right {
  right: 25%;
}

.jQueryDatepicker_header_sidebutton img {
  display: none;
}

.jQueryDatepicker_header_sidebutton > div {
  background: #fff none repeat scroll 0 0;
  height: 30px;
  position: relative;
  width: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.jQueryDatepicker_header_bG::after {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.jQueryDatepicker_header_sidebutton > div::before {
  font-family: fontawesome;
  font-size: 18px;
  left: 50%;
  position: absolute;
  top: 48%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.jQueryDatepicker_header_sidebutton.jQueryDatepicker_rotationButton__left
  > div::before {
  content: "\f104";
}

.jQueryDatepicker_header_sidebutton.jQueryDatepicker_rotationButton__right
  > div::before {
  content: "\f105";
}

.jQueryDatepicker_header_sidebutton:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.jQueryDatepicker_table > div > span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.jQueryDatepicker_calendar_months_month_weekdays {
  background: transparent none repeat scroll 0 0;
  display: table;
  width: 100%;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_title {
  background: #ebeff6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 35px;
  padding: 0;
  text-transform: capitalize;
  color: #333;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday {
  display: table-cell;
  font-size: 12px;
  font-weight: 300;
  min-height: initial;
  width: auto;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day {
  background: transparent none repeat scroll 0 0;
  color: inherit;
  font-size: inherit;
  height: 60px;
  padding: 12px 20px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #e5e5e5;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current_other {
  background: transparent none repeat scroll 0 0;
  color: inherit;
  font-weight: 300;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current {
  background: transparent none repeat scroll 0 0;
  font-weight: inherit;
  height: 60px;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current_other_diff,
.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day:hover {
  background: transparent none repeat scroll 0 0;
  color: inherit;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day:hover {
  color: #fff;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day:hover:not(
    .jQueryDatepicker__selected
  ):not(.jQueryDatepicker__current):not(.jQueryDatepicker__current_other):not(
    .jQueryDatepicker__current_other_diff
  ):not(.jQueryDatepicker__previous_month) {
  background: 0 0;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day::before {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  content: "";
  height: 30px;
  left: 50%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transform: translate(-50%, -50%) scale(0.3);
  -moz-transform: translate(-50%, -50%) scale(0.3);
  -ms-transform: translate(-50%, -50%) scale(0.3);
  -o-transform: translate(-50%, -50%) scale(0.3);
  transform: translate(-50%, -50%) scale(0.3);
  width: 30px;
  z-index: -1;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current::before,
.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day:hover::before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current_other_diff:hover {
  background: transparent none repeat scroll 0 0;
}

.q-comments {
  float: left;
  width: 100%;
}

.q-comments > li {
  border-bottom: 1px solid #dfdfdf;
  float: left;
  margin-bottom: 24px;
  padding-bottom: 22px;
  width: 100%;
}

.q-comments > li:last-child {
  border-bottom: medium;
  margin-bottom: 0;
  padding-bottom: 0;
}

.comenter {
  display: table-cell;
  max-width: 14%;
  vertical-align: top;
  width: 14%;
}

.comenter img {
  border-radius: 100%;
}

.comment-detail {
  display: table-cell;
  padding-left: 12px;
  vertical-align: top;
}

.comment-detail > h5 {
  font-size: 14px;
  padding-bottom: 7px;
  text-transform: capitalize;
}

.comment-detail > p {
  line-height: 20px;
  margin-bottom: 26px;
}

.comment-date {
  display: inline-block;
  vertical-align: sub;
}

.comment-date > li {
  display: inline-block;
  line-height: 10px;
  padding-left: 15px;
  position: relative;
}

.comment-date > li.mango::before,
.comment-date > li.carrot::before,
.comment-date > li.berry::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  right: initial;
}

.comment-date > li span {
  font-size: 11px;
}

.approv-reject {
  float: right;
}

.approv-reject > a {
  background: #f7f7f7 none repeat scroll 0 0;
  display: inline-block;
  font-size: 10px;
  margin-right: -4px;
  padding: 7px 18px;
  text-transform: uppercase;
  vertical-align: middle;
}

.approv-reject > a.active {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

a.approve {
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
}

.rejected {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
}

.control {
  float: right;
}

.control > li {
  display: inline-block;
  margin-left: 6px;
  position: relative;
}

.control li a {
  font-size: 13px;
  font-weight: 400;
  color: #aeaeae;
}

a.approved {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  margin-left: 22px;
  padding: 7px 18px;
  text-transform: uppercase;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.control li a:hover i {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.regular-checkbox {
  display: none;
}

.todo li.active > label::before {
  color: #b8b8b8;
  content: "✔";
  font-family: fontawesome;
  font-size: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.regular-checkbox + label {
  background-color: #fff;
  border: 1px solid #eaeaea;
  display: inline-block;
  padding: 10px;
  position: relative;
  vertical-align: middle;
}

.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
  -webkit-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.regular-checkbox:checked + label {
  border: 1px solid #eaeaea;
  -webkit-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 -15px 10px 12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  -moz-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 -15px 10px 12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  -ms-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 -15px 10px 12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  -o-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 -15px 10px 12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 -15px 10px 12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #888;
}

.regular-checkbox:checked + label::after {
  color: #b8b8b8;
  content: "✔";
  font-size: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pie-chart {
  float: left;
  max-height: 305px;
  padding-bottom: 20px;
  width: 100%;
}

.pie-chart .total > li {
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
}

.pie-chart .total {
  padding: 6px 30px 20px;
}

#echart_gauge {
  height: 333px !important;
}

.total-count {
  float: left;
  padding-bottom: 21px;
  text-align: center;
  width: 100%;
}

.total-count > li {
  display: inline-block;
  position: relative;
  width: 40%;
}

.total-count li span {
  color: #252525;
  float: left;
  font-size: 20px;
  line-height: initial;
  width: 100%;
}

.total-count li i {
  font-size: 12px;
  font-style: normal;
}

.total-count > li::before {
  background: #eaeaea none repeat scroll 0 0;
  content: "";
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.total-count > li:last-child::before {
  display: none;
}

.total {
  float: left;
  padding: 16px 30px;
  width: 100%;
}

.total > li {
  float: left;
  text-align: center;
  text-transform: capitalize;
  font-size: 12px;
}

.total > li:last-child {
  float: right;
}

.total > li span {
  float: left;
  width: 100%;
}

.donut-chart {
  float: left;
  padding-bottom: 30px;
  width: 100%;
  max-height: 345px;
}

.static {
  float: left;
  padding: 0 40px 62px;
  width: 100%;
}

.static-info {
  float: left;
}

.static > ul {
  float: right;
}

.static-info > h4 {
  font-size: 40px;
}

.static-info > h4 i {
  font-size: 24px;
}

.static-info > span {
  font-size: 12px;
  line-height: initial;
}

.static > ul li {
  font-size: 12px;
  margin-bottom: 5px;
  padding-left: 15px;
  position: relative;
  text-transform: capitalize;
}

.static > ul li::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.static > ul li.green::before {
  background: #1de9b6;
}

.static > ul li.purpal::before {
  background: #7575f0;
}

.line-chart {
  float: left;
  padding-bottom: 32px;
  width: 100%;
  max-height: 345px;
}

.route-map {
  float: left;
  position: relative;
  width: 100%;
}

.route-map > form {
  float: left;
  position: relative;
  width: 100%;
}

#routeForm > input {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 12px;
  margin-right: 5px;
  padding: 10px 30px;
  width: 300px;
}

#routeForm > button {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  border: medium;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  width: 115px;
  font-size: 12px;
  line-height: 38px;
}

#routeForm > button:hover {
  background: #333;
}

#routeForm > label {
  display: table-cell;
  float: none;
  font-size: 10px;
  font-weight: 400;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

#routeForm input[type="radio"] {
  vertical-align: sub;
}

table.member-activity {
  margin-bottom: -27px;
  display: table;
}

.table.member-activity td {
  padding: 8.4px;
}

.activity-meta {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.activity-meta > li {
  float: left;
  margin-bottom: 35px;
  width: 100%;
}

.activity-ico {
  display: inline-block;
  vertical-align: bottom;
  width: 49%;
}

.activity-meta > li .spark {
  display: inline-block;
  float: none;
  margin-top: 0;
  vertical-align: top;
  width: 49%;
}

.activity-ico > span {
  display: table-cell;
  padding-left: 20px;
  font-weight: 700;
  font-size: 26px;
}

.activity-ico > img {
  float: left;
}

.activity-ico > span i {
  color: #337ab7;
  display: table-cell;
  font-size: 13px;
  font-style: normal;
  text-transform: capitalize;
  font-weight: 400;
}

.member-activity thead tr th {
  border-bottom: medium;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 14px;
  text-transform: uppercase;
  text-align: left;
}

.member-activity tbody tr td:first-child {
  text-align: left;
}

.member-activity tr td span {
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 5px;
}

.member-activity tr {
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}

.member-activity td i img {
  border-radius: 100%;
}

.activity-meta > li:last-child {
  margin-bottom: 0;
}

table.member-activity tbody tr td:last-child {
  padding-right: 0;
}

table.member-activity tr th:first-child,
table.member-activity tr td:first-child {
  padding-left: 0;
}

.profile-bg {
  float: left;
  position: relative;
  width: 100%;
  z-index: 3;
}

.profile-bg > img {
  float: left;
  width: 100%;
}

.profile {
  position: relative;
  width: 100%;
  background: #fff;
}

.admin-meta {
  float: left;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.admin-meta > img {
  border: 5px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: -40px;
  top: -38px;
}

.profile-bg::before {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.admin-meta > h5 {
  color: #2a2a2a;
  font-size: 24px;
  font-weight: 700;
}

.admin-meta > span {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  margin-top: 12px;
  padding: 6px 20px;
  text-transform: capitalize;
}

.follow-btns {
  float: left;
  line-height: 139px;
  text-align: center;
  width: 100%;
  padding-left: 20px;
}

.profile-socials {
  line-height: 139px;
  padding-right: 85px;
  text-align: right;
  width: 100%;
  float: left;
}

.follow-btns > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
  line-height: initial;
}

.follow-btns > li a {
  background: #f4f8ff none repeat scroll 0 0;
  color: #333;
  display: inline-block;
  font-size: 12px;
  line-height: 34px;
  padding: 0 25px;
  text-transform: capitalize;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.follow-btns > li.active a {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  color: #fff;
}

.follow {
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -ms-border-radius: 30px 0 0 30px;
  -o-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
}

a.message {
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  -ms-border-radius: 0 30px 30px 0;
  -o-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
}

.profile-socials > li {
  display: inline-block;
}

.profile-socials > li a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  line-height: 34px;
  text-align: center;
  width: 34px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.profile-socials > li a:hover {
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
}

.sub-area {
  background: #f4f8ff none repeat scroll 0 0;
  float: left;
  padding: 20px 0;
  width: 100%;
  z-index: 1;
  position: relative;
}

.sub-area > ul {
  float: left;
  text-align: center;
  width: 100%;
}

.sub-area ul li {
  display: inline-block;
  margin-right: 45px;
}

.sub-area ul li a {
  color: #333;
  font-size: 12px;
}

.sub-area ul li a i {
  margin-right: 5px;
}

.about {
  background: #fff none repeat scroll 0 0;
  float: left;
  padding: 40px 45px;
  width: 100%;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.about-info > h4 {
  font-size: 16px;
  text-transform: uppercase;
}

.about-info > p {
  font-size: 14px;
  line-height: 24px;
  padding-top: 13px;
}

.vlaue-show {
  float: left;
  text-align: center;
  width: 100%;
}

.vlaue-show > li {
  float: left;
  width: 33%;
}

.vlaue-show li span {
  float: left;
  font-size: 36px;
  margin-bottom: 10px;
  width: 100%;
  color: #333;
}

.vlaue-show li a {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 7px 24px;
  text-transform: capitalize;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.status > span {
  text-transform: uppercase;
  color: #222e3e !important;
}

.comment-date li.status {
  margin-left: 30px;
}

.q-comments.support > li {
  margin-bottom: 18px;
  padding-bottom: 18px;
}

.bottombar {
  -webkit-box-shadow: 0 0 15px #e3e3e3;
  -moz-box-shadow: 0 0 15px #e3e3e3;
  -ms-box-shadow: 0 0 15px #e3e3e3;
  -o-box-shadow: 0 0 15px #e3e3e3;
  box-shadow: 0 0 15px #e3e3e3;
  float: left;
  line-height: 60px;
  padding: 0 30px;
  text-align: center;
  width: 100%;
}

.bottombar > span {
  float: left;
  font-size: 13px;
  text-align: center;
  width: 100%;
}

.bottombar > ul {
  float: right;
}

.bottombar ul li {
  display: inline-block;
  line-height: 80px;
  margin-right: 20px;
}

.bottombar ul li a {
  display: inline-block;
  position: relative;
}

.bottombar ul li a::before {
  background: #d5d5d5 none repeat scroll 0 0;
  content: "";
  height: 8px;
  position: absolute;
  right: -12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}

.bottombar ul li:last-child a::before {
  display: none;
}

.bottombar ul li:last-child {
  margin-right: 0;
}

.top-title {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.top-title > h4 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
}

.top-title > span {
  font-size: 12px;
}

.gallery-wid > li {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 3px;
}

.gallery-wid > li a {
  display: inline-block;
}

.gallery-wid > li a img {
  float: left;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.over-meta {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 11;
}

.over-meta > h4 {
  bottom: 30px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  left: -200%;
  position: absolute;
  right: 40px;
  -webkit-transition: all 0.3s linear 0.4s;
  -moz-transition: all 0.3s linear 0.4s;
  -ms-transition: all 0.3s linear 0.4s;
  -o-transition: all 0.3s linear 0.4s;
  transition: all 0.3s linear 0.4s;
}

.over-meta > a {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  left: 40px;
  line-height: 57px;
  position: absolute;
  text-align: center;
  top: -57px;
  -webkit-transition: all 0.3s linear 0.3s;
  -moz-transition: all 0.3s linear 0.3s;
  -ms-transition: all 0.3s linear 0.3s;
  -o-transition: all 0.3s linear 0.3s;
  transition: all 0.3s linear 0.3s;
  width: 56px;
}

.image-gallery:hover .over-meta > a {
  top: 0;
}

.image-gallery:hover .over-meta > h4 {
  left: 40px;
}

.ongoing-wid {
  float: left;
  width: 100%;
}

.ongoing-wid > li {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}

.ongoing-wid li span {
  background: #f5f5f5 none repeat scroll 0 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  float: left;
  height: 18px;
  margin-bottom: 9px;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}

.ongoing-wid li span::before {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.ongoing-wid li span.light-blue::before {
  background: #63d6ff;
}

.ongoing-wid li span.light-orange::before {
  background: #ffb48f;
}

.ongoing-wid li span.light-green::before {
  background: #8fffb9;
}

.ongoing-wid li span.light-red::before {
  background: #ff9797;
}

.ongoing-wid li span.light-purple::before {
  background: #f1aeff;
}

.ten::before {
  width: 10%;
}

.twenty::before {
  width: 20%;
}

.thirty::before {
  width: 30%;
}

.fourty::before {
  width: 40%;
}

.fifty::before {
  width: 50%;
}

.sixty::before {
  width: 60%;
}

.seventy::before {
  width: 70%;
}

.eighty::before {
  width: 80%;
}

.ninty::before {
  width: 90%;
}

.hundred::before {
  width: 100%;
}

.ongoing-wid > li h6,
.ongoing-wid > li i {
  float: left;
  font-size: 11px;
  padding-left: 30px;
  text-transform: capitalize;
}

.ongoing-wid > li i {
  float: right;
  font-style: normal;
  font-weight: 500;
  padding-right: 30px;
}

.ongoing-wid > li:last-child {
  margin-bottom: 0;
}

.contact-wid > li {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px;
  width: 100%;
}

.contact-wid > li i {
  background: #f8f8f8 none repeat scroll 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  line-height: 37px;
  margin-right: 14px;
  text-align: center;
  width: 37px;
}

.social-wid {
  float: left;
  width: 100%;
}

.social-wid > li {
  display: inline-block;
  text-align: center;
  width: 24%;
}

.social-wid > li > a {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 47px;
  margin-bottom: 14px;
  width: 47px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.social-wid li span {
  float: left;
  width: 100%;
  font-weight: 700;
  font-size: 22px;
}

.social-wid > li span i {
  float: left;
  padding-top: 6px;
  width: 100%;
  font-size: 12px;
}

.blog-post {
  float: left;
  width: 100%;
}

.post-avatar {
  float: left;
  position: relative;
  width: 100%;
}

.post-avatar > img {
  float: left;
  width: 100%;
}

.post-avatar > i {
  border: 8px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  bottom: -34px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 53px;
  position: absolute;
  right: 60px;
  text-align: center;
  width: 67px;
}

.post-meta {
  float: left;
  padding: 45px 60px;
  width: 100%;
}

.post-meta > h4 {
  font-size: 18px;
  font-weight: 700;
}

.post-info {
  float: left;
  padding-bottom: 17px;
  padding-top: 12px;
  width: 100%;
}

.post-info > li {
  display: inline-block;
  margin-right: 18px;
  padding-right: 24px;
  position: relative;
  font-size: 12px;
}

.post-info > li::before {
  background: #959595 none repeat scroll 0 0;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}

.post-info > li:last-child::before {
  display: none;
}

.post-meta > p {
  font-size: 14px;
  line-height: 28px;
}

.posted-by {
  float: left;
  font-size: 12px;
  margin-top: 25px;
  width: 100%;
}

.form-widget {
  float: left;
  width: 100%;
}

.default-form {
  float: left;
  width: 100%;
}

.field-wrap {
  background: #f8f8f8 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  margin-bottom: 10px;
  padding: 15px 35px;
  position: relative;
  width: 100%;
}

.field-wrap > input {
  width: 56%;
  background: transparent none repeat scroll 0 0;
  border: medium;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 10px;
  font-weight: 700;
  padding: 7px 23px;
}

.field-wrap > label {
  font: 700 10px lato;
  text-transform: uppercase;
}

.default-form button.submit {
  border: medium;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  margin-top: 10px;
  padding: 12px 32px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}

.recent-wid {
  border-bottom: 1px solid #f3f3f3;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}

.recent-wid:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.recent-post {
  float: left;
  width: 100%;
}

.recent-wid > span {
  display: table-cell;
  max-width: 17%;
  width: 17%;
}

.post-data {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
  width: 100%;
}

.post-data > h4 {
  font-size: 15px;
  font-weight: 700;
}

.post-data > span {
  float: left;
  font-size: 12px;
  padding-bottom: 5px;
  width: 100%;
}

.rating-sys {
  float: left;
  width: 100%;
}

.rating-stars {
  float: left;
  width: 100%;
}

.rating-stars > span {
  display: inline-block;
  text-transform: capitalize;
  font-size: 15px;
}

.rating-stars > ul {
  display: inline-block;
  padding-left: 17px;
  width: 70%;
}

.rating-stars li {
  display: inline;
  font-size: 15px;
}

.rating-stars > i {
  float: left;
  font-size: 13px;
  padding-top: 10px;
  width: 100%;
}

.in-rates {
  float: left;
  margin-top: 30px;
  width: 100%;
}

.in-rates > li {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}

.in-rates span {
  font-size: 13px;
  text-transform: capitalize;
}

.in-rates li ins {
  font-size: 13px;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
}

.in-rates > li > b {
  background: #f5f5f5 none repeat scroll 0 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  height: 9px;
  margin: 0 25px;
  position: relative;
  vertical-align: middle;
  width: 68%;
}

.in-rates > li:last-child {
  margin-bottom: 0;
}

.in-rates > li > b::before {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.recent-signups > ul {
  float: left;
  width: 100%;
  margin-top: 37px;
}

.recent-signups > ul > li img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.recent-signups > ul > li {
  float: left;
  margin-bottom: 4px;
  margin-right: 4px;
}

.flatWeatherPlugin.partial .wiToday p.wiDay {
  background: #f9f9f9 none repeat scroll 0 0;
  float: left;
  line-height: 40px;
  margin-bottom: 20px;
  margin-top: 30px;
  padding-bottom: 0;
  width: 100%;
}

.wiToday {
  padding-top: 10px;
}

.wiToday > div {
  color: #d9d9d9;
}

.flatWeatherPlugin div.wiToday > p.wiTemperature {
  font-size: 50px;
  padding: 12px;
  text-align: left;
  width: auto;
}

.flatWeatherPlugin.partial > h2 {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
  font-size: 20px;
}

.container-fluid .row.merg30 > div {
  padding: 0 10px;
}

.container-fluid .row.merg30 > div .widget {
  margin-top: 30px;
}

.paginationz {
  float: left;
  text-align: center;
  width: 100%;
  margin-top: 15px;
}

.paginationz > ul li {
  display: inline-block;
  margin-right: 4px;
}

.paginationz > ul li a {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  text-transform: uppercase;
  width: 48px;
  font-weight: 700;
  line-height: 48px;
  font-size: 12px;
}

.paginationz > ul li.next a,
.paginationz > ul li.prev a {
  background: transparent none repeat scroll 0 0;
  font-weight: 500;
  width: auto;
}

.paginationz > ul li span {
  padding: 0 20px;
}

.paginationz > ul li.next a {
  margin-left: 30px;
}

.paginationz > ul li.next a i {
  margin-left: 5px;
}

.paginationz > ul li.prev a i {
  margin-right: 5px;
}

.paginationz > ul li.prev a {
  margin-right: 30px;
}

.paginationz > ul li.active a,
.paginationz > ul li a:hover {
  color: #fff;
}

.paginationz > ul li.next a:hover,
.paginationz > ul li.prev a:hover {
  background: 0 0;
}

.our-moto-meta form button,
.drop,
.mega-menu,
#routeForm > button,
.post-data > h4,
.uper-meta,
.image-gallery::before,
.paginationz > ul li a,
.contact-from .button,
.p-table-meta .main-btn,
.social-media li > a,
.social-media,
.buttonz > button {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.button-styles {
  float: left;
  width: 100%;
}

.buttons {
  float: left;
  width: 100%;
}

.buttons + .buttons {
  margin-top: 50px;
}

.wdg-tl {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  width: 100%;
}

.buttons-lst {
  float: left;
  margin: -10px 0 0;
  width: 100%;
}

.buttons-lst > li {
  display: inline-block;
  margin: 10px 6px 0 0;
}

.buttons-lst > li:last-child {
  margin-right: 0;
}

.btn-st {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 20px;
  vertical-align: bottom;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.btn-st:hover {
  background: #333;
  color: #fff;
}

.buttons-lst.style2 > li a.btn-st {
  padding: 10px 20px;
}

a.btn-st > i {
  margin-right: 5px;
}

.gry-clr {
  background: #ddd;
  color: #2a2a2a;
}

.drk-gry-clr {
  background: #999;
}

.drk-blu-clr {
  background: #04a9f5;
}

.blu-clr {
  background: #2196f3;
}

.grn-clr {
  background: #37bc9b;
}

.org-clr {
  background: #eeae4a;
}

.rd-clr {
  background: #ff8684;
}

.wht-clr {
  background: #fff;
  color: #555;
}

a.btn-sm {
  padding: 12px 40px;
}

a.btn-md {
  font-size: 13px;
  padding: 15px 48px;
}

a.btn-lrg {
  font-size: 14px;
  padding: 18px 55px;
}

a.btn-xlrg {
  font-size: 15px;
  padding: 20px 60px;
}

.rd-30 {
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -o-border-radius: 30px !important;
  border-radius: 30px !important;
}

.rd-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

mark {
  background: #1f1f1f none repeat scroll 0 0;
  color: #fff;
  padding: 3px 5px;
}

.element-title {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}

.element-title h4 {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.element-title span {
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
}

a.btn-st.black {
  background: #000;
}

.btn-st.bordr {
  background: #fff;
  border: 2px solid #04a9f5;
  color: #04a9f5;
}

.btn-st.low-pding {
  padding: 10px 20px;
}

.material-tooltip {
  visibility: visible;
  z-index: 9999;
}

.backdrop {
  background-color: #478ac1;
  visibility: visible;
}

.tooltips-on-hover p {
  color: #666;
  line-height: 24px;
}

.tooltips-sec {
  border-bottom: 1px solid #e6e5e5;
  float: left;
  padding-bottom: 55px;
  width: 100%;
}

.tooltip {
  float: left;
  margin-right: 40px;
  position: relative;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.tooltip-inner {
  background: #478ac1 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 12px;
  padding: 7px 15px;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.tooltip::before {
  background: #478ac1 none repeat scroll 0 0;
  content: "";
  height: 12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 12px;
}

.tip-left.tooltip::before {
  margin-top: -6px;
  right: -3px;
  top: 50%;
}

.tip-top.tooltip::before {
  left: 50%;
  margin-left: -6px;
  top: -3px;
}

.tip-bottom.tooltip::before {
  bottom: -3px;
  left: 50%;
  margin-left: -6px;
}

.tip-right.tooltip::before {
  left: -3px;
  margin-top: -6px;
  top: 50%;
}

.tooltips-on-hover > a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #555;
  float: left;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 20px;
  padding: 9px 25px;
}

.material-tooltip > span {
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
}

.defult-progressbar {
  float: left;
  width: 100%;
}

.inl-txt-el {
  display: inline-block;
  width: 100%;
}

.progress-wrp {
  float: left;
  margin-top: 20px;
  width: 100%;
}

.progress-wrp > span,
.progress-wrp > i {
  display: inline-block;
  font-size: 13px;
}

.progress-wrp > span {
  margin-bottom: 10px;
}

.progress-wrp > i {
  font-style: normal;
  float: right;
  margin-right: 25px;
}

.progress-wrp .progress {
  background: #f0f0f0 none repeat scroll 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: 20px;
  overflow: initial;
}

.progress-wrp .progress .determinate {
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  overflow: initial;
}

.progress .determinate {
  height: 100%;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
}

.progress-wrp.styl2 .progress span {
  background: #f05050;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 10px;
  position: absolute;
  right: -10px;
  top: -40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.progress-wrp.styl2 .progress span::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f05050;
  bottom: -5px;
  content: "";
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.progress-wrp.styl3 .progress span {
  color: #fff;
  float: right;
  font-size: 10px;
  font-weight: 600;
  line-height: 21px;
  margin-right: 40px;
}

.blu-clr {
  background-color: #00c9e6 !important;
}

.ylo-clr {
  background-color: #ffc017 !important;
}

.progress .strips {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -ms-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
}

.wd-rds .progress,
.wd-rds .progress .determinate {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.alert-styles {
  display: inline-block;
  width: 100%;
}

.alert-styles .wdg-tl {
  margin-bottom: 20px;
}

.page-header {
  font-size: 20px;
  margin: 20px 0;
}

.alert {
  border: 1px solid;
  display: inline-block;
  margin-top: 10px;
  padding: 15px 50px;
  position: relative;
  width: 100%;
}

.alert-success,
.alert-styles.style3 .alert.alert-success > i {
  background: #e9f3db none repeat scroll 0 0;
  border-color: #87b23b;
}

.alert-info,
.alert-styles.style3 .alert.alert-info > i {
  background: #cdedf7 none repeat scroll 0 0;
  border-color: #09a8d8;
}

.alert-warning,
.alert-styles.style3 .alert.alert-warning > i {
  background: #fff2d8 none repeat scroll 0 0;
  border-color: #eeae4a;
}

.alert-danger,
.alert-styles.style3 .alert.alert-danger > i {
  background: #f9d1c5 none repeat scroll 0 0;
  border-color: #e05a3b;
}

.alert > i {
  float: left;
  margin-right: 14px;
}

.alert > i img {
  float: left;
  margin-top: 1px;
}

.alert > p {
  font-size: 12px;
  margin: 2px 0;
}

.alert > p strong {
  font-size: 15px;
  font-weight: 700;
  margin-right: 5px;
}

.alert-success > p {
  color: #87b23b;
}

.alert-info > p {
  color: #0aa8dd;
}

.alert-warning > p {
  color: #efac55;
}

.alert-danger > p {
  color: #e05a3b;
}

.alert-styles.style2 .alert {
  padding: 34px 10px 37px 50px;
}

.alert-styles.style2 .alert > i {
  left: 10px;
  position: absolute;
  top: 40px;
}

.alert-styles.style2 .alert > p {
  margin: 0;
}

.alert-styles.style2 .alert > p strong {
  display: block;
}

.alert-styles.style3 .alert {
  margin-top: 50px;
  padding: 50px 40px 25px;
}

.alert-styles.style3 .alert > i {
  border: 1px solid;
  height: 72px;
  left: 40px;
  line-height: 88px;
  position: absolute;
  text-align: center;
  top: -40px;
  width: 72px;
}

.alert-styles.style3 .alert > i img {
  display: inline-block;
  float: none;
}

.alert-styles.style3 .alert > p {
  margin: 0;
}

.alert-styles.style3 .alert > p strong {
  display: block;
}

.progress-bar {
  position: relative;
}

.progress-bar.progress-bar-striped {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.progress-bar.bg-info {
  background-color: transparent
    linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
}

.progress-bar.bg-warning {
  background-color: #eeae4a;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
}

.progress-bar.bg-danger {
  background-color: #ff8684;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
}

.widget2 {
  border-bottom: 1px solid #e6e5e5;
  float: left;
  padding-bottom: 50px;
  width: 100%;
}

.accordians-style {
  float: left;
  width: 100%;
}

.accordians-style .wdg-tl {
  margin-bottom: 25px;
}

.toggle {
  float: left;
  width: 100%;
}

.toggle-item .content {
  float: left;
  display: none;
  padding: 0 40px 20px;
  width: 100%;
}

.simple-text > p {
  font-size: 14px;
  line-height: 26px;
  margin-top: 0;
}

.toggle-item {
  background: #f4f8ff;
  float: left;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.toggle-item > h3 {
  background: #f4f8ff;
  cursor: pointer;
  float: left;
  font-size: 14px;
  margin: 0;
  padding: 20px 25px 20px 40px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}

.toggle-item > h3 > span {
  background: #fff none repeat scroll 0 0;
  float: right;
  font-size: 13px;
  height: 21px;
  line-height: 21px;
  position: absolute;
  right: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 21px;
}

.toggle-item > h3.active > span > i {
  position: relative;
  top: 50%;
  -webkit-transform: rotate(180deg) translateY(60%);
  -moz-transform: rotate(180deg) translateY(60%);
  -ms-transform: rotate(180deg) translateY(60%);
  -o-transform: rotate(180deg) translateY(60%);
  transform: rotate(180deg) translateY(60%);
}

.toggle-item > h3.active {
  background: transparent none repeat scroll 0 0;
  padding-top: 25px;
}

.toggle-style2 .toggle-item {
  background: 0 0;
}

.toggle-style2 .toggle-item > h3,
.toggle-style4 .toggle-item > h3 {
  background: #fff;
  line-height: 46px;
  padding: 5px 20px 5px 5px;
}

.toggle-style2 .toggle-item > h3 > i,
.toggle-style4 .toggle-item > h3 > i {
  background: #fafafa;
  color: #2f2f2f;
  height: 46px;
  line-height: 46px;
  margin-right: 27px;
  margin-top: 0;
  text-align: center;
  width: 46px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.toggle-style2 .content {
  margin-top: 25px;
  padding-bottom: 10px;
}

.toggle-style2 .toggle-item > h3.active i {
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.toggle-style2 .toggle-item > h3 i {
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.toggle-style2 .toggle-item > h3 {
  margin-left: 30px;
  padding-left: 56px;
}

.toggle-style3 .toggle-item > h3 {
  background: transparent none repeat scroll 0 0;
  line-height: 44px;
  padding: 15px 20px;
}

.toggle-style3 .toggle-item > h3 > i {
  background: #fff none repeat scroll 0 0;
  height: 42px;
  line-height: 42px;
  margin-right: 20px;
  text-align: center;
  width: 42px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.toggle-style3 .toggle-item > h3.active {
  padding-top: 20px;
  padding-bottom: 0;
}

.toggle-style3 .toggle-item > h3.active > i {
  color: #fff;
}

.toggle-style3 .toggle-item {
  background: 0 0;
  border: 1px solid #eaeaea;
}

.toggle-style3 .content {
  padding-left: 85px;
}

.toggle-style4 .toggle-item {
  background: 0 0;
  border-bottom: 1px solid #eaeaea;
}

.toggle-style4 .toggle-item:last-child {
  border-bottom: 0;
}

.toggle-style4 .toggle-item > h3 {
  background: transparent none repeat scroll 0 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.toggle-style4 .toggle-item > h3.active {
  padding-bottom: 5px;
}

.toggle-style4 .toggle-item > h3 > i {
  background: #fff;
}

.toggle-style4 .toggle-item > h3.active > i {
  color: #fff;
}

.toggle-style4 .content {
  margin-top: 0;
  padding-left: 80px;
}

.toggle-style5 .toggle-item > h3.active {
  color: #fff;
}

.toggle-style5 .toggle-item > h3 > i {
  margin-right: 12px;
}

.toggle-style5 .toggle-item .content {
  padding: 0 45px 20px;
}

.toggle-style5 .toggle-item .content p {
  color: #fff;
}

.tab-style {
  float: left;
  margin-bottom: 60px;
  width: 100%;
}

.tab > li {
  display: inline-block;
}

.tab li a {
  background: #f4f8ff none repeat scroll 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase;
  width: 130px;
}

.tab.nav.nav-tabs > li a.active,
.toggle-style2 .toggle-item > h3.active > i,
.toggle-style3 .toggle-item > h3.active > i,
.toggle-style4 .toggle-item > h3.active > i,
.toggle-style5 .toggle-item.activate {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
}

.tab-meta {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 0 8px 8px;
  -moz-border-radius: 0 8px 8px;
  -ms-border-radius: 0 8px 8px;
  -o-border-radius: 0 8px 8px;
  border-radius: 0 8px 8px;
  float: left;
  line-height: 24px;
  padding: 35px 25px;
  width: 100%;
}

.tab-meta > p {
  line-height: 30px;
  font-size: 14px;
}

.tab > li a.active {
  color: #fff;
}

.tab-style.style2 > ul > li > a {
  background: #838383 none repeat scroll 0 0;
  color: #fff;
  line-height: 45px;
  width: 110px;
}

.tab-style.style2 .tab-content .tab-meta {
  border: 1px solid #797979;
}

.tab-style.style3 {
  background: #f4f8ff none repeat scroll 0 0;
}

.tab-style.style3 .tab-content .tab-meta {
  background: transparent none repeat scroll 0 0;
}

.tab-style.style3 > ul > li > a {
  border-color: #eaa39d #dee3e1 #dee3e1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-style: solid;
  border-width: 2px;
  font-weight: 400;
  line-height: initial;
  padding: 12px 0;
  margin-left: -1px;
}

.tab-style.style3 > ul > li {
  float: left;
  margin-right: -1px;
}

.tab-style.style3 .tab.tab-btns {
  margin-left: 20px;
  margin-top: 20px;
}

.tab-style.style3 > ul > li.active i {
  color: #222;
}

.tab-style.style3 > ul > li.active a {
  background: transparent none repeat scroll 0 0;
  border-bottom: 0;
  border-top-width: 2px;
}

.tab-style.style3 > ul > li > a i {
  font-size: 18px;
  line-height: initial;
  margin-bottom: 5px;
  width: 100%;
}

.tab-style.style3 > ul > li:nth-child(2) > a {
  border-top-color: #9ed4eb;
}

.tab-style.style3 > ul > li:nth-child(3) > a {
  border-top-color: #9feba1;
}

.tab-style.style3 > ul > li:nth-child(4) > a {
  border-top-color: #eee89a;
}

.little-heading {
  float: left;
  padding: 50px 0 0;
  width: 100%;
}

.bootstrap-elem .bs-carousel .little-heading {
  padding-top: 0;
}

.little-heading > h3 {
  float: left;
  font-size: 15px;
  text-transform: uppercase;
  width: 100%;
  -webkit-text-decoration: underline;
  -moz-text-decoration: underline;
  -ms-text-decoration: underline;
  -o-text-decoration: underline;
  text-decoration: underline;
}

.table-styles {
  float: left;
  width: 100%;
}

table thead.drk {
  background: #676767 none repeat scroll 0 0;
  color: #fff;
}

table thead.drk th h4 {
  color: #fff;
}

table.striped > tbody > tr:nth-child(2n + 1) {
  background: #f8f8f8 none repeat scroll 0 0;
}

table.striped > tbody > tr:nth-child(2n) {
  background: #fdfdfd none repeat scroll 0 0;
}

table.tbl3 > tbody > tr {
  border-bottom-color: #fff;
}

table > tbody > tr.dngr {
  background: #fae1e1 none repeat scroll 0 0;
}

table > tbody > tr.scss {
  background: #e1fae1 none repeat scroll 0 0;
}

table > tbody > tr.inf {
  background: #e1effa none repeat scroll 0 0;
}

table > tbody > tr.wrng {
  background: #fffac8 none repeat scroll 0 0;
}

table.tbl4 {
  margin: 0 -1px -1px;
}

table.tbl4 tr th,
table.tbl4 tr td {
  border: 1px solid #eaeaea;
  text-align: center;
}

table.tbl5 thead {
  background: transparent none repeat scroll 0 0;
}

table.tbl5 > tbody tr td:nth-child(2n + 1) {
  background: #f4f8ff none repeat scroll 0 0;
}

table.tbl5 > tbody tr td:nth-child(2n) {
  background: #fcfcfc none repeat scroll 0 0;
}

table.tbl5 tr th,
table.tbl5 tr td,
table.tbl7 tr th,
table.tbl7 tr td {
  text-align: center;
}

table.tbl6 thead {
  border-bottom: 0;
}

table.tbl6 > tbody tr td i,
table.tbl6 > tbody tr td span {
  color: #fff;
}

table > tbody > tr.dngr-drk {
  background: #e95e5e none repeat scroll 0 0;
}

table > tbody > tr.scss-drk {
  background: #45c645 none repeat scroll 0 0;
}

table > tbody > tr.inf-drk {
  background: #41add1 none repeat scroll 0 0;
}

table > tbody > tr.wrng-drk {
  background: #dccc18 none repeat scroll 0 0;
}

table.tbl7 tr:nth-child(2n + 1) td:nth-child(2n + 1),
table.tbl7 tr:nth-child(2n) td:nth-child(2n) {
  background: #fafafa none repeat scroll 0 0;
}

table.prj-tbl {
  width: 100%;
  display: table;
}

.prj-tbl > thead {
  background: #ebeff6;
}

.prj-tbl thead tr th em {
  color: #545454;
  font-weight: 600;
  text-transform: capitalize;
}

.prj-tbl thead.drk tr th em,
.prj-tbl thead.color tr th em {
  color: #fff;
}

table.bordered > thead > tr,
table.bordered > tbody > tr {
  border-bottom-color: #eaeaea;
}

table.bordered > tbody > tr:last-child {
  border-bottom: 0;
}

.all-slct,
.sngl-slct,
.sngl-slct1 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #cbcbcb;
  cursor: pointer;
  display: block;
  height: 14px;
  width: 14px;
}

table td {
  line-height: initial;
  padding: 24px 5px;
}

table th {
  line-height: initial;
  padding: 10px 5px;
}

table th em {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
}

table tr th:first-child,
table tr td:first-child {
  padding-left: 5px;
}

table td span,
table td i {
  font-size: 13px;
}

table td i {
  font-style: normal;
}

table .progress {
  background: #f1f1f1 none repeat scroll 0 0;
  height: 10px;
  margin: 0;
  width: 210px;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
  -ms-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
  -o-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
}

.prj-tbl ul {
  float: left;
  margin: 0;
  width: 100%;
}

.prj-tbl ul > li {
  font-size: 15px;
  float: left;
  margin-right: 15px;
  position: relative;
}

.prj-tbl ul > li > a,
.prj-tbl ul > li > a > i {
  color: #aeaeae;
}

.prj-tbl ul > li:last-child {
  margin-right: 0;
}

table tbody tr td:last-child {
  padding-right: 20px;
}

.widget-title.dark {
  background: #414141 none repeat scroll 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.widget-title.dark > h4 {
  color: #fff;
}

.prj-tbl > thead.color h4 {
  color: #fff;
}

.more-optn {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  position: absolute;
  right: -10px;
  top: 100%;
  visibility: hidden;
  width: 100px;
}

.more-optn > ul li {
  display: inline-block;
  font-size: 12px;
  padding: 6px 10px;
  text-transform: capitalize;
  width: 100%;
}

.more-optn.show {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  right: 0;
  visibility: visible;
}

.typo-styl {
  float: left;
  width: 100%;
}

.typo-styl > .row > div + div {
  margin-top: 30px;
}

mark {
  background: #1f1f1f none repeat scroll 0 0;
  color: #fff;
  padding: 3px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

.headings span {
  float: right;
  font-size: 11px;
  margin-top: 20px;
}

.headings > h1,
.headings > h2,
.headings > h3,
.headings > h4,
.headings > h5,
.headings > h6 {
  margin: 40px 0;
}

.headings > .wdg-tl {
  margin-top: 0;
}

.body-cp {
  float: left;
  width: 100%;
}

.body-cp > p {
  float: left;
  font-size: 14px;
  margin-bottom: 20px;
  width: 100%;
}

.body-cp > p:last-child {
  margin-bottom: 0;
}

.ld-body {
  float: left;
  width: 100%;
}

.ld-body > p {
  float: left;
  font-size: 14px;
  line-height: 28px;
  width: 100%;
}

.txt-lw {
  text-transform: lowercase;
}

.txt-up {
  text-transform: uppercase;
}

.txt-cp {
  text-transform: capitalize;
}

ul.und-lst,
ol.ord-lst {
  float: left;
  padding-left: 20px;
  width: 100%;
}

ul.und-lst {
  list-style-type: disc;
}

ul.und-lst li,
ol.ord-lst li {
  list-style: inherit;
  font-size: 14px;
  line-height: 35px;
}

.und-lst ul {
  list-style-type: inherit;
  padding-left: 20px;
}

.inl-txt-el > p {
  padding-bottom: 25px;
}

.almnt-cls > p {
  padding-bottom: 25px;
}

.left-align {
  text-align: left;
}

.center-align {
  text-align: center;
}

.right-align {
  text-align: right;
}

.justify-align {
  text-align: justify;
}

.justify-align span {
  color: #333;
  font-weight: 700;
  margin-right: 10px;
}

.txt-trf-cls > p {
  padding-bottom: 23px;
}

.ord-lst {
  list-style: outside none number;
}

.ord-lst li ol {
  list-style: outside none number;
  padding-left: 20px;
}

blockquote {
  border-left: 0;
  float: left;
  margin-bottom: 0;
  padding: 60px 10%;
  width: 100%;
}

blockquote.style1 {
  background: #fafafa none repeat scroll 0 0;
  text-align: center;
}

blockquote > p {
  font-size: 18px;
  font-style: italic;
  line-height: 28px;
  margin: 0;
  position: relative;
  z-index: 1;
}

blockquote > p span {
  display: block;
  font-size: 12px;
  margin-top: 6px;
}

blockquote.style1 p > i {
  font-size: 65px;
  left: 50%;
  position: absolute;
  top: -10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  -ms-opacity: 0.2;
  -o-opacity: 0.2;
  opacity: 0.2;
}

blockquote.style2 {
  border: 1px solid #eaeaea;
  margin-top: 30px;
}

blockquote.style2 > p {
  padding-left: 50px;
}

blockquote.style2 > p > i {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #eaeaea;
  font-size: 20px;
  height: 50px;
  left: -40px;
  line-height: 44px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

blockquote.style2 > p > i::after {
  background: #eee none repeat scroll 0 0;
  content: "";
  height: 114px;
  left: 50%;
  margin-left: -1.5px;
  position: absolute;
  top: -34px;
  width: 3px;
  z-index: -1;
}

blockquote.style2 > p > i::before {
  background: #fff none repeat scroll 0 0;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.typo-styl > div {
  margin-top: 75px;
}

.typo-styl > div:first-child {
  margin-top: 0;
}

.imageBox {
  background: #fff none no-repeat scroll 0 0;
  border: 50px solid #efefef;
  cursor: move;
  height: 416px;
  overflow: hidden;
  position: relative;
  width: 460px;
  -webkit-border-radius: 5px 0 0;
  -moz-border-radius: 5px 0 0;
  -ms-border-radius: 5px 0 0;
  -o-border-radius: 5px 0 0;
  border-radius: 5px 0 0;
}

.imageBox .thumbBox {
  background: transparent none repeat scroll 0 0;
  height: 366px;
  left: 0;
  position: absolute;
  top: 0;
  width: 386px;
  -webkit-box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
  -moz-box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
  -ms-box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
  -o-box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
  box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
}

.imageBox .spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 480px;
}

.action {
  background: #e9e9e9 none repeat scroll 0 0;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  float: left;
  line-height: 94px;
  padding-left: 55px;
  padding-right: 55px;
  width: 100%;
}

.cropped > img {
  margin: 5px;
}

.action > input[type="text"] {
  border: medium;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  float: none;
  line-height: 37px;
  vertical-align: middle;
  width: 84px;
  padding: 0 15px;
}

.action > button {
  border: medium;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  float: none;
  font-size: 11px;
  line-height: initial;
  padding: 10px 18px;
  text-transform: uppercase;
  vertical-align: middle;
}

.action > label {
  margin-bottom: 0;
  margin-left: 8px;
  margin-right: 5px;
  font-size: 13px;
}

.action > button#btnZoomIn,
.action > button#btnZoomOut {
  font-size: 18px;
}

.action > button#btnCrop {
  margin-left: 5px;
}

.search-found {
  display: block;
  position: relative;
  width: 670px;
  text-align: center;
  background-color: #fff;
  margin: 0 auto;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  padding-bottom: 70px;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.search-found > h1 {
  display: inline-block;
  position: relative;
  width: 100%;
  font-weight: 700;
  font-size: 170px;
  margin-top: 0;
  padding-top: 22px;
  margin-bottom: -27px;
}

.search-found > span {
  display: inline-block;
  position: relative;
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.search-found > p {
  display: inline-block;
  position: relative;
  font-size: 15px;
  width: 100%;
  margin-top: -1px;
  margin-bottom: 38px;
}

.search-found > a.home-btn {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 48px;
  padding: 0 42px;
  text-align: center;
  text-transform: uppercase;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
}

.search-found::before {
  position: absolute;
  content: url(../images/404-shape1.png);
  right: -104px;
  top: 75px;
}

.search-found::after {
  position: absolute;
  content: url(../images/404-shape2.png);
  left: -101px;
  bottom: 69px;
}

.invoice-pad {
  background: #fff none repeat scroll 0 0;
  float: left;
  padding: 50px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.invoice-detail {
  float: left;
  width: 100%;
  padding-top: 45px;
}

.invoice-info > img {
  margin-left: -10px;
}

.invoice-info > h3 {
  font-size: 16px;
  margin: 15px 0 20px;
  font-weight: 600;
}

.invoice-info > h3 span {
  color: #000;
  font-weight: 400;
  font-size: 14px;
}

.invoice-detail > h3 {
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 28px;
  text-transform: uppercase;
}

.invoice-detail > h3 span {
  font-size: 12px;
  text-transform: capitalize;
}

.invoice-detail > h4 {
  font-size: 13px;
  padding-bottom: 24px;
  text-transform: capitalize;
}

.invoice-detail > h4 span {
  font-size: 13px;
}

.invoice-detail > h5,
.invoice-info > h4 {
  font-size: 15px;
  padding-bottom: 21px;
  text-transform: uppercase;
}

.invoice-detail > p {
  font-size: 12px;
  line-height: 22px;
  max-width: 50%;
}

.some-about {
  float: left;
  margin-top: 15px;
  width: 100%;
}

.some-about > li {
  font-size: 14px;
  line-height: 30px;
}

.some-about > li > span {
  display: inline-block;
  text-transform: uppercase;
  width: 110px;
  font-size: 12px;
}

.invoice-info > h4 {
  padding-bottom: 0;
}

.some-about.ttl-sum {
  margin-top: 0;
}

.some-about.ttl-sum > li {
  font-size: 13px;
}

.some-about.ttl-sum > li span {
  font-size: 13px;
}

.some-about > li > i {
  font-style: normal;
  text-transform: capitalize;
}

.proced-btns {
  float: right;
  margin-top: 25px;
}

.btn-st.drk-clr {
  background: #303030 none repeat scroll 0 0;
}

.proced-btns > a {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 14px 32px;
  text-transform: uppercase;
}

.invoice-table table.prj-tbl tr td ins {
  font-size: 12px;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
}

.invoice-table table.striped > tbody > tr:nth-child(2n + 1) {
  background: #f0f0f0;
}

.inner-bg {
  float: left;
  width: 100%;
  background: #fff;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
}

.white-bg {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  padding: 50px;
  width: 100%;
}

.white-bg .inner-bg {
  border: 0;
}

.contact-from {
  float: left;
  width: 100%;
}

.contact-from form input,
.contact-from form textarea {
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #858585;
  float: left;
  font-size: 11px;
  padding: 20px 30px;
  text-transform: capitalize;
  width: 100%;
  background: #f8f8f8;
}

.contact-from form > div {
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 10px;
}

.contact-from .button::after {
  background: #333 none repeat scroll 0 0;
}

.contact-from .button {
  color: #fff;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 11px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: none;
  width: 150px;
  line-height: 42px;
}

.contact-from .button:hover {
  background: #2a2a2a;
}

.fontawesome-icon-list .fa-hover a:hover {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  color: #fff;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
}

.fontawesome-icon-list .fa-hover a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
  font-size: 24px;
  vertical-align: -3px;
}

.fontawesome-icon-list .fa-hover a .fa {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  text-align: right;
  width: 32px;
}

.service-sec.iconz section > h2 {
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
}

.alert.alert-success > ul {
  list-style: outside none disc;
}

.main-page.style1 .main-content {
  padding-left: 0;
}

.main-page.style1 header .side-header {
  left: -22%;
}

.main-page.style1 .main-content .topbar {
  padding-left: 50px;
}

.main-page.style1 header .side-header.slide-out {
  left: 0;
}

.styles {
  float: left;
  padding-top: 50px;
  width: 100%;
}

.styles .element-title {
  margin-bottom: 20px;
}

#map {
  width: 100%;
  height: 300px;
}

.main-page .topbar .notify-area > li i.nav-icon3 {
  display: none;
}

.main-page.style1 .topbar .notify-area > li i.nav-icon3 {
  display: block;
}

.main-page a.nav-icon3 {
  display: none;
}

.main-page.style1 a.nav-icon3 {
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 5px;
  display: block;
}

ul.notify-area > li > i {
  display: inline-block;
  font-size: 18px;
}

.responsive-header {
  float: left;
  width: 100%;
  display: none;
}

.logo-area {
  float: left;
  padding: 7px 20px;
  width: 100%;
}

.responsive-header .notify-area {
  line-height: 45px;
  padding-left: 0;
}

.responsive-header .user-head {
  background: transparent none repeat scroll 0 0;
  float: right;
  margin-left: 12px;
  padding: 0;
  width: initial;
}

.responsive-header .t-search {
  float: left;
  width: 100%;
  margin-left: 0;
}

.responsive-header .t-search form {
  float: left;
  width: 100%;
}

.responsive-header .t-search form input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 100%;
  padding-left: 20px;
  background: #262626;
  color: #888;
}

.responsive-header .t-search form button {
  right: 25px;
}

.responsive-header .drop.active {
  z-index: 100;
}

.revenue-chart {
  float: left;
  width: 85%;
}

.revenue-chart.line {
  width: 100%;
  float: none;
}

.chart-info {
  float: left;
  width: 15%;
  padding-left: 40px;
}

.chart-info > span {
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
  float: left;
  width: 100%;
  padding-bottom: 6px;
  font-weight: 500;
  font-size: 12px;
}

.chart-info > ul {
  float: left;
  margin-top: 13px;
  width: 100%;
}

.chart-info > ul li {
  display: inline-block;
  margin-bottom: 8px;
  padding-left: 25px;
  position: relative;
  vertical-align: sub;
  width: 100%;
  font-size: 12px;
}

.chart-info > ul li::before {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.main-page.gray .side-header {
  background: #f7f7f7 none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 4px #e4e4e4;
  -moz-box-shadow: 0 0 4px #e4e4e4;
  -ms-box-shadow: 0 0 4px #e4e4e4;
  -o-box-shadow: 0 0 4px #e4e4e4;
  box-shadow: 0 0 4px #e4e4e4;
}

.main-page.gray .main-content .sub-bar {
  background: #f7f7f7 none repeat scroll 0 0;
  color: #333;
}

.main-page.gray .main-content .sub-bar .t-search input {
  background: #fff none repeat scroll 0 0;
  color: #333;
}

.main-page.gray .side-menus nav > ul > li > a {
  color: #333;
}

.main-page.gray .side-menus nav > ul > li > a i {
  color: #333;
}

.main-page.gray .side-menus nav > ul > li::before {
  color: #333;
}

.main-page.gray .side-menus nav > ul > li.menu-item-has-children > ul {
  background: #fff none repeat scroll 0 0;
}

.main-page.gray .side-menus nav > ul > li.menu-item-has-children > ul > li > a {
  color: #696969;
}

.panel-layout.boxed .main-page.style1 .main-content {
  padding-left: 0;
}

.panel-layout.boxed .topbar {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  width: 1230px;
}

.panel-layout.boxed .side-header {
  left: 0;
  position: absolute;
  width: 255px;
  z-index: -1;
}

.panel-layout.boxed .main-content {
  padding-left: 255px;
}

.panel-layout.boxed .main-content.menu-slide .topbar {
  padding-left: 25px;
}

.panel-layout.boxed .main-content.menu-slide {
  padding-left: 0;
}

.panel-layout.boxed .side-header.slide-out {
  left: -24%;
}

.side-header.overlap.slide-out .slide-menu > ul li a i {
  font-size: 14px;
}

.panel-layout .main-content .topbar .user-head {
  padding: 1px 15px;
  margin-left: 20px;
}

.sngl-slct::before {
  content: "";
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sngl-slct {
  position: relative;
}

.sngl-slct.active:before {
  display: block;
}

#map-multi {
  display: block !important;
  float: left;
  width: 100%;
}

.themify-section {
  float: left;
  position: relative;
  width: 100%;
}

.icon-section {
  float: left;
  width: 100%;
}

.icon-section > h3 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
}

.icon-container {
  float: left;
  margin-bottom: 10px;
  width: 25%;
  padding: 6px 10px;
}

.icon-container > span.icon-name {
  margin-left: 5px;
}

.icon-container:hover {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
}

.jalendar {
  margin-top: 0;
  width: 100%;
}

.jalendar .jalendar-container .jalendar-pages .days .day.today span {
  background: #fff !important;
  color: #000;
}

.jalendar .jalendar-container .jalendar-pages > .header h1 {
  margin-bottom: 50px;
}

.full-calendar {
  float: left;
  width: 100%;
}

.jalendar-pages .events {
  background: #333 none repeat scroll 0 0;
}

.events-list {
  padding: 0 10px 30px 0;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events h3 {
  padding-top: 20px;
}

.jalendar .jalendar-container .jalendar-pages > .header h2 {
  font-size: 13px;
}

.price-table {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  float: left;
  padding: 65px 30px;
  position: relative;
  text-align: center;
  width: 100%;
  -webkit-box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
}

.price-table .bg-image {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  -ms-opacity: 0.1;
  -o-opacity: 0.1;
  opacity: 0.1;
  z-index: 1;
}

.table-meta {
  float: left;
  width: 100%;
  z-index: 3;
  position: relative;
}

.table-meta > h4 {
  float: left;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 24px;
  text-transform: uppercase;
  width: 100%;
}

.table-meta > span {
  display: inline-block;
  font-size: 15px;
  line-height: 22px;
  margin: 0 auto;
  max-width: 95%;
  padding-bottom: 25px;
  width: 95%;
}

.table-meta > ul {
  float: left;
  list-style: outside none none;
  margin-bottom: 35px;
  padding-left: 0;
  width: 100%;
}

.table-meta > ul li {
  float: left;
  font-size: 13px;
  padding-bottom: 12px;
  width: 100%;
}

.table-meta > h5 {
  float: left;
  font-size: 36px;
  padding-bottom: 6px;
  width: 100%;
}

.table-meta > i {
  float: left;
  font-size: 13px;
  font-style: normal;
  width: 100%;
}

.table-meta .main-btn {
  bottom: -95px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  padding: 15px 30px;
  width: 180px;
  text-transform: capitalize;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.price-table.active .table-meta > h4 {
  color: #fff;
}

.price-table.active .table-meta > span {
  color: #f7f7f7;
}

.price-table.active .table-meta > ul li {
  color: #eee;
}

.price-table.active .table-meta > h5 {
  color: #fff;
}

.price-table.active .table-meta > i {
  color: #f8f7f7;
}

.price-table.active .table-meta .main-btn {
  background: #0c0c0c none repeat scroll 0 0;
  color: #fff;
}

.mega-menu.demo {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  position: static;
  visibility: visible;
  width: 100%;
  margin-top: 40px;
}

.inner-bg .mega-menu.demo:nth-child(2) {
  margin-top: 0;
}

.mega-post-info {
  float: left;
  width: 100%;
  padding-left: 15px;
}

.mega-post-info > span {
  color: #000;
  float: left;
  padding-bottom: 5px;
  text-transform: uppercase;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}

.mega-post-info > ul {
  float: left;
  width: 100%;
}

.mega-post-info > ul > li {
  display: block;
  font-size: 13px;
  margin-top: 10px;
  text-transform: capitalize;
}

.mega-style1 > div {
  border-right: 1px solid #f3f3f3;
}

.mega-style1 > div img {
  float: left;
  width: 100%;
  margin-bottom: 27px;
}

.mega-style1 > div:last-child {
  border-right: 0;
}

.megamenu-caro {
  float: left;
  margin-top: 25px;
  width: 100%;
}

.megamenu-caro li {
  display: inline-block;
  position: relative;
  width: 100%;
}

.megamenu-caro li::before {
  background: #f3f3f3 none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -30px;
  top: 0;
  width: 1px;
}

.megamenu-caro li span {
  color: #000;
  display: inline-block;
  padding-top: 22px;
  text-transform: uppercase;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
}

.slide-out .menu-item-has-children::before {
  display: none;
}

.side-menus .slide-out nav > ul > li > a > span {
  display: none;
}

.side-menus .logo {
  display: inline-block;
  text-align: left;
  padding: 3px 3px 3px 3px;
  background: #f6faff;
  border-radius: 4px;
  margin: 0px 15px;
}

.side-menus .slide-out nav > ul > li {
  text-align: right;
}

.side-menus .slide-out nav > ul > li > a {
  padding-right: 15px;
}

.side-menus .slide-out .logo {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  visibility: hidden;
  padding: 20px 15px;
}

.side-menus .slide-out:hover .logo {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.side-menus .slide-out .logo a {
  display: block;
  overflow: hidden;
  z-index: 0;
}

.side-menus .slide-out .logo img {
  left: 175px;
  position: relative;
}

.slide-menu > span {
  border-bottom: 1px solid #eee;
  float: left;
  font-size: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  text-transform: uppercase;
  width: 100%;
  padding-right: 20px;
}

.slide-menu > span i {
  float: right;
  font-size: 14px;
}

.side-header.slide-out:hover {
  left: 0;
}

.side-header.slide-out:hover .slide-menu > ul li a i {
  font-size: 14px;
}

.side-menus .slide-out:hover .logo,
.main-page.style1 .side-menus .slide-out .logo {
  float: left;
  padding-right: inherit;
  width: 100%;
}

.side-menus .slide-out:hover .logo img,
.main-page.style1 .side-menus .slide-out .logo img {
  position: unset;
  -webkit-transform: initial;
  -moz-transform: initial;
  -ms-transform: initial;
  -o-transform: initial;
  transform: initial;
}

.side-menus .slide-out:hover nav > ul > li > a > span,
.main-page.style1 .side-menus .slide-out nav > ul > li > a > span {
  display: inline-block;
}

.side-menus .slide-out:hover nav > ul > li > a,
.main-page.style1 .side-menus .slide-out nav > ul > li > a {
  padding-right: 30px;
}

.slide-out:hover .menu-item-has-children::before,
.main-page.style1 .slide-out .menu-item-has-children::before {
  display: block;
}

.side-menus .slide-out:hover nav > ul > li,
.main-page.style1 .side-menus .slide-out nav > ul > li {
  text-align: left;
}

.side-menus .slide-out nav > ul > li.menu-item-has-children > ul {
  position: absolute;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.side-menus .slide-out:hover nav > ul > li.menu-item-has-children > ul,
.main-page.style1
  .side-menus
  .slide-out
  nav
  > ul
  > li.menu-item-has-children
  > ul {
  position: static;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.ui-state-highlight {
  background: #f0f8ff;
  border: 1px dashed #cdcdcd;
}

.testimonial-section {
  float: left;
  position: relative;
  width: 100%;
}

.testimonial-section > img {
  float: left;
  width: 100%;
}

.testimonial-carousel {
  float: left;
  text-align: center;
  width: 100%;
}

.testimonial {
  float: left;
  width: 100%;
}

.testimonial blockquote {
  border: 0;
  color: #e8e8e8;
  float: left;
  font-size: 13px;
  line-height: 27px;
  margin: 0 0 30px;
  padding: 40px 0 0;
  width: 100%;
}

.testimonial-name {
  display: block;
  margin: 0 auto;
  text-align: left;
  max-width: 83%;
}

.testimonial-name > img {
  display: inline-block !important;
  margin-right: 20px;
  width: auto !important;
  float: left;
}

.quote-start {
  display: inline-block !important;
  margin-right: 3px;
  margin-top: 0;
  width: auto !important;
}

.quote-end {
  display: inline-block !important;
  margin-bottom: -20px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  width: auto !important;
}

.testimonial-name > strong {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  vertical-align: middle;
  margin-top: 10px;
  text-transform: uppercase;
}

.testimonial-name > strong span {
  display: table;
  font-size: 11px;
}

.title {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.title > span {
  font-size: 14px;
}

.title > h4 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 5px 0 0;
}

.cnt-btn {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.cnt-btn > a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 18px 25px;
}

.cnt-btn > a:hover,
.cnt-btn > a:focus {
  background-color: #333;
}

.clients-carousel {
  float: left;
  width: 100%;
  padding: 0 10px;
}

.client {
  float: left;
  width: 100%;
  text-align: center;
}

.client > a {
  display: inline-block;
  vertical-align: middle;
}

.social-btns-styles {
  float: left;
  width: 100%;
}

.social-btns {
  float: left;
  margin: 0;
  width: 100%;
}

.brd-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.rd-50 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.social-btns + .social-btns {
  margin-top: 20px;
}

.social-btns > li {
  float: left;
  margin-right: 20px;
}

.social-btns > li:last-child {
  margin-right: 0;
}

.social-btns > li a {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.social-btns > li a:hover {
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
  color: #fff;
}

.social-btns > li a:hover.btn3,
.social-btns > li a:hover.btn5,
.social-btns > li a:hover.btn2.rd-50,
.social-btns > li a:hover.btn2.brd-5 {
  color: #333;
}

.btn1 {
  border: 2px solid;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 40px;
  max-width: 200px;
  min-width: 200px;
  text-align: center;
  width: 100%;
}

.btn1 > i {
  font-size: 13px;
  margin-right: 5px;
}

.btn2 {
  border: 2px solid;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  width: 43px;
}

.btn3 {
  display: inline-block;
  font-size: 20px;
  margin-top: 10px;
}

.hlf-rd-30 {
  -webkit-border-radius: 5px 30px 30px 5px;
  -moz-border-radius: 5px 30px 30px 5px;
  -ms-border-radius: 5px 30px 30px 5px;
  -o-border-radius: 5px 30px 30px 5px;
  border-radius: 5px 30px 30px 5px;
}

.btn4,
.btn5 {
  border: 2px solid;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 40px;
  max-width: 160px;
  min-width: 160px;
  padding: 0 15px 0 60px;
  position: relative;
  width: 100%;
}

.btn4 > i,
.btn5 > i {
  bottom: -1px;
  color: #fff !important;
  font-size: 13px;
  left: -1px;
  line-height: 42px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 45px;
}

.btn4.facebook > i,
.btn5.facebook-clr > i {
  background: #304c86;
}

.btn4.twitter > i,
.btn5.twitter-clr > i {
  background: #4196d6;
}

.btn4.google > i,
.btn5.google-clr > i {
  background: #c63c2b;
}

.btn4.linkedin > i,
.btn5.linkedin-clr > i {
  background: #015b8e;
}

.btn4.pinterest > i,
.btn5.pinterest-clr > i {
  background: #af1015;
}

.btn4.youtube > i,
.btn5.youtube-clr > i {
  background: #d32b25;
}

.btn4.tumblr > i,
.btn5.tumblr-clr > i {
  background: #202f43;
}

.btn4.dribbble > i,
.btn5.dribbble-clr > i {
  background: #cb4071;
}

.btn4.reddit > i,
.btn5.reddit-clr > i {
  background: #1d1b1b;
}

.btn4.rss > i,
.btn5.rss-clr > i {
  background: #e38f11;
}

.btn4.github > i,
.btn5.github-clr > i {
  background: #175e92;
}

.btn4.vimeo > i,
.btn5.vimeo-clr > i {
  background: #2c9bda;
}

.facebook {
  background: #3b5998;
  border-color: #3b5998;
}

.facebook-clr {
  border-color: #3b5998;
  color: #3b5998;
}

.twitter {
  background: #55acee;
  border-color: #55acee;
}

.twitter-clr {
  border-color: #55acee;
  color: #55acee;
}

.google {
  background: #dd4b39;
  border-color: #dd4b39;
}

.google-clr {
  border-color: #dd4b39;
  color: #dd4b39;
}

.linkedin {
  background: #0976b4;
  border-color: #0976b4;
}

.linkedin-clr {
  border-color: #0976b4;
  color: #0976b4;
}

.pinterest {
  background: #cc2127;
  border-color: #cc2127;
}

.pinterest-clr {
  border-color: #cc2127;
  color: #cc2127;
}

.youtube {
  background: #e52d27;
  border-color: #e52d27;
}

.youtube-clr {
  border-color: #e52d27;
  color: #e52d27;
}

.tumblr {
  background: #293b52;
  border-color: #293b52;
}

.tumblr-clr {
  border-color: #293b52;
  color: #293b52;
}

.dribbble {
  background: #d75281;
  border-color: #d75281;
}

.dribbble-clr {
  border-color: #d75281;
  color: #d75281;
}

.reddit {
  background: #000;
  border-color: #000;
}

.reddit-clr {
  border-color: #000;
  color: #000;
}

.rss {
  background: #fd9f13;
  border-color: #fd9f13;
}

.rss-clr {
  border-color: #fd9f13;
  color: #fd9f13;
}

.github {
  background: #1f76b6;
  border-color: #1f76b6;
}

.github-clr {
  border-color: #1f76b6;
  color: #1f76b6;
}

.vimeo {
  background: #4bf;
  border-color: #4bf;
}

.vimeo-clr {
  border-color: #4bf;
  color: #4bf;
}

.mini-stats {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  float: left;
  min-height: 162px;
  padding: 30px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.info-section .mini-stats.blue-grdnt {
  background: #04a9f5 none repeat scroll 0 0;
}

.info-section .mini-stats.red-grdnt {
  background: -webkit-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -webkit-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -webkit-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -webkit-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -webkit-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(243, 115, 78) 0%,
    rgb(175, 109, 83) 40%,
    rgb(201, 85, 108) 100%
  );
}

.info-section .mini-stats.green-grdnt {
  background: -webkit-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -webkit-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -webkit-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -webkit-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -webkit-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -moz-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -ms-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: -o-linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
  background: linear-gradient(
    225deg,
    rgb(74, 181, 111) 0%,
    rgb(6, 176, 114) 40%,
    rgb(32, 152, 142) 100%
  );
}

.info-section .mini-stats.purpal-grdnt {
  background: transparent linear-gradient(-135deg, #899fd4 0%, #a389d4 100%)
    repeat scroll 0 0;
}

.mini-stats > p {
  color: #fff;
  float: left;
  font-size: 12px;
  font-weight: 600;
  line-height: initial;
  margin: 0;
  text-transform: uppercase;
}

.mini-stats > h3 {
  color: #fff;
  display: inline-block;
  font-size: 32px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 8px;
  position: relative;
  width: 100%;
}

.mini-stats > h3 i {
  font-size: 18px;
  font-style: normal;
}

.mini-stats > i {
  bottom: 30px;
  color: #fff;
  font-size: 65px;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  -ms-opacity: 0.4;
  -o-opacity: 0.4;
  opacity: 0.4;
  position: absolute;
  right: 27px;
}

.mini-stats > em {
  color: #fff;
  font-size: 13px;
}

.mini-stats > span {
  background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  width: 32px;
  margin-top: -5px;
}

.info-section.style2 .mini-stats > span {
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}

.info-section.style2 .mini-stats > p {
  color: #fff;
}

.info-section.style2 .mini-stats > h3::before {
  background: #fff none repeat scroll 0 0;
}

.td-lst {
  float: left;
  width: 100%;
}

.td-lst-hdr {
  background: #f3f3f3 none repeat scroll 0 0;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  float: left;
  padding: 18px 50px;
  width: 100%;
}

.td-lst-hdr > span {
  color: #fff;
  font-size: 12px;
}

.td-lst-hdr > a {
  background: #101010 none repeat scroll 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  float: right;
  text-align: center;
  text-transform: capitalize;
  width: 80px;
  font-size: 12px;
  line-height: 30px;
}

.td-lst-bdy {
  float: left;
  width: 100%;
  padding: 0 20px;
}

.td-lst-bdy > ul {
  float: left;
  height: 312px;
  margin: 0;
  overflow-y: auto;
  width: 100%;
  position: relative;
}

.td-lst-bdy > ul > li {
  border-bottom: 1px solid #eaeaea;
  float: left;
  font-size: 13px;
  line-height: initial;
  padding: 18.5px 0 18.5px 40px;
  position: relative;
  width: 100%;
}

.sngl-slct1 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #cbcbcb;
  height: 14px;
  left: 0;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 14px;
}

.td-lst-bdy > ul > li > span {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  height: 14px;
  line-height: 13px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  position: absolute;
  right: 40px;
  text-align: center;
  visibility: hidden;
  width: 14px;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.clndr {
  float: left;
  width: 100%;
}

.td-lst-bdy > ul > li:hover > span {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  right: 20px;
  visibility: visible;
}

.add-tsk {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  float: left;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.add-tsk > input {
  border: 0;
  color: #9a9a9a;
  float: left;
  font-size: 12px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 30px;
  width: 100%;
}

.add-tsk > input:focus {
  border: 0 !important;
}

.add-tsk > div {
  bottom: -1px;
  position: absolute;
  right: 0;
  top: -1px;
}

.add-tsk > div > button {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  border: 0;
  color: #fff;
  font-size: 12px;
  height: 100%;
  width: 40px;
}

.news-feed-list {
  float: left;
  height: 442px;
  overflow-y: auto;
  width: 100%;
  position: relative;
}

.new-box {
  background: #fafafa none repeat scroll 0 0;
  float: left;
  padding: 15px 20px;
  width: 100%;
  display: inline-block;
}

.new-box:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  -ms-transform: translate(0px);
  -o-transform: translate(0px);
  transform: translate(0px);
}

.new-box:nth-child(even) {
  background: #fff;
}

.new-box > img {
  float: left;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.news-detail {
  display: table;
  padding-left: 10px;
}

.news-detail > h2 {
  font-size: 14px;
  margin: 10px 0 7px;
}

.news-detail > h2 a {
  color: inherit;
}

.news-detail > p {
  line-height: 20px;
  margin: 0;
}

.chat-content {
  float: left;
  width: 100%;
}

.chat-messages {
  float: left;
  height: 319px !important;
  padding: 0 40px;
  width: 100%;
  position: relative;
}

.chat-messages-list {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding-left: 0;
  width: 100%;
}

.chat-message {
  background: #f4f8ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
  color: #333;
  float: left;
  margin-bottom: 20px;
  margin-left: 10px;
  padding: 10px 10px 10px 45px;
  position: relative;
  width: calc(100% - 100px);
}

.chat-message-bubble > p {
  margin-top: 5px;
}

.chat-message:before {
  content: "";
  z-index: 1001;
  font-size: 30px;
  line-height: 0;
  color: #1ec9de;
  position: absolute;
  top: 15px;
  left: -20px;
  text-shadow: -4px 4px 10px rgba(0, 0, 0, 0.15);
}

.chat-message:last-child {
  margin-bottom: 0;
}

.chat-message.chat-message-friend {
  background: #fff none repeat scroll 0 0;
  color: #888;
  float: right;
  margin-left: 0;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.chat-message > img {
  border: 5px solid #fff;
  left: -41.5px;
  position: absolute;
  top: 50%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translateY(-50%) scale(0.6);
  -moz-transform: translateY(-50%) scale(0.6);
  -ms-transform: translateY(-50%) scale(0.6);
  -o-transform: translateY(-50%) scale(0.6);
  transform: translateY(-50%) scale(0.6);
}

.chat-message.chat-message-friend > img {
  left: auto;
  right: -41.5px;
}

.chat-message h4 {
  display: inline-block;
  font-size: 14px;
  margin-top: 0;
  font-weight: 600;
  color: #333;
}

.chat-message-bubble > span {
  display: inline;
  padding-left: 10px;
  vertical-align: middle;
  width: auto;
  color: #999;
  font-size: 11px;
}

.chat-input-bar {
  float: left;
  margin: 30px 0 35px;
  padding: 0 40px;
  width: 100%;
}

.chat-input-wrapper {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  float: left;
  height: 40px;
  padding-left: 30px;
  position: relative;
  width: 100%;
}

.chat-input {
  color: #a9a9a9;
  cursor: text;
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  -o-flex: 1 1 0;
  flex: 1 1 0;
  font-size: 12px;
  height: 100%;
  line-height: 40px;
  overflow: hidden;
  position: absolute;
  resize: none;
  top: 0;
  width: 90%;
}

.chat-input-wrapper > a {
  color: #a5a5a5;
  font-size: 15px;
  position: absolute;
  right: 54px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.chat-send {
  background: #e2e2e2;
  border: 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  bottom: -1px;
  color: #333;
  font-size: 15px;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 40px;
}

.graph-inf {
  clear: both;
  float: right;
  margin-bottom: 12px;
  text-align: right;
}

.graph-inf > a {
  float: left;
  font-size: 10px;
  margin-right: 20px;
  text-transform: uppercase;
}

.graph-inf > a i {
  float: left;
  height: 10px;
  margin-right: 7px;
  margin-top: 3px;
  width: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.blk-skn {
  background: #36404a none repeat scroll 0 0;
}

.blu-skn {
  background: #66d0f6;
}

.rd-skn {
  background: #ff8684;
}

.prpl-skn {
  background: #7575f0;
}

.gren-skn {
  background: #1de9b6;
}

.graph-inf > a:last-child {
  margin-right: 0;
}

.goal-wdg {
  float: left;
  width: 100%;
}

.goal-wdg > p {
  margin: 10px 20px 76px 0;
  float: left;
  position: relative;
}

.goal-wdg > p i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-style: normal;
  font-size: 20px;
}

.cirlce-chart-detail {
  display: table;
}

.cirlce-chart-detail > p {
  font-size: 13px;
  line-height: 24px;
  margin-top: 0;
  padding-bottom: 14px;
}

.cirlce-chart-detail > ul li {
  color: #333;
  font-size: 13px;
  margin-bottom: 11px;
}

.cirlce-chart-detail > ul li span {
  width: 100%;
  display: block;
  margin-top: 3px;
  font-weight: 700;
  color: #919191;
  font-size: 15px;
}

.cirlce-chart-detail > a {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 4px;
  margin-top: 13px;
  padding: 7px 15px 9px;
}

.cirlce-chart-detail > ul {
  float: left;
  width: 100%;
  margin-top: 5px;
}

.rcnt-activt {
  float: left;
  max-height: 288px;
  overflow-y: auto;
  position: relative;
  width: 100%;
  padding-right: 10px;
}

.rcnt-activt > ul {
  float: left;
  width: 100%;
  margin: 0;
}

.rcnt-activt > ul > li {
  float: left;
  width: calc(100% - 25px);
  margin-left: 25px;
  border-bottom: 1px solid #eaeaea;
  padding: 11px 0;
  position: relative;
  font-size: 13px;
  color: #1a1a1a;
}

.rcnt-activt > ul > li a {
  color: inherit;
  display: inline-block;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: text-bottom;
}

.rcnt-activt > ul > li span {
  float: right;
  font-size: 10px;
  margin-top: 2px;
  color: #888;
}

.rcnt-activt > ul > li:before {
  content: "";
  height: 43px;
  left: -25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
}

.rcnt-activt > ul > li:last-child {
  border-bottom: 0;
}

.clr1:before,
.blu-skn {
  background: #4eb5fb;
}

.clr2:before {
  background: #f05050;
}

.clr3:before {
  background: #fe9833;
}

.clr4:before {
  background: #ee6f6c;
}

.col-md-4 .rcnt-activt > ul > li > a {
  font-size: 12px;
}

.scl-wdgt-lst {
  float: left;
  max-height: 287px;
  overflow-y: auto;
  position: relative;
  width: 100%;
  padding-left: 30px;
  padding-right: 10px;
}

.scl-wdgt {
  float: left;
  width: 100%;
  position: relative;
  padding: 11px 50px 11px 80px;
  z-index: 1;
  margin-bottom: 10px;
}

.scl-wdgt > span {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 14px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
}

.scl-wdgt > h3 {
  font-size: 16px;
  margin: 0;
}

.scl-wdgt > p {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: initial;
}

.scl-wdgt > p i {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
}

.fa.up {
  color: #5bdd5e;
}

.totl-vistr {
  text-align: center;
  float: left;
  width: 100%;
  padding-bottom: 7px;
  padding-top: 2px;
  background: #f4f4f4;
}

.totl-vistr > strong {
  color: #202020;
  font-size: 12px;
  font-weight: 400;
}

.frnds-stats-wdgt-lst {
  float: left;
  width: 100%;
}

.frnds-stats-wdgt-lst > ul {
  float: left;
  margin: 0;
  max-height: 328px;
  overflow-y: scroll;
  position: relative;
  width: 100%;
}

.frnds-stats-wdgt-lst > ul > li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
}

.usr-stats {
  float: left;
  width: 100%;
  padding: 13px 48px;
  display: inline-block;
}

.usr-thmb {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  line-height: 40px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.usr-thmb > img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.usr-inf {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}

.usr-inf > h2 {
  font-size: 14px;
  margin: 0;
}

.usr-inf > h2 a {
  color: inherit;
}

.usr-inf > span {
  color: #afafaf;
  font-size: 13px;
}

.usr-thmb:before {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: -22px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
}

.offline:before {
  border: 1px solid #82bb05;
}

.onlineuser:before {
  background: #82bb05;
}

.away:before {
  background: #fcd116;
}

.tsk-prgs-lst {
  float: left;
  max-height: 320px;
  overflow-y: scroll;
  position: relative;
  width: 100%;
  padding: 25px;
}

.tsk-prgs-lst > ul {
  margin: 0;
  float: left;
  width: 100%;
  padding-bottom: 7px;
}

.tsk-prgs-lst > ul > li {
  float: left;
  width: 100%;
  margin-bottom: 26px;
}

.tsk-prgs-lst > ul > li span,
.tsk-prgs-lst > ul > li i {
  font-size: 12px;
  text-transform: uppercase;
  float: left;
  font-style: normal;
  margin-bottom: 10px;
  color: #1a1a1a;
}

.tsk-prgs-lst > ul > li i {
  float: right;
  color: #888;
}

.tsk-prgs-lst > ul > li .progress {
  height: 7px;
  background: #fafafa;
  clear: both;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

.notifi {
  float: left;
  width: 100%;
  padding-top: 20px;
}

.notifi > i {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 24px;
  height: 72px;
  line-height: 72px;
  margin-right: 40px;
  text-align: center;
  vertical-align: middle;
  width: 72px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.notifi-info {
  float: left;
  width: 80%;
}

.notifi-info > p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 7px;
  margin-top: 0;
}

.notifi-info > span {
  font-size: 12px;
}

.notifi-info > span a {
  border-bottom: 1px solid;
}

.vctr-map {
  float: left;
  width: 500px;
  padding-top: 22px;
}

#vctr-map {
  float: left;
  width: 100%;
}

.jqvmap-pin {
  display: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  visibility: hidden;
}

.visito-country-list {
  float: left;
  width: 51.5%;
}

.visito-country-list > ul {
  float: left;
  width: 100%;
}

.visito-country-list > ul > li:nth-child(2n + 1) {
  background: #f4f4f4 none repeat scroll 0 0;
}

.visito-country-list > ul > li.title {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  color: #fff;
  line-height: 30px;
  margin-bottom: 0;
  text-transform: capitalize;
}

.visito-country-list > ul > li {
  float: left;
  font-size: 12px;
  font-weight: 300;
  line-height: 50px;
  width: 100%;
}

.visito-country-list > ul > li span,
.visito-country-list > ul > li i {
  color: #1a1a1a;
  float: left;
  font-size: 13px;
  padding: 0 20px;
  text-align: center;
  width: 33.334%;
}

.visito-country-list > ul > li span {
  color: #fff;
}

.visito-country-list > ul > li i {
  font-style: normal;
}

.rev-carousel {
  background: rgba(0, 0, 0, 0) url(../images/resources/rev-carousel-bg.html)
    repeat scroll center center/cover;
  float: left;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.rev-carousel::before,
.rev-carousel::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.rev-carousel::before {
  background: #000 none repeat scroll 0 0;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  -ms-opacity: 0.9;
  -o-opacity: 0.9;
  opacity: 0.9;
}

.rev-carousel::after {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  -ms-opacity: 0.1;
  -o-opacity: 0.1;
  opacity: 0.1;
}

.rev-carousel > ul {
  float: left;
  margin: 0;
  width: 100%;
}

.rev-carousel > ul li {
  display: inline-block;
  line-height: initial;
  padding: 48px;
}

.rev-carousel > ul li > h4 {
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  margin-top: 0;
  position: relative;
  color: #fff;
}

.rev-carousel > ul li h4 strong {
  color: #fff;
  font-weight: 600;
}

.rev-carousel > ul li > h4::before {
  color: #dcdcdc;
  content: "\f099";
  font-family: fontawesome;
  font-size: 70px;
  left: 0;
  -webkit-opacity: 0.22;
  -moz-opacity: 0.22;
  -ms-opacity: 0.22;
  -o-opacity: 0.22;
  opacity: 0.22;
  position: absolute;
  top: 0;
}

.rev-info {
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 35px;
  width: 50%;
}

.rev-info > img {
  border: 3px solid rgba(255, 255, 255, 0.99);
  float: left;
  margin-right: 15px;
  max-width: 100%;
  width: auto !important;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.rev-nam {
  display: table-cell;
  padding-top: 10px;
  text-align: left;
  vertical-align: middle;
}

.rev-nam > h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  margin: 0;
  text-transform: uppercase;
}

.rev-nam > span {
  font-size: 12px;
}

.rev-carousel .owl-dots {
  bottom: 55px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.rev-carousel .owl-dot.active {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
}

.rev-carousel .owl-dots > div {
  background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0;
  float: left;
  height: 14px;
  margin: 0 3.5px;
  width: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.pie-chart-sec {
  display: table;
  float: left;
  padding: 40px;
  width: 100%;
}

.pieID {
  display: inline-block;
  vertical-align: top;
}

.pie {
  float: left;
  height: 155px;
  margin: 0;
  position: relative;
  width: 155px;
}

.pie::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 90px;
  left: 49%;
  position: absolute;
  top: 49%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90px;
  z-index: 1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.slice {
  clip: rect(0px, 150px, 150px, 75px);
  height: 150px;
  position: absolute;
  width: 150px;
}

.slice span {
  background-color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  clip: rect(0px, 150px, 150px, 75px);
  display: block;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
}

.legend {
  display: table-cell;
  margin: 0;
  padding-left: 25px !important;
  vertical-align: middle;
  width: 100%;
}

.legend li {
  border-left: 10px solid;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  height: 10px;
  line-height: 10px;
  margin-bottom: 11px;
  padding-left: 10px;
  width: 48%;
}

.legend li:last-child {
  margin: 0;
}

.legend em {
  font-style: normal;
}

.legend span {
  display: none;
  float: right;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
}

.most-browsers {
  display: table;
  float: left;
  width: 100%;
}

.pieID.legend > li {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.mst-brw {
  padding: 0 25px;
}

.mst-brw > a {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  float: right;
  margin-top: -5px;
  color: #fff;
  padding: 8px 17px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 25px;
  font-size: 12px;
}

.rmndr-bg {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
}

.widget.rmndr-bg .widget-title h4 {
  color: #fff;
}

.rmndr-icn {
  float: right;
  font-size: 23px;
}

.reminder {
  float: left;
  padding-bottom: 17px;
  width: 100%;
  color: #fff;
  padding-top: 20px;
}

.reminder > h2 {
  font-size: 26px;
  font-weight: 300;
  line-height: 33px;
  margin-top: 0;
  color: #fff;
}

.reminder > p {
  font-size: 15px;
  line-height: 26px;
  padding-bottom: 30px;
  padding-top: 30px;
}

.reminder > a {
  float: left;
  font-size: 14px;
  margin-top: 10px;
}

.widget-title > i {
  color: #fff;
}

.reminder > a i {
  margin-left: 10px;
}

.insta-widget {
  float: left;
  width: 100%;
}

.insta-widget > li {
  float: left;
  margin-bottom: 6px;
  margin-right: 6px;
  overflow: hidden;
  width: 31.8%;
}

.insta-widget > li > a {
  display: inline-block;
  width: 100%;
}

.insta-widget > li > a img {
  width: 100%;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.insta-widget > li > a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.insta-widget > li:nth-child(3n) {
  margin-right: 0;
}

.more-view {
  color: #f05050;
  float: left;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-weight: 700;
  font-size: 12px;
}

.email-box-wrap {
  display: table;
  float: left;
  width: 100%;
}

.email-box-nav {
  border-right: 1px solid #eaeaea;
  display: table-cell;
  vertical-align: top;
  width: 15%;
  padding-top: 30px;
}

.email-box-nav .widget-title {
  margin-bottom: 20px;
}

.email-box-nav > a {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 11px 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
}

.email-box-nav h5 {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 25px;
  text-transform: uppercase;
  padding: 0 15px;
}

.email-box-nav > ul {
  float: left;
  margin: 0;
  width: 100%;
  text-align: center;
  padding: 0 15px;
}

.email-box-nav > ul > li {
  float: left;
  font-size: 14px;
  margin-top: 25px;
  width: 100%;
}

.email-box-nav > ul > li a {
  color: #333;
  float: left;
  text-align: left;
  width: 99%;
}

.email-box-nav > ul > li i {
  font-size: 13px;
  width: 20px;
  color: #999;
}

.email-box-nav > ul > li a span {
  background: #f87f89 none repeat scroll 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  width: 30px;
  margin-left: 10px;
  vertical-align: middle;
}

.email-box-content {
  display: table-cell;
  vertical-align: top;
  width: 70%;
}

.email-list {
  border-right: 1px solid #eaeaea;
  display: table-cell;
  width: 40%;
  vertical-align: top;
}

.email-list-inf {
  float: left;
  padding: 30px 5% 20px;
  width: 100%;
}

.email-list-inf .nice-select {
  background: transparent none repeat scroll 0 0;
  height: auto;
  line-height: 20px;
  width: auto;
}

.email-list-inf > .slc {
  display: inline-block;
  width: 60%;
  vertical-align: middle;
}

.email-list-inf > .slc .select-wrapper input {
  border: 0;
  color: #686868;
  font-size: 15px;
  margin-bottom: 0;
}

.email-list-inf > .slc .select-wrapper span.caret {
  color: #686868;
  font-size: 20px;
}

.email-list-inf > .slc .select-wrapper span.caret i {
  color: inherit;
}

.nxt-prv-arrow {
  display: inline-block;
  width: 30%;
  text-align: right;
  vertical-align: middle;
  float: right;
}

.nxt-prv-arrow > a {
  background: #c3c3c3 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 20px;
  line-height: 18px;
  margin-left: 0;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}

.nxt-prv-arrow > a:hover {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
}

.email-list > ul {
  float: left;
  margin: 0;
  max-height: 566px;
  position: relative;
  width: 100%;
}

.email-list li {
  float: left;
  width: 100%;
  cursor: pointer;
}

.email-list li:nth-child(2n + 1) {
  background: #fcfcfc none repeat scroll 0 0;
}

.email-list li:nth-child(2n) {
  background: #f4f4f4 none repeat scroll 0 0;
}

.email-list-item {
  float: left;
  padding: 20px 5%;
  width: 100%;
}

.email-list-item > i {
  color: #66d0f6;
  float: left;
  font-size: 17px;
  margin-right: 15px;
  display: table-cell;
}

.email-message-inf {
  display: table-cell;
}

.email-message-inf > h4 {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 9px;
  margin-top: 0;
  text-transform: capitalize;
  width: 100%;
}

.email-message-inf > i,
.email-compose-info > i {
  color: #66d0f6;
  float: right;
  font-size: 11px;
  font-style: normal;
}

.email-message-inf > span {
  color: #444;
  font-size: 14px;
}

.email-message-inf > p {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 8px;
}

.email-compose {
  display: table-cell;
  padding: 30px 2%;
  width: 60%;
}

.email-compose-info {
  border-bottom: 1px solid #eaeaea;
  float: left;
  padding-bottom: 25px;
  width: 100%;
}

.email-compose-info > span {
  font-size: 12px;
}

.email-compose-info > i {
  font-size: 13px;
}

.email-compose-info > h4 {
  display: inline-block;
  font-size: 20px;
  margin-top: 5px;
  width: 70%;
}

.email-compose > form {
  float: left;
  max-height: 300px;
  position: relative;
  width: 100%;
}

.email-compose > form textarea {
  border: 0;
  float: left;
  font-size: 13px;
  height: 500px;
  line-height: 24px;
  padding: 40px 0 30px;
  resize: none;
  width: 100%;
}

.email-atrch-inf {
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  float: left;
  padding: 20px 0;
  width: 100%;
}

.email-atrch-inf > a {
  font-size: 14px;
}

.email-atrch-inf > a + a {
  margin-left: 23px;
}

.email-atrch-inf > a i {
  font-size: 20px;
  margin-right: 10px;
}

.email-compose > a {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  margin-top: 40px;
  padding: 7px 40px;
  text-transform: capitalize;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.email-compos-opt > a:hover {
  color: #1dc4e9;
}

.email-compose > a:hover {
  background: #333;
}

.email-compos-opt {
  float: left;
  margin-top: 30px;
  width: 100%;
}

.email-compos-opt > a {
  float: left;
  font-size: 20.9px;
}

.email-compos-opt > a + a {
  margin-left: 40px;
}

.email-box-wrap.inner-bg {
  padding: 0;
}

.email-title {
  text-align: center;
}

.email-title > h4 {
  font-size: 16px;
}

.email-title > span {
  display: inline-block;
  font-size: 10px;
  margin-bottom: 15px;
}

.billing-sec {
  float: left;
  width: 100%;
}

.billing-sec .field {
  float: left;
  margin-bottom: 30px;
}

.billing-sec button {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  border: medium;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  float: left;
  font-size: 13px;
  margin-top: 40px;
  padding: 14px 40px;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.billing-sec button:hover {
  background: #333;
}

.billing-sec .field > label {
  float: left;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 10px;
  width: 100%;
}

.billing-sec .field > label span {
  color: red;
}

.billing-sec .field > label.fileContainer > span {
  color: #fff;
}

.billing-sec .field input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  font-size: 14px;
  height: 50px;
  padding: 0 30px;
  width: 100%;
  color: #333;
  background: #f4f8ff;
  border: 1px solid #eaeaea;
}

.billing-sec .field > select {
  border: medium;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  font-size: 12px;
  height: 50px;
  padding: 0 30px;
  width: 100%;
}

.billing-sec .field > textarea {
  border: medium;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  float: left;
  min-height: 160px;
  padding: 20px 30px;
  width: 100%;
}

.payment li:last-child {
  margin: 0;
}

.clndr .fc-content > img {
  height: initial;
  margin-bottom: 10px;
  width: 100%;
}

.billing-sec
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #888;
  font-size: 12px;
  line-height: 50px;
  padding-left: 30px;
}

.billing-sec .select2-container--default .select2-selection--single {
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 50px;
}

.billing-sec
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  bottom: 0;
  height: 100%;
  top: 0;
  width: 60px;
}

.billing-sec .nice-select {
  background: #f4f8ff none repeat scroll 0 0;
  color: #333;
  height: 50px;
  line-height: 50px;
  width: 100%;
  border: 1px solid #eaeaea;
}

.billing-sec .nice-select .list {
  width: 100%;
}

.breadcrumb {
  float: left;
}

.maintenance-page {
  background: #fafafa none repeat scroll 0 0;
  float: left;
  padding-bottom: 50px;
  padding-top: 50px;
  position: relative;
  text-align: center;
  width: 100%;
}

.maintence-info {
  display: block;
  margin: 0 auto;
  width: 80%;
  position: relative;
  z-index: 2;
}

.maintence-info > h1 {
  float: left;
  font: 90px/70px "Pacifico";
  width: 100%;
}

.maintence-info > span {
  color: #1dc4e9;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 30px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: initial;
  padding-left: 240px;
  text-transform: capitalize;
}

.maintence-info > p {
  display: table;
  font: 20px lato;
  margin: 0 auto;
  max-width: 48%;
  padding: 40px 0;
}

.maintence-info > i {
  display: block;
  margin-bottom: 55px;
  font-weight: 700;
  font-size: 24px;
}

.fixed-bg {
  background-position: center center;
  height: 100%;
  left: 50%;
  position: absolute;
  top: -155px;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  width: 100%;
  z-index: 0;
}

.page5o5 {
  float: left;
  padding: 0 50px;
  width: 100%;
}

.avatar5o5 {
  display: table-cell;
  max-width: 307px;
  vertical-align: middle;
  width: 307px;
}

.info5o5 {
  display: table-cell;
  padding-left: 70px;
  vertical-align: top;
  position: relative;
  z-index: 3;
}

.info5o5 > h1 {
  font-weight: 700;
  font-size: 120px;
  line-height: 140px;
}

.info5o5 > span {
  font-size: 50px;
}

.info5o5 > em {
  display: block;
  font-size: 24px;
}

.info5o5 > p {
  font-size: 16px;
  font-style: italic;
  padding-bottom: 37px;
  padding-top: 18px;
  line-height: 26px;
}

.info5o5 > form {
  float: left;
  position: relative;
  width: 499px;
}

.info5o5 > form input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eee;
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -ms-border-radius: 30px 0 0 30px;
  -o-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
  color: #333;
  padding: 17px 35px;
  width: 418px;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

.info5o5 > form button {
  border: 0;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  -ms-border-radius: 0 30px 30px 0;
  -o-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  color: #fff;
  font-size: 18px;
  padding: 15px 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
}

.info5o5 > p > a {
  -webkit-text-decoration: underline;
  -moz-text-decoration: underline;
  -ms-text-decoration: underline;
  -o-text-decoration: underline;
  text-decoration: underline;
  text-transform: capitalize;
}

.info5o5 .fixed-bg {
  top: -77px;
  z-index: -2;
}

.page-bg {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}

.coming-meta {
  border-color: #1dc4e9 #1dc4e9 transparent !important;
  -webkit-border-image: none;
  -moz-border-image: none;
  -ms-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 30px 30px medium;
  float: left;
  height: 93vh;
  left: 0;
  padding-top: 50px;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 100%;
}

.page-bg > img {
  float: left;
  height: 100vh;
  width: 100%;
}

.coming-meta::before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.coming-bg > span {
  color: #fff;
  display: inline-block;
  position: relative;
  right: 25%;
  text-align: right;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
  font-weight: 700;
  font-size: 25px;
}

.coming-bg > h1 {
  color: #fff;
  font-family: pacifico;
  font-size: 80px;
  line-height: 115px;
  position: relative;
  z-index: 2;
}

.coming-bg > h1 > span {
  font-family: inherit;
}

.coming-bg > p {
  color: #fff;
  font-size: 17px;
  margin: 0 auto;
  max-width: 70%;
  position: relative;
  z-index: 2;
}

.coming-bg > h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  padding-bottom: 30px;
  padding-top: 22px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

.coming-bg {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}

.countdown {
  display: inline-block;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
  padding-top: 40px;
}

.countdown li {
  background: rgba(255, 255, 255, 0.15);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  height: 94px;
  line-height: 94px;
  margin-right: 6px;
  position: relative;
  text-align: center;
  width: 94px;
}

.countdown li span {
  color: #fff;
  float: left;
  font-family: monospace;
  font-size: 30px;
  font-weight: 700;
  line-height: 64px;
  width: 100%;
}

.countdown li p {
  float: left;
  font-size: 18px;
  line-height: 0;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
}

.testimon {
  float: left;
  padding: 30px 50px 30px 30px;
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

.testi-avatar {
  display: table-cell;
  max-width: 186px;
  padding-right: 30px;
  position: relative;
  vertical-align: middle;
  width: 186px;
  z-index: 2;
}

.testi-meta {
  display: table-cell;
  padding-top: 23px;
  position: relative;
  vertical-align: top;
}

.testi-avatar > img {
  border: 10px solid #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.testi-meta::before,
.testi-meta::after {
  color: #c9c9c9;
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  left: -20px;
  position: absolute;
  top: 0;
}

.testi-meta::after {
  bottom: 30px;
  content: "";
  left: initial;
  right: 0;
  top: initial;
}

.testi-meta > p {
  float: left;
  width: 100%;
  font-size: 15px;
  font-style: italic;
}

.author-name {
  display: inline-block;
  margin-top: 25px;
  width: 100%;
}

.author-name h5 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.author-name span {
  display: inline-block;
  font-size: 13px;
  padding-top: 8px;
}

.testimon::before {
  background: #f4f8ff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 87%;
}

.testimon.style2 {
  margin-top: 100px;
  padding-top: 0;
  text-align: center;
}

.testimon.style2 .testi-avatar {
  display: inline-block;
  margin-top: -110px;
  padding-right: 0;
  width: 100%;
}

.testimon.style2 .testi-meta {
  display: inline-block;
  padding-top: 48px;
  width: 100%;
}

.testimon.style2::before {
  width: 100%;
}

.testimon.style2 .testi-meta::before {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  font-size: 17px;
  left: 50%;
  line-height: 46px;
  top: -27px;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  width: 46px;
  z-index: 2;
}

.testimon.style2 .testi-meta::after {
  display: none;
}

.testimon.style3::before {
  width: 100%;
}

.testimon.style3 {
  padding: 60px 55px;
  text-align: center;
}

.testimon.style3 .testi-meta::before {
  font-size: 36px;
  left: 0;
  top: 17px;
}

.testimon.style3 .testi-meta > p {
  padding-bottom: 25px;
  padding-left: 45px;
}

.testimon.style3 .testi-meta::after {
  display: none;
}

.testimon.style3 .testi-avatar > img {
  border: 0;
}

.testimon.style3 .testi-avatar {
  padding-right: 15px;
  width: auto;
}

.testimon.style3 .author-name .bloger-name {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.testimon.style3 .author-name {
  display: inline;
}

.testimon.style4 {
  text-align: center;
}

.testimon.style4::before {
  height: 60%;
  width: 100%;
}

.testimon.style4 .testi-avatar {
  display: inline-block;
  padding-right: 0;
  padding-top: 10px;
}

.testimon.style4 .testi-meta::after {
  display: none;
}

.testimon.style4 .testi-avatar img {
  border: medium;
}

.testimon.style4 .testi-meta::before {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  left: 50%;
  line-height: 61px;
  top: -60px;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  width: 61px;
}

.testimon.style4 .testi-meta {
  padding-top: 35px;
}

.testimon.style5::before {
  background: #f4f8ff none repeat scroll 0 0;
  width: 100%;
}

.testimon.style5 .author-name {
  background: #eef2f9 none repeat scroll 0 0;
  padding: 40px 40px 40px 130px;
}

.testimon.style5 {
  padding: 0;
  text-align: center;
}

.testimon.style5 .testi-meta::after {
  display: none;
}

.testimon.style5 .testi-meta > p {
  float: none;
  margin: 0 auto;
  max-width: 70%;
  padding-bottom: 40px;
  padding-top: 40px;
}

.testimon.style5 .testi-meta::before {
  background: #fafafa none repeat scroll 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  bottom: 135px;
  display: inline-block;
  left: initial;
  line-height: 60px;
  right: 30px;
  top: initial;
  width: 60px;
}

.autor-title {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.testimon.style5 .testi-avatar {
  width: auto;
}

.testimon.style5 .testi-avatar img {
  border: 0;
}

.testimon.style5:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 120px;
  border-style: solid;
  border-width: 45px 45px 0;
  border-color: #f4f8ff transparent transparent transparent;
}

.fileContainer {
  background: #f4f8ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  margin: 0;
  padding: 9px;
  position: relative;
  text-transform: capitalize;
  vertical-align: middle;
  width: 32%;
  font-size: 11px;
}

.upload-image {
  display: inline-block;
  font-size: 12px;
  padding-right: 20px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.fileContainer [type="file"] {
  cursor: pointer;
  display: inline-block;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

.fileContainer > span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  float: right;
  padding: 11px 30px;
  cursor: pointer;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.fileContainer > span:hover {
  background: #333;
}

.inner-bg.light-gray {
  background: #f7f7f7 none repeat scroll 0 0;
}

.add-prod-from {
  float: left;
  position: relative;
  width: 100%;
}

.add-prod-from > .row > div {
  margin-bottom: 30px;
}

.add-prod-from label {
  margin-bottom: 15px;
  text-transform: capitalize;
  font-size: 13px;
}

.add-prod-from .input-group > label {
  display: table-caption;
  width: 100%;
}

.add-prod-from input[type="text"] {
  background: #f4f8ff;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  width: 100%;
}

.nice-select {
  background: #f4f8ff;
  color: #999;
  float: left;
  height: 50px;
  line-height: 50px;
  width: 100%;
  border: 1px solid #eaeaea;
}

.add-prod-from > div {
  margin-bottom: 25px;
}

.add-prod-from input[type="radio"] {
  margin-left: 4px;
  margin-right: 30px;
  vertical-align: sub;
}

.add-prod-from .input-group > span {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  border: 0;
  color: #fff;
  line-height: 49px;
  width: 48px;
  text-align: center;
  -webkit-border-radius: 5px 0 0 5px !important;
  -moz-border-radius: 5px 0 0 5px !important;
  -ms-border-radius: 5px 0 0 5px !important;
  -o-border-radius: 5px 0 0 5px !important;
  border-radius: 5px 0 0 5px !important;
}

.add-prod-from .input-group {
  width: 100%;
}

.add-prod-from .input-group .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  width: auto;
}

.add-prod-from textarea {
  background: #f4f8ff none repeat scroll 0 0;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 100%;
  padding: 20px;
}

.buttonz {
  float: left;
  text-align: right;
  width: 100%;
}

.buttonz > button {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  border: medium;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  padding: 8px 35px;
  text-transform: capitalize;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.buttonz > button:hover {
  background: #333;
}

.nice-select .list {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  width: 100%;
}

.cart-table thead tr th {
  color: #333;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

.cart-table tbody tr td {
  color: #555;
  text-transform: capitalize;
  font-size: 12px;
}

.cart-table thead {
  background: #f4f8ff none repeat scroll 0 0;
  height: 60px;
  line-height: 60px;
}

.cart-table thead tr th {
  border-bottom: 0;
}

.cart-table {
  border: 1px solid #eaeaea;
  margin-bottom: 0;
  display: table;
}

.cart-table tbody tr {
  border-bottom: 1px solid #eaeaea;
}

.cart-table tbody td span {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  padding: 3px 11px;
  font-weight: 500;
  font-size: 11px;
}

.cart-table tbody td a {
  color: #333;
  font-size: 16px;
  padding-right: 10px;
}

.cart-table tbody td a i {
  color: inherit;
}

span.failed {
  background: #ff8684;
}

span.paid {
  background: #1de9b6;
}

span.pending {
  background: #7575f0;
}

.discount-copon {
  background: #f4f8ff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  padding: 40px 35px;
  width: 100%;
}

.discount-copon span {
  font-weight: 600;
  text-transform: uppercase;
}

.discount-copon p {
  font-size: 12px;
}

.discount-copon form {
  float: left;
  width: 100%;
}

.discount-copon input {
  border: medium;
}

.discount-copon form input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left;
  padding: 13px 20px;
  width: 74%;
  border: 1px solid #eaeaea;
}

.discount-copon form label {
  color: #aea9a9;
  margin-bottom: 10px;
  width: 100%;
  font-size: 13px;
}

.discount-copon form button {
  border: medium;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 37px;
  margin-left: 20px;
  margin-top: 5px;
  text-transform: uppercase;
  width: 107px;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.discount-copon form button:hover {
  background: #333;
}

.cart-summary {
  background: #f4f8ff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: table;
  padding: 40px;
  width: 100%;
}

.summery-title {
  display: table-cell;
  vertical-align: top;
}

.cart-total {
  display: table-cell;
  padding-left: 40px;
  vertical-align: top;
  font-weight: 600;
  font-size: 12px;
}

.total-btns {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.summery-title > h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
}

.cart-total > li {
  display: block;
  margin-bottom: 16px;
}

.cart-total > li > span {
  float: right;
}

.woo-product {
  float: left;
  width: 100%;
  margin-bottom: 70px;
}

.woo-product figure img {
  float: left;
  width: 100%;
}

.product-meta {
  float: left;
  text-align: center;
  width: 100%;
}

.starz-rating {
  float: left;
  padding-top: 25px;
  width: 100%;
}

.starz-rating > span {
  font-size: 13px;
}

.starz-rating > span.checked {
  color: orange;
}

.product-meta > h4 {
  float: left;
  padding: 10px 0;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
}

.ok-price {
  font-size: 15px;
}

.del-price {
  font-size: 13px;
  color: #1dc4e9;
  -webkit-text-decoration: line-through;
  -moz-text-decoration: line-through;
  -ms-text-decoration: line-through;
  -o-text-decoration: line-through;
  text-decoration: line-through;
  vertical-align: text-bottom;
}

.add-cart {
  float: left;
  margin-top: 25px;
  width: 100%;
}

.add-cart > li {
  display: inline-block;
}

.add-cart > li > a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  font-size: 13px;
  height: 36px;
  line-height: 35px;
  text-align: center;
  width: 100px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.add-cart > li > a:hover {
  color: #fff;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  border-color: transparent;
}

.product-detail {
  float: left;
  width: 100%;
}

.product-detail > .row {
  display: table;
  margin: 0;
}

.product-detail > .row > div {
  display: table-cell;
  float: none;
  padding: 0;
  vertical-align: middle;
}

.product-detail-thumb > img {
  width: 100%;
}

.product-detail-info {
  padding-left: 60px;
}

.rating-reviews > ul {
  float: left;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
}

.review-btn {
  font-size: 14px;
  margin-left: 20px;
}

.product-detail-info > h1 {
  float: left;
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 10px;
  width: 100%;
}

.product-detail-info > p {
  float: left;
  font-size: 15px;
  margin-top: 20px;
  width: 100%;
}

.rating-reviews {
  float: left;
  width: 100%;
}

.product-detail-info .price {
  float: left;
  margin-top: 20px;
}

.product-detail-info .price ins {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
}

.product-detail-info .price del {
  color: #999;
  font-size: 15px;
}

.cart-quantity {
  float: left;
  margin-top: 20px;
  width: 100%;
}

.cart-quantity > form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 30px;
  margin-top: 20px;
}

.addcart {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 8px 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
  -ms-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
  -o-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
}

.addcart:hover {
  background: #333;
  color: #fff;
}

.cart-quantity > form label {
  color: #232323;
  float: left;
  font-size: 16px;
  margin-bottom: 0;
  margin-right: 30px;
  margin-top: 8px;
}

.cart-quantity .input-group > span {
  width: 40px;
}

.cart-quantity .input-group {
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 150px;
}

.cart-quantity .input-group > span button {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #232323;
  font-size: 19px;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.cart-quantity .input-group > span button:hover {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  color: #fff;
}

.cart-quantity .input-group > input {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #232323;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  text-align: center;
  width: 65px !important;
}

.cart-quantity .input-group > input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.product-detail-info .pro-info-btns {
  margin-top: -10px;
}

.comment-detail .ratings.style2 {
  float: left;
  margin-left: 75px;
  width: auto;
}

.comment-detail .ratings.style2 > li {
  width: auto;
}

.comment-detail .ratings.style2 {
  float: left;
  margin-left: 75px;
  width: auto;
}

.comment-detail .ratings.style2 > li {
  width: auto;
}

.review-rating {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}

.review-rating > strong {
  color: #141414;
  float: left;
  font-size: 15px;
  font-weight: 400;
  margin-right: 30px;
}

.review-rating .ratings.style2 > li {
  width: auto;
}

.review-rating .ratings.style2 {
  float: left;
  margin-top: 2px;
}

.cart-quantity .add-cart {
  margin-top: 0;
  width: auto;
}

.product-detail-info .starz-rating {
  padding-top: 0;
  width: auto;
}

.single-post-detail > p {
  display: block;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 35px;
}

.single-post-detail > ul {
  list-style: outside none none;
  margin-bottom: 0;
  margin-top: 35px;
  padding-left: 0;
}

.single-post-detail > ul li {
  font-size: 15px;
  line-height: 30px;
  padding-left: 25px;
  position: relative;
}

.single-post-detail > ul li::before {
  content: "\f18e";
  font-family: fontawesome;
  font-size: 15px;
  font-style: normal;
  left: 0;
  position: absolute;
  top: 2px;
}

.admin-lock {
  background: transparent linear-gradient(to right, #667eea 0%, #764ba2 100%)
    repeat scroll 0 0;
  float: left;
  text-align: center;
  width: 100%;
}

.admin-lock.vh100 {
  height: 100vh;
}

.admin-form {
  background: #e1f0fc none repeat scroll 0 0;
  display: block;
  margin: 15px auto;
  padding: 20px 50px 50px;
  width: 510px;
  position: relative;
  overflow: hidden;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.admin-form > h4 {
  font-weight: 700;
  font-size: 22px;
}

.admin-form span {
  display: block;
  font-size: 15px;
}

.admin-form > form {
  float: left;
  position: relative;
  text-align: left;
  width: 100%;
}

.admin-form form > label {
  left: 20px;
  position: relative;
  top: 40px;
  z-index: 9;
}

.admin-form > form input {
  border: medium;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  clear: both;
  margin-bottom: -14px;
  padding: 15px 50px;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}

.admin-form > form input[type="checkbox"] {
  float: left;
  margin-bottom: 0;
  margin-top: 35px;
  width: auto;
}

.admin-form form > label[for="checkbox"],
.admin-form form > label[for="remember"] {
  color: #777;
  display: inline-block;
  float: none;
  margin-left: 10px;
  margin-top: 33px;
  position: static;
  width: 90%;
  font-weight: 400;
  font-size: 13px;
}

.admin-form form > label[for="remember"] > a {
  float: right;
}

.admin-form > form button {
  background: transparent linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%)
    repeat scroll 0 0;
  border: medium;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 25px;
  margin-top: 20px;
  padding: 13px 0;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.admin-form > form button:hover {
  background: #333;
}

.admin-form span > a {
  text-transform: capitalize;
  color: #1dc4e9;
}

.admin-form::after {
  border-color: transparent transparent #6d68cb;
  border-style: solid;
  border-width: 0 255px 35px;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.admin-lock .logo {
  border-bottom: 0;
  margin-bottom: 17px;
  padding-left: 0;
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #eceff1;
  z-index: 1000;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -ms-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin 3s linear infinite;
  -moz-animation: spin 3s linear infinite;
  -ms-animation: spin 3s linear infinite;
  -o-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -ms-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

#loader-logo {
  display: block;
  position: absolute;
  left: 48%;
  top: 46%;
  background: url(../../../images/avatar/avatar-2.html) no-repeat center center;
  z-index: 1001;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  -moz-transition: all 0.3s 1s ease-out;
  -ms-transition: all 0.3s 1s ease-out;
  -o-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.progress {
  background-color: rgba(255, 64, 129, 0.22);
}

.no-js #loader-wrapper {
  display: none;
}

.table-styles .widget:first-child {
  margin-top: 0;
}

.widget.expand-this {
  margin-top: 56px !important;
}

.top-widget {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 25px 20px;
  width: 100%;
}

.top-widget > i {
  border: 1px solid #909090;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  font-size: 18px;
}

.informative {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
  width: 72%;
}

.informative > span {
  color: #1a1a1a;
  display: inline-block;
  font-size: 25px;
  font-weight: 300;
  width: 100%;
}

.informative > em {
  float: right;
  font-size: 12px;
  font-style: normal;
  text-transform: capitalize;
  width: 100%;
}

.toggle-setting {
  border-bottom: 1px dotted #333;
  float: left;
  padding: 15px 0;
  width: 100%;
}

.toggle-setting > span {
  color: #4f4f4f;
  float: left;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  letter-spacing: 0.3px;
}

.toggle-setting > .toggle-switch {
  float: right;
  margin: 0;
}

.setting-row input {
  display: none;
}

.setting-row input + label {
  background-color: #bbb;
  background-image: none;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  height: 20px;
  line-height: 1;
  padding: 0.16667rem;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
  width: 52px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.setting-row input + label::before {
  color: #b7b7b7;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 13px;
  margin: 0.21667rem;
  min-width: 20px;
  overflow: hidden;
  position: absolute;
  right: 0.21667rem;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  transition: all 0.1s ease-in-out 0s;
}

.setting-row input + label::after {
  background-color: #f7f7f7;
  box-shadow: none;
  content: "";
  height: 14px;
  left: 0.267rem;
  top: 3px;
  position: absolute;
  transition: all 0.1s ease-in-out 0s;
  width: 14px;
  border-radius: 100%;
}

.setting-row input:checked + label {
  background: #667eea;
}

.setting-row input:checked + label::before {
  color: #fff;
  content: attr(data-on-label);
  left: 0.21667rem;
  right: auto;
}

.setting-row input:checked + label::after {
  background-color: #f7f7f7;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
  left: 2.16667rem;
}

.setting-row input + label::before {
  color: #fff;
}

.side-panel {
  background: #fefefe;
  bottom: 0;
  float: left;
  padding: 20px 15px;
  position: fixed;
  right: -100%;
  top: 56px;
  width: 280px;
  z-index: 9999;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  border: 1px solid #dfdfdf;
}

.side-panel.active {
  right: 0;
}

.panel-title {
  color: #303030;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.mm-panel.mm-hasnavbar .panel-title {
  margin-top: 20px;
}

.side-panel > form {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.setting-row {
  border-bottom: 1px solid #e1e8ed;
  display: inline-block;
  margin-bottom: 7px;
  padding-bottom: 7px;
  text-align: center;
  width: 100%;
}

.setting-row > span,
.setting-row > label {
  display: inline-block;
  vertical-align: text-top;
}

.setting-row > span {
  font-size: 13px;
  line-height: initial;
  text-align: left;
  text-transform: capitalize;
  width: 76%;
  color: #333;
}

.setting-row > label {
  margin-bottom: 0;
}

.panel-layout::before {
  background: url(../images/dot-pattern.png);
  background-repeat: repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -ms-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.panel-layout.active::before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  visibility: visible;
}

.site-logo {
  max-height: 30px;
}

.submenu {
  display: none;
  padding-left: 8px;
}

.toprow {
  min-height: 44px;
}

.dropdown-toggle::after {
  display: none !important;
}

.nav-link:hover {
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  color: #454545 !important;
}

.parent-menu > .nav-item > .dropdown-menu {
  /*display: block;*/
  position: absolute;
  width: 100%;
  border: none;
  background: #006eef;
  top: 44px;
  left: 0px;
  margin: 0px;
  border-radius: 0px;
  padding: 6px 15px !important;
}

.parent-menu > .nav-item > .dropdown-menu > .dropdown-group > .dropdown-menu {
  /*display: block;*/
  position: relative;
  width: 100%;
  border: none;
  padding-left: 8px;
  background: #f9f9f9;
}

.parent-menu > .nav-item .dropdown-menu .dropdown-item {
  /*width: 96%;*/
  position: relative;
  border: none;
  padding: 5px 10px 5px 8px;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
}

.parent-menu > .nav-item .dropdown-menu .dropdown-item:focus,
.parent-menu > .nav-item .dropdown-menu .dropdown-item:hover {
  color: #16181b !important;
  text-decoration: none;
  background-color: #fff;
  border-radius: 5px;
}

.parent-menu > .nav-item .dropdown-menu .dropdown-item::after {
  top: 10px;
  right: 0px;
}

.parent-menu > .nav-item > .dropdown-menu > li {
  /*background: #f5f2f7;position: relative;width: 100%;*/
  /* border: none; padding-left: 8px;*/
  float: left;
}
/* .dropdown-menu::after {
        float: right;
        position: relative;
        top: -12px;
        right: 10px;
        font-size: 16px;
    }
.dropdown-item:active {
    width: 96%;
}*/

.dropdown-item::after {
  display: none !important;
}

.default_ul {
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  /* Javid 05/25/2026 space-between -> flex-start: items were spreading to fill the ul width, leaving big gaps between Sales/Customers/etc. */
  justify-content: flex-start;
  flex-direction: row;
}

.default_li,
.second_li {
  color: #fff;
  /* Javid 05/25/2026 margin-right 5px -> 0 on .default_li so top menu items pack tightly (menu-modern.css padding already provides visual separation). .second_li still gets its own 8px margin from menu-modern.css. */
  margin-right: 0;
}

.second_li {
  position: relative;
}

.nav-link.default_anchor {
  /*padding-right: 16px;
    padding-left: 10px;*/
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  padding: 6px 8px 6px 5px;
}

.second_li > a {
  color: #fff;
}

.parent-menu > .nav-item > .dropdown-menu > .dropdown-group > ul > li > ul {
  background: #f9f9f9 !important;
  width: 100%;
  border: none !important;
  padding: 0;
  position: absolute;
  border-radius: 0px;
  margin: 0px;
}

.parent-menu .dropdown-item.active,
.parent-menu .dropdown-item:active {
  background-color: #e9e9e9;
}

.dropdown-menu.third_ul {
  /*width: auto;*/
  /*min-width: 200px;
    max-height: 400px;*/
  position: absolute;
  overflow: auto;
  margin: 0px;
  border: none;
  border-radius: 0;
  top: 100%;
  background: #053368;
  white-space: nowrap;
  max-height: 360px;
  width: 760px;
  box-sizing: border-box;
  padding: 6px;
}
/*.third_ul {
    position: absolute;
    top: 100%;*/ /* Appears below .second_li */
/*left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: none;*/ /* Toggle this via JS */
/*min-width: 200px;*/ /* Optional */
/*background: #053368;
}*/

.dropdown-menu.third_ul li {
  display: block;
  position: relative;
  /*    float:left;*/
}

.inneritemsdiv {
  float: left;
}

.inneritemsdiv .third_li.hidden {
  display: none;
}

.parent-menu .nav-item .dropdown-menu.third_ul .third_li a {
  color: #fff !important;
  max-width: 175px;
  text-wrap: auto;
  font-size: 12px;
  font-weight: bold;
}

.parent-menu > .nav-item > .dropdown-menu > .dropdown-group > li > a {
  max-width: 90px;
  margin: 0 auto;
  padding: 0px;
  overflow-wrap: normal;
  text-align: center;
}

.noarrows::after {
  content: none;
}

.hidden {
  display: none;
}

.leftMenuBar {
  width: 100%;
  background: #fff;
}

.rightContentBar {
  /*width: calc(100% - 275px);*/
  padding: 0px 30px 20px !important;
  position: relative;
  width: 100%;
}

.second_ul {
  padding-right: 0px !important;
}

.footer {
  color: #fff;
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: transparent linear-gradient(to right, #667eea 0%, #764ba2 100%)
    repeat scroll 0 0;
  z-index: 999;
}

.footer p {
  margin: 0px;
  padding: 1px;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.ps-scrollbar-y-rail {
  z-index: 999999;
}

.pb-40 {
  padding-bottom: 40px;
}

.form-h1 {
  color: rgba(50, 71, 92, 0.87);
  font-size: 20px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.15px;
  word-wrap: break-word;
}

.table {
  border: 1px solid #ccc;
}

.btn {
  padding: 6px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.table {
  /*text-align: right;*/
}

.form-control {
  line-height: 26px !important;
  padding: 2px 3px !important;
  font-size: 13px;
  margin-bottom: 10px;
}

select.form-control:not([size]):not([multiple]) {
  height: 32px !important;
  font-size: 13px !important;
}

.web-form,
.white-box {
  padding: 6px 10px;
  background: #fff;
  margin-top: 4px;
  border-radius: 10px;
  max-width: 100%;
}

.web-form {
  margin-bottom: 5px;
}

.web-form .green-btn {
  color: #9ec83b;
  font-size: 14px;
  /*font-family: Public Sans;*/
  font-weight: 500;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 0.4px;
  word-wrap: break-word;
  border: 1px solid #9ec83b;
  background: #f7f7f7;
  padding: 7px 22px;
}

.web-form .blue-btn {
  color: white;
  font-size: 14px !important;
  /*font-family: Public Sans;*/
  font-weight: 500;
  text-transform: uppercase;
  line-height: 24px !important;
  letter-spacing: 0.4px;
  word-wrap: break-word;
  padding: 7px 22px !important;
  background: #115089;
}

.web-form .green-btn.active {
  background: #9ec83b;
  color: #fff;
}

.radius-left {
  border-radius: 3px 0px 0px 3px;
}

.radius-right {
  border-radius: 0px 3px 3px 0px;
}

table.dataTable thead th,
table.dataTable tbody td {
  border-bottom: 1px solid #ccc;
  color: rgba(50, 71, 92, 0.87);
  font-size: 14px;
  /*font-family: Public Sans;*/
  /*font-family: Calibri;*/
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 0.5px;
  word-wrap: break-word;
  text-align: left;
}

table.dataTable thead th.numericColumns,
table.dataTable tfoot .numericColumns,
table.dataTable tbody td.numericColumns,
.printableContent table .numericColumns {
  text-align: right !important;
}

table.dataTable thead th {
  font-weight: 500 !important;
}

table.dataTable thead td {
  font-weight: 400;
}

.dataTable th,
.dataTable td {
  color: rgba(50, 71, 92, 0.6);
  font-size: 16px;
  /*font-family: Roboto;*/
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  word-wrap: break-word;
}

.dataTable th {
  text-transform: uppercase;
}

/* Javid 05/28/2026 Report-wide font standard: filter bars (.filter-section) and DataTable result
   grids -> Segoe UI 13px. font-family is forced; font-size is NOT !important so deliberately compact
   filters (e.g. PrintStoreInventory) and higher-specificity per-view (#id) rules keep their sizes.
   Filter selectors target specific control elements only, so Font Awesome <i> icons (which carry
   their own .fa font-family) are never disturbed. */
.filter-section,
.filter-section label,
.filter-section .col-form-label,
.filter-section input,
.filter-section select,
.filter-section textarea,
.filter-section button,
.filter-section .form-control {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
  font-size: 13px;
}

.dataTables_wrapper,
table.dataTable thead th,
table.dataTable tbody td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
}

.dataTableReport {
  max-width: 100%;
  overflow-x: scroll;
  margin-left: 0px !important;
}

.p-10 {
  padding: 10px !important;
}

.mt-10 {
  margin-top: 10px;
}

.mt-5px {
  margin-top: 5px;
}

.fa-magnifying-glass::before,
.fa-search::before {
  color: #888;
}

.web-form .btn-info {
  text-transform: uppercase;
  font-size: 13px !important;
  padding: 7px 10px !important;
}

.report_buttons {
  position: absolute !important;
  left: 300px;
  z-index: 999;
}

.report_buttons > div,
.report_buttons1 > div {
  width: auto;
  padding: 2px;
}

.report_buttons .btn,
.report_buttons1 .btn {
  padding: 8px 20px !important;
  text-transform: uppercase;
}

.pos-rel {
  position: relative !important;
}

.show_hide_leftbar {
  position: absolute;
  z-index: 999;
  top: 2px;
  left: -20px;
  display: none;
}

.show_hide_leftbar span {
  background: #9ec83b;
  color: #fff;
  padding: 2px 12px;
  border-radius: 20px;
  font-weight: normal;
  cursor: pointer;
  position: relative;
  top: 0px;
  font-size: 26px;
}

.show_leftbar {
  display: none;
  position: relative;
  left: 20px;
  background: #9ec83b;
  padding: 3px 10px;
  border-radius: 25px;
  cursor: pointer;
}

.show_leftbar div {
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 6px 0;
}

.customerCodeSearchDiv {
  position: absolute;
  right: 16px;
  /*top: 32px;*/
  top: 0px;
  padding: 1.5px;
}

.showbsmodal {
  background: #00000036;
}

.modal-dialog {
  max-width: 90% !important;
}

.modal {
  background: #0000008a;
}

#userSearchForm input[type="text"] {
  width: 130px;
  font-size: 14px;
  height: 27px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

#searchResults {
  font-size: 14px;
  max-height: 300px;
  overflow-y: scroll;
}

.autocomplete-dropdown,
.potCustomer-dropdown {
  position: relative;
}

.autocomplete-items,
.potCustomer-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 9999;
  top: 100%;
  left: 0;
  min-width: 100%;
  width: max-content;
  max-width: 400px;
  max-height: 300px;
  overflow-y: auto;
  border-bottom: 1px solid #ccc;
  scroll-behavior: smooth;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
}

.autocomplete-item,
.potCustomer-item {
  padding: 4px 8px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-item:hover,
.potCustomer-item:hover {
  background-color: #e9e9e9;
}

.autocomplete-item.active,
.potCustomer-item.active {
  background-color: #1e90ff !important;
  color: #ffffff;
}

#divDataTableReport {
  width: 100%;
}

#divDataTableReport .dataTables_wrapper {
  width: 100%;
}

.d-none {
  display: none !important;
}

.fs-13 {
  font-size: 13px;
}

.mt-20 {
  margin-top: 20px;
}

#searchResultsForCustomerCodes {
  /*max-height: 400px;
    overflow-y: scroll;*/
}
/* -- This is for blue bottons like monthly, weekly, print, preview,..*/
.formsGlobalUniqueBtn {
  color: #fff; /* whitel letters */
  background-color: #8aaf6a /*#17a2b8*/;
  border-color: #17a2b8;
}
/* -- This is for Refresh button default color*/
.refreshBtnDefault {
  color: #fff;
  background-color: #8aaf6a;
  border-color: #17a2b8;
}
/* -- This is for Refresh button when some filter is changed --*/
.needToRefreshBtn {
  color: #212529;
  background-color: #fff705;
  border-color: #d39e00 !important;
}
/* when refresh button is hovered */
.needToRefreshBtn:hover {
  background-color: #e0a800;
}
/* height, padding, margin adjustments for all above buttons */
.formsGlobalUniqueBtn,
.needToRefreshBtn,
.refreshBtnDefault,
.formsGlobalUniqueCloseBtn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
}

/* Refresh button: Segoe UI 13px (matches shared action buttons) */
.refreshBtnDefault,
.needToRefreshBtn {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
}

.formsGlobalUniqueCloseBtn {
  color: #fff !important;
  background-color: #ff0019 !important;
  border-color: #860b17 !important;
  opacity: 1 !important;
}

input[type="checkbox"] {
  accent-color: #6b9547;
  width: 15px;
  height: 15px;
  color: #fff;
}

.parent-menu > .nav-item .dropdown-menu .dropdown-item.active {
  color: #16181b;
  background: none;
}

.web-form {
  font-size: 14px;
}

.web-form label {
  text-align: right;
  padding-top: 4px;
  margin-bottom: 0px;
  padding-right: 0px;
  font-size: 13px;
}

/* ── Javid 02/22/2026 Compact form spacing ── */
.web-form .form-horizontal .row {
  margin-bottom: 2px;
}

.web-form .form-control {
  height: 30px;
  padding: 2px 8px;
  font-size: 13px;
}

.web-form select.form-control {
  height: 30px;
  padding: 2px 4px;
  font-size: 13px;
}

.web-form textarea.form-control {
  height: auto;
}

.web-form .narrow-input {
  margin-bottom: 2px;
}

.web-form .table-borderless td {
  padding: 2px 8px !important;
  vertical-align: middle;
}

.mt-5px {
  margin-top: 5px;
}

.modal {
  z-index: 999999 !important;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding-right: 10px !important;
}

.mh-500 {
  min-height: 500px;
}

.WebImageforStyle {
  max-width: 90px;
}

#selectCustomerAccModal.modal,
#previewContentModal.modal {
  /*position: absolute;*/
  bottom: unset;
  min-height: 100%;
}

#previewContentModal {
  font-size: 11px;
  /* Javid 05/15/2026: Fill with white so the page body bg (#eee) doesn't show through below the
       modal-content. previewNormalHtmlTable() opens this modal manually (.show().addClass('show'))
       which skips Bootstrap's auto-added .modal-backdrop, leaving the area beneath the invoice
       preview as bare grey body. (Anil 5/14: "background color over the preview" on Save+Preview from
       Return A Sale / Edit Sales Return / PrintInvoice.) */
  background: #fff;
}

#previewContentModal .previewContent table {
  width: 100%;
  table-layout: fixed;
}

#previewContentModal .previewContent table .numericColumns {
  text-align: right;
}

#previewContentModalLabel {
  width: 100%;
}

.printableContent table .w-35px,
#previewContentModal table .w-35px {
  width: 35px !important;
}

.printableContent table .w-45px,
#previewContentModal table .w-45px {
  width: 45px !important;
}

.printableContent table .w-65px,
#previewContentModal table .w-65px {
  width: 65px !important;
}

.printableContent table .w-55px,
#previewContentModal table .w-55px {
  width: 55px !important;
}

.printableContent table .w-75px,
#previewContentModal table .w-75px {
  width: 75px !important;
}

.printableContent table .w-100px,
#previewContentModal table .w-100px {
  width: 100px !important;
}

#previewContentModal .previewContent table .hideColumns,
.printableContent table .hideColumns {
  display: none !important;
}

.printableContent table {
  font-size: 11px;
}

.printableContent table tr td,
.printableContent table tr th {
  padding: 5px 2px;
}

.nw-25px {
  width: 25px !important;
  text-wrap: auto;
}

.nw-35px {
  width: 35px !important;
  text-wrap: auto;
}

.nw-45px {
  width: 45px !important;
  text-wrap: auto;
}

.nw-55px {
  width: 55px !important;
  text-wrap: auto;
}

.nw-65px {
  width: 65px !important;
  text-wrap: auto;
}

.empty-well {
  min-height: 100px;
  border: 1px solid #ccc;
  width: 100%;
  background: #f7f7f7;
}

.empty-well p {
  text-align: center;
  margin: 40px;
  color: #8d8c8c;
}

.float-li li {
  float: left;
  margin-right: 20px;
}

#firstCommonBsModal,
#secondCommonBsModal {
  position: absolute;
  bottom: 10px;
  overflow-y: scroll;
  min-height: 100vh;
}

.nw-100px {
  width: 100px !important;
  text-wrap: auto;
}
/* General megamenu container styling */
.megamenu {
  display: flex; /* Align items side-by-side */
  flex-wrap: wrap; /* Allow wrapping on smaller screens */
  align-items: flex-start; /* Each section column starts at the top of its row (no stretch) */
  align-content: flex-start; /* Wrapped rows hug the top of the dropdown */
  gap: 20px; /* Space between columns */
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* Styling for each <ul> as a column */
.megamenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 1 calc(25% - 20px); /* Make each column occupy 25% of the container width */
  min-width: 10px; /* Minimum width for each column */
}

/* Individual list item styling */
.megamenu li {
  margin: 0;
}

/* Anchor link styling */
.megamenu a {
  text-decoration: none;
  color: #333;
  display: block;
  padding: 5px 10px;
  border-radius: 4px;
  transition:
    background-color 0.3s,
    color 0.3s;
}

.megamenu a:hover {
  background-color: #f0f0f0;
  color: #007bff;
}

.dropdown-menu.third_ul.one_column {
  max-width: 280px;
}

.parent-menu .nav-item .dropdown-menu.third_ul.one_column .third_li a {
  width: 260px;
  max-width: 260px;
}

.dropdown-menu.third_ul.two_columns {
  max-width: 600px;
}

.parent-menu .nav-item .dropdown-menu.third_ul.two_columns .third_li a {
  width: 250px;
  max-width: 250px;
}

.dropdown-menu.third_ul.three_columns {
  width: 870px;
  max-width: 95vw;
}

.parent-menu .nav-item .dropdown-menu.third_ul.three_columns .third_li a {
  width: 230px;
  max-width: 230px;
}

.dropdown-menu.third_ul.four_columns {
  width: 940px;
  max-width: 95vw;
}

.parent-menu .nav-item .dropdown-menu.third_ul.four_columns .third_li a {
  width: 175px;
  max-width: 175px;
}

.dropdown-menu.third_ul.five_columns {
  width: 1140px;
  max-width: 95vw;
}

.parent-menu .nav-item .dropdown-menu.third_ul.five_columns .third_li a {
  width: 175px;
  max-width: 175px;
}

.default_li img.menuIcons {
  display: none;
}

/* Full-screen overlay */
.loader-overlay2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000045;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999999 !important;
}

/* Spinner animation */
.spinner2 {
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

/* Javid 05/01/2026 Labeled loader box (spinner + "Loading…" text) used by the
   global ajaxStart/ajaxStop wiring in custom-new.js so every view shows a
   loading indicator during AJAX requests, not just the few that wired their
   own #printLoading. */
.loader2-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 22px 30px;
  background: rgba(0, 0, 0, 0.78);
  color: #fff;
  border-radius: 10px;
  font-size: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.loader2-box .spinner2 {
  border-color: rgba(255, 255, 255, 0.25);
  border-top-color: #3498db;
  width: 44px;
  height: 44px;
}
.loader2-text {
  letter-spacing: 0.3px;
}
/* ===============================
                GLOBAL MESSAGE MODAL
        ================================*/
/* Popup width + center */
#globalMsgModal .modal-dialog {
  max-width: 420px !important;
  margin: 80px auto !important;
}
/* Outer panel */
#globalMsgModal .modal-content {
  border-radius: 12px !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3) !important;
  overflow: hidden;
}
/* Header — Professional look */
#globalMsgModal .modal-header {
  background: #0d47a1 !important; /* ⭐ Recommended Royal Blue */
  color: #fff !important;
  padding: 12px 18px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#globalMsgModal .modal-title {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
}
/* Close (X) button styling */
#globalMsgModal .close {
  font-size: 20px !important;
  color: #fff !important;
  opacity: 0.9 !important;
}

#globalMsgModal .close:hover {
  opacity: 1 !important;
}
/* Body text */
#globalMsgModal .modal-body {
  padding: 20px !important;
  font-size: 15px;
  color: #333;
}
/* Footer alignment */
#globalMsgModal .modal-footer {
  justify-content: center !important;
  background: #f7f7f7 !important;
  padding: 12px !important;
}
/* OK button style */
#globalMsgModal .btn-primary {
  padding: 6px 25px !important;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
}
/* Ensure popup above everything */
#globalMsgModal {
  z-index: 999999 !important;
}
/* Backdrop dimming */
.modal-backdrop.show {
  opacity: 0.45 !important;
}
/* ===============================
           GLOBAL MESSAGE MODAL COLORS
        ================================*/
/* Default (Info Blue) */
#globalMsgModal.info .modal-header {
  background: #0d47a1 !important;
}
/* Success Green */
#globalMsgModal.success .modal-header {
  background: #2e7d32 !important;
}
/* Error Red */
#globalMsgModal.error .modal-header {
  background: #c62828 !important;
}
/* Warning Orange */
#globalMsgModal.warning .modal-header {
  background: #ef6c00 !important;
}

.global-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

.global-loader {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #1f3c73; /* your theme color */
  border-radius: 50%;
  width: 55px;
  height: 55px;
  animation: spin 1s linear infinite;
}

.global-loader-text {
  color: white;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
}

.nav-link {
  padding: 0.5rem 1rem;
}

.parent-menu.default_ul {
  padding-left: 0px;
}

@@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
/* Common OK button style (universal professional color) */
#globalMsgOkBtn {
  background-color: #495057 !important; /* neutral slate */
  border-color: #495057 !important;
  color: white !important;
  padding: 6px 25px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
}

#globalMsgOkBtn:hover {
  background-color: #343a40 !important; /* darker hover */
  border-color: #343a40 !important;
}

#content-center {
  padding: 4px 0px 10px;
}
/* Keyframes for spin */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Responsive design: Stack columns on smaller screens */
@media (max-width: 768px) {
  .megamenu {
    flex-direction: column;
  }

  .megamenu ul {
    flex: 1 1 100%; /* Full-width for each column on small screens */
  }
}

@media print {
  .leftMenuBar,
  .toprow,
  .web-form,
  .footer,
  .dataTables_length,
  .dataTables_filter,
  .report_buttons,
  .dataTables_info,
  .dataTables_paginate {
    display: none !important;
  }

  .hide-on-print,
  #loader2,
  .loader-overlay2,
  #loader-wrapper {
    display: none !important;
  }

  .page {
    page-break-after: always !important;
  }

  .printableContent table {
    font-size: 11px;
  }

  .nw-100px {
    width: 200px !important;
  }

  body {
    -webkit-print-color-adjust: exact;
  }

  .report-bg-color {
    background-color: #ccc;
  }
  /* Styles to print page numbers in Print Reports - Start */
  @page {
    margin: 20mm;
  }

  .pageNumbersForPrint {
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 12px;
  }

  .pageNumbersForPrint:after {
    content: "Page " counter(page) " of " counter(pages);
  }
  /* Styles to print page numbers in Print Reports - End */
}

/* ══════════════════════════════════════════════════════════════
   Shared Button Styles - Javid 02/21/2026
   Cancel (Red), OK (Green), Save (Green), Close (Gray),
   Print (Blue), Preview (Teal), Excel (Dark Green), Email (Orange),
   PDF (Dark Slate Blue), Reset (Orange), Last Month (Indigo), Last Week (Purple)
   Javid 02/22/2026 Changed PDF from red to dark slate blue; added Close (Gray).
   ══════════════════════════════════════════════════════════════ */
.btn-cancel-shared {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #ac2925 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-cancel-shared:hover {
  background-color: #b52b27 !important;
  border-color: #9c2520 !important;
}

.btn-cancel-shared:active {
  background-color: #a02622 !important;
}

.btn-ok-shared {
  color: #fff !important;
  background-color: #8aaf6a !important;
  border-color: #769b58 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-ok-shared:hover {
  background-color: #769b58 !important;
  border-color: #638549 !important;
}

.btn-ok-shared:active {
  background-color: #638549 !important;
}

.btn-save-shared {
  color: #fff !important;
  background-color: #8aaf6a !important;
  border-color: #769b58 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-save-shared:hover {
  background-color: #769b58 !important;
  border-color: #638549 !important;
}

.btn-save-shared:active {
  background-color: #638549 !important;
}

.btn-print-shared,
.btn-preview-shared,
.btn-excel-shared,
.btn-email-shared,
.btn-graph-shared {
  color: #fff !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-print-shared {
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}

.btn-print-shared:hover {
  background-color: #286090 !important;
  border-color: #204d74 !important;
}

.btn-preview-shared {
  background-color: #17a2b8 !important;
  border-color: #148ea1 !important;
}

.btn-preview-shared:hover {
  background-color: #138496 !important;
  border-color: #117a8b !important;
}

.btn-excel-shared {
  background-color: #1d6f42 !important;
  border-color: #196138 !important;
}

.btn-excel-shared:hover {
  background-color: #19603a !important;
  border-color: #155131 !important;
}

.btn-email-shared {
  background-color: #e67e22 !important;
  border-color: #cf711e !important;
}

.btn-email-shared:hover {
  background-color: #cf711e !important;
  border-color: #b8641a !important;
}

/* Javid 04/12/2026 Graph button — shares shape with Preview/Print/Excel so it
   lines up at the same height. Muted teal-green to stay distinct from the
   others (Print blue, Preview cyan, Excel green, PDF purple, Email orange). */
.btn-graph-shared {
  background-color: #16a085 !important;
  border-color: #138d75 !important;
}

.btn-graph-shared:hover {
  background-color: #138d75 !important;
  border-color: #117a65 !important;
}
/* PDF: Dark Slate Blue */
.btn-pdf-shared {
  color: #fff !important;
  background-color: #6c5b7b !important;
  border-color: #5d4e6b !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-pdf-shared:hover {
  background-color: #5d4e6b !important;
  border-color: #4e415c !important;
}

.btn-pdf-shared:active {
  background-color: #4e415c !important;
}
/* Javid 03/02/2026 Added btn-simple-excel-shared to replace formsGlobalUniqueBtn on Simple Excel buttons */
.btn-simple-excel-shared {
  color: #fff !important;
  background-color: #8aaf6a !important;
  border-color: #17a2b8 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-simple-excel-shared:hover {
  background-color: #7a9f5a !important;
  border-color: #148ea1 !important;
}
/* Last Month: Indigo */
.btn-lastmonth-shared {
  color: #fff !important;
  background-color: #6610f2 !important;
  border-color: #5a0dd6 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-lastmonth-shared:hover {
  background-color: #5a0dd6 !important;
  border-color: #4e0cba !important;
}

.btn-lastmonth-shared:active {
  background-color: #4e0cba !important;
}
/* Last Week: Purple */
.btn-lastweek-shared {
  color: #fff !important;
  background-color: #6f42c1 !important;
  border-color: #6236a8 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-lastweek-shared:hover {
  background-color: #6236a8 !important;
  border-color: #562b90 !important;
}

.btn-lastweek-shared:active {
  background-color: #562b90 !important;
}
/* Reset: Orange */
.btn-reset-shared {
  color: #fff !important;
  background-color: #e67e22 !important;
  border-color: #cf711a !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-reset-shared:hover {
  background-color: #cf711a !important;
  border-color: #b86516 !important;
}

.btn-reset-shared:active {
  background-color: #b86516 !important;
}
/* Add: Green - 2026-02-22 Universal add button */
/* Add: Outline-primary style - 2026-03-04 Javid updated to match btn-outline-primary btn-sm design */
.btn-add-shared {
  color: #0d6efd !important;
  background-color: #ffffff !important;
  border: 1px solid #0d6efd !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0.5rem;
  margin: 0 4px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0.2rem;
  text-transform: uppercase;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-add-shared:hover {
  color: #fff !important;
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
}

.btn-add-shared:active {
  color: #fff !important;
  background-color: #0b5ed7 !important;
  border-color: #0a58ca !important;
}
/* Edit: Blue - 2026-02-22 Universal edit button */
.btn-edit-shared {
  color: #fff !important;
  background-color: #0d6efd !important;
  border-color: #0b5ed7 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-edit-shared:hover {
  background-color: #0b5ed7 !important;
  border-color: #0a58ca !important;
}

.btn-edit-shared:active {
  background-color: #0a58ca !important;
}
/* Delete: Red - 2026-02-22 Universal delete button */
/* Javid 03/04/2026 Updated to white background with red border, text, and icon (outline style) */
.btn-delete-shared {
  color: #dc3545 !important;
  background-color: #ffffff !important;
  border: 1px solid #dc3545 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  padding: 2px 8px;
  margin: 0 4px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-delete-shared:hover {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.btn-delete-shared:active {
  color: #fff !important;
  background-color: #bd2130 !important;
  border-color: #bd2130 !important;
}
/* Close: Secondary Gray */
.btn-close-shared {
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #5a6268 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-close-shared:hover {
  background-color: #5a6268 !important;
  border-color: #4e555b !important;
}

.btn-close-shared:active {
  background-color: #4e555b !important;
}

/* Global Download Button */
.btn-download-shared {
  color: #fff !important;
  background-color: #0d6efd !important;
  border-color: #0b5ed7 !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 2px 8px;
  margin: 0 4px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.btn-download-shared:hover {
  background-color: #0b5ed7 !important;
  border-color: #0a58ca !important;
}

.btn-download-shared:active {
  background-color: #0a58ca !important;
}

.selected-row {
  background-color: #8aaf6aa8 !important;
}
.needToRefreshBtn {
  background-color: #ffff00 !important; /* pure yellow — matches yJewel desktop Color.Yellow */
  color: #000 !important;
}

/*.refreshBtnDefault {
    background-color: #0d6efd !important;*/ /* blue */
/*color: #fff !important;
}*/