/*------------------------------------------------------------------
Project: Antler - Hosting Provider & WHMCS Template
Description: Antler Responsive Premium Template Designed for all web hosting providers
Author: inebur (Rúben Rodrigues)
Author URI: http://inebur.com/
Author Envato: https://themeforest.net/user/inebur
Copyright: 2025 inebur
Version: 4.0

 -------------------------------------------------------------------*/
:root {
	--color-white: #ffffff;
	--color-black: #000000;
	--color-dark: #212122;
	--color-grey: #818182;
	--color-grey-light: #efefef;
	--color-text-main: #414142;
	--color-text-secondary: #808080;
	
	/* Theme Colors */
	--color-primary: #fdd700;
	--color-secondary: #4c4a4a;
	
	/* Status Colors */
	--color-success: #a2d398;
	--color-info: #66c3d8;
	--color-warning: #eacd5c;
	--color-danger: #e26f6f;
	
	/* Backgrounds */
	--bg-dark: #212122;
	--bg-grey-light: #efefef;
	--bg-prata-light: #ebeff5;
	--bg-prata: #babbbf;
}
/*------------------------------------------------------------------
[Table of styles content]

1 - General
2 - Dropdown
3 - Alert
4 - Modal
5 - Tooltip
6 - Header
7 - Navbar
8 - Checkbox
9 - Radio
10 - Labels
11 - Tables
12 - Popover
13 - Switch
14 - Login & Signup
15 - Main Body
16 - Profile
17 - Dropnav
18 - Ticket
19 - Footer
20 - Product
20 - Announcement
21 - Clientarea
22 - Landing Pages
24 - Settings
24 - Plans
25 - Features
26 - Knowledge
28 - Flickity
29 - Order Form
30 - Bootstrap Replace
31 - Others
32 - Responsive
--------------------------------------------------------------------*/

/*------------------------------------------------------------------
  1. General
-------------------------------------------------------------------*/
p.text-muted {
	font-size: 13px;
}
.normal-sec {
	padding: 80px 0;
	position: relative;
	z-index: 0;
}
.bottom-sec {
	padding: 0 0 80px 0;
	position: relative;
	z-index: 0;
}
.top-sec {
	padding: 80px 0 0 0;
	position: relative;
	z-index: 0;
}
/* Colors Alerts */
.c-success {
	color: var(--color-success) !important;
}
.c-info {
	color: var(--color-info) !important;
}
.c-warning {
	color: var(--color-warning) !important;
}
.c-danger {
	color: var(--color-danger) !important;
}
.c-default {
	color: var(--color-grey) !important;
}
.c-white {
	color: #fff !important;
}
.c-black {
	color: var(--color-dark) !important;
}
/* Background Colors */
.bg-white {
	background-color: #fff !important;
}
.bg-greylight {
	background-color: var(--color-grey-light) !important;
}
.bg-grey {
	background-color: var(--color-grey) !important;
}
.bg-pratalight {
	background-color: var(--bg-prata-light) !important;
}
.bg-prata {
	background-color: var(--bg-prata) !important;
}
.bg-dark {
	background-color: var(--color-dark) !important;
}
/* Background Colors Alerts */
.bg-success {
	background-color: var(--color-success) !important;
}
.bg-info {
	background-color: var(--color-info) !important;
}
.bg-warning {
	background-color: var(--color-warning) !important;
}
.bg-danger {
	background-color: var(--color-danger) !important;
}
.bg-default {
	background-color: var(--color-grey) !important;
}

/* Margin Size */
.m-0 {
	margin: 0px !important;
}
.mt_3 {
	margin-top: -3px !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-1 {
	margin-top: 1px !important;
}
.mt-2 {
	margin-top: 2px !important;
}
.mt-3 {
	margin-top: 3px !important;
}
.mt-4 {
	margin-top: 4px !important;
}
.mt-5 {
	margin-top: 5px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-35 {
	margin-top: 35px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-45 {
	margin-top: 45px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mt-60 {
	margin-top: 60px !important;
}
.mt-70 {
	margin-top: 70px !important;
}
.mt-80 {
	margin-top: 80px !important;
}
.mt-90 {
	margin-top: 90px !important;
}
.mt-100 {
	margin-top: 100px !important;
}
.mb-1 {
	margin-bottom: 1px !important;
}
.mb-2 {
	margin-bottom: 2px !important;
}
.mb-3 {
	margin-bottom: 3px !important;
}
.mb-4 {
	margin-bottom: 4px !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-35 {
	margin-bottom: 35px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-45 {
	margin-bottom: 45px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}
.mb-70 {
	margin-bottom: 70px !important;
}
.mb-80 {
	margin-bottom: 80px !important;
}
.mb-90 {
	margin-bottom: 90px !important;
}
.mb-100 {
	margin-bottom: 100px !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.mr-1 {
	margin-right: 1px !important;
}
.mr-2 {
	margin-right: 2px !important;
}
.mr-3 {
	margin-right: 3px !important;
}
.mr-4 {
	margin-right: 4px !important;
}
.mr-5 {
	margin-right: 5px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-15 {
	margin-right: 15px !important;
}
.mr-20 {
	margin-right: 20px !important;
}
.mr-25 {
	margin-right: 25px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mr-35 {
	margin-right: 35px !important;
}
.mr-40 {
	margin-right: 40px !important;
}
.mr-45 {
	margin-right: 45px !important;
}
.mr-50 {
	margin-right: 50px !important;
}
.mr-60 {
	margin-right: 60px !important;
}
.mr-65 {
	margin-right: 65px !important;
}
.mr-70 {
	margin-right: 70px !important;
}
.mr-80 {
	margin-right: 80px !important;
}
.mr-90 {
	margin-right: 90px !important;
}
.mr-100 {
	margin-right: 100px !important;
}
.mr-105 {
	margin-right: 105px !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.ml-1 {
	margin-left: 1px !important;
}
.ml-2 {
	margin-left: 2px !important;
}
.ml-3 {
	margin-left: 3px !important;
}
.ml-4 {
	margin-left: 4px !important;
}
.ml-5 {
	margin-left: 5px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.ml-20 {
	margin-left: 20px !important;
}
.ml-25 {
	margin-left: 25px !important;
}
.ml-30 {
	margin-left: 30px !important;
}
.ml-35 {
	margin-left: 35px !important;
}
.ml-40 {
	margin-left: 40px !important;
}
.ml-45 {
	margin-left: 45px !important;
}
.ml-50 {
	margin-left: 50px !important;
}
.ml-60 {
	margin-left: 5px !important;
}
.ml-70 {
	margin-left: 70px !important;
}
.ml-80 {
	margin-left: 80px !important;
}
.ml-90 {
	margin-left: 90px !important;
}
.ml-100 {
	margin-left: 100px !important;
}
/* Padding Size */
.p-0 {
	padding: 0px !important;
}
.pt-0 {
	padding-top: 0px !important;
}
.pt-1 {
	padding-top: 1px !important;
}
.pt-2 {
	padding-top: 2px !important;
}
.pt-3 {
	padding-top: 3px !important;
}
.pt-4 {
	padding-top: 4px !important;
}
.pt-5 {
	padding-top: 5px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-15 {
	padding-top: 15px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pt-40 {
	padding-top: 40px !important;
}
.pt-50 {
	padding-top: 50px !important;
}
.pt-60 {
	padding-top: 60px !important;
}
.pt-70 {
	padding-top: 70px !important;
}
.pt-80 {
	padding-top: 80px !important;
}
.pt-90 {
	padding-top: 90px !important;
}
.pt-100 {
	padding-top: 100px !important;
}
.pb-0 {
	padding-bottom: 0px !important;
}
.pb-1 {
	padding-bottom: 1px !important;
}
.pb-2 {
	padding-bottom: 2px !important;
}
.pb-3 {
	padding-bottom: 3px !important;
}
.pb-4 {
	padding-bottom: 4px !important;
}
.pb-5 {
	padding-bottom: 5px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-15 {
	padding-bottom: 15px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}
.pb-60 {
	padding-bottom: 60px !important;
}
.pb-70 {
	padding-bottom: 70px !important;
}
.pb-80 {
	padding-bottom: 80px !important;
}
.pb-90 {
	padding-bottom: 90px !important;
}
.pb-100 {
	padding-bottom: 100px !important;
}
.pr-0 {
	padding-right: 0px !important;
}
.pr-1 {
	padding-right: 1px !important;
}
.pr-2 {
	padding-right: 2px !important;
}
.pr-3 {
	padding-right: 3px !important;
}
.pr-4 {
	padding-right: 4px !important;
}
.pr-5 {
	padding-right: 5px !important;
}
.pr-10 {
	padding-right: 10px !important;
}
.pr-15 {
	padding-right: 15px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pr-30 {
	padding-right: 30px !important;
}
.pr-40 {
	padding-right: 40px !important;
}
.pr-50 {
	padding-right: 50px !important;
}
.pr-60 {
	padding-right: 60px !important;
}
.pr-70 {
	padding-right: 70px !important;
}
.pr-80 {
	padding-right: 80px !important;
}
.pr-90 {
	padding-right: 90px !important;
}
.pr-100 {
	padding-right: 100px !important;
}
.pl-0 {
	padding-left: 0px !important;
}
.pl-1 {
	padding-left: 1px !important;
}
.pl-2 {
	padding-left: 2px !important;
}
.pl-3 {
	padding-left: 3px !important;
}
.pl-4 {
	padding-left: 4px !important;
}
.pl-5 {
	padding-left: 5px !important;
}
.pl-10 {
	padding-left: 10px !important;
}
.pl-15 {
	padding-left: 15px !important;
}
.pl-20 {
	padding-left: 20px !important;
}
.pl-30 {
	padding-left: 30px !important;
}
.pl-40 {
	padding-left: 40px !important;
}
.pl-50 {
	padding-left: 50px !important;
}
.pl-60 {
	padding-left: 60px !important;
}
.pl-70 {
	padding-left: 70px !important;
}
.pl-80 {
	padding-left: 80px !important;
}
.pl-90 {
	padding-left: 90px !important;
}
.pl-100 {
	padding-right: 100px !important;
}
/* Top Position */
.top-0 {
	top: 0 !important;
}
/* Font Size */
.f-6 {
	font-size: 6px !important;
}
.f-7 {
	font-size: 7px !important;
}
.f-8 {
	font-size: 8px !important;
}
.f-9 {
	font-size: 9px !important;
}
.f-10 {
	font-size: 10px !important;
}
.f-11 {
	font-size: 11px !important;
}
.f-12 {
	font-size: 12px !important;
}
.f-13 {
	font-size: 13px !important;
}
.f-14 {
	font-size: 14px !important;
}
.f-15 {
	font-size: 15px !important;
}
.f-16 {
	font-size: 16px !important;
}
.f-17 {
	font-size: 17px !important;
}
.f-18 {
	font-size: 18px !important;
}
.f-19 {
	font-size: 19px !important;
}
.f-20 {
	font-size: 20px !important;
}
.f-22 {
	font-size: 22px !important;
}
.f-24 {
	font-size: 24px !important;
}
.f-26 {
	font-size: 26px !important;
}
.f-28 {
	font-size: 28px !important;
}
.f-30 {
	font-size: 30px !important;
}
.f-32 {
	font-size: 32px !important;
}
.f-34 {
	font-size: 34px !important;
}
.f-36 {
	font-size: 36px !important;
}
.f-38 {
	font-size: 38px !important;
}
.f-40 {
	font-size: 40px !important;
}
.f-42 {
	font-size: 42px !important;
}
.f-44 {
	font-size: 44px !important;
}
.f-46 {
	font-size: 46px !important;
}
.f-48 {
	font-size: 48px !important;
}
.f-50 {
	font-size: 50px !important;
}
.f-52 {
	font-size: 52px !important;
}
.f-54 {
	font-size: 54px !important;
}
.f-56 {
	font-size: 56px !important;
}
.f-58 {
	font-size: 58px !important;
}
.f-60 {
	font-size: 60px !important;
}
.f-70 {
	font-size: 70px !important;
}
.f-80 {
	font-size: 80px !important;
}
.f-90 {
	font-size: 90px !important;
}
.f-100 {
	font-size: 100px !important;
}
/* Image Width */
.img-5 {
	width: 5px !important;
}
.img-10 {
	width: 10px !important;
}
.img-15 {
	width: 15px !important;
}
.img-16 {
	width: 16px !important;
}
.img-17 {
	width: 17px !important;
}
.img-18 {
	width: 18px !important;
}
.img-19 {
	width: 19px !important;
}
.img-20 {
	width: 20px !important;
}
.img-25 {
	width: 25px !important;
}
.img-30 {
	width: 30px !important;
}
.img-35 {
	width: 35px !important;
}
.img-40 {
	width: 40px !important;
}
.img-45 {
	width: 45px !important;
}
.img-50 {
	width: 50px !important;
}
/* Overflow */
.of-auto {
	overflow: auto !important;
}
.of-hidden {
	overflow: hidden;
}
.of-visible {
	overflow: visible;
}
.of-scroll {
	overflow: scroll;
}
/* Display */
.d-none {
	display: none !important;
}
.d-block {
	display: block !important;
}
.d-iblock {
	display: inline-block !important;
}
.d-inline {
	display: inline !important;
}
.d-table {
	display: table !important;
}
/* Radius */
.br-0 {
	border-radius: 0px !important;
}
.br-1 {
	border-radius: 1px !important;
}
.br-2 {
	border-radius: 2px !important;
}
.br-3 {
	border-radius: 3px !important;
}
.br-4 {
	border-radius: 4px !important;
}
.br-5 {
	border-radius: 5px !important;
}
.br-7 {
	border-radius: 7px !important;
}
.br-10 {
	border-radius: 10px !important;
}
.br-12 {
	border-radius: 12px !important;
}
.br-14 {
	border-radius: 14px !important;
}
.br-16 {
	border-radius: 16px !important;
}
.br-18 {
	border-radius: 18px !important;
}
.br-20 {
	border-radius: 20px !important;
}
.br-25 {
	border-radius: 25px !important;
}
.br-30 {
	border-radius: 30px !important;
}
.br-35 {
	border-radius: 35px !important;
}
.br-40 {
	border-radius: 40px !important;
}
.br-45 {
	border-radius: 45px !important;
}
.br-50 {
	border-radius: 50px !important;
}
.border-end-0 {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.border-start-0 {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.border-bottom-12 {
	border-bottom-left-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}
.border-top-12 {
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
}
/* Position */
.p-relative {
	position: relative !important;
}
.p-absolute {
	position: absolute !important;
}
.p-initial {
	position: initial !important;
}
/* Width Percent */
.w-0 {
	width: 0% !important;
}
.w-25 {
	width: 25% !important;
}
.w-50 {
	width: 50% !important;
}
.w-55 {
	width: 55% !important;
}
.w-75 {
	width: 75% !important;
}
.w-100 {
	width: 100% !important;
}
/* Width Pixel */
.w-0px {
	width: 0px;
}
.w-25px {
	width: 25px;
}
.w-50px {
	width: 50px;
}
.w-55px {
	width: 55px;
}
.w-75px {
	width: 75px;
}
.w-100px {
	width: 100px;
}
/* Width + Height */
.wh-0 {
	width: 0px;
	height: 0px;
}
.wh-10 {
	width: 10px;
	height: 10px;
}
.wh-15 {
	width: 15px;
	height: 15px;
}
.wh-25 {
	width: 25px;
	height: 25px;
}
.wh-50 {
	width: 50px;
	height: 50px;
}
.wh-55 {
	width: 55px;
	height: 55px;
}
.wh-75 {
	width: 75px;
	height: 75px;
}
.wh-100 {
	width: 100px;
	height: 100px;
}
/* Line-Height */
.lh-sm {
	line-height: 26px;
}
.lh-md {
	line-height: 32px;
}
.lh-lg {
	line-height: 38px;
}
.lh-xl {
	line-height: 46px;
}
/* Max Width */
.maxw-100 {
	max-width: 100px;
}
.maxw-200 {
	max-width: 200px;
}
.maxw-300 {
	max-width: 300px;
}
.maxw-400 {
	max-width: 400px;
}
.maxw-500 {
	max-width: 500px;
}
.maxw-600 {
	max-width: 600px;
}
.maxw-700 {
	max-width: 700px;
}
.maxw-800 {
	max-width: 800px;
}
.maxw-900 {
	max-width: 900px;
}
/* Min Width */
.minw-100 {
	min-width: 100px;
}
.minw-200 {
	min-width: 200px;
}
.minw-300 {
	min-width: 300px;
}
.minw-400 {
	min-width: 400px;
}
.minw-500 {
	min-width: 500px;
}
.minw-600 {
	min-width: 600px;
}
.minw-700 {
	min-width: 700px;
}
.minw-800 {
	min-width: 800px;
}
.minw-900 {
	min-width: 900px;
}
/* Text Transform */
.tt-cap {
	text-transform: capitalize;
}
.tt-up {
	text-transform: uppercase;
}
.tt-lower {
	text-transform: lowercase;
}
/* Font Weight */
.fw100 {
	font-weight: 100 !important;
}
.fw300 {
	font-weight: 300 !important;
}
.fw500 {
	font-weight: 500 !important;
}
.fw700 {
	font-weight: 700 !important;
}
.fw900 {
	font-weight: 900 !important;
}
.spotlight-tld .invalid,
.spotlight-tld .unavailable {
	margin: 0 !important;
	background-color: transparent !important;
	color: #fff !important;
}
/* Cover Background Full Video */
.cover-video {
	position: absolute;
	object-fit: cover;
	transform: translateY(-50%);
	width: 100vw;
	height: 100vh;
	top: 50%;
	left: 0;
}
.cover-wrapper {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
/* Overlay */
.overlay-video {
	position: relative;
}
.overlay-video:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.6);
}
.overlay {
	position: relative;
}
.overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.aitems-center {
	align-items: center;
	display: flex;
}
.d-flex {
	display: flex !important;
}
.d-inline-flex {
	display: inline-flex !important;
}
.noshadow {
	box-shadow: none !important;
}
.wshadow {
	box-shadow: none !important;
}
.sa-container .select-account {
	border: none;
}
.sa-container .select-account a {
	display: initial !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: none !important;
	text-decoration: none !important;
}
.sa-container .select-account a:hover {
	background-color: initial !important;
}
.media-body {
	width: initial;
}
/*------------------------------------------------------------------
  2. Dropdown
-------------------------------------------------------------------*/
.dropdown-menu {
	left: auto;
	right: 0;
	border: none;
	padding: 20px 30px;
	border: none;
	display: block;
	opacity: 0;
	font-weight: 700;
	background-color: #fff;
	visibility: hidden;
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
	-webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 30%) !important;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 30%) !important;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	transition: transform 0.32s cubic-bezier(0, 0, 0, 1), opacity 80ms;
	transition: transform 0.32s cubic-bezier(0, 0, 0, 1), opacity 80ms, -webkit-transform 0.32s cubic-bezier(0, 0, 0, 1);
}
.dropdown-menu.show:before {
	content: "\63";
	font-family: "pct";
	position: absolute;
	left: 15px;
	top: -5px;
	z-index: 1001;
	font-size: 40px;
	line-height: 0;
	color: #fff;
	text-shadow: 0 -2px 2px rgba(69, 90, 100, 0.12);
}
.dropdown-menu.show.dropdown-menu-right:before {
	left: auto;
	right: 5px;
}
.dropdown-menu[x-placement="top-start"] {
	margin-bottom: 15px;
	margin-top: 0;
}
.dropdown-menu[x-placement="top-start"].show:before {
	content: "\64";
	bottom: -5px;
	top: auto;
	text-shadow: 0 2px 2px rgba(69, 90, 100, 0.12);
}
.dropdown-menu > li > a {
	padding: 5px;
	color: var(--color-grey);
	font-size: 13px;
}
.dropdown-menu .divider {
	padding: 0;
}
.dropdown-menu > li > a:focus,
.navbar-main .dropdown-menu > li > a:hover {
	outline: initial !important;
	color: initial !important;
	background-color: initial !important;
}
.dropdown-menu > li > a i {
	font-size: 15px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 10px;
}
.dropdown-menu > li.active,
.dropdown-menu > li:active,
.dropdown-menu > li:focus,
.dropdown-menu > li:hover {
	background: transparent !important;
}
.dropdown-menu > li.active > a,
.dropdown-menu > li:active > a,
.dropdown-menu > li:focus > a,
.dropdown-menu > li:hover > a {
	background: transparent;
}
.infonews-nav .open > .dropdown-menu {
	margin: 0;
}
.open > .dropdown-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.header .dropdown .notification .notify-header {
	display: block;
	border-radius: 10px 10px 0 0;
	padding: 20px 30px;
	text-align: center;
	text-decoration: none !important;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 0;
	color: #fff;
}
.header .dropdown .notification .notify-header h6 {
	float: left;
	margin: 0;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.2px;
}
.header .dropdown .notification .notify-header .notify-number {
	font-weight: 500;
	padding: 5px 11px;
	border-radius: 50px;
	color: var(--color-dark);
	background: #fff;
	position: absolute;
	top: 18px;
	right: 40px;
	text-decoration: none;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header .dropdown .lang-container .notify-header a {
	right: 40px;
	top: 20px;
	position: absolute;
	background: #fff;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 10px !important;
	border-radius: 50px;
	color: var(--color-dark);
	text-decoration: none !important;
	letter-spacing: 0.5px;
}
.header .dropdown.open .dropdown-menu.notification:before,
.header .dropdown.user-login.open .dropdown-menu:before {
	color: #5e4698 !important;
}
.header .dropdown.user-login .login-header {
	display: flex;
	border-radius: 10px 10px 0 0;
	padding: 25px 30px;
	text-align: center;
	text-decoration: none !important;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 0;
	color: #fff;
}
.header .dropdown.user-login .login-header.on {
	padding: 20px 30px;
}
.header .dropdown.user-login .login-header h6 {
	float: left;
	margin: 0;
	text-align: left;
	line-height: 20px;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.2px;
}
.header .dropdown .notification .notify-header.order {
	border-radius: 4px;
}
.header .dropdown .notification .client-alerts a {
	display: block;
	transition: color 0.3s ease;
	font-size: 13px;
	font-weight: 400;
	color: #595d6e;
	padding: 0;
}
.header .dropdown .notification .client-alerts a i {
	transform: translateY(-50%);
	top: 50%;
	left: 15px;
	position: absolute;
	padding-right: 25px;
	font-size: 24px;
	color: var(--color-grey);
}
.header .dropdown .notification .client-alerts li i.ico-help-circle {
	color: var(--color-danger) !important;
}
.header .dropdown .notification .client-alerts li i.ico-alert-circle {
	color: var(--color-warning) !important;
}
.header .dropdown .notification .client-alerts li i.ico-check-circle {
	color: var(--color-success) !important;
}
.header .dropdown .notification .client-alerts a div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 30px;
	flex-grow: 1;
}
/*------------------------------------------------------------------
  3. Alert
-------------------------------------------------------------------*/
.alert {
	position: relative;
	padding: 15px 20px;
	border-radius: 6px;
}
.alert li {
	padding: 2px 0;
}
.alert-link {
	font-weight: 600;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.alert-link:hover {
	text-decoration: underline;
}
.alert-dismissible {
	padding-right: 40px;
}
.alert-dismissible .close {
	padding: 14px 10px;
}
.alert-primary {
	color: #1c7aa5;
	border-color: #b9e7fc;
}
.alert-primary hr {
	border-top-color: #a1dffb;
}
.alert-primary .alert-link {
	color: #155a79;
}
.alert-secondary {
	color: #576972;
	border-color: #d8dee0;
}
.alert-secondary hr {
	border-top-color: #cad2d5;
}
.alert-secondary .alert-link {
	color: #414e55;
}
.alert-success {
	color: #299b85;
	border-color: #c0f9eb;
}
.alert-success hr {
	border-top-color: #a9f7e4;
}
.alert-success .alert-link {
	color: #1e7362;
}
.alert-info {
	color: #3b85a0;
	border-color: #c9edf9;
}
hr {
	border-top: 1px solid #aaa;
}
.alert-info hr {
	border-top-color: #b2e5f6;
}
.alert-info .alert-link {
	color: #2d667b;
}
.alert-warning {
	background: #fff2ca;
	border: none;
	color: var(--color-text-main);
	border-radius: 50px;
}
.alert-warning hr {
	border-top-color: #fbe7ac;
}
.alert-warning .alert-link {
	color: #74672e;
}
.alert-danger {
	background: #edb7b7;
	border: none;
	color: var(--color-text-main);
	border-radius: 50px;
	text-align: center;
}
.alert-danger ul {
	padding: 0;
	font-size: 12px;
	list-style: none;
}
.alert-danger hr {
	border-top-color: #fbb3af;
}
.alert-danger .alert-link {
	color: #753433;
}
.alert-light {
	color: #98a0a4;
	border-color: #fbfbfb;
}
.alert-light hr {
	border-top-color: #eeeeee;
}
.alert-light .alert-link {
	color: #7d878c;
}
.alert-dark {
	color: #37474f;
	border-color: #c7cbce;
}
.alert-dark hr {
	border-top-color: #b9bec2;
}
.alert-dark .alert-link {
	color: #222c31;
}
#alertUnpaidInvoice.alert.alert-warning .pull-right {
	border-radius: 2px;
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
#alertUnpaidInvoice.alert.alert-warning .pull-right a.btn {
	margin: 0;
	color: #111 !important;
	background: transparent;
	border-color: #111 !important;
	border: 2px solid #333;
	font-weight: bold;
	padding: 7px 15px;
	font-size: 11px;
}
#alertUnpaidInvoice.alert.alert-warning .pull-right a.btn:hover {
	color: #111 !important;
	background: #fff;
}
.alert.alert-danger .pull-right {
	border-radius: 2px;
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.alert.alert-danger .pull-right a.btn {
	font-size: 12px !important;
	border: none;
	background: var(--color-danger);
	padding: 7px 15px;
	transform: none;
}
.alert.alert-danger .pull-right a.btn:hover {
	background: #dd6262;
	box-shadow: none;
}
.alert-success {
	background: #eff7ed;
	border: none;
	color: #111;
	border-radius: 6px;
}
.alert-success strong {
	margin: 0;
	font-weight: 400;
	font-size: 12px;
}
.alert.alert-warning.notify-alert {
	margin: 0px;
	font-size: 12px;
	font-weight: 500;
	display: block;
	text-align: left;
}
.alert.alert-warning.notify-alert i {
	color: #eacd5b;
	right: 15px;
	position: absolute;
	font-size: 24px;
	transform: translateY(-50%);
	top: 50%;
}
.alert-dismissable .close,
.alert-dismissible .close {
	position: absolute;
	top: -10px;
	right: -4px;
	color: #333;
	opacity: 1;
}
.alert strong {
	font-weight: 700;
}
.verification-banner {
	background-color: #fff2ca;
}
.verification-banner .btn.close {
	background-color: transparent;
	transform: initial;
	box-shadow: none;
}
/*------------------------------------------------------------------
  4. Modal
-------------------------------------------------------------------*/
.modal {
	z-index: 1072;
}
.modal.fade.in {
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}
.modal .popover,
.modal .tooltip {
	z-index: 1073;
}
.modal-backdrop {
	position: initial;
}
.bd-example-modal {
	background-color: #fafafa;
}
.bd-example-modal .modal {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
	display: block;
}
.bd-example-modal .modal-dialog {
	left: auto;
	margin-right: auto;
	margin-left: auto;
}
.modal-dialog.generatepassword .modal-title {
	font-size: 12px;
}
.modal-dialog.generatepassword .modal-header .close i {
	transform: rotate(45deg);
	display: block;
}
.modal-footer .btn {
	margin-bottom: 0;
}
/*------------------------------------------------------------------
  5. Tooltip
-------------------------------------------------------------------*/
.tooltip {
	z-index: 9;
	transform: translate(50px, -50px);
}
.tooltip.in {
	opacity: 0.9;
}
.tooltip .tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -3px;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.left .tooltip-arrow {
	right: 1px;
}
.tooltip.right .tooltip-arrow {
	left: 1px;
}
.tooltip-container {
	position: relative;
}
.tooltip.show {
	opacity: 1;
	text-align: left;
	overflow: visible;
}
.tooltip-inner {
	text-align: left;
	border-radius: 12px;
	padding: 10px 15px;
}
.tooltip .arrow {
	position: absolute;
	display: block;
}
.tooltip .arrow::before {
	content: "\6d";
	left: 0;
	font-family: "pct";
	font-size: 20px;
	line-height: 0.3;
	color: #000;
	border: none;
}
.bs-tooltip-right .arrow::before {
	content: "\6a";
	left: -7px;
	top: 2.6px;
	border: none;
}
.bs-tooltip-right .tooltip-inner {
	border-radius: 15px 20px 20px 15px;
}
.bs-tooltip-bottom .arrow::before {
	content: "\6c";
	border: none;
}
.bs-tooltip-left .arrow::before {
	content: "\6b";
	left: -8px;
	top: 3.6px;
	border: none;
}
.bs-tooltip-left .tooltip-inner {
	border-radius: 20px 15px 15px 20px;
}
/*------------------------------------------------------------------
  6. Header
-------------------------------------------------------------------*/
.header .m-header {
	display: none;
}
.header .m-header .logo-dark,
.header .m-header .logo-thumb {
	display: none;
}
.header .input-group {
	background: transparent;
}
.header .input-group .input-group-text {
	margin-right: 0;
}
.header .input-group {
	background: transparent;
}
.header .collapse .navbar-nav svg.icohorn {
	height: 21px;
	width: 21px;
	vertical-align: middle;
}
.header #mobile-header {
	display: none;
}
.header .navbar-nav {
	align-items: center;
	list-style: none;
	margin-bottom: 0;
}
.header .navbar-nav > li > a {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
	padding: 0;
}
.nav > li > a:focus,
.nav > li > a:hover {
	text-decoration: transparent !important;
	background-color: transparent !important;
}
.header .navbar-nav > li > a:hover {
	background: transparent;
}
.header .menu-wrap .desk.navbar-nav > li:last-child a {
	margin-right: 0;
}
.header .desk.navbar-nav > li a {
	position: relative;
	margin-right: 25px;
	font-size: 16px;
	padding: 0;
	color: #fff;
	vertical-align: initial;
	background-color: transparent !important;
}
.header .desk.navbar-nav .dropdown-menu li a {
	color: var(--color-text-main) !important;
}
.header .desk.navbar-nav > li a .caret {
	display: none;
}
.header .mr-auto .dropdown-menu {
	margin-left: -20px;
}
.header .ml-auto {
	float: right;
}
.header .desk .dropdown-menu li {
	padding: 10px 0px;
}
.header .main-search .input-group {
	border-radius: 20px;
	padding: 0;
}
.header .main-search .input-group .form-control,
.header .main-search .input-group .input-group-text {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
}
.header .main-search .input-group .search-close {
	display: none;
}
.header .main-search .input-group .search-btn {
	border-radius: 50%;
	padding: 0;
	background: transparent;
	border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.header .main-search {
	display: inline-block;
	position: relative;
}
.header .main-search svg.icohorn {
	padding-left: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	width: 28px !important;
	height: 28px !important;
}
.header .main-search .form-control {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 450px;
	font-size: 12px;
	background: #12172b;
	padding: 0 60px 0 30px;
	height: 40px;
	border: 1px solid #06070e;
	border-radius: 70px;
	color: #9ea6ad;
}
.header .main-search .form-control::-webkit-input-placeholder {
	color: #8494a2;
}
.header .main-search .form-control:-ms-input-placeholder {
	color: #8494a2;
}
.header .main-search .form-control::placeholder {
	color: #8494a2;
}
.header .main-search .form-control:active,
.header .main-search .form-control:focus,
.header .main-search .form-control:hover,
.header .main-search .search-btn:active,
.header .main-search .search-btn:focus,
.header .main-search .search-btn:hover {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.header .dropdown-toggle::after {
	display: none;
}
.header .dropdown .dropdown-menu.show:before {
	display: none;
}
.header .dropdown .dropdown-menu li.active a,
.header .dropdown .dropdown-menu li:active a,
.header .dropdown .dropdown-menu li:focus a,
.header .dropdown .dropdown-menu li:hover a {
	color: var(--color-text-main);
}
.header .dropdown .notification {
	width: 350px;
	padding: 0;
	line-height: 1.4;
	background: #fff;
	border-radius: 15px !important;
	-webkit-box-shadow: 0 1px 10px 0 rgba(69, 90, 100, 0.2);
	box-shadow: 0 1px 10px 0 rgba(69, 90, 100, 0.2);
}
.header .dropdown .notification .notify-header a {
	text-decoration: underline;
	font-size: 13px;
}
.header .dropdown .notification ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.header .dropdown .notification .notify-content {
	padding: 30px;
	position: relative;
	line-height: 22px;
	font-size: 12px;
}
.header .dropdown .notification .notify-content p {
	line-height: 22px;
	font-size: 13px;
	font-weight: 400;
}
.header .dropdown .notification .notify-content img {
	width: 40px;
	margin-right: 20px;
}
.header .dropdown .notification .notify-content li {
	width: 100%;
	position: relative;
	border-radius: 50px;
	background-color: #f5f5f5;
	padding: 15px 20px;
	margin-bottom: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header .dropdown .notification .notify-content li:last-child {
	margin-bottom: 0px;
}
.header .dropdown .notification .notify-content li.n-title {
	padding-bottom: 0;
}
.header .dropdown .notification .notify-content li.n-title p {
	margin-bottom: 5px;
}
.header .dropdown .notification .notify-content li.notification:hover {
	background: rgba(4, 169, 245, 0.1);
}
.header .dropdown .notification .notify-content li p {
	margin-bottom: 5px;
	font-size: 13px;
}
.header .dropdown .notification .notify-content li p strong {
	color: #222;
}
.header .dropdown .notification .notify-content li .n-time {
	font-size: 80%;
	float: right;
}
.header .dropdown .notification .notify-footer {
	background-color: #f1f1f1;
	padding: 12px 30px;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.header .dropdown .notification ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.header .dropdown .notification ul li {
	padding: 20px 15px;
}
.header .dropdown .profile-notification {
	padding: 0;
	line-height: 1.4;
	margin-right: -12px;
	min-width: 380px;
}
.header .dropdown .profile-notification .pro-head {
	color: #fff;
	border-radius: 0.25rem 0.25rem 0 0;
	padding: 15px;
	position: relative;
	background: #04a9f5;
}
.header .dropdown .profile-notification .pro-head img {
	width: 40px;
	margin-right: 10px;
}
.header .dropdown .profile-notification .pro-head .dud-logout {
	color: #fff;
	padding-right: 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.header .dropdown .profile-notification .pro-body {
	padding: 20px 0;
	margin-bottom: 0;
	list-style: none;
}
.header .dropdown .profile-notification .pro-body li a {
	color: #888;
	font-size: 14px;
	padding: 10px 20px;
}
.header .dropdown .profile-notification .pro-body li a i {
	margin-right: 10px;
}
.header .dropdown .profile-notification .pro-body li.active,
.header .dropdown .profile-notification .pro-body li:active,
.header .dropdown .profile-notification .pro-body li:focus,
.header .dropdown .profile-notification .pro-body li:hover {
	background: rgba(4, 169, 245, 0.1);
}
.header .dropdown .profile-notification .pro-body li.active > a,
.header .dropdown .profile-notification .pro-body li:active > a,
.header .dropdown .profile-notification .pro-body li:focus > a,
.header .dropdown .profile-notification .pro-body li:hover > a {
	background: transparent;
}
.header .dropdown.user-login.show:before {
	color: #04a9f5;
}
.header .dotted-static {
	position: relative;
	right: -12px;
	top: -10px;
}
.header #menu-mobile .dotted-static {
	position: absolute;
	right: -12px;
	top: 12px;
}
.header .dotted-animation {
	position: relative;
	right: -4px;
	top: 0;
}
.header .dotted-animation .animate-circle {
	position: absolute;
	top: -20px;
	right: -4px;
	height: 25px;
	width: 25px;
	z-index: 10;
	border-radius: 70px;
	-webkit-animation: 1s ease-out infinite heartbit;
	animation: 1s ease-out infinite heartbit;
}
.header .dotted-animation .main-circle {
	width: 6px;
	height: 6px;
	border-radius: 30px;
	position: absolute;
	right: 6px;
	top: -10px;
}
.header .dotted-static .main-circle {
	width: 6px;
	height: 6px;
	border-radius: 30px;
	position: absolute;
	right: 6px;
	top: -10px;
}
@-webkit-keyframes heartbit {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
	25% {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		opacity: 0.1;
	}
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0.3;
	}
	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
@keyframes heartbit {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
	25% {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		opacity: 0.1;
	}
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0.3;
	}
	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
/*Menu Mobile*/
.menu-wrap.line {
	background-color: transparent;
	border-bottom: 1px solid #e6e7e8;
	border-top: 0;
}
.menu-wrap.fixed {
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, 0.23);
	padding-top: 0;
	padding: 13px 0px 13px 0px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}
.navbar-header {
	position: relative;
	display: block;
	width: 100%;
	top: 55px;
	z-index: 2;
	align-items: center;
}
.menu-wrap .content-menu {
	position: relative;
	align-items: center;
	display: flex;
}
.navbar-header .logo-menu {
	display: none;
}
.menu-wrap.fixed .main-header {
	display: none;
}
.nav > li > a:hover {
	background: transparent;
}
.nav-menu .main-menu > .menu-item {
	display: inherit;
}
.nav-menu .main-menu a.v-stroke:before {
	top: 55px;
}
.menu-wrap.fixed .main-menu > .menu-item > a:before {
	bottom: -12px;
}
.menu-wrap.fixed .main-menu > .menu-item > .sub-menu {
	top: 80px;
}
.menu-wrap.light.fixed .logo-menu {
	top: -25px;
}
.menu-wrap .logo-menu {
	position: relative;
	z-index: 9;
}
#menu-mobile {
	display: none;
}
#menu-mobile .navbar-nav .dropdown-menu {
	transition: none;
}
#nav-toggle {
	border: none;
	background: transparent;
	display: none;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
	transition: all 250ms ease-in-out;
	cursor: pointer;
	height: 3px;
	width: 36px;
	background: #fff;
	position: absolute;
	display: block;
	content: "";
}
#nav-toggle span:before {
	top: -10px;
}
#nav-toggle span:after {
	bottom: -10px;
}
#nav-toggle.active span {
	background-color: transparent;
}
#nav-toggle.active span:before {
	transform: rotate(45deg);
	background-color: var(--color-primary) !important;
	top: 0;
}
#nav-toggle.active span:after {
	background-color: var(--color-primary);
	transform: rotate(-45deg);
}
.active #nav-toggle span:after {
	background: var(--color-primary) !important;
}
.navbar-toggle.menu-toggle .logo-responsive {
	display: none !important;
}
ul.top-nav > li > a.btn-logged-in-admin {
	border-radius: 50px;
	margin-left: 0px;
	border: none !important;
	background-color: var(--color-primary) !important;
	padding: 1px 7px !important;
	font-size: 9px !important;
	color: #000 !important;
}
ul.top-nav > li > a.btn-logged-in-admin:hover {
	background-color: #808080 !important;
	color: #fff !important;
	border: none !important;
}
#top-nav {
	float: right !important;
	margin: 0;
	padding: 0;
}
#top-nav .nav {
	float: right !important;
	margin: 0;
	padding: 0;
	line-height: 22px;
	font-size: 11px;
}
#top-nav a.quick-nav:hover {
	text-decoration: none;
	color: var(--color-primary);
}
#top-nav a.quick-nav i {
	font-size: 16px;
	line-height: 35px;
}
#top-nav a.quick-nav span {
	font-size: 12px;
	line-height: 35px;
}
#top-nav a.quick-nav {
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 65px;
	color: #888;
	font-size: 12px;
	font-weight: 400;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.navbar-main {
	background-color: transparent;
	font-size: 15px;
	border-top: 0 !important;
	border-radius: 0 !important;
	min-height: auto !important;
	margin-bottom: 0 !important;
}
.navbar-main .navbar-nav .open .dropdown-menu > li > a:hover {
	background: transparent !important;
	-webkit-transition: 0.3s !important;
	-moz-transition: 0.3s !important;
	-ms-transition: 0.3s !important;
	-o-transition: 0.3s !important;
	transition: 0.3s !important;
}
.nav.navbar-nav li a:before {
	content: "";
	position: absolute;
	top: 30px;
	bottom: 0;
	right: 0;
	height: 2px;
	width: 0%;
	background: var(--color-white);
	transition: all 0.2s ease-in-out;
}
.navbar-nav a:hover::before {
	width: 100%;
	transition: all 0.2s ease-in-out;
}
.navbar-nav a.btn:hover::before {
	width: 0%;
	transition: none;
}
.navbar-nav .dropdown-menu a:before {
	transition: none;
}
.navbar-nav .dropdown-menu a:hover::before {
	width: 0%;
	transition: all 0.2s ease-in-out;
}
.collapse.in .navbar-nav a:hover::before {
	width: 0%;
}
.collapse.in .navbar-nav a.dropdown-toggle:hover::before {
	height: 0px;
}
.menu-wrap.fixed .navbar-nav > li > .dropdown-menu {
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, 0.23);
}
.menu-wrap.fixed #header {
	display: none;
}
#container-menu {
	position: absolute;
	width: 100%;
}
.navbar-main .navbar-nav {
	float: right;
	display: table;
	font-size: 13px;
}
.menu-wrap.fixed .navbar-main .navbar-nav > li {
	padding-bottom: 23px;
}
.menu-wrap.reduce {
	display: none;
}
.navbar-main .navbar-nav > li {
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 30px;
}
.top-nav ul li a i {
	margin-right: 3px;
}
.navbar-main .navbar-nav > li > a {
	margin: 0 0 0 25px;
	padding: 0px;
	color: #afafaf;
	position: relative;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.navbar-main .navbar-nav > li > a:hover {
	background: none;
	color: #fff;
}
.nav .nav-divider {
	display: none;
	margin: 0px;
	background-color: transparent;
}
.top-nav .nav-divider {
	border: solid 1px var(--color-grey-light);
	height: 1px;
	margin: 5px 8px;
}
.top-nav .nav-divider a {
	display: none;
}
ul.top-nav {
	margin-top: 0px !important;
}
ul.top-nav > li.primary-action {
	padding-left: 0px !important;
	margin-left: 0px !important;
	border: none !important;
}
ul.top-nav > li {
	padding-bottom: 10px;
	margin-right: 20px !important;
}
ul.top-nav > li:last-child {
	border: none !important;
	margin-right: 0px !important;
}
ul.top-nav > li > a {
	padding: 0px !important;
	font-size: 12px !important;
	color: #d8d8d8;
}
ul.top-nav > li > a:hover {
	text-decoration: none !important;
	color: #fff;
	-webkit-transition: 0.3s !important;
	-moz-transition: 0.3s !important;
	-ms-transition: 0.3s !important;
	-o-transition: 0.3s !important;
	transition: 0.3s !important;
}
ul.top-nav > li > a:focus {
	color: #fff !important;
}
.navbar-default .navbar-collapse .infos {
	display: none;
}

ul.top-nav > li:hover > a {
	color: var(--color-white) !important;
}
.tab-pane .dropdown-menu > li > a {
	margin: 0 !important;
	color: #313131 !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	padding: 8px 10px !important;
	margin: 0 !important;
	cursor: pointer;
}
.tab-pane .dropdown-menu > li > a:hover {
	color: #808080 !important;
	background-color: transparent !important;
}
.tab-pane .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	background-color: transparent !important;
	color: #aaa !important;
	-webkit-transition: 0.3s !important;
	-moz-transition: 0.3s !important;
	-ms-transition: 0.3s !important;
	-o-transition: 0.3s !important;
	transition: 0.3s !important;
}
.tab-content .tab-pane .panel {
	margin-bottom: 30px !important;
	border-radius: 12px;
}
.tab-content .tab-pane .panel .panel-heading {
	padding: 20px 50px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.tab-content .tab-pane .panel .panel-body {
	padding: 50px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.tab-content .tab-pane .panel .panel-heading {
	background-color: #fff;
}
#menu-mobile .dropdown.open .dropdown-menu a {
	font-size: 15px;
	margin: 0;
	border: none;
	padding: 7px;
	background-color: transparent;
	display: block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#menu-mobile .dropdown.open .dropdown-menu a:hover {
	color: var(--color-primary) !important;
}
#menu-mobile .nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: transparent;
}
/*------------------------------------------------------------------
  7. Navbar
-------------------------------------------------------------------*/

#primaryNavbar > * {
	display: none;
}
#primaryNavbar > #Primary_Navbar-Website_Security {
	display: block;
}

.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.navbar-collapse {
	position: absolute;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center;
}
.navbar-collapse#nav-landing-page {
	position: initial !important;
}
.nav-tabs > li > a {
	border: 1px solid transparent;
	border-radius: 8px 8px 0 0;
	font-weight: 400;
	font-size: 12px;
	color: #b5c6ce;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	border: 1px solid #e2e9ec;
	border-bottom-color: transparent;
}
nav.navbar .mobmenu span {
	width: 11px;
	height: 5px;
}
nav.navbar.navbar-collapsed .mobmenu {
	display: none;
}
nav.navbar .mobmenu.on span:after {
	height: 8px;
	width: 16px;
	content: "\e914";
	font-size: 16px;
	font-family: "evafeat" !important;
	color: #fff;
	display: block;
}
nav.navbar .mobmenu span:after {
	-webkit-transform: rotate(-180deg) translate(4px, -4px);
	transform: rotate(-180deg) translate(4px, -4px);
}
nav.navbar.navbar-collapsed .header-logo .mobmenu {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	opacity: 0;
}
header.navbar .mobmenu span:after {
	height: 20px;
	width: 17px;
	content: "\e914";
	font-size: 16px;
	font-family: "evafeat" !important;
	color: #fff;
	display: block;
}
header.navbar .mobmenu.mob-open span:after {
	-webkit-transform: rotate(-180deg) translate(4px, -4px);
	transform: rotate(-180deg) translate(4px, -4px);
}
.mobmenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 37px;
	height: 70px;
	padding: 0 10px;
	cursor: pointer;
}
nav.navbar.default {
	display: block;
	z-index: 1029;
	position: fixed;
	transition: all 0.2s ease-in-out;
	height: 100vh;
	top: 0;
	background: #fff;
	color: #a9b7d0;
	border-right: 1px solid #e6ebfa;
}
nav.navbar ul {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
nav.navbar .header-logo {
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	float: left;
	height: 70px;
	text-align: center;
	margin-right: 0;
	padding: 10px 23px;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	z-index: 999;
}
nav.navbar .header-logo .logo-dark {
	display: none;
}
nav.navbar .header-logo .logo-thumb {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	opacity: 0;
	position: absolute;
	-webkit-transition: unset;
	transition: unset;
}
nav.navbar .header-logo + .scroll-div {
	float: left;
}
nav.navbar .mobmenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 37px;
	height: 70px;
	position: absolute;
	right: 10px;
	top: 0;
	padding: 0 10px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
nav.navbar .badge {
	font-size: 75%;
	position: absolute;
	right: 30px;
	top: 12px;
	padding: 2px 7px;
	border-radius: 2px;
}
nav.navbar .inner-navbar {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-top: 20px;
	display: inline-block;
	width: 100%;
}
nav.navbar .inner-navbar li {
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
nav.navbar.navbar-collapsed .inner-navbar li {
	padding: 10px 0;
	width: 100%;
}
nav.navbar.navbar-collapsed .inner-navbar li .submenu li {
	padding: 4px 0;
	width: 100%;
}
nav.navbar.navbar-collapsed .inner-navbar li .submenu li:after {
	display: none;
}
nav.navbar.navbar-collapsed .inner-navbar > li.active {
	background: #f6f7fa;
}
nav.navbar .inner-navbar li > a {
	text-align: left;
	padding: 8px 15px;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-grey);
	display: block;
	border-radius: 0;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	background: transparent;
}
nav.navbar.navbar-collapsed .inner-navbar li > a .sideinfo {
	display: none;
}
nav.navbar .inner-navbar li > a .sideinfo {
	position: absolute;
	top: 16px;
	display: inline-block;
}
nav.navbar .inner-navbar li > a > .icony {
	font-size: 14px;
	padding: 5px;
	margin-right: 5px;
	width: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px;
	text-align: center;
	color: #cacad2;
}
nav.navbar .inner-navbar li.menu-caption {
	font-size: 10px;
	font-weight: 600;
	padding: 25px 20px 5px;
	text-transform: uppercase;
	position: relative;
}
nav.navbar .inner-navbar li.disabled > a {
	cursor: default;
	opacity: 0.5;
}
nav.navbar .submenu {
	background: #f1f2f7;
}
nav.navbar.navbar-collapsed .submenu {
	background: #f6f7fa;
}
nav.navbar a {
	color: #838097;
}
nav.navbar .navbar-content,
.navbar .navbar-wrapper {
	width: 100%;
	height: 100%;
}
nav.navbar .slimScrollDiv {
	position: static !important;
}
nav.navbar.default.navbar-collapsed {
	width: 80px;
	height: 100%;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
nav.navbar.navbar-collapsed .header-logo {
	width: 80px;
}
nav.navbar.navbar-collapsed .header-logo .logo-thumb {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	opacity: 1;
	left: calc((80px / 2) - 20px);
}
nav.navbar.navbar-collapsed .navbar-content.ps {
	overflow: visible;
}
nav.navbar.navbar-collapsed .menu-caption {
	position: relative;
	width: 100%;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
}
nav.navbar.navbar-collapsed .menu-caption > label {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
nav.navbar.navbar-collapsed .menu-caption:after {
	content: "";
	position: absolute;
	top: 25px;
	left: 15px;
	width: calc(100% - 30px);
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
}
nav.navbar.navbar-collapsed .inner-navbar > li > a {
	z-index: 1026;
	padding: 7px 25px;
}
nav.navbar .inner-navbar > li.trigger .submenu li a {
	color: #6c757d;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 500;
}
nav.navbar.navbar-collapsed .inner-navbar > li.trigger .submenu .submenu li a:before {
	opacity: 0;
}
nav.navbar.navbar-collapsed ~ .header {
	width: calc(100% - 80px);
}
nav.navbar.navbar-collapsed ~ .header,
.navbar.navbar-collapsed ~ .main-container {
	margin-left: 80px;
}
nav.navbar.navbar-collapsed .badge {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
nav.navbar .menu-caption {
	color: #e8edf7;
}
nav.navbar .inner-navbar li.active > a,
.navbar .inner-navbar li:focus > a,
.navbar .inner-navbar li:hover > a,
.navbar .inner-navbar li:hover > a > .icony {
	color: var(--color-dark);
}
nav.navbar .inner-navbar li .submenu > li.active > a:before,
.navbar .inner-navbar li .submenu > li:focus > a:before,
.navbar .inner-navbar li .submenu > li:hover > a:before {
	background: var(--color-dark);
}
nav.navbar.navbar-collapsed .inner-navbar > li.active:after,
.navbar.navbar-collapsed .inner-navbar > li.trigger:after {
	display: none;
}
nav.navbar .inner-navbar > li.active > a,
.navbar .inner-navbar > li.trigger > a {
	color: var(--color-grey);
}
nav.navbar .inner-navbar > li.active,
.navbar .inner-navbar > li.trigger {
	background: transparent;
}
nav.navbar .inner-navbar > .menu-caption.active:after,
.navbar .inner-navbar > .menu-caption.trigger:after {
	display: none;
}
.navbar[class*="menu-item-icon-style"] .navbar.navbar-collapsed .inner-navbar > li.trigger .submenu:after {
	background: rgba(169, 183, 208, 0.05);
}

/*Secundary Navbar*/
#Secondary_Navbar-Account .secundary-nav {
	margin: 0;
	top: 30px;
	right: auto;
	max-width: 450px;
	width: 100%;
	min-width: 400px;
	padding: 0;
	border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
#Secondary_Navbar-Account .secundary-nav .secundary-header {
	display: block;
	border-radius: 10px 10px 0 0;
	padding: 20px 30px;
	text-align: center;
	text-decoration: none !important;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 0;
	color: #fff;
}
#Secondary_Navbar-Account .secundary-nav .secundary-content {
	padding: 30px;
	position: relative;
	line-height: 22px;
	font-size: 12px;
	display: inline-block;
	margin: 0;
}
#Secondary_Navbar-Account .secundary-nav .secundary-content .nav-divider {
	display: none;
}
#Secondary_Navbar-Account .secundary-nav .secundary-header h6 {
	float: left;
	margin: 0;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.2px;
}
#Secondary_Navbar-Account .secundary-nav .secundary-content li {
	float: left;
	display: inline;
	width: 49%;
	line-height: 2.5em;
}
#Secondary_Navbar-Account .secundary-nav .secundary-content li a {
	font-size: 13px;
	font-weight: 500;
	color: var(--color-dark);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#Secondary_Navbar-Account .secundary-nav .secundary-content li a:hover {
	text-decoration: none;
	color: #808080 !important;
}
#Secondary_Navbar-Account .secundary-nav .secundary-content li#Secondary_Navbar-Account-Logout {
	display: none;
}
.secnav li.dropdown {
	list-style: none;
	text-decoration: auto;
	color: #fff;
	display: inline-block;
}
.secnav li a.dropdown-toggle {
	text-decoration: none;
	color: #f9d700 !important;
}
.secnav li a.dropdown-toggle:hover {
	color: #fff !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*------------------------------------------------------------------
  8. Checkbox
-------------------------------------------------------------------*/
.checkbox input[type="checkbox"]:after {
	content: "";
}
.checkbox input[type="checkbox"] + .cr {
	padding-left: 0;
}
.checkbox input[type="checkbox"] + .cr:before {
	content: "\e83f";
	width: 22px;
	height: 22px;
	display: inline-block;
	margin-right: 10px;
	border: 2px solid #e9eaec;
	border-radius: 3px;
	font-size: 15px;
	font-family: "evafeat";
	font-weight: 400;
	line-height: 19px;
	vertical-align: bottom;
	text-align: center;
	background: var(--color-white);
	color: transparent;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.checkbox input[type="checkbox"]:checked + .cr:before {
	background: #1dd5d2;
	border-color: #1dd5d2;
	color: var(--color-white);
}
.checkbox input[type="checkbox"].disabled + .cr,
.checkbox input[type="checkbox"]:disabled + .cr {
	opacity: 0.5;
}
.checkbox input[type="checkbox"].disabled + .cr:before,
.checkbox input[type="checkbox"]:disabled + .cr:before {
	cursor: not-allowed;
}
.checkbox.checkbox-fill input[type="checkbox"] + .cr:after {
	content: "";
	width: 22.5px;
	height: 22.5px;
	display: inline-block;
	margin-right: 10px;
	border: 2px solid #e9eaec;
	border-radius: 2px;
	vertical-align: bottom;
	text-align: center;
	background: transparent;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	top: 8.5px;
	left: 3px;
}
.checkbox.checkbox-fill input[type="checkbox"] + .cr:before {
	opacity: 0;
	content: "\e840";
	font-size: 27px;
	background: transparent;
}
.checkbox.checkbox-fill input[type="checkbox"]:checked + .cr:after {
	opacity: 0;
}
.checkbox.checkbox-fill input[type="checkbox"]:checked + .cr:before {
	opacity: 1;
	background: transparent;
	color: #1dd5d2;
	border-color: transparent;
}
.checkbox.checkbox-primary input[type="checkbox"]:checked + .cr:before {
	background: #04a9f5;
	border-color: #04a9f5;
	color: var(--color-white);
}
.checkbox.checkbox-fill.checkbox-primary input[type="checkbox"]:checked + .cr:before {
	background: transparent;
	color: #04a9f5;
	border-color: transparent;
}
.checkbox.checkbox-danger input[type="checkbox"]:checked + .cr:before {
	background: var(--color-danger);
	border-color: var(--color-danger);
	color: var(--color-white);
}
.checkbox.checkbox-fill.checkbox-danger input[type="checkbox"]:checked + .cr:before {
	background: transparent;
	color: var(--color-danger);
	border-color: transparent;
}
.checkbox.checkbox-success input[type="checkbox"]:checked + .cr:before {
	background: #1de9b6;
	border-color: #1de9b6;
	color: var(--color-white);
}
.checkbox.checkbox-fill.checkbox-success input[type="checkbox"]:checked + .cr:before {
	background: transparent;
	color: #1de9b6;
	border-color: transparent;
}
.checkbox.checkbox-warning input[type="checkbox"]:checked + .cr:before {
	background: #f4c22b;
	border-color: #f4c22b;
	color: var(--color-white);
}
.checkbox.checkbox-fill.checkbox-warning input[type="checkbox"]:checked + .cr:before {
	background: transparent;
	color: #f4c22b;
	border-color: transparent;
}
.checkbox.checkbox-info input[type="checkbox"]:checked + .cr:before {
	background: #3ebfea;
	border-color: #3ebfea;
	color: var(--color-white);
}
.checkbox.checkbox-fill.checkbox-info input[type="checkbox"]:checked + .cr:before {
	background: transparent;
	color: #3ebfea;
	border-color: transparent;
}
.checkbox .cr {
	cursor: pointer;
}
/*------------------------------------------------------------------
  9. Radio
-------------------------------------------------------------------*/
.radio {
	padding: 10px 0;
	min-height: auto;
	position: relative;
	margin-right: 5px;
}
.radio input[type="radio"] {
	margin: 0;
}
.radio input[type="radio"] + .cr {
	padding-left: 0;
}
.radio input[type="radio"] + .cr:after,
.radio input[type="radio"] + .cr:before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
	vertical-align: bottom;
	background: #fff;
	color: transparent;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.radio input[type="radio"] + .cr:before {
	width: 22px;
	height: 22px;
	border: 2px solid #e9eaec;
}
.radio input[type="radio"] + .cr:after {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 13px;
	left: 5px;
}
.radio input[type="radio"]:checked + .cr:before {
	border-color: #1dd5d2;
}
.radio input[type="radio"]:checked + .cr:after {
	background: linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%);
}
.radio input[type="radio"]:disabled + .cr {
	opacity: 0.5;
	cursor: not-allowed;
}
.radio input[type="radio"]:disabled + .cr:after,
.radio input[type="radio"]:disabled + .cr:before {
	cursor: not-allowed;
}
.radio.radio-fill input[type="radio"] + .cr:after {
	width: 18px;
	height: 18px;
	top: 10px;
	left: 2px;
}
.radio.radio-primary input[type="radio"]:checked + .cr:before {
	border-color: #04a9f5;
}
.radio.radio-primary input[type="radio"]:checked + .cr:after {
	background: #04a9f5;
}
.radio.radio-danger input[type="radio"]:checked + .cr:before {
	border-color: var(--color-danger);
}
.radio.radio-danger input[type="radio"]:checked + .cr:after {
	background: var(--color-danger);
}
.radio.radio-success input[type="radio"]:checked + .cr:before {
	border-color: #1de9b6;
}
.radio.radio-success input[type="radio"]:checked + .cr:after {
	background: #1de9b6;
}
.radio.radio-warning input[type="radio"]:checked + .cr:before {
	border-color: #f4c22b;
}
.radio.radio-warning input[type="radio"]:checked + .cr:after {
	background: #f4c22b;
}
.radio.radio-info input[type="radio"]:checked + .cr:before {
	border-color: #3ebfea;
}
.radio.radio-info input[type="radio"]:checked + .cr:after {
	background: #3ebfea;
}
.custom-controls-stacked .radio input[type="radio"] + .cr:after {
	top: 15px;
}
.radio .cr {
	cursor: pointer;
}
@-moz-document url-prefix() {
	.radio input[type="radio"] + .cr::after {
		top: 14px;
	}
}
/*------------------------------------------------------------------
  10. Labels
-------------------------------------------------------------------*/
.badge.feat {
	font-size: 10px;
	padding: 5px 5.5px;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1;
	text-transform: lowercase;
	border-radius: 50px;
}
.menu.badge.feat {
	text-transform: uppercase;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	top: initial;
}
.label {
	display: initial !important;
	padding: 4px 10px;
	min-height: auto;
	position: relative;
	margin-right: 5px;
	margin-bottom: 5px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.label.label-primary {
	background: #04a9f5;
	color: var(--color-white);
}
.label.label-danger {
	background: var(--color-danger);
	color: var(--color-white);
}
.label.label-warning {
	background: var(--color-warning);
	color: var(--color-white);
}
.label.label-info {
	background: var(--color-info);
	color: var(--color-white);
}
/*------------------------------------------------------------------
  11. Tables
-------------------------------------------------------------------*/
.table td,
.table th {
	font-size: 16px;
	border-top: none !important;
	white-space: nowrap !important;
	padding: 15px 20px !important;
}
.table > thead > tr > th {
	border-bottom: none;
}
.masspay-container {
	padding: 50px;
}
.table .masspay-total td {
	border-radius: 0px;
	padding: 15px 20px !important;
}
tr.masspay-invoice-detail {
	padding: 15px 20px !important;
}
tr.masspay-invoice-detail td {
	color: var(--color-grey);
	font-weight: 400;
	font-size: 14px;
}
tr.masspay-invoice-detail td:nth-child(2) {
	font-weight: 700;
	color: var(--color-text-main);
}
.table thead th {
	border-bottom: 1px solid #eaeaea;
}
.table tbody + tbody {
	border-top: 2px solid #eaeaea;
}
.table-bordered {
	border: 1px solid #eaeaea;
}
.table-bordered td,
.table-bordered th {
	border: 1px solid #eaeaea;
}
.table-striped tbody tr:nth-of-type(2n + 1) {
	background-color: rgba(4, 169, 245, 0.05);
}
.table-hover tbody tr:hover {
	background-color: rgba(4, 169, 245, 0.05);
}
.table .thead-dark th {
	color: #fff;
	background-color: #37474f;
	border-color: #222c31;
}
.table-dark {
	color: #fff;
	background-color: #37474f;
}
.table-dark td,
.table-dark th,
.table-dark thead th {
	border-color: #222c31;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: #334249;
}
.table-dark.table-hover tbody tr:hover {
	background-color: #2d3940;
}
table.dataTable.fixedHeader-floating {
	top: 0 !important;
}
.table-responsive {
	border: none !important;
}
table .btn-group a.btn {
	padding: 3px 10px !important;
	border: none !important;
	background-color: var(--color-primary) !important;
	-webkit-transform: none !important;
	transform: none !important;
	color: var(--color-dark) !important;
}
table .btn-group > .btn:not(:first-child) {
	opacity: 1 !important;
	background-color: var(--color-text-main) !important;
	border: none !important;
	padding: 3px 8px !important;
	color: #fff !important;
	transform: none;
}
table .btn-group > .btn:not(:first-child):hover {
	background-color: var(--color-primary) !important;
	color: var(--color-dark) !important;
	border: none;
}
table tbody .btn-group,
.btn-group-vertical {
	display: flex;
}
table .btn-group a.btn:hover {
	background-color: #4c4a4a !important;
	color: #fff !important;
	border: none;
}
tbody tr td .btn-group a {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
tbody tr td .btn-group button {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.btn-primary {
	background-color: var(--color-primary) !important;
	color: #000 !important;
	border: none !important;
}
.btn-primary:hover {
	background-color: #ff0052 !important;
	color: #fff !important;
	border: none;
}

.table > tbody > tr > td.ssl-info img {
	width: 24px !important;
}
.dataTables_wrapper .dataTables_paginate .pagination > li > a,
.dataTables_wrapper .dataTables_paginate .pagination > li > span {
	margin: 0px;
	font-size: 14px;
	padding: 3px 10px !important;
}
.dataTables_wrapper .dataTables_info {
	background-color: transparent;
	border-bottom: none !important;
}
div.dataTables_wrapper div.dataTables_info {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #808080 !important;
	padding: 25px 10px !important;
}
table.table-list {
	border-radius: 12px;
	background-color: #fff;
}
table.table-list thead th:nth-child(even) {
	border-bottom: 0;
}
table.table-list thead th {
	border-bottom: none !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 30px 5px !important;
}
.dataTables_length select.form-control {
	margin: 0 10px;
	color: #808080 !important;
	font-weight: 400;
	background-position-x: 85% !important;
	background-position-y: 8px !important;
	align-items: center;
	width: 100px !important;
	padding: 0 10px !important;
	height: initial !important;
	border: solid 1px #aaa !important;
}
.pagination > li.active > a {
	background-color: var(--color-primary) !important;
	color: var(--color-dark) !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	top: 14px !important;
}
tbody > tr > :nth-child(4) {
	font-weight: 500;
}
table.table-list tbody td {
	background-color: transparent !important;
	border-bottom: solid 1px #e1e1e1;
	font-size: 13px;
}
.table-list > tbody > tr:last-child > td {
	border-bottom: none !important;
}
.table-list > tbody > tr:last-child > td {
	border-bottom: none !important;
}

table.table-list thead tr th:first-child {
	border-top-left-radius: 12px;
}
table.table-list thead tr th:last-child {
	border-top-right-radius: 12px;
}
table.table-list tbody td strong {
	font-weight: 400;
}
table.table-list tbody td.sorting_1 a {
	font-weight: 500;
	font-size: 14px;
}
table.table-list tbody td .status {
	border-radius: 50px;
	font-size: 12px;
	border: 0;
	margin: 0;
	font-weight: 500;
}
.dataTables_wrapper .dataTables_length {
	margin-top: 20px;
	background-color: transparent;
	font-size: 0.8em;
	color: #888;
}
.dataTables_wrapper .dataTables_length label {
	padding: 0px;
	color: var(--color-grey);
}
.dataTables_wrapper .dataTables_paginate {
	padding: 0px;
}
.dataTables_wrapper {
	border: none;
	padding-top: 50px;
}

.dataTables_wrapper .listtable {
	margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter label {
	padding: 5px;
}

.dataTables_wrapper .dataTables_filter label .form-control {
	background: url(./../../assets/img/search.svg) no-repeat 15px 10px;
	border: 1px solid #d8dfe2 !important;
	border-radius: 50px;
	margin-top: 10px;
}

/*------------------------------------------------------------------
  12. Popover
-------------------------------------------------------------------*/
.popover {
	top: 0;
	left: 0;
	border: none;
	border-radius: 15px;
}
.popover .arrow::after {
	display: none;
}
.popover .popover-header {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	background: transparent;
	border-bottom-color: #f4f7fa;
}
.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before {
	content: "\6d";
	text-shadow: 0 2px 3px rgba(220, 220, 220, 0.7);
}
.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before {
	content: "\6a";
	left: -4px;
	top: 2.6px;
	border: none;
	text-shadow: -2px 0 3px rgba(220, 220, 220, 0.46);
}
.bs-popover-bottom .arrow:before,
.bs-popover-auto[x-placement^="bottom"] .arrow:before {
	content: "\6c";
	top: 3px;
	border: none;
	text-shadow: 0 -2px 3px rgba(220, 220, 220, 0.46);
}
.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before {
	content: "\6b";
	left: -8px;
	top: 3.6px;
	border: none;
	text-shadow: 2px 0 3px rgba(220, 220, 220, 0.46);
}
.popover > .arrow {
	border-width: 5px !important;
}
.popover.left > .arrow {
	margin-top: -5px;
}
.popover.right > .arrow {
	margin-top: -5px;
}
/*------------------------------------------------------------------
  13. Switch
-------------------------------------------------------------------*/
.switch input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}
.switch input[type="checkbox"] + .cr {
	position: relative;
	display: inline-block;
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
	height: 20px;
	width: 35px;
	border: 1px solid #e9eaec;
	border-radius: 60px;
	cursor: pointer;
	z-index: 0;
	top: 12px;
}
.switch input[type="checkbox"] + .cr:after,
.switch input[type="checkbox"] + .cr:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.switch input[type="checkbox"] + .cr:before {
	-webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	height: 20px;
	width: 35px;
	border-radius: 30px;
}
.switch input[type="checkbox"] + .cr:after {
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	background: #f7f7f7;
	height: 19px;
	width: 19px;
	border-radius: 60px;
}
.switch input[type="checkbox"]:checked + .cr:before {
	background: linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%);
	-webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
	transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}
.switch input[type="checkbox"]:checked + .cr:after {
	left: 16px;
}
.switch input[type="checkbox"]:disabled + label {
	opacity: 0.5;
	-webkit-filter: grayscale(0.4);
	filter: grayscale(0.4);
	cursor: not-allowed;
}
.switch.switch-primary input[type="checkbox"]:checked + .cr:before {
	background: #04a9f5;
}
.switch.switch-danger input[type="checkbox"]:checked + .cr:before {
	background: var(--color-danger);
}
.switch.switch-success input[type="checkbox"]:checked + .cr:before {
	background: #1de9b6;
}
.switch.switch-warning input[type="checkbox"]:checked + .cr:before {
	background: #f4c22b;
}
.switch.switch-info input[type="checkbox"]:checked + .cr:before {
	background: #3ebfea;
}
.switch.switch-alternative input[type="checkbox"]:checked + .cr:before {
	background: linear-gradient(-135deg, #899fd4 0%, #a389d4 100%);
}
/*------------------------------------------------------------------
  14. Login & Signup
-------------------------------------------------------------------*/
.login-content {
	padding: 30px;
	position: relative;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.logincontainer {
	margin: 0;
	max-width: 100%;
	padding: 0;
}
.login-content form .form-group {
	position: relative;
	width: 100%;
	display: inline-block;
}
.login-content form .form-group i {
	position: absolute;
	height: 45px;
	line-height: 45px;
	top: 0;
	left: 5px;
	width: 55px;
	text-align: center;
	font-size: 16px;
	color: var(--color-grey);
	border-right-width: 1px;
	border-right-style: solid;
}
.login-content form .form-group .form-control {
	box-shadow: none;
	font-size: 12px;
	padding: 10px 20px 10px 75px;
	height: 45px;
	border: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 50px;
}
input[type="checkbox"],
input[type="radio"] {
	cursor: pointer;
	left: -2px;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
#registration input[type="checkbox"] {
	right: -12px;
	height: 20px !important;
	width: 20px !important;
}
.login-form-container .login-form input[type="checkbox"] {
	right: -12px;
	height: 20px !important;
	width: 20px !important;
}
.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custom-control-label {
	font-weight: 500 !important;
	color: var(--color-grey) !important;
	position: relative;
	font-size: 14px !important;
	cursor: pointer;
	padding-left: 30px;
}
input[type="checkbox"]:checked + label.custom-control-label::after {
	position: absolute;
	left: 0;
	display: inline-block;
	top: 0;
	font-size: 19px;
	width: 17px;
	height: 17px;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	color: #fff;
}

.custom-control-label::after {
	display: none;
}
.custom-checkbox .custom-control-label::before {
	color: #fff;
	border-radius: 50px;
}
.custom-control-label::before {
	position: absolute;
	left: 0;
	display: inline-block;

	border-radius: 0px !important;
	border: solid 1px #808080 !important;
	top: 1px;
	width: 16px;
	height: 16px;
	pointer-events: none;
	content: "";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	content: "\e932";
	font-family: "evafeat" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.custom-control {
	position: relative;
	display: block;
	min-height: 15px;
	cursor: pointer;
}
.forgot-pass {
	color: var(--color-dark);
	margin-top: 4px;
	text-align: right;
	font-size: 11px;
}
.forgot-pass a {
	color: var(--color-grey);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.forgot-pass a:hover {
	color: #5c65ae;
}
.header-social-login {
	margin-top: 15px;
	border-top: 1px solid #ecf2f5;
	padding-top: 15px;
}
.header-social-login a {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0, 0, 0, 0.2);
	width: 100%;
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}
.header-social-login a i {
	font-size: 10px;
	margin-right: 5px;
}
.user-info-content {
	margin: 25px 30px;
	position: relative;
}
.login-header .user-info-avatar {
	position: relative;
	float: left;
	margin-right: 15px;
}
.login-header .user-info-avatar img {
	width: 40px !important;
	background: #fff;
}
.login-header .user-info-avatar a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	background: var(--color-text-main);
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #fff !important;
	line-height: 40px;
	opacity: 0;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.login-header .user-info-avatar:hover a {
	opacity: 0.9;
}
.login-header .logout-btn {
	padding: 5px 8px;
	border-radius: 50px;
	color: #fff;
	position: absolute;
	top: 25px;
	right: 40px;
	text-decoration: none;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.login-header .logout-btn:hover {
	color: #fff !important;
	opacity: 0.6;
}
.user-info-content .user-name {
	flex-grow: 1;
	font-size: 15px;
	font-weight: 500;
	color: #595d6e;
	display: block;
	padding-top: 5px;
	max-width: 140px;
}
.user-info-content .user-info {
	position: relative;
	overflow: hidden;
	text-align: center;
	font-weight: 500;
	padding: 15px 20px;
	border-radius: 6px;
	font-size: 11px;
	letter-spacing: 0.3px;
	display: inline-grid;
	margin-left: 10px;
	color: var(--color-text-main);
	text-decoration: none;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.user-info-content .user-info:hover {
	color: var(--color-dark);
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}
.user-info-content .user-info:first-child {
	margin-left: 0px !important;
}
.user-info-content .user-info i {
	color: #808080;
	opacity: 0.3;
	left: -10px;
	position: absolute;
	font-size: 30px;
	top: 22px;
	line-height: 0;
	pointer-events: none;
}
.user-info-content .number-services {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: inline-grid;
}
.user-info-content .number-services span {
	font-size: 12px;
	font-weight: initial;
}
.user-quicklinks {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	height: 100%;
	padding: 15px 0;
	margin: 0;
}
.user-quicklinks li {
	width: 100%;
	list-style: none;
	position: relative;
	padding: 0px 30px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.user-quicklinks li a {
	font-size: 13px !important;
	color: #595d6e;
	font-weight: 500;
	padding: 15px;
	display: block;
	padding-left: 55px !important;
	text-decoration: none;
	border-bottom: solid 1px var(--color-grey-light);
}
.user-quicklinks li:nth-child(3) a {
	border-bottom: none !important;
}
.user-quicklinks li a i {
	padding: 10px;
	border-radius: 50px;
	color: #fff;
	font-size: 17px;
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.user-quicklinks li:hover a i:last-child {
	color: #c8d2d6;
}
.user-quicklinks li:hover a i {
	color: #fff;
	background-color: #a1a4d2;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.user-quicklinks li a span {
	display: block;
	font-weight: 400;
	font-size: 13px;
	color: #808080;
	margin-top: 4px;
}
.header .dropdown.open .dropdown-menu.logined-user-drop-down:before {
	right: 15px;
}
.login-left-side-custom {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	width: 605px;
	padding: 3rem 3.5rem;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100%;
	overflow: hidden;
	background: #48486b;
	background: -webkit-linear-gradient(left top, #79799c, #131327);
	background: -o-linear-gradient(bottom right, #79799c, #131327);
	background: -moz-linear-gradient(bottom right, #79799c, #131327);
	background: linear-gradient(to bottom right, #79799c, #131327);
	position: relative;
	position: fixed;
	height: 100%;
}
.login-left-side-custom #particles-bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	pointer-events: none;
}
.login-left-side-custom .custom-login-bg {
	position: absolute;
	left: 0;
	right: 0;
	width: 1600px;
	bottom: 0;
	pointer-events: none;
}
.login-right-side-custom {
	flex: 1 auto;
	-ms-flex: 1 0 0px;
	min-width: 0;
	padding: 3rem 3rem;
	background: #fff;
	max-width: 100%;
	padding-left: 635px;
}
.kt-grid {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 90px;
	padding: 90px 20px 20px 80px;
}
.item-middle {
	top: 36%;
	transform: translateY(-50%);
	position: relative;
}
.item-middle .login-title {
	font-size: 25px;
	font-weight: 600;
	color: #3c4b52;
}
.item-middle .login-subtitle {
	font-size: 13px;
	font-weight: 200;
	margin-top: 18px;
	word-wrap: break-word;
	color: rgba(60, 75, 82, 0.55);
}
.login-wrapper {
	display: flex;
	height: 100%;
	margin-bottom: 50px;
}
.login-wrapper .login-form-container {
	position: relative;
	border-radius: 12px;
	width: 100%;
	margin: auto;
}
.login-right-side-custom .login-head {
	font-size: 13px;
	font-weight: 600;
	text-align: right;
	color: #74788d;
	margin-top: 15px;
}
.login-right-side-custom .login-head a {
	color: #03a9f4;
}
.login-right-side-custom .login-head .phone-homepage-login-link {
	float: left;
	display: none;
}
.login-wrapper .login-form-container .login-title {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	color: #474763;
	margin-bottom: 40px;
}
.login-wrapper .login-form-container .login-form input.form-control {
	border: none;
	height: 52px;
	margin-top: 1.25rem;
	background-color: #fff;
	padding: 15px 60px 15px 30px;
	outline: none !important;
	box-shadow: none !important;
	border: solid 1px #808080 !important;
}
.login-wrapper .login-form-container .login-form input.form-control:hover {
	background-color: #fff;
	outline: none !important;
	box-shadow: none !important;
}
.login-wrapper .login-form-container .login-form .btn {
	font-weight: 600;
}
.login-wrapper .login-form-container .login-form .btn-primary {
	background-color: #5867dd;
	border-color: #5867dd;
}
.divider {
	padding: 15px;
	margin: 0 auto;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	color: #6c757d;
}
.divider > span:first-child {
	width: 100%;
	height: 1px;
	flex: 1;
	background: var(--color-grey);
	display: inline-block;
}
.divider > span:last-child {
	width: 100%;
	height: 1px;
	flex: 1;
	background: var(--color-grey);
	display: inline-block;
}
.divider > span:not(:first-child):not(:last-child) {
	padding: 0 2rem;
}
.login-wrapper .login-form-container .btn-social {
	width: 100%;
	text-align: center;
	padding-left: 12px;
	margin-bottom: 7px;
}
.login-wrapper .login-form-container #registration input.field {
	padding: 6px 12px;
}
.login-wrapper .login-form-container #registration input.field::placeholder {
	color: #b9bbd0;
}
.login-wrapper .login-form-container #registration input.form-control:hover,
.login-wrapper .login-form-container #registration input.field:hover {
	background-color: rgba(247, 247, 249, 0.9);
	outline: none !important;
	box-shadow: none !important;
}
.login-wrapper .login-form-container #registration select.form-control {
	border: none;
	height: 50px;
	background-color: rgba(247, 247, 249, 0.7);
	transition: background-color 0.3s ease;
	outline: none !important;
	box-shadow: none !important;
}
.intl-tel-input.separate-dial-code .selected-flag {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
.intl-tel-input.iti-sdc-5 input {
	padding-left: 100px !important;
}
.intl-tel-input.iti-sdc-4 input {
	padding-left: 92px !important;
}
.intl-tel-input.iti-sdc-3 input {
	padding-left: 85px !important;
}
.intl-tel-input.iti-sdc-2 input {
	padding-left: 80px !important;
}
.intl-tel-input .selected-flag .iti-flag {
	width: 16px;
	border-radius: 50px;
}
#registration .sub-heading {
	margin-top: 30px;
	margin-bottom: 40px;
}
#registration .sub-heading span {
	padding: 0 18px;
	font-size: 12px;
	color: #c7c8d8;
}
#default-captcha-domainchecker #inputCaptcha {
	height: 23px;
	margin-top: 4px;
}
.login-wrapper .login-form-container #registration select.form-control {
	border: none;
	height: 50px;
	background-color: rgba(247, 247, 249, 0.7);
	transition: background-color 0.3s ease;
	outline: none !important;
	box-shadow: none !important;
}
.login-wrapper .login-form-container #registration .btn-primary {
	background-color: #5867dd;
	border-color: #5867dd;
}
.login-left-side-custom.standard-version {
	background: #5360ca;
	background: -moz-linear-gradient(top, #5360ca 0%, #a458e1 85%);
	background: -webkit-linear-gradient(top, #5360ca 0%, #a458e1 85%);
	background: linear-gradient(to bottom right, #5360ca 0%, #a458e1 85%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5360ca', endColorStr='#a458e1', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5360ca', endColorStr='#a458e1', GradientType=0)";
}
/* New Login Page */
.loginpage {
	height: 100vh;
	width: 100%;
	display: table;
	margin: 0;
	padding: 0;
}
.not-login a.iconews {
	display: none;
}
.loginpage .login-page-header {
	position: relative;
	width: 100%;
	margin: auto;
	padding: 30px 0;
}
.loginpage .login-page-header i {
	border-radius: 50px;
	padding: 10px;
	color: #fff;
	position: absolute;
	left: auto;
	right: 20px !important;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.loginpage .login-page-header i:hover {
	background-color: #afb3db !important;
	color: #fff !important;
	border: none;
}
.loginpage .login-page-header .navbar-brand {
	height: initial;
	width: 200px;
	top: -70px;
	padding: 0;
	z-index: 2;
	float: left;
	margin-right: auto;
	height: auto;
	background: transparent !important;
}
.loginpage .login-page-header .navbar-brand .w-logo {
	width: 35px;
	display: inline-block;
	vertical-align: middle;
}
.loginpage .login-page-header .navbar-brand .w-text {
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	font-weight: 700;
	color: #4f6496 !important;
	letter-spacing: 0.5px;
}
.loginpage .login-wrapper .login-form-container .login-title {
	position: relative;
	font-weight: 100;
	font-size: 25px;
	text-transform: capitalize;
}
.loginpage .login-wrapper .login-form-container .login-title span {
	display: block;
	font-size: 14px;
	margin-top: 6px;
	color: var(--color-grey);
	text-transform: lowercase;
	font-weight: 100;
}
.loginpage .login-wrapper .login-form-container .btn-social {
	display: block;
	padding: 0 !important;
	border-radius: 50px;
	position: relative;
	font-size: 13px !important;
	text-align: center;
	color: #fff;
	cursor: pointer;
	transition: 0.3s ease;
	border: 0;
	outline: none !important;
}

.btn-social.btn-facebook {
	font-size: 14px;
	background: #8b9dc3;
	color: #fff !important;
	align-items: center;
	border: none;
}

.btn-social.btn-facebook:hover {
	background: #3b5998;
	color: #fff !important;
}

.btn-social.btn-google {
	background: #fff;
	color: #fff !important;
	align-items: center;
	border: none;
	display: flex;
	margin-left: 10px;
}

.btn-social.btn-google:hover {
	background: #fff !important;
	color: #000 !important;
}

.social-signin-btns div {
	border: none;
}

.providerPreLinking .social-signin-btns {
	display: flex !important;
	text-align: left !important;
}

.providerPreLinking .social-signin-btns .btn {
	padding: 0px 12px !important;
}

.btn-social i {
	position: relative;
	font-size: 21px;
	margin-right: 10px;
	top: 3px;
}

.loginpage .login-wrapper .login-form-container .btn-social img {
	width: 28px;
	height: 28px;
	top: 13px;
	left: 20px;
	position: absolute;
	font-size: 25px;
	border-radius: 50px;
}
.forgotpw-txt {
	display: block;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.forgotpw-txt:hover {
	color: #5c65ae;
	text-decoration: underline;
}
.loginpage .login-wrapper .login-form-container .login-form .btn-primary {
	transition-property: background-color, box-shadow;
	background: #6b838c;
	box-shadow: 0 4px 8px 0 rgba(0, 25, 85, 0.1);
	display: block;
	width: 100%;
	margin-top: 40px;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border-radius: 4px;
	font-size: 11px;
	border: 0;
	height: 44px;
	outline: none !important;
}
.loginpage .login-wrapper .login-form-container #registration input.form-control,
.loginpage .login-wrapper .login-form-container #registration input.field,
.loginpage .login-wrapper .login-form-container #registration select.form-control {
	height: 52px;
	padding: 15px 60px 15px 30px;
	border-radius: 2px;
	box-shadow: none;
	border: solid 1px grey !important;
	background-color: transparent;
	border-radius: 50px;
}
.loginpage .login-wrapper .login-form-container .form-group {
	position: relative;
}
.loginpage .login-wrapper .login-form-container .generate-password {
	position: absolute;
	right: 10px;
	border: 0;
	top: 10px;
	background: var(--color-success);
	border-radius: 50px;
	height: 30px;
	width: 30px;
	text-align: center;
	padding: 0;
}
.loginpage .login-wrapper .login-form-container .generate-password i {
	font-weight: 900;
	color: #fff;
	font-size: 16px;
}
.loginpage #registration .sub-heading {
	margin-top: 30px;
	margin-bottom: 40px;
	border-top: 1px solid #ebecf1;
}
.loginpage #registration .sub-heading span {
	padding: 0 18px;
	background: #f7f9fc;
	font-size: 10px;
	color: #444;
}
.loginpage .progress {
	height: 6px;
	background-color: transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: absolute;
	left: 20px;
	right: 20px;
	margin: 0;
	bottom: -5px;
	border-radius: 10px;
}
.loginpage .password-strength-meter p {
	font-size: 11px;
	font-weight: 100;
	color: #91a3ac;
	margin-top: 10px;
}
.marketing-email-optin {
	margin-top: 80px;
	padding: 50px;
	border-radius: 12px;
}
.marketing-email-optin h4 {
	font-weight: 100;
	font-size: 16px;
	text-transform: capitalize;
}
.marketing-email-optin p {
	display: block;
	font-size: 12px;
	margin-top: 6px;
	color: #6c757d;
	line-height: 24px;
	text-transform: lowercase;
	font-weight: 100;
}
.loginpage .login-wrapper .login-form-container #registration .btn-primary {
	transition-property: background-color, box-shadow;
	background: #6b838c;
	box-shadow: 0 4px 8px 0 rgba(0, 25, 85, 0.1);
	display: block;
	width: 100%;
	margin-top: 40px;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border-radius: 4px;
	font-size: 11px;
	border: 0;
	height: 44px;
	outline: none !important;
}
.loginpage .panel-danger .panel-heading {
	border: none;
}
.loginpage .tospanel .panel-body {
	padding-left: 0px;
}
/*------------------------------------------------------------------
  15. Main Body
-------------------------------------------------------------------*/
section#main-body {
	background: transparent;
}
section#main-body .card-header h5 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	color: #464457;
}
section#main-body .card-header h5 i {
	padding-right: 5px;
	font-size: 13px;
	color: #a7abc3;
}
section#main-body .card-header .card-header-right {
	right: 25px;
	top: 10px;
	float: right;
	padding: 0;
	position: absolute;
}
section#main-body .card-header .card-option .btn {
	border: none;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #b8c7cd;
	padding: 10px 10px;
	text-align: center;
}
section#main-body .card-header .card-option .btn:hover {
	color: #667479;
}
section#main-body .card-header .card-option .btn i {
	margin: inherit;
	font-size: 12px;
}
section#main-body .card-header .card-option .minimize-card,
section#main-body .card-header .card-option .reload-card {
	float: right;
}
/*------------------------------------------------------------------
  16. Profile
-------------------------------------------------------------------*/
.profile-client-area {
	margin-bottom: 15px;
	flex-direction: row;
	list-style: none;
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	padding: 0;
	border-bottom: 1px solid #eef1f4;
	padding-bottom: 25px;
}
.profile-client-area .col {
	padding-left: 15px;
	padding-right: 15px;
	-webkit-flex-direction: column;
	flex-direction: column;
	float: left;
}
.profile-client-area .col-md-8 > .row {
	flex-wrap: nowrap;
}
.profile-informations-info span {
	padding-right: 2rem;
	color: #74788d;
	font-weight: 400;
	float: left;
	font-size: 12px;
}
.profile-informations-info i {
	padding-right: 3px;
	font-size: 11px;
}
.profile-informations h6 {
	font-size: 16px;
	color: #48465b;
	font-weight: 500;
	align-items: center;
}
.profile-informations h6 i {
	font-size: 1.2rem;
	color: #57c974;
	padding-left: 0.5rem;
}
.profile-informations-text {
	float: left;
	display: block;
	color: #595d6e;
	font-weight: 400;
	padding-right: 2rem;
	flex-grow: 1;
	margin-bottom: 0.5rem;
	margin-top: 13px;
	max-width: 70%;
	font-size: 12px;
}
.profile-informations-button {
	text-align: right;
}
.profile-informations-button a {
	display: inline-block;
	width: 120px;
	height: 100px;
	border: 1px solid #ececec;
	padding: 10px;
	border-radius: 6px;
	text-align: center;
	font-size: 11px;
	color: #5e5c75;
	font-weight: 600;
	align-items: center;
	text-decoration: none !important;
	margin: 15px 3px 0;
}
.profile-informations-button a:hover {
	background: #f5f7f8;
}
.profile-informations-button a i {
	display: block;
	margin: 4px 0 1px;
	font-weight: 500;
}
.area-discreted-info-user .content-serv {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	border: solid 1px #edf2f4;
	padding: 30px;
	margin-bottom: 30px;
}
.area-discreted-info-user .content-serv:before {
	content: "";
	position: absolute;
	width: 250px;
	height: 250px;
	top: -120px;
	right: -120px;
	border-radius: 100%;
	background-color: #a1a4d2;
	z-index: 0;
	opacity: 0.1;
}
.area-discreted-info-user .content-serv i {
	margin-bottom: 15px;
	display: table;
	font-size: 22px;
	color: #5c65ae;
	padding: 10px;
}
.area-discreted-info-user a span.title {
	display: block;
	color: var(--color-text-main);
	font-weight: 600;
	font-size: 18px;
}
.area-discreted-info-user a span:last-child {
	display: block;
	color: var(--color-grey);
	font-weight: 500;
	font-size: 12px;
	margin-top: 5px;
}
.user-info-creditbalance {
	display: inline-block;
	background: #1de9b6;
	color: #fff;
	width: max-content;
	padding: 7px 20px 24px;
	border-radius: 4px;
	font-size: 12px;
	letter-spacing: 0.5px;
	vertical-align: top;
	position: relative;
	margin-top: -4px;
	text-align: center;
	min-width: 140px;
	margin-right: 10px;
}
.user-info-creditbalance a {
	position: absolute;
	left: 0;
	font-size: 10px;
	width: 100%;
	bottom: 0px;
	padding: 4px 0;
	font-style: normal;
	text-align: center;
	background: rgba(51, 51, 51, 0.06);
	border-radius: 0 0 4px 4px;
	text-decoration: none;
	color: #fff;
}
.invoices-elements-tringo {
	background-color: rgba(34, 185, 255, 0.09);
	cursor: text !important;
	font-weight: 500;
	padding: 11px;
	border-radius: 4px;
	margin-bottom: 5px;
	font-size: 12px;
}
.invoices-elements-tringo .total {
	color: var(--color-text-main);
	font-weight: 500;
	font-size: 14px;
	margin-left: 10px;
	display: inline-block;
}
.invoices-elements-tringo .invoice-pay-button {
	margin-left: auto;
	color: #fff;
	border: 0;
	background: #9575cd;
	font-weight: 400;
	font-size: 11px;
	padding: 4px 14px;
	float: right;
	margin: 9px 0 0;
	text-decoration: none;
	border-radius: 4px;
}
.invoices-elements-tringo .invoice-pay-button.status-unpaid {
	background: var(--color-danger);
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.invoices-elements-tringo .invoice-pay-button.status-unpaid:hover {
	background: #cc5656;
}
.invoices-elements-tringo .invoice-pay-button.status-paid {
	background: #1de9b6;
}
.row .col-md-12 .invoices-elements-tringo:last-child {
	margin-bottom: 25px;
}
.panel-default {
	border-color: #f2f3f4;
	border: none;
	box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.panel-body {
	padding: 20px 50px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.client-home-panels .panel > .panel-heading {
	align-items: stretch;
	justify-content: space-between;
	position: relative;
	padding: 18px 18px;
	border-bottom: 1px solid #ebedf2;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.client-home-panels .panel > .panel-heading .panel-title .btn {
	position: absolute;
	right: 0;
	top: 9px;
	color: #22b9ff;
	background: #f0f3ff;
	font-weight: bold;
	font-size: 11px;
	padding: 8px 20px;
}
.client-home-panels .panel > .panel-heading .panel-title .btn > i {
	margin-right: 5px;
}
.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
	color: #22b9ff;
	background: #e4e7f0;
}
.client-home-panels .panel > .list-group .list-group-item {
	padding: 10px 15px;
	font-size: 12px;
	color: #595d6e;
	font-weight: 500;
	display: block;
	margin: 0;
}
.client-home-panels .panel > .list-group {
	border: 0;
}
.client-home-panels .panel > .list-group .list-group-item .text-last-updated {
	font-weight: 400;
	font-size: 10px;
	color: #acbbc8;
}
/*------------------------------------------------------------------
  17. Dropnav
-------------------------------------------------------------------*/
.dropnav-header-lined {
	right: 40px;
	top: 10px;
	position: absolute;
}
.dropnav-header-lined .dropdown-menu {
	right: 0;
	left: auto;
	border: 0 !important;
	min-width: 300px;
	box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
	padding: 30px;
	border-radius: 2px;
}
.dropnav-header-lined button.dropside-content {
	width: 40px;
	height: 40px;
	color: #fff;
	padding: 0;
	font-size: 18px;
	border-radius: 50px;
	outline: none;
	border-color: transparent;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.dropnav-header-lined button.dropside-content:hover {
	opacity: 0.6;
}
.drop-down-btn.dropside-content:hover,
.dropnav-header-lined.open .drop-down-btn.dropside-content {
	background: #a1a4d2;
	color: #fff;
}
.dropnav-header-lined .dropdown-menu .panel-heading {
	padding: 7px 10px;
	border-radius: 0;
	border-bottom: 0;
	margin-bottom: 5px;
	background-color: transparent;
}
.dropnav-header-lined .dropdown-menu .list-group-item {
	font-weight: 500;
	border: 0;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 4px;
}
a.list-group-item.active,
a.list-group-item.active:focus {
	background-color: var(--bg-prata-light) !important;
	color: #808080 !important;
}

.list-group-item.active,
.list-group-item.active:focus {
	color: #b6b6b6;
}

a.list-group-item {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
a.list-group-item:hover {
	color: var(--color-dark);
}

.dropnav-header-lined .dropdown-menu .list-group {
	margin-bottom: 0px;
}
.dropnav-header-lined .dropdown-menu .panel-footer {
	display: inline-block;
	background-color: transparent;
	border: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.dropnav-header-lined .dropdown-menu .btn {
	font-size: 10px;
	padding: 8px 10px;
	display: initial;
}
.dropnav-header-lined .dropdown-menu .btn > i {
	margin-right: 2px;
}
.dropnav-header-lined .dropdown-menu .col-button-left {
	padding-left: 0;
	padding-right: 0;
}
.dropnav-header-lined .dropdown-menu .item-drop-side {
	line-height: 24px;
	position: relative;
	margin-bottom: 20px;
	box-shadow: none;
}
.dropnav-header-lined .dropdown-menu .item-drop-side:last-child {
	margin-bottom: 0;
}
.dropnav-header-lined .dropdown-menu .item-drop-side.panel {
	background-color: transparent;
	border: none;
}
.panel.panel-default .input-group {
	display: table;
	width: auto;
}
.dropnav-header-lined.open form .input-group-btn .btn {
	font-size: 12px;
	margin: 0px;
	padding: 16.5px;
	transform: none;
}
.header-lined .container-clientarea {
	margin-bottom: 0px;
}
.header-lined h1.mergecolor {
	color: var(--color-dark);
	font-weight: 700;
}
.main-content div.header-lined p {
	margin: 0;
	font-size: 11px;
}
div.header-lined small {
	font-size: 12px;
	padding-left: 4px;
	font-weight: 300;
	line-height: 28px;
	white-space: initial;
}
.client-home-panels .panel > .list-group .list-group-item strong {
	font-weight: 500;
}
.client-home-panels .panel > .list-group .list-group-item small {
	font-weight: 400;
	font-size: 10px;
	color: #acbbc8;
}
.client-home-panels .panel > .list-group .list-group-item .label {
	float: right;
	padding: 8px 20px;
	margin: 5px 0;
	border-radius: 4px;
}
.header-hight-fixed {
	height: 70px;
}
.dropnav-header-lined .panel-body {
	font-size: 13px;
	font-weight: 500;
	padding: 10px 10px;
	line-height: 22px;
}
/*------------------------------------------------------------------
  18. Ticket
-------------------------------------------------------------------*/
.departments-ticket-show {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	border: solid 1px #edf2f4;
}
.departments-ticket-show .header-ticket {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-dark);
	width: 100%;
	padding-left: 20px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	padding: 30px 60px 30px 40px;
	display: block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.departments-ticket-show p {
	position: relative;
	overflow: hidden;
	padding: 40px;
	font-size: 14px;
	color: var(--color-text-main);
	line-height: 32px;
	margin: 0px;
}
.departments-ticket-show-icon svg {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.departments-ticket-show:hover .departments-ticket-show-icon svg {
	right: -15px;
}
.departments-ticket-show-icon g [fill] {
	fill: #1dc9b7 !important;
}
.dropnav-header-lined .dropdown-menu .recent-ticket small {
	display: none;
}
#inputAttachments.form-control,
#fileUploadsContainer .form-control {
	padding: 8px 14px;
	height: 38px;
	line-height: unset;
}
#ticketReply.panel-heading {
	border: 0;
}
.panel-info > .panel-heading {
	color: #fff;
}
.main-content.card-load {
	margin-bottom: 0;
}
.ticket-reply {
	display: block;
	margin: 25px 0;
	border: 0 !important;
	background: transparent;
}
.ticket-reply .user {
	align-items: center;
	float: left;
	width: 100%;
	display: flex;
	background: transparent;
}
.ticket-reply .user img {
	background-color: rgba(0, 0, 0, 0.1) !important;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 30px;
}
.ticket-reply .user .name {
	font-size: 18px;
	color: #48465b;
	font-weight: 500;
	float: left;
	vertical-align: middle;
	padding: 3px 0 3px 8px;
}
.ticket-reply .user .type {
	float: left;
	vertical-align: middle;
	background: #808080;
	color: #fff;
	margin: 5px;
	padding: 1px 6px;
	font-weight: 400;
	border-radius: 6px;
	font-size: 9px;
	text-transform: lowercase;
}
.ticket-reply .user .date {
	float: left;
	padding: 6px 10px;
	font-size: 0.8em;
	color: #74788d;
	font-weight: 400;
	letter-spacing: 0.5;
}
.ticket-reply .message {
	border: none !important;
	border-radius: 12px;
	line-height: 34px;
	padding: 50px;
	margin-top: 15px;
	display: inline-block;
	position: relative;
}
.ticket-reply .message strong {
	color: #4f5367;
	font-weight: 700;
}
.ticket-reply .message blockquote {
	background: rgba(238, 238, 238, 0.38823529411764707);
}
.ticket-reply .message .attachments {
	background: rgba(56, 65, 70, 0.04);
	padding: 15px;
	border-radius: 6px;
}
.ticket-reply .message .attachments ul {
	list-style: none;
	padding: 10px 2px;
	margin-bottom: 0;
}
.ticket-reply .message hr {
	border-top: 1px solid rgba(96, 125, 139, 0.08);
}
.ticket-reply .message h3 {
	font-size: 1.23em;
	color: #333;
	font-weight: 600;
}
.ticket-reply.staff .user {
	background: transparent;
}
.ticket-reply .rating,
.ticket-reply .rating-done {
	float: left;
	padding: 3px 10px;
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 14px;
	padding-left: 0;
}
.ticket-reply .rating span.star,
.ticket-reply .rating-done span.star {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-style: normal;
	display: inline-block;
}
.ticket-reply .rating span.star:before,
.ticket-reply .rating-done span.star:before {
	content: "\f005";
	padding-right: 0;
	color: rgba(57, 49, 77, 0.1411764705882353);
}
.ticket-reply .rating span.star:hover:before,
.ticket-reply .rating span.star:hover ~ span.star:before,
.ticket-reply .rating-done span.star.active:before {
	content: "\f005";
	color: #f2de88;
}
.ticket-reply .rating-done div.rated {
	display: none;
}
form .form-group {
	margin-bottom: 25px !important;
}
form .form-group .btn-toolbar .btn {
	transform: none !important;
	background-color: #6c757d !important;
	border-radius: 3px !important;
	border: none !important;
	color: #fff !important;
	letter-spacing: initial !important;
	padding: 5px 9px !important;
	opacity: 1 !important;
	-webkit-transition: all 0.3s linear 0s !important;
	-moz-transition: all 0.3s linear 0s !important;
	-ms-transition: all 0.3s linear 0s !important;
	transition: all 0.3s linear 0s !important;
}
form .form-group .btn-toolbar .btn:hover {
	opacity: 0.8 !important;
}
label {
	font-weight: 400 !important;
	font-size: 12px !important;
	margin-bottom: 15px !important;
}

/*------------------------------------------------------------------
  19. Footer
-------------------------------------------------------------------*/
.footer .footer-bottom .footer-menu {
	display: flex;
	align-items: center;
}
#footer.footer {
	position: absolute;
	z-index: -1;
	width: 100%;
	left: 0;
}
/*------------------------------------------------------------------
  20. Product
-------------------------------------------------------------------*/
div.product-details-tab-container {
	border: 1px solid #e2e9ec;
	border-top: 1px solid #e2e9ec;
	border-radius: 0 8px 8px 8px;
}
div.product-details div.product-icon {
	background-color: #f3f6f7;
	border-radius: 7px;
}
div.product-details div.product-icon .fas.fa-circle {
	color: #3d484e;
}
div.product-details div.product-icon .fas.fa-hdd {
	font-size: 40px;
}
div.product-details div.product-icon h3 {
	font-size: 10px;
	font-weight: 500;
	position: relative;
	background: #ffc107;
	width: max-content;
	margin: auto;
	margin-top: -25px;
	padding: 8px 40px;
	border-radius: 5px;
	color: #fff;
	letter-spacing: 0.3px;
	max-width: 280px;
	overflow: hidden;
}
.product-status-active {
	background-color: #4caf50;
}
.product-details .col-md-6.text-center {
	font-size: 11px;
}
.product-details .col-md-6.text-center > h4 {
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 600;
}
.product-overbox {
	background: rgba(70, 24, 107, 1);
	background: radial-gradient(circle, rgba(245, 163, 171, 1) 0%, rgba(37, 24, 107, 1) 0%, rgba(70, 24, 107, 1) 100%);
	border: 0;
	border-bottom: 0;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	min-height: 354px;
}
.product-overbox .product-status-text {
	position: absolute;
	left: 20px;
	bottom: 20px;
	background: #4caf50;
	color: #fff;
	padding: 7px 0;
	display: block;
	right: 20px;
	text-align: center;
	font-weight: 500;
	border-radius: 8px;
	font-size: 11px;
}
.product-overbox.pending .product-status-text {
	background: #f6b260;
}
.product-overbox.completed .product-status-text {
	background: #e91e63;
}
.product-overbox.terminated .product-status-text {
	background: #e91e63;
}
.product-overbox.suspended .product-status-text {
	background: #ceb902;
}
.product-overbox.cancelled .product-status-text {
	background: var(--color-danger);
}
.product-overbox.fraud .product-status-text {
	background: var(--color-danger);
}
.product-overbox .prod-info-abso {
	position: absolute;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.product-overbox .prod-info-abso i {
	background: #00bcd4;
	font-size: 20px;
	display: block;
	color: #fff;
	width: 50px;
	border: 0;
	height: 50px;
	border-radius: 80px;
	line-height: 50px;
	margin: auto;
}
.product-overbox .prod-info-abso h3 {
	color: #fff;
	font-weight: 600;
	border: 2px solid #fff;
	border-radius: 20px;
	text-decoration: none !important;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: relative;
	font-size: 11px;
	padding: 7px 17px;
	margin-top: 15px;
	margin: 15px auto 0;
	width: max-content;
}
.product-overbox .prod-info-abso h4 {
	font-size: 11px;
	color: #fff;
	font-weight: 100;
	margin-top: 5px;
	opacity: 0.8;
}
/*------------------------------------------------------------------
  21. Announcement
-------------------------------------------------------------------*/
.announcement-single .title {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text-main);
	width: 100%;
	padding-left: 20px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	background-color: #dfe0f1;
	padding: 30px 60px 30px 40px;
	display: block;
}
.announcement-single .title:hover {
	color: #5c65ae;
}
.announcement-single {
	overflow: hidden;
	position: relative;
	border-radius: 12px;
	border: solid 1px #edf2f4;
}
.announcement-single .article-items {
	text-align: right;
	padding: 0px 40px 40px;
}
.announcement-single p {
	position: relative;
	overflow: hidden;
	padding: 40px;
	font-size: 13px;
	color: #72838b;
	line-height: 28px;
	margin: 0px;
}
.announcement-single:before {
	content: "";
	position: absolute;
	width: 250px;
	height: 250px;
	bottom: -60px;
	right: -60px;
	border-radius: 100%;
	background-color: #dfe0f1;
	z-index: 0;
	opacity: 0.3;
}
.announcement-time-title {
	float: right;
	background-color: #dfe0f1;
	color: #5c65ae;
	border: 0 !important;
	padding: 4px 8px;
	border-radius: 50px;
	font-size: 10px;
	margin-left: 5px;
	font-weight: 600;
	border-radius: 12px;
}
.homepage-announcement-title span {
	vertical-align: middle;
	font-weight: 500;
	font-size: 1.3rem;
	color: #74788d;
	min-width: 65px;
	display: inline-block;
}
.homepage-announcement-title a {
	font-size: 13px;
	font-weight: 500;
	color: #74788d;
	width: 100%;
	border-left: 2px solid #1de9b6;
	padding: 3px;
	padding-left: 2rem;
	margin-left: 15px;
}
.homepage-announcement-title {
	position: relative;
}
.homepage-announcement-title .label-read-more-anononcement {
	background-color: rgba(70, 85, 210, 0.12);
	color: #5867dd;
	border: 0 !important;
	padding: 9px 25px;
	border-radius: 6px;
	font-size: 12px;
	float: right;
	width: auto;
	display: block;
	margin: 0;
	margin-top: 1px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.homepage-announcement-title .label-read-more-anononcement:hover {
	background-color: rgba(70, 85, 210, 0.22);
	color: #5867dd;
}
/*------------------------------------------------------------------
  22. Clientarea
-------------------------------------------------------------------*/
.container-clientarea {
	position: relative;
}
.container-clientarea .header-accout-details {
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.container-clientarea .header-features-icons {
	margin-right: 15px;
	float: right;
}
.pay-method .badge.feat {
	right: 10px;
	font-size: 18px !important;
	padding: 9px 9.5px;
}
.container-clientarea .header-features-icons .badge.feat {
	position: relative;
	left: initial;
	right: 10px;
	margin-left: 10px;
	font-size: 18px !important;
	padding: 9px 9.5px;
}
.container-clientarea .header-accout-details span.adress {
	display: block;
	font-size: 14px;
	font-style: italic;
}
.container-clientarea .clientarea-new-header {
	position: relative;
	width: 100%;
}
.container-clientarea .clientarea-new-header .profile-photo {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	left: 0;
}
.container-clientarea .clientarea-new-header .profile-photo a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50px;
	background: #333;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: #fff !important;
	line-height: 60px;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.container-clientarea .clientarea-new-header .profile-photo:hover a {
	opacity: 0.9;
}
.profile-photo .gravatar {
	width: 80px;
	background-color: rgba(0, 0, 0, 0.1) !important;
}
.container-clientarea .clientarea-new-header .username {
	vertical-align: bottom;
}
.container-clientarea .area-discreted-info-user {
	background: #202e35;
	margin-top: 30px;
	border-radius: 8px;
	padding: 4px 15px 0px;
}
.container-clientarea .area-discreted-info-user a {
	position: relative;
	display: inline-block;
	padding-left: 27px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 5px 0 5px;
	margin-right: 20px;
	text-decoration: none;
	align-items: center;
	min-width: 110px;
	border-right: 1px solid #334148;
	overflow: hidden;
}
.container-clientarea .area-discreted-info-user a i {
	color: var(--color-white);
	font-weight: 400;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.container-clientarea .area-discreted-info-user a i:before {
	font-size: 20px;
}
.container-clientarea .area-discreted-info-user a span.title {
	display: block;
	color: #fff;
	font-weight: 300;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}
.container-clientarea .area-discreted-info-user a span:last-child {
	display: block;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	right: -2px;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
}
.container-clientarea .user-info-creditbalance {
	position: absolute;
	top: 23px;
	right: 30px;
	padding: 10px 21px 33px;
	font-weight: 100;
}
#promotions-slider {
	border-radius: 12px !important;
	border: none !important;
	margin-bottom: 0 !important;
}
.promo-container {
	position: relative;
}
#promotions-slider .carousel-inner {
	border: none;
	border-radius: 12px;
}
.promo-container .promotions-slider-control {
	position: absolute;
	width: 100%;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.promo-container .promotions-slider-control .carousel-control-prev-icon {
	position: absolute;
	left: 20px;
	padding: 10px;
	border-radius: 50%;
	opacity: 0.4;
	background-color: var(--color-dark);
	font-size: 28px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.promo-container .promotions-slider-control .carousel-control-prev-icon:hover {
	opacity: 0.8;
}

.promo-container .promotions-slider-control .carousel-control-next-icon {
	position: absolute;
	right: 20px;
	padding: 10px;
	border-radius: 50%;
	opacity: 0.4;
	background-color: var(--color-dark);
	font-size: 28px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.promo-container .promotions-slider-control .carousel-control-next-icon:hover {
	opacity: 0.8;
}

.promo-container .header h3 {
	width: 100%;
	font-size: 52px;
	margin-top: 0px;
	margin-bottom: 50px;
	text-transform: capitalize;
	text-align: center;
	position: relative;
	display: inline-block;
	color: #181b22;
	line-height: 52px;
	font-weight: 700;
}

#promotions-slider .promo-banner {
	position: relative;
	padding: 80px;
	border: solid 1px #edf2f4;
	border-radius: 12px;
	border: none !important;
}
#promotions-slider .promo-banner .icon-left {
	width: 60px;
	bottom: 40px;
	right: 30px;
	position: absolute;
}
#promotions-slider .promo-banner .btn {
	padding: 15px 30px;
	background-color: var(--color-primary) !important;
	color: #000 !important;
	border: none;
}
#promotions-slider .promo-banner .btn:hover {
	background-color: #4c4a4a !important;
	color: #fff !important;
	border: none;
}
#promotions-slider .promo-banner .content {
	line-height: 42px;
	margin: 30px 0 10px 0 !important;
}
#promotions-slider .promo-banner .panel-body {
	padding: 0px;
}
#promotions-slider .promo-banner .content i {
	color: #a1a4d2;
	margin-right: 5px;
	font-size: 16px;
}
#promotions-slider .promo-banner a {
	color: #fff !important;
}
#promotions-slider .promo-banner h3 small a {
	position: absolute;
	font-size: 12px;
	border-radius: 12px;
	right: 10px;
	top: 10px;
	z-index: 1;
	padding: 5px 10px;
	color: #fff;
}
#promotions-slider .promo-banner h3 {
	font-weight: 500;
}
#promotions-slider .promo-banner h4 {
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 20px;
	display: inline-block;
}
#promotions-slider .promo-banner ul {
	display: inline-block;
	width: 100%;
}
#promotions-slider .promo-banner ul li {
	margin: 0 15px 0 0 !important;
	font-size: 15px !important;
	line-height: 38px !important;
	width: auto !important;
}
#promotions-slider .flickity-button {
	display: none;
}
#promotions-slider .promo-banner .carousel-specs-footer {
	position: relative;
}
#promotions-slider .promo-banner .carousel-specs-footer li {
	align-items: center;
	display: flex;
}
#promotions-slider .promo-banner .carousel-specs-footer li i {
	margin-right: 15px;
	font-size: 22px;
}
.promo-banner .logo-left {
	height: 40px;
}

.promo-banner {
	border: 0 !important;
	border-radius: 12px !important;
}
.promo-banner ul li {
	margin-right: 30px;
	float: left;
	width: initial !important;
}
.promo-banner .content {
	line-height: 60px !important;
	margin-top: 30px !important;
	margin-left: 0px !important;
}
.promo-banner .carousel-specs-footer {
	line-height: 30px;
	position: relative;
	font-size: 18px;
	margin-top: 30px;
}

/* Change Password */
.form-horizontal .has-feedback .form-control-feedback {
	color: var(--color-success);
	top: 5px;
	right: 30px;
}
.has-success .form-control {
	border-color: var(--color-success);
}
.progress {
	border-radius: 50px;
}
.progress-bar-success {
	background-color: var(--color-success);
}
/* End Change Password */
.glyphicon.glyphicon-chevron-left,
.glyphicon-chevron-right {
	color: #fff;
}
.domain-previw-box {
	position: relative;
}
.navbar ~ .main-container .container-clientarea .area-discreted-info-user {
	position: relative;
	transition: all 0.2s ease-in-out;
}
.navbar.navbar-collapsed ~ .main-container .container-clientarea .area-discreted-info-user {
	position: relative;
	transition: all 0.2s ease-in-out;
}
.domain-previw-box .overview-box {
	position: relative;
}
.domain-previw-box .overview-box span {
	display: block;
	padding: 15px 20px;
	font-weight: 100;
	border-bottom: 1px solid #808080;
}
.domain-previw-box .overview-box span:last-child {
	border-bottom: 0;
}
.domain-previw-box .overview-box span i {
	float: right;
	font-style: inherit;
	font-weight: 500;
}
.domain-previw-box .overview-box span i.Pending {
	background: #f6b260;
	border-radius: 12px;
	padding: 2px 12px;
	background: #f6b260;
}
.domain-previw-box .overview-box span i.Period,
.domain-previw-box .overview-box span i.Expired {
	background: var(--color-danger);
	border-radius: 12px;
	padding: 2px 12px;
	background: #f6b260;
}
.domain-previw-box .overview-box span i.Transferred {
	background: #6b838c;
	border-radius: 12px;
	padding: 2px 12px;
	background: #f6b260;
}
.domain-previw-box .overview-box span i.Cancelled {
	background: var(--color-danger);
	border-radius: 12px;
	padding: 2px 12px;
	background: #f6b260;
}
.domain-previw-box .overview-box span i.Fraud {
	background: #c3ced1;
	border-radius: 12px;
	padding: 2px 12px;
	background: #f6b260;
}
.no-right-padding {
	padding-right: 0 !important;
}
.right-overview-box-domain span.domain-main-info {
	display: block;
	text-align: center;
}
.right-overview-box-domain span.domain-main-info strong {
	display: block;
	font-size: 22px;
	margin-bottom: 5px;
}
.right-overview-box-domain span.domain-main-info a {
	font-weight: 700;
	position: relative;
	font-size: 22px;
	display: inline-block;
}
.right-overview-box-domain span.domain-main-info a i {
	margin: 0 auto;
	display: block;
	margin-top: 15px;
	font-style: unset;
}
.tab-content #tableDomainsList .ssl-inactive {
	background: transparent !important;
}
.tab-content .ssl-inactive img {
	padding: 0 !important;
	width: 32px;
}
.tab-content .ssl-inactive {
	line-height: 48px;
	margin: 0 auto;
	bottom: 0;
	background: var(--color-danger);
	color: #fff;
	text-align: center;
	border-radius: 12px;
	font-size: 18px;
}
.tab-content .ssl-inactive span {
	display: block;
	margin-top: 5px;
}
.tab-content #tableDomainsList .ssl-active {
	background: transparent !important;
}
.tab-content .ssl-active {
	line-height: 48px;
	margin: 0 auto;
	bottom: 0;
	background: var(--color-success);
	color: #fff;
	text-align: center;
	border-radius: 12px;
	font-size: 18px;
}
.tab-content .ssl-active span {
	display: block;
	margin-top: 5px;
}
.tab-content .expiry-date-ssl {
	border-bottom-right-radius: 12px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #f6b260;
	color: #fff;
	padding: 15px 0;
	display: block;
	text-align: center;
	font-weight: 500;
	border-bottom-left-radius: 12px;
	font-size: 12px;
}
.tab-content .expiry-date-ssl h4 {
	margin: 0;
	font-size: 10px;
	color: #fff;
	margin-bottom: 5px;
}
.dropnav-header-lined .list-group-item.disabled,
.dropnav-header-lined .list-group-item.disabled:focus,
.dropnav-header-lined .list-group-item.disabled:hover {
	color: #d4dde1;
	background-color: transparent;
}
.dropnav-header-lined .mc-panel-promo img {
	margin: 0 0 15px 0 !important;
	width: 120px !important;
}

.dropnav-header-lined .mc-panel-promo .panel-body span {
	text-decoration: underline;
	line-height: 27px;
	display: block;
	font-weight: 500;
	color: var(--color-text-main);
	text-align: left;
}
.domains-dotoday {
	overflow: hidden;
	position: relative;
	display: block;
	margin-top: 30px;
}
.domains-dotoday h4 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}
.domains-dotoday ul {
	padding: 0;
	list-style: none;
	margin: 0px;
}
.domains-dotoday ul li {
	font-size: 13px;
	padding: 10px 0px;
}
.domains-dotoday ul li a {
	color: var(--color-grey);
}
.domains-dotoday ul li a:hover {
	color: var(--color-text-main);
}
.addon-domains-box {
	border-radius: 8px;
	box-shadow: none;
	border: 1px solid #e2eaef;
	padding: 17px 20px;
	margin: 15px 0;
	text-align: center;
	color: #a5afb3;
	font-size: 11px;
	font-weight: 100;
}
.addon-domains-box i {
	display: block;
	font-size: 25px;
	margin-bottom: 10px;
	color: #00bcd4;
}
.addon-domains-box strong {
	font-size: 14px;
	color: #40474b;
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
}
.addon-domains-box form {
	display: block;
	margin-top: 20px;
}
.addon-domains-box form input.btn,
.addon-domains-box form a.btn {
	margin: 0;
	font-size: 10px;
	padding: 6px 30px;
	border-radius: 25px;
	outline: none !important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	padding: 6px 12px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	font-weight: 900;
}
.overview-box.products-details {
	border-radius: 8px;
	box-shadow: none;
	border: 1px solid #e2eaef;
	padding: 0;
	text-align: left;
	min-height: 354px;
}
.overview-box.products-details span {
	display: block;
	padding: 11px 20px;
	font-weight: 100;
	border-bottom: 1px solid #e2eaef;
	color: #7c8088;
	margin-bottom: 0px;
	font-size: 11px;
}
.overview-box.products-details strong {
	font-size: 10px;
	color: #fff;
	background: #4caf50;
	padding: 2px 10px;
	display: block;
	border-radius: 8px;
	margin-top: 3px;
	font-style: inherit;
	width: fit-content;
}
.overview-box.products-details span:last-child {
	border-bottom: 0;
}
/*------------------------------------------------------------------
  23. Landing Pages
-------------------------------------------------------------------*/
.landing-page .container {
	width: 100% !important;
}
.landing-page .navbar .navbar-nav {
	flex-direction: inherit;
}
.landing-page .hero {
	background-color: #fff;
	padding: 80px !important;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	text-align: left !important;
}

.landing-page .panel.panel-default {
	border-radius: 12px !important;
	border: 0 !important;
	box-shadow: none !important;
}
.landing-page .panel.panel-default .panel-heading h3 {
	font-weight: 400;
	margin-top: 0px !important;
}
.landing-page .panel.panel-default .panel-heading {
	border-radius: 12px;
}
.landing-page .panel.panel-default .panel-body {
	position: relative;
	font-size: 13px;
	position: relative;
	padding: 30px;
	line-height: 32px;
}
.landing-page .content-block.faq .panel-heading {
	background-color: transparent !important;
	font-weight: 500 !important;
	font-size: 13px;
	color: var(--color-text-main) !important;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.landing-page .content-block.faq .panel-body {
	font-size: 16px !important;
	letter-spacing: 0.5px !important;
	list-style-type: none !important;
	padding: 20px 0 !important;
	line-height: 32px !important;
}
.landing-page .hero img {
	width: 150px;
	margin-bottom: 20px;
}
.landing-page .hero .logo-container {
	margin: 0 !important;
}
.landing-page .navbar-default {
	border: none;
}
.landing-page .navbar li {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.landing-page .navbar li:hover {
	background-color: rgba(0, 0, 0, 0.1) !important;
}
.landing-page .navbar .navbar-nav > li > a {
	border-bottom: none !important;
	font-weight: 600 !important;
	color: #fff !important;
}
.landing-page .image-standout {
	padding: 20px 35px !important;
}
.landing-page p.lead {
	font-size: 18px !important;
	color: var(--color-grey) !important;
	line-height: 32px !important;
}
.landing-page .col-sm-7 p {
	line-height: 28px !important;
}
.landing-page .content-block p {
	font-size: 16px !important;
	line-height: 36px;
	color: #808080;
	font-weight: 500;
}
.landing-page .content-block.plans h3 {
	color: var(--color-grey) !important;
}
.landing-page .content-block.plans .plan {
	background: transparent !important;
	border: solid 1px #edf2f4;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}
.landing-page .content-block.plans .plan .header {
	background-color: #fff !important;
	padding-top: 50px !important;
	padding-right: 50px !important;
	padding-left: 50px !important;
}
.landing-page .content-block.plans .plan .header h4 {
	font-weight: 700;
	font-size: 32px;
	line-height: 25px !important;
}
.landing-page .content-block.plans .plan .header h4 span {
	display: block;
	margin: 15px 0px 15px 0px;
	font-size: 30px;
	float: initial !important;
}
.landing-page .navbar-nav a:before {
	width: 0 !important;
	border: none !important;
	transition: none !important;
}
.landing-page .content-block.plans .plan .header p {
	line-height: 30px !important;
}
.landing-page .content-block.plans .plan ul {
	padding: 0 50px 30px 50px !important;
	background-color: #fff;
	height: auto !important;
}
.landing-page .feature-wrapper i {
	font-size: 3em !important;
	color: #808080 !important;
}
.landing-page .content-block.plans .plan ul li {
	border: none !important;
	font-size: 14px !important;
	padding: 5px 0 !important;
}
.landing-page .plans .fa-check {
	color: var(--color-success) !important;
}
.landing-page .content-block .icon img {
	width: auto;
}
.landing-page .content-block.image-standout img:last-child {
	width: initial !important;
}
.landing-page .pricing-item {
	border-radius: 12px;
}
.landing-page .pricing-item ul {
	height: auto !important;
}
.landing-page .pricing-item ul.ecommerce-features {
	height: auto !important;
}
.landing-page .pricing-item .header {
	margin-right: initial;
}
.landing-page .panel.panel-default .panel-heading {
	padding: 25px 30px !important;
}
.landing-page .content-block.faq .panel.panel-default .panel-heading {
	padding: 25px 0px !important;
	border-bottom: solid 1px #ddd;
	border-radius: initial;
}
.landing-page .content-block.faq .panel-body {
	border: none !important;
}
.landing-page .content-block.faq h3 {
	text-align: center;
	font-size: 52px !important;
	margin-bottom: 50px !important;
	line-height: 52px !important;
	font-weight: 700 !important;
}

.landing-page .content-block {
	background-color: var(--color-white);
	padding: 80px !important;
	border-radius: 12px !important;
	border: none !important;
}
.landing-page .content-block .plan ul {
	padding: 0 50px 50px 50px;
}
.landing-page h2 {
	color: var(--color-dark) !important;
}
.landing-page .content-block h2 {
	color: var(--color-dark) !important;
	text-align: center;
	font-size: 52px !important;
	margin-bottom: 20px !important;
	line-height: 52px !important;
	font-weight: 700 !important;
}
.landing-page .content-block h3 {
	text-align: center !important;
	margin-bottom: 50px !important;
	color: #808080 !important;
}
.landing-page .content-block h4 {
	color: var(--color-dark) !important;
}
.landing-page .btn {
	background-color: var(--color-primary) !important;
	color: #000 !important;
	border: none;
}
.landing-page .btn:hover {
	background-color: #4c4a4a !important;
	color: #fff !important;
	border: none;
}
.landing-page .btn-order-now {
	background-color: var(--color-primary) !important;
	color: #000 !important;
	border: none;
}
.landing-page .btn-order-now:hover {
	background-color: #4c4a4a !important;
	color: #fff !important;
	border: none;
}
.landing-page .btn-buy {
	background-color: var(--color-primary) !important;
	color: #000 !important;
	border: none;
}
.landing-page .btn-buy:hover {
	background-color: #4c4a4a !important;
	color: #fff !important;
	border: none;
}
.landing-page .btn-learn-more {
	background-color: #4c4a4a !important;
	color: #fff !important;
	border: none;
}
.landing-page .btn-learn-more:hover {
	background-color: var(--color-primary) !important;
	color: #000 !important;
	border: none;
}
.landing-page .product-options,
.validation-levels {
	padding: 80px 80px 0 80px !important;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}
.landing-page .product-options .item,
.validation-levels .item {
	background-color: #fff !important;
	border-radius: 12px !important;
	line-height: 28px;
}
.landing-page .content-block .col-sm-8 h2 {
	text-align: left;
}
.landing-page.ssl .what-is-ssl ul {
	display: grid;
	padding: 0;
}
.landing-page .content-block .col-sm-8 ul li {
	padding-bottom: 15px;
	color: #808080;
}
.landing-page .content-block.competitive-upgrade-promo {
	color: #fff !important;
}
.landing-page {
	background-color: transparent !important;
}
.landing-page .content-block.standout .col-sm-4 {
	color: #808080;
}
.landing-page .detailed-info {
	background-color: #fff !important;
}
.landing-page .detailed-info .panel-body {
	border: none !important;
	background: transparent !important;
	padding: 50px 0 !important;
}
.landing-page .padded-cell a {
	color: #808080 !important;
}
.landing-page .plans .plan .footer {
	padding: 0 50px 50px 50px !important;
	background-color: #fff;
}
.landing-page .feature-wrapper {
	margin: 0 0 40px 0 !important;
}
.landing-page.sitelock .feature-wrapper {
	margin: 0 0 40px 0 !important;
}
.landing-page .emergency {
	background-color: #fff !important;
}
.landing-page .emergency .price {
	color: #808080 !important;
}
.landing-page .plans .plan ul li span {
	color: #808080 !important;
}
.landing-page .plans .plan .footer select {
	border: solid 1px #edf2f4 !important;
}
.landing-page .product-options .powered-by {
	margin-bottom: 50px !important;
	text-align: center !important;
	font-size: 16px !important;
}
.landing-page .nav-tabs > li > a {
	font-size: 16px !important;
	background-color: var(--color-grey-light);
	border-radius: 0 !important;
	color: var(--color-dark);
}
.landing-page .content-block .tab-content h3 {
	font-size: 32px !important;
	margin-bottom: 20px !important;
	margin-top: 50px !important;
}
.landing-page .tabs {
	margin-bottom: 40px !important;
}
.landing-page .benefits {
	padding: 0 !important;
	font-size: 14px !important;
	color: #808080 !important;
	line-height: 34px !important;
	background-color: transparent !important;
}
.landing-page .content-block.get-started .price {
	color: var(--color-dark);
}
.landing-page .content-block.get-started .checkbox-inline {
	padding: 0 !important;
	font-size: 16px !important;
}
.landing-page .content-block.get-started form h2 {
	text-align: left;
	margin-bottom: 50px !important;
}
.landing-page .navbar .navbar-collapse {
	position: initial !important;
}
.landing-page .features .feature {
	height: auto !important;
	vertical-align: middle !important;
	border-radius: 12px !important;
	font-size: 52px !important;
}
.landing-page .light-grey-bg {
	background-color: #fff !important;
}
.landing-page .header {
	border-radius: 12px !important;
	padding: 80px !important;
}
.store-order-container {
	padding: 0 !important;
}
.store-promoted-product {
	padding: 80px !important;
	background-color: #f6f6f6 !important;
	border-radius: 12px !important;
}
.store-order-container .payment-term {
	position: absolute;
	top: 20px;
	right: 80px;
}
/*------------------------------------------------------------------
  24. Settings
-------------------------------------------------------------------*/
.body-setmenu .mode.row {
	padding: 15px;
	border-bottom: 1px solid #f3f3f3;
	margin: 0;
}
.body-setmenu .mode.row .title {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 500;
	color: #464457;
	margin-bottom: 15px;
}
.body-setmenu .btd {
	display: block;
	cursor: pointer;
	background: #00bcd4;
	border-radius: 4px;
	padding: 11px 0;
	color: #fff;
	font-size: 11px;
	margin-bottom: 4px;
}
.body-setmenu .btd span {
	background: #fff;
	color: #8bc34a;
	font-size: 10px;
	padding: 1px 7px;
	border-radius: 20px;
	margin-left: 5px;
}
.body-setmenu .btd:hover {
	background: #05a4b8;
}
.body-setmenu .btd.active {
	background: #8bc34a;
}
.body-setmenu .btd.active:hover {
	background: #7db042;
	color: #fff;
}
.body-setmenu .btd.disabled {
	background: #ccdae1;
}
.body-setmenu .bts {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #dee4e7;
	border-radius: 10px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	line-height: 30px;
	font-weight: 500;
	color: #a9bcc5;
	font-size: 10px;
}
.body-setmenu .bts:hover,
.body-setmenu .bts.active {
	color: #6e7d84;
}
.body-setmenu .bts.disable {
	color: #a9bcc5 !important;
	opacity: 0.6;
}
.body-setmenu .bts:after {
	content: "";
	position: absolute;
	height: 12px;
	width: 30px;
	background: #8bc34a;
	transform: rotate(45deg);
	right: -30px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.body-setmenu .bts.active:after {
	right: -15px;
}
.body-setmenu .bts.one {
	background: #dee4e7;
}
.body-setmenu .setswitch {
	transform: rotate(90deg);
	width: 31px;
	height: 20px;
	display: block;
	position: relative;
}
.body-setmenu .setswitch:last-child {
	margin-bottom: 0px;
}
.body-setmenu .setswitch:last-child:hover {
	margin-bottom: 0px;
}
.body-setmenu .setswitch:before {
	content: "";
	position: absolute;
	height: 5px;
	width: 25px;
	right: 0;
	border: 2px solid #ccdae0;
	border-radius: 5px;
	top: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.body-setmenu .setswitch:after {
	content: "";
	position: absolute;
	height: 12px;
	width: 12px;
	background: #f8b3b5;
	right: 14px;
	border-radius: 20px;
	top: 0;
	border: solid 2px #a1a4d2;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.body-setmenu .setswitch.active:before {
	border: 2px solid #f8b3b5;
	background: #f8b3b5;
}
.body-setmenu .setswitch.active:after {
	right: 0;
}
.body-setmenu .dropdown-menu.settings {
	min-width: 40px;
	padding: 35px 0px 30px 0px;
}
.body-setmenu.open .dropdown-menu {
	margin: 0px;
	min-width: 40px;
	top: 20px;
	border: none;
	padding: 45px 0px 30px 0px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	box-shadow: none;
	z-index: -1;
}
.buy-template-folder {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: #222729;
	color: #fff !important;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none !important;
	letter-spacing: 0.5px;
}
.setmenu {
	overflow: visible;
	top: 133px;
	right: 15px;
	z-index: 9;
	position: fixed;
}
.setmenu .setbtn {
	padding: 11px;
	border-radius: 50%;
	border: none;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.setmenu .setbtn i {
	position: relative;
	z-index: 9999;
	color: #a1a4d2;
	padding: 1px;
	margin: 0 auto;
	font-size: 16px;
	animation-name: cog;
	animation-duration: 4000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-ms-keyframes cog {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}
@-moz-keyframes cog {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes cog {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes cog {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.setmenu .set-modes {
	position: relative;
}
/* Styleswitch color style  */
.color-scheme {
	display: initial;
	position: relative;
}
.color-scheme div {
	padding: 0px 5px;
}
.color-scheme a {
	margin: 0 auto;
	border: solid 2px #9da8ad;
	text-decoration: none;
	border-radius: 3px;
	display: block;
	height: 12px;
	width: 12px;
}
.pink a {
	background: #f8b2b4;
}
.blue a {
	background: #94d8ee;
}
.green a {
	background: #c5de87;
}
.dark a {
	background: var(--color-text-main);
}
body.bnotsticky-header .header {
	position: absolute;
}
body.body-without-header .header,
body.body-without-header .header-hight-fixed {
	display: none !important;
}
.navbar .inner-navbar li > a > .labelinfo {
	display: none;
}
.nav-menu-title {
	display: none;
}
/* RTL & LTR Versions  */
.dir-version {
	display: initial;
	position: relative;
}
.dir-version a {
	font-weight: 400;
	font-size: 16px;
	color: var(--color-grey);
	margin: 0 auto;
	text-decoration: none;
	display: block;
	width: 9px;
	padding: 3px 0px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.dir-version a:hover {
	font-weight: 700;
	color: var(--color-text-main);
}
/*------------------------------------------------------------------
  25. Plans
-------------------------------------------------------------------*/
.wrapper-plan {
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(110, 110, 110, 0.1);
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}
.wrapper-plan .top-content {
	padding: 40px 60px 25px 60px;
}
.wrapper-plan .specs-content {
	padding: 25px 60px 40px 60px;
	margin: 0px;
}
.wrapper-plan .specs-content.bg-purple {
	background-color: #f4e3eb;
}
.wrapper-plan .specs-content i {
	color: #b2b2b8;
	margin-right: 10px;
	font-size: 22px;
}
.plan-title {
	position: relative;
	font-size: 20px;
	color: var(--color-text-main);
	font-weight: 500;
	line-height: 25px;
	margin-bottom: 10px;
}
.plan-title span {
	display: block;
	font-size: 13px;
	font-weight: 100;
	color: #919a9e;
	margin-top: 5px;
}
.plan-price {
	font-size: 30px;
	font-weight: 400;
}
.plan-price span {
	font-size: 13px;
	color: var(--color-grey);
}
.specs-content li {
	list-style: none;
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 100;
	color: #6f6f70;
	margin-top: 2px;
	padding: 8px 0;
}
/*------------------------------------------------------------------
  26. Features
-------------------------------------------------------------------*/
.fetures-section {
	border-radius: 12px;
	background: #dfe0f1;
	padding: 60px 40px;
	box-shadow: 0 0 15px 0 rgba(110, 110, 110, 0.1);
}
.fetures-section .fetures-content {
	position: relative;
	padding: 55px;
	background: #fff;
	border-radius: 12px;
	margin-bottom: 30px;
}
.fetures-section .fetures-content i {
	font-size: 35px;
	color: #fb4b63;
	margin-bottom: 19px;
	display: block;
}
.fetures-section .fetures-content h5 {
	font-size: 18px;
	color: var(--color-text-main);
	margin-bottom: 15px;
}
.fetures-section .fetures-content p {
	color: #a5aeb2;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.1px;
}
/*------------------------------------------------------------------
  27. Knowledge
-------------------------------------------------------------------*/
.news-content {
	position: relative;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(110, 110, 110, 0.1);
	border-radius: 12px;
	padding: 55px;
}
.news-content:before {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	top: -150px;
	left: -150px;
	border-radius: 100%;
	z-index: 0;
	opacity: 0.8;
}
.news-content h5 {
	position: relative;
	line-height: 27px;
	font-size: 18px;
	margin: 0 0 20px 0;
}
.news-content p {
	position: relative;
	line-height: 30px;
	color: #a5aeb2;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.2px;
}
.news-content .news-content-footer {
	position: relative;
	display: block;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid var(--color-grey-light);
}
.news-content .news-content-footer span {
	float: right;
	font-size: 12px;
	font-weight: 800;
	margin-top: 0;
	color: #a5aeb2;
}
@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}
.timeline-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	animation-fill-mode: forwards;
	z-index: -1;
}
.timeline-wrapper.animated {
	z-index: 1;
}
.animated-background {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	height: 96px;
	position: relative;
}
.timeline-item {
	background: #fff;
	border: 0;
	border-radius: 10px;
	padding: 12px;
	margin: 0 auto;
	height: 100%;
}
.input-group.input-group-lg.kb-search {
	background-image: url(../../assets/img/server-lg.jpg);
	background-size: cover;
	background-position-y: center;
	background-repeat: no-repeat;
	padding: 90px 0 !important;
	border-radius: 12px;
}
.input-group.input-group-lg.kb-search.overlay:before {
	border-radius: 12px;
}
.kb-search .form-control {
	border-radius: 50px !important;
}
.kb-search-background .input-group {
	background: transparent;
}
.input-group-btn input {
	position: absolute !important;
	line-height: 0px;
	z-index: 9;
	transform: none;
	right: -1px;
	height: 52px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.kb-search > .input-group-btn > .btn {
	border-radius: 0 8px 8px 0;
}
.know-bgbox-container .col-sm-12 {
	padding: 25px 50px 25px 90px;
	border-bottom: 1px solid #e6e8ec;
	position: relative;
	overflow: hidden;
}
.know-bgbox-container .col-sm-12:last-child {
	border-bottom: 0;
}
.know-bgbox-container .col-sm-12 a {
	font-size: 18px;
	font-weight: 500;
	margin-top: 0;
	color: var(--color-dark);
}
.know-bgbox-container .col-sm-12 a i {
	padding: 15px;
	border-radius: 50px;
	position: absolute;
	font-size: 25px;
	color: #fff;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
}
.know-bgbox-container .col-sm-12 a span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	background-color: var(--color-primary) !important;
	color: #000 !important;
	border: none;
	font-weight: 600;
	padding: 6px 20px;
	border-radius: 20px;
	font-size: 11px;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 8px 0 rgb(62 62 79 / 23%);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.know-bgbox-container .col-sm-12 a span:hover {
	background-color: #4c4a4a !important;
	color: #fff !important;
	border: none;
}
.know-bgbox-container .col-sm-12 p {
	margin: 0;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	margin-top: 8px;
}
.row.kbcategories {
	margin-left: 0;
	margin-right: 0;
}
.know-bgbox-container .kbarticles {
	float: left;
	display: block;
	width: 100%;
	padding: 40px 25px;
	border-radius: 12px;
}
.know-bgbox-container .kbarticles a {
	font-size: 18px;
	font-weight: 500;
	margin-top: 30px;
	color: var(--color-dark);
	display: flex;
	align-items: center;
	padding: 10px 25px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.know-bgbox-container .kbarticles a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}
.know-bgbox-container .kbarticles a:first-child {
	margin-top: 0;
}
.know-bgbox-container .kbarticles p {
	margin: 0;
	color: var(--color-dark);
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;
}
.article-content {
	padding: 50px;
}
.article-content .kb-article-title h2 {
	padding: 50px;
}
.article-content .kb-article-title h2 {
	font-size: 22px;
	color: var(--color-text-main);
}
.article-content .kb-article-title h2 {
	font-size: 22px;
	color: var(--color-text-main);
}
.kbarticles a .glyphicon {
	font-size: 42px;
	margin-right: 20px;
	color: #808080 !important;
}
.kb-article-content {
	margin-bottom: 0px !important;
	color: #808080 !important;
	line-height: 32px;
}
.article-content .kb-article-content p {
	color: var(--color-text-main);
	font-size: 15px;
}
.kb-rate-article {
	padding: 50px;
	margin-bottom: 30px;
	border-radius: 12px;
}
.kb-rate-article .row {
	display: block;
	width: 100%;
}
.kb-rate-article h6 {
	font-size: 16px;
	font-weight: 500;
}
.kb-rate-article h6 span {
	display: block;
	font-weight: 200;
	font-size: 12px;
	margin-top: 15px;
	color: var(--color-grey);
}
.kb-rate-article h6 span i {
	margin-right: 5px;
	vertical-align: text-top;
	font-size: 16px;
}
.kb-rate-article .btn {
	margin: 11px 0;
	border: none;
	display: inline-block;
	font-weight: 500;
	border-radius: 20px;
	text-decoration: none !important;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: relative;
	padding: 5px 21px;
	background: #fff;
}
.kb-rate-article .btn i {
	margin-right: 5px;
}
.kb-rate-article .btn.btn-yes {
	color: #fff;
	background-color: #3fad46;
}
.kb-rate-article .btn.btn-yes:hover {
	background-color: #98c68d;
}
.kb-rate-article .btn.btn-no {
	color: #fff;
	background-color: var(--color-danger);
}
.kb-rate-article .btn.btn-no:hover {
	background-color: #d36666;
}
.kb-rate-article .user-votted {
	display: block;
	font-weight: 200;
	font-size: 11px;
	color: #87979f;
	margin: 7px 0;
}
/*------------------------------------------------------------------
  28. Flickity
-------------------------------------------------------------------*/
.header-main-nav .carousel-cell.is-nav-selected {
	background: #fff;
}
.carousel-cell {
	width: 100%;
	height: 100vh;
	margin-right: 10px;
}
.header-main-slider .carousel-cell {
	min-height: 500px;
}
.header-main-slider .flickity-page-dots li:first-child {
	margin-left: 0;
}
.our-sevices-box.homepage {
	position: relative;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	border: 0 solid rgba(0, 0, 0, 0.125);
	background-color: #fff;
	background-clip: border-box;
	width: 22%;
	transition: box-shadow ease 0.2s;
	box-shadow: 0 25px 50px rgba(8, 21, 66, 0.06);
	padding: 25px;
	border-radius: 10px;
	display: block;
	margin: 25px 20px 60px 0;
	overflow: hidden;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.homepagewhmc-alert-fixed.alert-dismissible {
	position: fixed;
	top: 90px;
	z-index: 9999;
	right: 25px;
	padding: 25px 20px 15px;
	display: none;
}
.homepagewhmc-alert-fixed.alert-dismissible.animated {
	display: block;
}
.domains-search {
	position: relative;
	z-index: 5;
	display: block;
	background: transparent;
	margin-top: 30px;
}

.domains-search .special-input {
	position: relative;
	background: rgba(0, 0, 0, 0.3) !important;
	border: 1px solid var(--color-text-main) !important;
	color: #fff !important;
}

.domains-search .inputdomainsearch {
	width: 100%;
	font-size: 16px;
	color: #000;
	border: solid 1px var(--color-grey-light);
	border-radius: 50px;
	padding: 14px 20px 14px 30px;
	background-color: #fff;
	outline: 0;
	box-shadow: 0 2px 8px 0 rgb(62 62 79 / 15%);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.domains-search .inputdomainsearch::placeholder {
	color: #fff;
}
.domains-search .inputdomainsearch:-ms-input-placeholder {
	color: #fff;
}
.domains-search .inputdomainsearch::-ms-input-placeholder {
	color: #fff;
}
.domains-search .ds-content {
	position: absolute;
	display: flex;
	right: 0;
	bottom: 0;
	height: 100%;
}
.domains-search .ds-content .btn-search {
	width: 60px;
	height: 31px;
	display: inline-block;
	border-radius: 15px;
	line-height: 33px;
	text-align: center;
	margin-left: 2px;
	color: #fff !important;
	border: 0;
}
.domains-search .ds-content .btn-transfer {
	background: #5c65ae;
	width: 31px;
	height: 31px;
	display: inline-block;
	border-radius: 50px;
	line-height: 33px;
	text-align: center;
	margin-left: 3px;
	color: #fff !important;
	border: 0;
}
.homepagewhmc-alert-fixed.alert-dismissible .set-warning {
	position: unset;
	transform: inherit;
	margin-top: 13px;
	display: block;
	width: 100%;
	border-radius: 30px;
	outline: none !important;
}
.our-sevices-box.homepage img {
	width: 50px;
	display: block;
	margin-left: -5px;
	position: relative;
	z-index: 1;
}
.our-sevices-box.homepage h5 {
	font-weight: 600;
	font-size: 18px;
	display: block;
	line-height: 26px;
	margin-top: 20px;
	position: relative;
}
.our-sevices-box.homepage .carousel-active-statu {
	position: absolute;
	right: -8px;
	width: 60px;
	height: 60px;
	background: #8bc34a;
	top: -8px;
	z-index: 0;
	border-radius: 50px;
	opacity: 0;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.our-sevices-box.homepage .carousel-active-statu i {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 21px;
	text-align: center;
}
.our-sevices-box.homepage.is-selected .carousel-active-statu {
	opacity: 1;
}
.our-sevices-box.homepage.is-selected {
	margin-top: 15px;
}
.our-sevices-box.homepage p {
	color: #a5afb3;
	font-size: 13px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 75px;
	display: block;
	position: relative;
}
.our-sevices-box.homepage a {
	margin-top: 10px;
	float: right;
	background: #f7b16e;
	color: #fff;
	padding: 6px 11px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 11px;
}
.our-sevices-box.homepage a:hover {
	background: #f7a658;
	color: #fff;
	text-decoration: none !important;
}
.carousel.header-main-nav .flickity-slider {
	margin-left: 30px;
}
.pricing-tables-homepage {
	padding: 20px 0;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}
.container-fluid.main-fluid {
	max-width: 1540px;
}
.main-title.center-text {
	text-align: center;
	margin-bottom: 50px;
}
.main-title h6 {
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.35);
	letter-spacing: 1px;
	margin-bottom: 9px;
}
.main-title h2 {
	font-size: 28px;
	line-height: 32px;
	margin-top: 0;
}
.main-title p {
	line-height: 30px;
	margin: 15px 0 0 0;
	color: #a5aeb2;
	font-size: 14px;
	font-weight: 400;
}
/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
	pointer-events: none;
	z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
	pointer-events: auto;
	z-index: 1;
}
/* flickity-full-slider */
.full-slider {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	z-index: -1;
}
.full-slider img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}
.domain-checker-container .input-group-box {
	background-color: transparent !important;
	padding: 0px !important;
}
.special-note {
	position: absolute;
	padding: 10px 6px;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 100;
	font-size: 11px;
}
.special-note .badge {
	margin-right: 12px;
	font-size: 9px;
	font-weight: 600;
	color: var(--color-text-main);
	border: 0;
	border-radius: 20px;
	margin-top: -2px;
	padding: 4px 7px;
	text-transform: uppercase;
}
/*------------------------------------------------------------------
  29. Order Form
-------------------------------------------------------------------*/
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
	background-color: transparent;
	font-size: 16px;
}

.services.overview-services .service-wrap .service-section .list-group a {
	line-height: 32px;
	margin-bottom: 20px;
	font-size: 16px;
	padding: 0;
	border: none;
	margin-top: 0 !important;
	background: transparent;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.services.overview-services .service-wrap .service-section .list-group a:hover {
	color: #808080 !important;
}

.services.overview-services .service-wrap .service-section .list-group a .text-domain {
	font-weight: 900;
	font-size: 16px;
	color: var(--color-dark);
}

.services.overview-services .service-wrap .service-section .list-group-item .text-last-updated {
	font-size: 13px;
	color: #808080;
}

.services.overview-services.clientarea-limited-chracters .service-wrap .service-section p {
	line-height: 34px;
	font-size: 16px;
	color: #4c4a47;
	margin-bottom: 0px;
	overflow: hidden;
}

.rockbox .service-section .title {
	margin: 0 0 20px 0 !important;
}

.rockbox .service-section .div-service-name {
	color: var(--color-dark);
	margin-left: 0 !important;
	font-size: 16px;
	margin-bottom: 20px;
	display: block;
}

.rockbox .service-section .div-service-item {
	display: initial !important;
}

.rockbox .service-section .text-domain {
	font-size: 16px;
	color: #808080;
}

.rockbox .service-section .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	transform: none;
	transition: none;
	box-shadow: none;
}

.rockbox .service-section .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
	transform: none;
	transition: none;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

.rockbox .service-section .div-service-status {
	text-align: left !important;
	margin-bottom: 10px;
}

.rockbox .service-section .list-group-item {
	display: inline-block;
	border-radius: 0;
	border-left: solid 1px #808080 !important;
	position: relative;
	padding: 0 20px !important;
	margin-bottom: 30px;
	background-color: transparent;
	border: none;
}

.rockbox .service-section .list-group-item:last-child {
	margin-bottom: 0;
}

.rockbox .service-section .list-group {
	margin-bottom: 0px;
}

.rockbox input {
	position: initial !important;
	transform: none !important;
	z-index: 0 !important;
}
.rockbox .service-section .input-group input.form-control {
	position: absolute !important;
	border-radius: 50px !important;
}
.rockbox .service-section .input-group-btn.input-group-append {
	z-index: 2 !important;
	right: -10px !important;
}
#order-standard_cart .mc-promo .header {
	border-bottom: none !important;
}
#order-standard_cart .sidebar-collapsed {
	display: none;
}
#order-standard_cart .account-select-container div.account.active {
	border-top-right-radius: 12px !important;
}
.cpanel-usage-stats .limit-near {
	color: #808080 !important;
}
.status-pending,
.status-unpaid {
	font-size: 11px !important;
	border-radius: 50px;
	padding: 3px 10px;
	background-color: var(--color-danger);
	font-weight: 600 !important;
	color: #fff;
}
.status-active,
.status-paid,
.status-open {
	font-size: 11px !important;
	border-radius: 50px;
	padding: 3px 10px;
	background-color: #97cb3b;
	font-weight: 600 !important;
	color: #fff;
}
.status-closed,
.status-cancelled {
	font-size: 11px !important;
	border-radius: 50px;
	padding: 3px 10px;
	background-color: var(--color-text-main);
	font-weight: 600 !important;
	color: #fff;
}
.main-content .client-home-panels .panel.panel-default .panel-body:before {
	content: none;
}
.main-content .domain-transfer-bg .panel.panel-default {
	overflow: visible !important;
	background-color: transparent !important;
}
.main-content .domain-transfer-bg .panel.panel-default .panel-body {
	padding: 15px !important;
	line-height: 58px;
}
.main-content .domain-transfer-bg .panel.panel-default .panel-body:before {
	content: none !important;
}
.main-content .panel.panel-default .panel-body p {
	margin-top: 15px;
}
.main-content .panel.panel-default .panel-body .cpanel-package-details {
	margin-bottom: 10px;
	line-height: 32px;
}
.main-content .panel.panel-default .panel-body .cpanel-package-details a {
	font-weight: 700;
	font-size: 22px;
}
.main-content .panel.panel-default .panel-body .cpanel-package-details h4 {
	margin-bottom: 30px !important;
}
.main-content .panel.panel-default .panel-body a.btn {
	position: relative;
	font-size: 11px;
	letter-spacing: 0.3px;
	padding: 10px 18px;
	box-shadow: none;
}
.main-content .panel.panel-default .panel-body input {
	position: relative;
	height: 46px;
	font-size: 11px;
	letter-spacing: 0.3px;
	padding: 10px 18px;
	box-shadow: none;
}
.main-content .panel.panel-default .panel-body form select {
	margin-bottom: 20px;
	height: 46px;
}
.main-content .panel.panel-default .panel-body form button {
	position: relative;
	font-size: 11px;
	letter-spacing: 0.3px;
	padding: 10px 18px;
	box-shadow: none;
}
.main-content .panel.panel-default .panel-body .cpanel-feature-row a {
	color: var(--color-dark);
}
.main-content .panel.panel-default .panel-body .cpanel-feature-row img {
	margin: 0 auto 10px auto;
}
.main-content .panel.panel-default .panel-body .cpanel-feature-row {
	margin-top: 20px;
	margin-bottom: 20px;
}
.main-content .panel.panel-default .panel-body .input-group .input-group-addon {
	border: solid 1px #edf2f4;
	border-bottom-right-radius: 50px;
	border-top-right-radius: 50px;
	padding: 0 30px;
	border-left: 0;
}
.main-content .panel.panel-default .panel-body .col-md-5 .col-xs-6 {
	text-align: left !important;
}
.main-content .panel.panel-default .panel-body .col-md-6 .col-xs-6 {
	text-align: left !important;
}
.main-content form div.form-group h3 {
	margin-top: 0px !important;
}
.main-content form div.form-group .controls {
	margin-bottom: 0px !important;
}
.main-content {
	margin-bottom: 0 !important;
	min-height: auto !important;
}
.domain-checker-container .input-group-btn > .btn {
	height: 52px;
	font-size: 14px;
	transform: none;
	right: -1px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.intl-tel-input .country-list .country {
	margin: 0;
}
.intl-tel-input .country-list .divider {
	margin: 0;
}
.domain-checker-container {
	background-image: url(../../assets/img/server-lg.jpg) !important;
	background-size: cover;
	background-position-y: center !important;
	background-repeat: no-repeat;
	border-radius: 12px;
	margin-bottom: 30px;
}
.domain-checker-container.overlay:before {
	border-radius: 12px;
}
.domain-checker-bg {
	padding: 90px 0 !important;
	background-image: none !important;
}
/*-- Transfer Domains Page --*/
.domain-transfer-container {
	background-image: url(../../assets/img/server-lg.jpg) !important;
	background-size: cover;
	background-position-y: center !important;
	background-repeat: no-repeat;
	border-radius: 12px;
}

.domain-transfer-container .text-muted {
	color: var(--color-white) !important;
}

.domain-transfer-container.overlay:before {
	border-radius: 10px;
}
.domain-transfer-bg {
	padding: 90px 0 !important;
	background: transparent;
}
.domain-transfer-container .panel-default {
	background-color: transparent !important;
	border: none !important;
	margin-bottom: 0px !important;
	padding: 0px;
	margin: 0px;
}
.domain-transfer-container .panel-default > .panel-heading {
	background-color: transparent !important;
	border: none !important;
	color: var(--color-grey);
}
.domain-transfer-container .panel-default .panel-footer {
	background-color: transparent !important;
	border: none !important;
	padding: 0px 15px;
}
.domain-transfer-container .panel-default .panel-footer .renewed-point {
	display: inline-grid;
	position: relative;
	padding-bottom: 10px !important;
	color: var(--color-grey-light);
	font-weight: 500;
}
.main-content .tab-content .panel-footer {
	width: 100%;
	padding: 25px 40px;
	font-size: 1em;
	line-height: 28px;
	color: #fff;
	border: none;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.btn-group.btn-domain-set {
	margin: 0px;
	position: absolute;
	right: 40px;
	margin-top: 3px;
}
.btn-group.btn-domain-set button {
	height: 40px;
	width: 40px;
	box-shadow: none !important;
	border: none;
	padding: 0;
	font-size: 18px;
	border-radius: 50px;
	color: #fff;
	background-color: var(--color-text-main);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.btn-group.btn-domain-set button:hover {
	box-shadow: none;
	-webkit-transform: none;
	transform: none;
	background-color: #808080 !important;
	color: #fff !important;
	border: none;
}
.ticket-number {
	color: #5c65ae;
}
.ticket-reply .user .type {
	float: right;
	line-height: 15px;
}
.box-domainnameservers .box-title {
	position: relative;
}
/* Affiliates */
.affiliate-referral-link span {
	font-weight: 900;
	color: #5c65ae;
	padding: 0px;
	border: none;
}
/*------------------------------------------------------------------
  30. Bootstrap Replace
-------------------------------------------------------------------*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.h4,
	h4 {
		font-size: 24px !important;
	}
	.h4,
	h4 {
		font-size: calc(1.275rem + 0.3vw);
	}
}
.fw-bold {
	font-weight: 700 !important;
}
.d-grid {
	display: grid !important;
}
.text-muted {
	--bs-text-opacity: 1;
	color: #6c757d;
}
.bootstrap-tagsinput {
	padding: 10px 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 2px;
	background: #f0f3f6;
}
.bootstrap-tagsinput .tag {
	padding: 5px 12px;
	border-radius: 2px;
	line-height: 37px;
	margin-top: 5px;
	margin-right: 5px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
	margin-right: -5px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
	content: "\e8f6";
	padding: 0 2px;
	font-family: "evafeat" !important;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
	padding: 5px 5px;
}
.bootstrap-switch .bootstrap-switch-handle-on {
	border-bottom-left-radius: 50px;
	border-top-left-radius: 50px;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
	border-bottom-right-radius: 50px;
	border-top-right-radius: 50px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
	border-bottom-left-radius: 50px;
	border-top-left-radius: 50px;
}
.bootstrap-switch {
	border-radius: 50px !important;
}
.bootstrap-tagsinput {
	width: 100%;
}
.badge {
	border-radius: 0.25rem;
}
/* Margin & Padding */
.m-0 {
	margin: 0 !important;
}
.m-1 {
	margin: 0.25rem !important;
}
.m-2 {
	margin: 0.5rem !important;
}
.m-3 {
	margin: 1rem !important;
}
.m-4 {
	margin: 1.5rem !important;
}
.m-5 {
	margin: 3rem !important;
}
.m-auto {
	margin: auto !important;
}
.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}
.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}
.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}
.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}
.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}
.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}
.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}
.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-1 {
	margin-top: 0.25rem !important;
}
.mt-2 {
	margin-top: 0.5rem !important;
}
.mt-3 {
	margin-top: 1rem !important;
}
.mt-4 {
	margin-top: 1.5rem !important;
}
.mt-5 {
	margin-top: 3rem !important;
}
.mt-auto {
	margin-top: auto !important;
}
.me-0 {
	margin-right: 0 !important;
}
.me-1 {
	margin-right: 0.25rem !important;
}
.me-2 {
	margin-right: 0.5rem !important;
}
.me-3 {
	margin-right: 1rem !important;
}
.me-4 {
	margin-right: 1.5rem !important;
}
.me-5 {
	margin-right: 3rem !important;
}
.me-auto {
	margin-right: auto !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-1 {
	margin-bottom: 0.25rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}
.mb-4 {
	margin-bottom: 1.5rem !important;
}
.mb-5 {
	margin-bottom: 3rem !important;
}
.mb-auto {
	margin-bottom: auto !important;
}
.ms-0 {
	margin-left: 0 !important;
}
.ms-1 {
	margin-left: 0.25rem !important;
}
.ms-2 {
	margin-left: 0.5rem !important;
}
.ms-3 {
	margin-left: 1rem !important;
}
.ms-4 {
	margin-left: 1.5rem !important;
}
.ms-5 {
	margin-left: 3rem !important;
}
.ms-auto {
	margin-left: auto !important;
}
.p-0 {
	padding: 0 !important;
}
.p-1 {
	padding: 0.25rem !important;
}
.p-2 {
	padding: 0.5rem !important;
}
.p-3 {
	padding: 1rem !important;
}
.p-4 {
	padding: 1.5rem !important;
}
.p-5 {
	padding: 3rem !important;
}
.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}
.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}
.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}
.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}
.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}
.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}
.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.pt-1 {
	padding-top: 0.25rem !important;
}
.pt-2 {
	padding-top: 0.5rem !important;
}
.pt-3 {
	padding-top: 1rem !important;
}
.pt-4 {
	padding-top: 1.5rem !important;
}
.pt-5 {
	padding-top: 3rem !important;
}
.pe-0 {
	padding-right: 0 !important;
}
.pe-1 {
	padding-right: 0.25rem !important;
}
.pe-2 {
	padding-right: 0.5rem !important;
}
.pe-3 {
	padding-right: 1rem !important;
}
.pe-4 {
	padding-right: 1.5rem !important;
}
.pe-5 {
	padding-right: 3rem !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pb-1 {
	padding-bottom: 0.25rem !important;
}
.pb-2 {
	padding-bottom: 0.5rem !important;
}
.pb-3 {
	padding-bottom: 1rem !important;
}
.pb-4 {
	padding-bottom: 1.5rem !important;
}
.pb-5 {
	padding-bottom: 3rem !important;
}
.ps-0 {
	padding-left: 0 !important;
}
.ps-1 {
	padding-left: 0.25rem !important;
}
.ps-2 {
	padding-left: 0.5rem !important;
}
.ps-3 {
	padding-left: 1rem !important;
}
.ps-4 {
	padding-left: 1.5rem !important;
}
.ps-5 {
	padding-left: 3rem !important;
}
.p-50 {
	padding: 50px !important;
}
.p-80 {
	padding: 80px !important;
}
/*Offcanvas*/
.offcanvas {
	position: fixed;
	bottom: 0;
	z-index: 1050;
	display: flex !important;
	flex-direction: column;
	max-width: 100%;
	visibility: hidden;
	background-color: #fff;
	background-clip: padding-box;
	outline: 0;
	transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.offcanvas.show {
	visibility: visible;
}
.offcanvas-header {
	padding: 2.3rem 3rem !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.offcanvas-header .btn-close {
	margin-top: -0.5rem;
	margin-right: -0.5rem;
	margin-bottom: -0.5rem;
}
.btn-close {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: 0.25em 0.25em;
	color: #000;
	background: transparent
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
		center/1em auto no-repeat;
	border: 0;
	border-radius: 0.25rem;
	opacity: 0.5;
}
.btn-close i {
	margin-left: -6px;
	font-size: 26px;
	line-height: 15px;
}
.offcanvas-title {
	margin-bottom: 0;
	line-height: 1.5;
}
.offcanvas-content {
	padding: 20px 0 20px 0;
}
.offcanvas-body {
	flex-grow: 1;
	padding: 2.5rem 3rem;
	overflow-y: auto;
}
.offcanvas-body hr {
	border-top: 1px solid #eee !important;
}
.offcanvas-start {
	top: 0;
	left: 0;
	width: 400px;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateX(-100%);
}
.offcanvas-end {
	top: 0;
	right: 0;
	width: 400px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateX(100%);
}
.offcanvas-top {
	top: 0;
	right: 0;
	left: 0;
	height: 30vh;
	max-height: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateY(-100%);
}
.offcanvas-bottom {
	right: 0;
	left: 0;
	height: 30vh;
	max-height: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateY(100%);
}
.offcanvas.show {
	transform: none;
}
.offcanvas-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	display: none;
	background-color: #000;
}
.offcanvas-backdrop.fade {
	opacity: 0;
}
.offcanvas-backdrop.show {
	opacity: 0.5;
}
.card-body {
	flex: 1 1 auto;
	padding: 1.6rem;
}
.bg-light {
	--bs-bg-opacity: 1;
	--bs-light-rgb: 248, 249, 250;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
}
.border {
	border: 1px solid #dee2e6 !important;
}
.g-3,
.gy-3 {
	--bs-gutter-y: 1rem;
}
.g-0,
.gx-0 {
	--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
	--bs-gutter-y: 0;
}
.btn-success {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn-success:hover {
	color: #fff;
	background-color: #157347;
	border-color: #146c43;
}
.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
}
.btn-default {
	color: #fff !important;
	background-color: #6c757d !important;
	border-color: #6c757d;
}
.btn-default:hover {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
}
.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn-danger:hover {
	color: #fff;
	background-color: #bb2d3b;
	border-color: #b02a37;
}
.btn-warning {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-warning:hover {
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720;
}
/* Border */
.border-0 {
	border: none !important;
}
/* Active BTN on Settings */
.ltractive {
	background-color: var(--color-grey-light) !important;
	color: var(--color-dark) !important;
	cursor: default;
}
[dir="rtl"] .ltractive {
	border-bottom: 1px solid #dee2e6 !important;
	background-color: initial !important;
	color: #6c757d !important;
	cursor: pointer;
}
[dir="rtl"] .rtlactive {
	background-color: var(--color-grey-light) !important;
	color: var(--color-dark) !important;
	cursor: default;
}

/* Data Header */
[data-header="fixed"] .md-editor.md-fullscreen-mode {
	bottom: 0 !important;
	margin-top: 115px !important;
	height: initial !important;
}

/* Data Colors */
[dir="ltr"] [data-color="pink"] .ltractive {
	border-bottom: solid 1px #ee5586 !important;
}
[dir="ltr"] [data-color="blue"] .ltractive {
	border-bottom: solid 1px #168eb3 !important;
}
[dir="ltr"] [data-color="green"] .ltractive {
	border-bottom: solid 1px #97cb3b !important;
}
[dir="ltr"] [data-color="black"] .ltractive {
	border-bottom: solid 1px #4c555d !important;
}

[dir="rtl"] [data-color="pink"] .rtlactive {
	border-bottom: solid 1px #ee5586 !important;
}
[dir="rtl"] [data-color="blue"] .rtlactive {
	border-bottom: solid 1px #168eb3 !important;
}
[dir="rtl"] [data-color="green"] .rtlactive {
	border-bottom: solid 1px #97cb3b !important;
}
[dir="rtl"] [data-color="black"] .rtlactive {
	border-bottom: solid 1px #4c555d !important;
}

[data-color="pink"] .header .desk.navbar-nav .dropdown-menu > li a:hover {
	color: #ee5586 !important;
}
[data-color="blue"] .header .desk.navbar-nav .dropdown-menu > li a:hover {
	color: #168eb3 !important;
}
[data-color="green"] .header .desk.navbar-nav .dropdown-menu > li a:hover {
	color: #97cb3b !important;
}
[data-color="black"] .header .desk.navbar-nav .dropdown-menu > li a:hover {
	color: #4c555d !important;
}

[data-color="pink"] .downfiles {
	color: #ee5586 !important;
}
[data-color="blue"] .downfiles {
	color: #168eb3 !important;
}
[data-color="green"] .downfiles {
	color: #97cb3b !important;
}
[data-color="black"] .downfiles {
	color: #4c555d !important;
}

[data-color="pink"] .product .header-content .title {
	color: #ee5586 !important;
}
[data-color="blue"] .product .header-content .title {
	color: #168eb3 !important;
}
[data-color="green"] .product .header-content .title {
	color: #97cb3b !important;
}
[data-color="black"] .product .header-content .title {
	color: #4c555d !important;
}

[data-color="pink"] .product .product-desc .list-info .spec {
	color: #a5215e !important;
}
[data-color="blue"] .product .product-desc .list-info .spec {
	color: #1697bf !important;
}
[data-color="green"] .product .product-desc .list-info .spec {
	color: #84a841 !important;
}
[data-color="black"] .product .product-desc .list-info .spec {
	color: #6c767e !important;
}

[data-color="pink"] .header .dropdown .notification .notify-header {
	background-color: #ee5586 !important;
}
[data-color="blue"] .header .dropdown .notification .notify-header {
	background-color: #168eb3 !important;
}
[data-color="green"] .header .dropdown .notification .notify-header {
	background-color: #97cb3b !important;
}
[data-color="black"] .header .dropdown .notification .notify-header {
	background-color: #4c555d !important;
}

[data-color="pink"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #ee5586 !important;
}
[data-color="blue"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #168eb3 !important;
}
[data-color="green"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #97cb3b !important;
}
[data-color="black"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #4c555d !important;
}
/* Landing Pages */
[data-color="pink"] .landing-page .navbar-default {
	background-color: #ee5586 !important;
}
[data-color="blue"] .landing-page .navbar-default {
	background-color: #168eb3 !important;
}
[data-color="green"] .landing-page .navbar-default {
	background-color: #97cb3b !important;
}
[data-color="black"] .landing-page .navbar-default {
	background-color: #4c555d !important;
}

[data-color="pink"] .landing-page .navbar .navbar-nav > li.active > a {
	background-color: #a5215e !important;
}
[data-color="blue"] .landing-page .navbar .navbar-nav > li.active > a {
	background-color: #1697bf !important;
}
[data-color="green"] .landing-page .navbar .navbar-nav > li.active > a {
	background-color: #84a841 !important;
}
[data-color="black"] .landing-page .navbar .navbar-nav > li.active > a {
	background-color: #6c767e !important;
}

[data-color="pink"] .landing-page .feature.pricing .cycle {
	background-color: #ee5586 !important;
}
[data-color="blue"] .landing-page .feature.pricing .cycle {
	background-color: #168eb3 !important;
}
[data-color="green"] .landing-page .feature.pricing .cycle {
	background-color: #97cb3b !important;
}
[data-color="black"] .landing-page .feature.pricing .cycle {
	background-color: #4c555d !important;
}

[data-color="pink"] .loginpage .login-page-header i {
	background-color: #ee5586 !important;
}
[data-color="blue"] .loginpage .login-page-header i {
	background-color: #168eb3 !important;
}
[data-color="green"] .loginpage .login-page-header i {
	background-color: #97cb3b !important;
}
[data-color="black"] .loginpage .login-page-header i {
	background-color: #4c555d !important;
}

[data-color="pink"] .panel-info > .panel-heading {
	background-color: #ee5586 !important;
}
[data-color="blue"] .panel-info > .panel-heading {
	background-color: #168eb3 !important;
}
[data-color="green"] .panel-info > .panel-heading {
	background-color: #97cb3b !important;
}
[data-color="black"] .panel-info > .panel-heading {
	background-color: #4c555d !important;
}

[data-color="pink"] .drop-down-btn.dropside-content {
	background-color: #ee5586 !important;
}
[data-color="blue"] .drop-down-btn.dropside-content {
	background-color: #168eb3 !important;
}
[data-color="green"] .drop-down-btn.dropside-content {
	background-color: #97cb3b !important;
}
[data-color="black"] .drop-down-btn.dropside-content {
	background-color: #4c555d !important;
}

[data-color="pink"] .main-content .tab-content .panel-footer {
	background-color: #ee5586 !important;
}
[data-color="blue"] .main-content .tab-content .panel-footer {
	background-color: #168eb3 !important;
}
[data-color="green"] .main-content .tab-content .panel-footer {
	background-color: #97cb3b !important;
}
[data-color="black"] .main-content .tab-content .panel-footer {
	background-color: #4c555d !important;
}

[data-color="pink"] .tld-pricing-header {
	background-color: #ee5586 !important;
}
[data-color="blue"] .tld-pricing-header {
	background-color: #168eb3 !important;
}
[data-color="green"] .tld-pricing-header {
	background-color: #97cb3b !important;
}
[data-color="black"] .tld-pricing-header {
	background-color: #4c555d !important;
}

[data-color="pink"] .right-overview-box-domain span.domain-main-info a {
	color: #ee5586 !important;
}
[data-color="blue"] .right-overview-box-domain span.domain-main-info a {
	color: #168eb3 !important;
}
[data-color="green"] .right-overview-box-domain span.domain-main-info a {
	color: #97cb3b !important;
}
[data-color="black"] .right-overview-box-domain span.domain-main-info a {
	color: #4c555d !important;
}

[data-color="pink"] #promotions-slider .promo-banner h3 small a {
	background-color: #ee5586 !important;
}
[data-color="blue"] #promotions-slider .promo-banner h3 small a {
	background-color: #168eb3 !important;
}
[data-color="green"] #promotions-slider .promo-banner h3 small a {
	background-color: #97cb3b !important;
}
[data-color="black"] #promotions-slider .promo-banner h3 small a {
	background-color: #4c555d !important;
}

[data-color="pink"] .know-bgbox-container .col-sm-12 a i {
	background-color: #ee5586 !important;
}
[data-color="blue"] .know-bgbox-container .col-sm-12 a i {
	background-color: #168eb3 !important;
}
[data-color="green"] .know-bgbox-container .col-sm-12 a i {
	background-color: #97cb3b !important;
}
[data-color="black"] .know-bgbox-container .col-sm-12 a i {
	background-color: #4c555d !important;
}

[data-color="pink"] #Secondary_Navbar-Account .secundary-nav .secundary-header {
	background-color: #ee5586 !important;
}
[data-color="blue"] #Secondary_Navbar-Account .secundary-nav .secundary-header {
	background-color: #168eb3 !important;
}
[data-color="green"] #Secondary_Navbar-Account .secundary-nav .secundary-header {
	background-color: #97cb3b !important;
}
[data-color="black"] #Secondary_Navbar-Account .secundary-nav .secundary-header {
	background-color: #4c555d !important;
}

[data-color="pink"] .masspay-container {
	background-color: #ee5586 !important;
}
[data-color="blue"] .masspay-container {
	background-color: #168eb3 !important;
}
[data-color="green"] .masspay-container {
	background-color: #97cb3b !important;
}
[data-color="black"] .masspay-container {
	background-color: #4c555d !important;
}

[data-color="pink"] .header .dropdown.user-login .login-header {
	background-color: #ee5586 !important;
}
[data-color="blue"] .header .dropdown.user-login .login-header {
	background-color: #168eb3 !important;
}
[data-color="green"] .header .dropdown.user-login .login-header {
	background-color: #97cb3b !important;
}
[data-color="black"] .header .dropdown.user-login .login-header {
	background-color: #4c555d !important;
}

[data-color="pink"] .departments-ticket-show a {
	background-color: #ee5586 !important;
}
[data-color="blue"] .departments-ticket-show a {
	background-color: #168eb3 !important;
}
[data-color="green"] .departments-ticket-show a {
	background-color: #97cb3b !important;
}
[data-color="black"] .departments-ticket-show a {
	background-color: #4c555d !important;
}

[data-color="pink"] .login-header .logout-btn {
	background-color: #a5215e !important;
}
[data-color="blue"] .login-header .logout-btn {
	background-color: #1697bf !important;
}
[data-color="green"] .login-header .logout-btn {
	background-color: #84a841 !important;
}
[data-color="black"] .login-header .logout-btn {
	background-color: #6c767e !important;
}

[data-color="pink"] .user-quicklinks li a i {
	background-color: #ee5586 !important;
}
[data-color="blue"] .user-quicklinks li a i {
	background-color: #168eb3 !important;
}
[data-color="green"] .user-quicklinks li a i {
	background-color: #97cb3b !important;
}
[data-color="black"] .user-quicklinks li a i {
	background-color: #4c555d !important;
}

[data-color="pink"] .header .dotted-animation .main-circle {
	background-color: #ee5586 !important;
}
[data-color="blue"] .header .dotted-animation .main-circle {
	background-color: #168eb3 !important;
}
[data-color="green"] .header .dotted-animation .main-circle {
	background-color: #97cb3b !important;
}
[data-color="black"] .header .dotted-animation .main-circle {
	background-color: #4c555d !important;
}

[data-color="pink"] .header .dotted-static .main-circle {
	background-color: #ee5586 !important;
}
[data-color="blue"] .header .dotted-static .main-circle {
	background-color: #168eb3 !important;
}
[data-color="green"] .header .dotted-static .main-circle {
	background-color: #97cb3b !important;
}
[data-color="black"] .header .dotted-static .main-circle {
	background-color: #4c555d !important;
}

[data-color="pink"] table.table-list thead th {
	background-color: #ee5586 !important;
	color: #fff !important;
}
[data-color="blue"] table.table-list thead th {
	background-color: #168eb3 !important;
	color: #fff !important;
}
[data-color="green"] table.table-list thead th {
	background-color: #97cb3b !important;
	color: #fff !important;
}
[data-color="black"] table.table-list thead th {
	background-color: #4c555d !important;
	color: #fff !important;
}

[data-color="pink"] #order-standard_cart .order-summary {
	background-color: #ee5586 !important;
}
[data-color="blue"] #order-standard_cart .order-summary {
	background-color: #168eb3 !important;
}
[data-color="green"] #order-standard_cart .order-summary {
	background-color: #97cb3b !important;
}
[data-color="black"] #order-standard_cart .order-summary {
	background-color: #4c555d !important;
}

[data-color="pink"] #order-standard_cart .account-select-container div.account.active {
	background-color: #ee5586 !important;
}
[data-color="blue"] #order-standard_cart .account-select-container div.account.active {
	background-color: #168eb3 !important;
}
[data-color="green"] #order-standard_cart .account-select-container div.account.active {
	background-color: #97cb3b !important;
}
[data-color="black"] #order-standard_cart .account-select-container div.account.active {
	background-color: #4c555d !important;
}

[data-color="pink"] .custom-control-label::before {
	background-color: transparent !important;
}
[data-color="blue"] .custom-control-label::before {
	background-color: transparent !important;
}
[data-color="green"] .custom-control-label::before {
	background-color: transparent !important;
}
[data-color="black"] .custom-control-label::before {
	background-color: transparent !important;
}

[data-color="pink"] .product.addons .badge.feat {
	background-color: #ee5586 !important;
}
[data-color="blue"] .product.addons .badge.feat {
	background-color: #168eb3 !important;
}
[data-color="green"] .product.addons .badge.feat {
	background-color: #97cb3b !important;
}
[data-color="black"] .product.addons .badge.feat {
	background-color: #4c555d !important;
}

[data-color="pink"] .header .dotted-animation .animate-circle {
	border: 5px solid #ee5586 !important;
}
[data-color="blue"] .header .dotted-animation .animate-circle {
	border: 5px solid #168eb3 !important;
}
[data-color="green"] .header .dotted-animation .animate-circle {
	border: 5px solid #97cb3b !important;
}
[data-color="black"] .header .dotted-animation .animate-circle {
	border: 5px solid #4c555d !important;
}

[data-color="pink"] .header .dotted-static .animate-circle {
	border: 5px solid #ee5586 !important;
}
[data-color="blue"] .header .dotted-static .animate-circle {
	border: 5px solid #168eb3 !important;
}
[data-color="green"] .header .dotted-static .animate-circle {
	border: 5px solid #97cb3b !important;
}
[data-color="black"] .header .dotted-static .animate-circle {
	border: 5px solid #4c555d !important;
}

[data-color="pink"] .custom-select.form-control:focus {
	border: 1px solid #ee5586 !important;
}
[data-color="blue"] .custom-select.form-control:focus {
	border: 1px solid #168eb3 !important;
}
[data-color="green"] .custom-select.form-control:focus {
	border: 1px solid #97cb3b !important;
}
[data-color="black"] .custom-select.form-control:focus {
	border: 1px solid #4c555d !important;
}

[data-color="pink"] .list-group-item.active i.fa-dot-circle:before {
	color: #ee5586 !important;
}
[data-color="blue"] .list-group-item.active i.fa-dot-circle:before {
	color: #168eb3 !important;
}
[data-color="green"] .list-group-item.active i.fa-dot-circle:before {
	color: #97cb3b !important;
}
[data-color="black"] .list-group-item.active i.fa-dot-circle:before {
	color: #4c555d !important;
}

[data-color="pink"] .list-group-item.active span {
	color: #ee5586 !important;
}
[data-color="blue"] .list-group-item.active span {
	color: #168eb3 !important;
}
[data-color="green"] .list-group-item.active span {
	color: #97cb3b !important;
}
[data-color="black"] .list-group-item.active span {
	color: #4c555d !important;
}

[data-color="pink"] table.table-list tbody td.sorting_1 a {
	color: #ee5586 !important;
}
[data-color="blue"] table.table-list tbody td.sorting_1 a {
	color: #168eb3 !important;
}
[data-color="green"] table.table-list tbody td.sorting_1 a {
	color: #97cb3b !important;
}
[data-color="black"] table.table-list tbody td.sorting_1 a {
	color: #4c555d !important;
}

[data-color="pink"] .main-content .panel.panel-default .panel-body .cpanel-package-details a {
	color: #ee5586 !important;
}
[data-color="blue"] .main-content .panel.panel-default .panel-body .cpanel-package-details a {
	color: #168eb3 !important;
}
[data-color="green"] .main-content .panel.panel-default .panel-body .cpanel-package-details a {
	color: #97cb3b !important;
}
[data-color="black"] .main-content .panel.panel-default .panel-body .cpanel-package-details a {
	color: #4c555d !important;
}
/* Data Frame */
[data-layout="frame"] #header .menu-wrap .container {
	padding: 0;
}
[data-layout="frame"] #header .menu-wrap.fixed .container {
	padding: 0 15px;
}

[data-layout="frame"] #header .menu-wrap.mobile .container {
	padding: 0;
}
[data-layout="frame"] #header .menu-wrap.mobile.fixed .container {
	padding: 10px;
}
[data-layout="frame"] .header .menu-wrap .desk.navbar-nav > li:last-child a {
	margin-right: 30px;
}
[data-layout="frame"] .header .menu-wrap.fixed .desk.navbar-nav > li:last-child a {
	margin-right: 0;
}
/* Data Background Color */
[data-background="light"] .header .desk.navbar-nav > li a {
	color: var(--color-dark);
}
[data-background="light"] .secnav li a.dropdown-toggle {
	color: var(--color-dark) !important;
}
[data-background="light"] .secnav li a.dropdown-toggle:hover {
	color: #808080 !important;
}
[data-background="light"] .box-container .infonews-nav a i.fa-power-off {
	color: #fff !important;
}
[data-background="light"] .box-container .infonews-nav a:hover.btn {
	color: #fff !important;
}
[data-background="light"] .box-container .infonews-nav .login-header h6 span {
	color: #fff !important;
}
[data-background="light"] .navbar-nav a.dropdown-toggle:before {
	display: none;
}
[data-background="light"] .nav.navbar-nav a:before {
	display: none;
}
[data-background="light"] .box-container .infonews span.badge {
	color: #fff !important;
}
[data-background="light"] #menu-mobile .mobile.navbar-nav a {
	color: var(--color-dark) !important;
}
[data-background="light"] #menu-mobile .mobile.navbar-nav a:hover {
	color: #808080 !important;
}
[data-background="light"] .desk.nav .dropdown-menu {
	background-color: #fff !important;
}
[data-background="light"] .services.overview-services .service-wrap .service-section p {
	color: #28282b;
}
[data-background="light"] .services.overview-services.sec-main.sec-bg4 {
	padding: 80px 80px !important;
}
[data-background="light"] .services.overview-services .service-wrap .service-section .list-group a {
	color: #28282b;
}
[data-background="light"] .services.overview-services .service-wrap .service-section .list-group a .text-domain {
	color: #28282b;
}
[data-background="light"] #promotions-slider .carousel-inner .promo-banner {
	background-color: var(--bg-prata-light) !important;
	color: var(--color-dark) !important;
}
[data-background="light"] div.header-lined h1 {
	border-bottom: 1px solid #e1e1e1;
}
[data-background="light"] a.list-group-item:hover {
	color: #808080 !important;
}
[data-background="light"] .dropnav-header-lined .mc-panel-promo .panel-body span {
	color: var(--color-dark) !important;
}
/* Landing Pages */
[data-background="light"] .landing-page .content-block {
	background-color: var(--bg-prata-light);
}
[data-background="light"] .landing-page .emergency {
	background-color: var(--bg-prata-light) !important;
}
[data-background="light"] .landing-page .light-grey-bg {
	background-color: var(--bg-prata-light) !important;
}
[data-background="light"] .landing-page .detailed-info {
	background-color: var(--bg-prata-light) !important;
}
[data-background="light"] .landing-page .content-block .plan .header {
	background-color: #fff !important;
}
[data-background="light"] .landing-page .plans .plan {
	border: none !important;
}
[data-background="light"] .landing-page .content-block .plan ul {
	background-color: #fff !important;
}
[data-background="light"] .landing-page .content-block .plan .footer {
	background-color: #fff !important;
}
[data-background="light"] .landing-page h2 {
	color: var(--color-dark) !important;
}
[data-background="light"] .landing-page .content-block h2 {
	color: var(--color-dark) !important;
}
[data-background="light"] .landing-page .content-block h3 {
	color: var(--color-dark) !important;
}
[data-background="light"] .landing-page .content-block h4 {
	color: var(--color-dark) !important;
}
[data-background="light"] .landing-page .plans .plan .footer {
	background-color: #fff !important;
}
[data-background="light"] .landing-page .hero {
	background-color: var(--bg-prata-light) !important;
}
[data-background="light"] .landing-page .hero h2 {
	color: var(--color-dark) !important;
}
[data-background="light"] .landing-page .hero h3 {
	color: #808080 !important;
}
[data-background="light"] .landing-page .plans .plan .footer select {
	border: none !important;
}
[data-background="light"] .landing-page .content-block.tabs .tab-content {
	background-color: #fff !important;
}
[data-background="light"] .landing-page .nav-tabs > li.active > a,
.landing-page .nav-tabs > li.active > a:focus,
.landing-page .nav-tabs > li.active > a:hover {
	background-color: #dbe1e6 !important;
	color: var(--color-dark) !important;
}
[data-background="light"] .landing-page .nav-tabs > li > a,
.landing-page .nav-tabs > li > a:focus {
	background-color: #808080 !important;
	color: #fff !important;
}
[data-background="light"] .landing-page .content-block.get-started .checkbox-inline {
	color: var(--color-dark) !important;
}
[data-background="light"] .landing-page .panel-default > .panel-body {
	background-color: var(--bg-prata-light) !important;
}
[data-background="light"] table.table-list {
	background-color: var(--bg-prata-light) !important;
	color: var(--color-dark) !important;
}
[data-background="light"] table.table-list tbody td {
	border-bottom: solid 1px #fff !important;
}
[data-background="light"] .know-bgbox-container .col-sm-12 {
	border-color: #e1e1e1 !important;
}
[data-background="light"] .article-content .kb-article-content p {
	color: var(--color-dark) !important;
}
[data-background="light"] #order-standard_cart .addon-promo-container {
	background-color: var(--bg-prata-light) !important;
}
[data-background="light"] #order-standard_cart .addon-promo-container .description {
	background-color: var(--bg-prata-light) !important;
	border-bottom: solid 1px #fff;
}
[data-background="light"] .promo-container .header h3 {
	color: var(--color-dark);
}
[data-background="light"] .modal-content {
	background-color: #fff !important;
}
[data-background="light"] .modal-content .modal-title i {
	color: var(--color-dark) !important;
}
[data-background="light"] .modal-content .modal-title span {
	color: var(--color-dark) !important;
}
[data-background="light"] .modal-content .modal-body {
	color: var(--color-dark) !important;
}
[data-background="light"] #order-standard_cart .mc-promo {
	background-color: var(--bg-prata-light) !important;
	border: none !important;
}
[data-background="light"] #order-standard_cart .mc-promo .price {
	color: #000 !important;
}
[data-background="light"] #order-standard_cart .mc-promo .content {
	color: #000 !important;
}
[data-background="light"] #order-standard_cart .view-cart-items .item-price span {
	color: #000 !important;
}
[data-background="light"] #order-standard_cart .col-md-8 h3 {
	color: #000 !important;
}
[data-background="light"] #order-standard_cart .view-cart-items .item .item-header {
	border-bottom: solid 1px #fff;
}
[data-background="light"] #order-standard_cart .view-cart-items .item .item-footer {
	background-color: #e9ebee !important;
}
[data-background="light"] #order-standard_cart .mc-promo .body {
	background-color: #e9ebee !important;
	border-top: solid 1px #fff !important;
}
[data-background="light"] #order-standard_cart .mc-promo .body li {
	color: var(--color-dark) !important;
}
[data-background="light"] #order-standard_cart .prepend-icon .field {
	background-color: #fff !important;
	color: #414412;
}
[data-background="light"] #order-standard_cart .sub-heading span {
	color: var(--color-dark) !important;
}
[data-background="light"].domain-pricing .tld-row {
	border-bottom: solid 1px #fff !important;
	color: #000 !important;
}
[data-background="light"] .domain-promo-box svg {
	background-color: #fff !important;
}
[data-background="light"] .md-editor .md-footer {
	background-color: #fff !important;
}
[data-background="light"] .md-editor .md-header {
	background-color: #fff !important;
}
[data-background="light"] .tab-content .tab-pane .panel {
	background-color: var(--bg-prata-light) !important;
	color: var(--color-dark) !important;
}
[data-background="light"] .tab-content .tab-pane .panel .panel-heading {
	background-color: var(--bg-prata-light) !important;
	color: var(--color-dark) !important;
	border-color: #808080;
}
[data-background="light"] .promo-banner {
	background-color: var(--bg-prata-light) !important;
	color: var(--color-dark) !important;
}
[data-background="light"] .main-content .panel.panel-default .panel-body .cpanel-feature-row a {
	color: var(--color-dark) !important;
}
[data-background="light"] .md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
	background: #fff !important;
	color: var(--color-dark) !important;
}
[data-background="light"] .md-fullscreen-mode {
	background: #fff !important;
}
[data-background="light"] .md-fullscreen-mode.active {
	background: #fff !important;
}
[data-background="light"] .rockbox .service-section .div-service-name {
	color: var(--color-dark) !important;
}
[data-background="light"] .main-content .panel.panel-default .panel-heading h3 {
	color: var(--color-dark) !important;
}
[data-background="light"] .open > .dropdown-menu {
	background-color: #eceff5 !important;
	color: var(--color-dark) !important;
}
[data-background="light"] .dropnav-header-lined .dropdown-menu .list-group-item {
	background-color: #eceff5;
}
[data-background="light"] .panel {
	background-color: var(--bg-prata-light) !important;
	color: var(--color-dark) !important;
}
[data-background="light"] a.list-group-item:hover {
	color: var(--color-dark) !important;
}
[data-background="light"] .div-service-item .dropdown-menu li {
	color: var(--color-text-main) !important;
}
[data-background="light"] .div-service-item .dropdown-menu li:hover {
	color: var(--color-dark) !important;
}
[data-background="light"] a.list-group-item.active,
a.list-group-item.active:focus {
	background-color: #fff !important;
	color: #808080 !important;
}
/*Order Form*/
[data-background="light"] #order-standard_cart .form-control {
	background-color: #fff !important;
	border: none !important;
}
[data-background="dark"] #order-standard_cart #DomainSearchResults .form-control {
	background-color: #fff !important;
	border: none !important;
}
[data-background="light"] #order-standard_cart #inputPromotionCode {
	background-color: #fff !important;
}
[data-background="light"] #order-standard_cart .mc-promo .header {
	border-bottom: none !important;
}
[data-background="light"] #order-standard_cart .products .product div.product-desc p {
	color: #808080;
}
[data-background="light"] .intl-tel-input.separate-dial-code .selected-flag {
	background-color: var(--color-grey-light) !important;
}
[data-background="light"] #order-standard_cart .field-container {
	background-color: var(--bg-prata-light) !important;
}

[data-background="dark"] .dropnav-header-lined .dropdown-menu .list-group-item {
	background-color: #101920;
}
[data-background="dark"] .box-container .infonews-nav a i.fa-power-off {
	color: #fff !important;
}
[data-background="dark"] .box-container .infonews-nav a:hover.btn {
	color: #fff !important;
}
[data-background="dark"] #Secondary_Navbar-Account .secundary-nav .secundary-content li a {
	color: #fff;
}
[data-background="dark"] .header .desk.navbar-nav > li a {
	color: #fff !important;
}
[data-background="dark"] .desk .dropdown-menu {
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 50%) !important;
}
[data-background="dark"] .navbar-nav a.dropdown-toggle:before {
	display: none;
}
[data-background="dark"] .nav.navbar-nav a:before {
	display: none;
}
[data-background="dark"] .desk.nav .dropdown-menu {
	background-color: #15212a !important;
}
[data-background="dark"] .user-quicklinks li a {
	border-bottom: solid 1px #000 !important;
}
[data-background="dark"] .user-quicklinks li:nth-child(3) a {
	border-bottom: none !important;
}
[data-background="dark"] .services.overview-services .service-wrap .service-section p {
	color: #d4dee7;
}
[data-background="dark"] .services.overview-services.sec-main.sec-bg4 {
	padding: 80px 80px !important;
}
[data-background="dark"] .services.overview-services .service-wrap .service-section .list-group a {
	color: #d4dee7;
}
[data-background="dark"] .services.overview-services .service-wrap .service-section .list-group a .text-domain {
	color: #d4dee7;
}
[data-background="dark"] #promotions-slider .carousel-inner .promo-banner {
	background-color: #101920 !important;
	color: #fff !important;
}
[data-background="dark"] div.header-lined h1 {
	border-bottom: 1px solid #000;
}
[data-background="dark"] .dropnav-header-lined .mc-panel-promo .panel-body span {
	color: #808080 !important;
}
/* Landing Pages */
[data-background="dark"] .landing-page .content-block {
	background-color: #101920;
}
[data-background="dark"] .landing-page .emergency {
	background-color: #101920 !important;
}
[data-background="dark"] .landing-page .light-grey-bg {
	background-color: #101920 !important;
}
[data-background="dark"] .landing-page .detailed-info {
	background-color: #101920 !important;
}
[data-background="dark"] .landing-page .content-block .plan .header {
	background-color: #15212a !important;
}
[data-background="dark"] .landing-page .plans .plan {
	border: none !important;
}
[data-background="dark"] .landing-page .content-block .plan ul {
	background-color: #15212a !important;
}
[data-background="dark"] .landing-page .content-block .plan .footer {
	background-color: #15212a !important;
}
[data-background="dark"] .landing-page h2 {
	color: #fff !important;
}
[data-background="dark"] .landing-page .content-block h2 {
	color: #fff !important;
}
[data-background="dark"] .landing-page .content-block h3 {
	color: var(--color-grey-light) !important;
}
[data-background="dark"] .landing-page .content-block h4 {
	color: var(--color-grey-light) !important;
}
[data-background="dark"] .landing-page .hero {
	background-color: #101920 !important;
}
[data-background="dark"] .landing-page .hero h2 {
	color: #fff !important;
}
[data-background="dark"] .landing-page .hero h3 {
	color: #808080 !important;
}
[data-background="dark"] .landing-page .plans .plan .footer select {
	border: none !important;
}
[data-background="dark"] .landing-page .content-block.tabs .tab-content {
	background-color: #15212a !important;
}
[data-background="dark"] .landing-page .nav-tabs > li.active > a,
.landing-page .nav-tabs > li.active > a:focus,
.landing-page .nav-tabs > li.active > a:hover {
	background-color: #15212a !important;
	color: #fff !important;
}
[data-background="dark"] .landing-page .nav-tabs > li > a,
.landing-page .nav-tabs > li > a:focus {
	background-color: #808080 !important;
	color: #fff !important;
}
[data-background="dark"] .landing-page .content-block.get-started .checkbox-inline {
	color: #fff !important;
}
[data-background="dark"] .landing-page .panel-default > .panel-body {
	background-color: #101920 !important;
}

[data-background="dark"] table.table-list {
	background-color: #101920 !important;
	color: #fff !important;
}
[data-background="dark"] table.table-list tbody td {
	border-bottom: solid 1px #000 !important;
}
[data-background="dark"] .box-container .form-control.disabled {
	color: #bbb !important;
	background-color: var(--color-text-main) !important;
}
[data-background="dark"] .know-bgbox-container .col-sm-12 {
	border-color: #000 !important;
}
[data-background="dark"] .article-content .kb-article-content p {
	color: #fff !important;
}
[data-background="dark"] #order-standard_cart .addon-promo-container {
	background-color: #101920 !important;
}
[data-background="dark"] #order-standard_cart .addon-promo-container .description {
	background-color: #101920 !important;
	border-bottom: solid 1px #000;
}
[data-background="dark"] .promo-container .header h3 {
	color: #fff;
}
[data-background="dark"] .modal-content {
	background-color: #15212a !important;
}
[data-background="dark"] .modal-content .modal-title i {
	color: #fff !important;
}
[data-background="dark"] .modal-content .modal-title span {
	color: #fff !important;
}
[data-background="dark"] .modal-content .modal-body {
	color: #fff !important;
}
[data-background="dark"] #order-standard_cart .mc-promo {
	background-color: #101920 !important;
	border: none !important;
}
[data-background="dark"] #order-standard_cart .mc-promo .price {
	color: #fff !important;
}
[data-background="dark"] #order-standard_cart .mc-promo .content {
	color: #fff !important;
}
[data-background="dark"] #order-standard_cart .view-cart-items .item-price span {
	color: #fff !important;
}
[data-background="dark"] #order-standard_cart .col-md-8 h3 {
	color: #fff !important;
}
[data-background="dark"] #order-standard_cart .view-cart-items .item .item-header {
	border-bottom: none !important;
}
[data-background="dark"] #order-standard_cart .view-cart-items .item .item-footer {
	background-color: #0f161c !important;
	color: #fff;
}
[data-background="dark"] #order-standard_cart .mc-promo .body {
	background-color: #0f161c !important;
	border-top: solid 1px #000 !important;
}
[data-background="dark"] #order-standard_cart .mc-promo .body li {
	color: #fff !important;
}
[data-background="dark"] #order-standard_cart .prepend-icon .field {
	background-color: #15212a !important;
	color: #aaa !important;
}
[data-background="dark"] #order-standard_cart .sub-heading span {
	color: #fff !important;
}
[data-background="dark"] .domain-pricing .tld-row {
	border-bottom: solid 1px #000 !important;
	color: #fff !important;
}
[data-background="dark"] .domain-promo-box svg {
	background-color: #15212a !important;
}
[data-background="dark"] .md-editor .md-footer {
	background-color: #15212a !important;
}
[data-background="dark"] .md-editor .md-header {
	background-color: #15212a !important;
}
[data-background="dark"] .tab-content .tab-pane .panel {
	background-color: #101920 !important;
	color: #fff !important;
}
[data-background="dark"] .tab-content .tab-pane .panel .panel-heading {
	background-color: #101920 !important;
	color: #fff !important;
	border-color: var(--color-text-main);
}
[data-background="dark"] .promo-banner {
	background-color: #101920 !important;
	color: #fff !important;
}
[data-background="dark"] .main-content .panel.panel-default .panel-body .cpanel-feature-row a {
	color: #fff !important;
}
[data-background="dark"] .md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
	background: #101920 !important;
	color: #fff !important;
}
[data-background="dark"] .md-fullscreen-mode {
	background: #101920 !important;
}
[data-background="dark"] .md-fullscreen-mode.active {
	background: #101920 !important;
}
[data-background="dark"] .rockbox .service-section .div-service-name {
	color: #fff !important;
}
[data-background="dark"] .box-container .form-control.StripeElement {
	background: rgba(255, 255, 255, 0.9) !important;
}
[data-background="dark"] .main-content .panel.panel-default .panel-heading h3 {
	color: #fff !important;
}
[data-background="dark"] .open > .dropdown-menu {
	background-color: #101920 !important;
	color: #fff !important;
}
[data-background="dark"] .panel {
	background-color: #101920 !important;
	color: #fff !important;
}
[data-background="dark"] a.list-group-item:hover {
	color: #fff !important;
}
[data-background="dark"] .div-service-item .dropdown-menu li {
	color: #808080 !important;
}
[data-background="dark"] .div-service-item .dropdown-menu li:hover {
	color: #fff !important;
}
[data-background="dark"] a.list-group-item.active,
a.list-group-item.active:focus {
	background-color: #15212b !important;
	color: #808080 !important;
}
/*Order Form*/
[data-background="dark"] #order-standard_cart .form-control {
	background-color: #15212a !important;
	border: none !important;
}
[data-background="dark"] #order-standard_cart #DomainSearchResults .form-control {
	background-color: #101920 !important;
	border: none !important;
}
[data-background="dark"] #order-standard_cart #inputPromotionCode {
	background-color: #101920 !important;
}
[data-background="dark"] #order-standard_cart .mc-promo .header {
	border-bottom: none !important;
}
[data-background="dark"] #order-standard_cart .products .product div.product-desc p {
	color: #808080;
}
[data-background="dark"] .intl-tel-input.separate-dial-code .selected-flag {
	background-color: #808080 !important;
}
[data-background="dark"] #order-standard_cart .field-container {
	background-color: #101920 !important;
}
[data-background="dark"] #paymentGatewaysContainer .radio-inline {
	border: 1px solid #101920 !important;
}

[data-radius="defaultradius"] .custom-select,
[data-radius="defaultradius"] .form-control,
[data-radius="defaultradius"] #order-standard_cart .form-control,
[data-radius="defaultradius"] .domain-promo-box svg,
[data-radius="defaultradius"] .domain-promo-box i {
	border-radius: 50px;
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
	border-top-left-radius: 50px !important;
	border-bottom-left-radius: 50px !important;
}

[data-radius="defaultradius"] table .btn-group > .btn:not(:first-child) {
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
}

[data-radius="threeradius"] .custom-select,
[data-radius="threeradius"] .form-control,
[data-radius="threeradius"] .overview-services,
[data-radius="threeradius"] .dropdown-menu,
[data-radius="threeradius"] .product.addons,
[data-radius="threeradius"] .form-group select,
[data-radius="threeradius"] #order-standard_cart .form-control,
[data-radius="threeradius"] .domain-promo-box,
[data-radius="threeradius"] .domain-promo-box svg,
[data-radius="threeradius"] .listtable .br-12,
[data-radius="threeradius"] .domain-checker-container.overlay:before,
[data-radius="threeradius"] .domain-checker-container,
[data-radius="threeradius"] .domain-transfer-container.overlay:before,
[data-radius="threeradius"] .domain-transfer-container,
[data-radius="threeradius"] .offcanvas.offcanvas-box,
[data-radius="threeradius"] .card,
[data-radius="threeradius"] .os.upping,
[data-radius="threeradius"] .domain-promo-box i {
	border-radius: 3px;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

[data-radius="threeradius"] table .btn-group > .btn:not(:first-child) {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
}

[data-radius="threeradius"] table.table-list thead tr th:first-child {
	border-top-left-radius: 3px !important;
}

[data-radius="threeradius"] table.table-list thead tr th:last-child {
	border-top-right-radius: 3px !important;
}

[data-radius="threeradius"] .offcanvas.offcanvas-box .card img {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

[data-radius="sixradius"] .custom-select,
[data-radius="sixradius"] .form-control,
[data-radius="sixradius"] .overview-services,
[data-radius="sixradius"] .dropdown-menu,
[data-radius="sixradius"] .product.addons,
[data-radius="sixradius"] .form-group select,
[data-radius="sixradius"] #order-standard_cart .form-control,
[data-radius="sixradius"] .domain-promo-box,
[data-radius="sixradius"] .domain-promo-box svg,
[data-radius="sixradius"] .listtable .br-12,
[data-radius="sixradius"] .domain-checker-container.overlay:before,
[data-radius="sixradius"] .domain-checker-container,
[data-radius="sixradius"] .domain-transfer-container.overlay:before,
[data-radius="sixradius"] .domain-transfer-container,
[data-radius="sixradius"] .offcanvas.offcanvas-box,
[data-radius="sixradius"] .card,
[data-radius="sixradius"] .os.upping,
[data-radius="sixradius"] .domain-promo-box i {
	border-radius: 6px;
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}

[data-radius="sixradius"] table .btn-group > .btn:not(:first-child) {
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}

[data-radius="sixradius"] table.table-list thead tr th:first-child {
	border-top-left-radius: 6px !important;
}

[data-radius="sixradius"] table.table-list thead tr th:last-child {
	border-top-right-radius: 6px !important;
}

[data-radius="sixradius"] .offcanvas.offcanvas-box .card img {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

[data-radius="twelveradius"] .custom-select,
[data-radius="twelveradius"] .form-control,
[data-radius="twelveradius"] .overview-services,
[data-radius="twelveradius"] .dropdown-menu,
[data-radius="twelveradius"] .product.addons,
[data-radius="twelveradius"] .form-group select,
[data-radius="twelveradius"] #order-standard_cart .form-control,
[data-radius="twelveradius"] .domain-promo-box,
[data-radius="twelveradius"] .domain-promo-box svg,
[data-radius="twelveradius"] .listtable .br-12,
[data-radius="twelveradius"] .domain-checker-container.overlay:before,
[data-radius="twelveradius"] .domain-checker-container,
[data-radius="twelveradius"] .domain-transfer-container.overlay:before,
[data-radius="twelveradius"] .domain-transfer-container,
[data-radius="twelveradius"] .offcanvas.offcanvas-box,
[data-radius="twelveradius"] .card,
[data-radius="twelveradius"] .os.upping,
[data-radius="twelveradius"] .domain-promo-box i {
	border-radius: 12px;
	border-top-right-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
	border-top-left-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
}

[data-radius="twelveradius"] table .btn-group > .btn:not(:first-child) {
	border-top-right-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}

[data-radius="twelveradius"] table.table-list thead tr th:first-child {
	border-top-left-radius: 12px !important;
}

[data-radius="twelveradius"] table.table-list thead tr th:last-child {
	border-top-right-radius: 12px !important;
}

[data-radius="twelveradius"] .offcanvas.offcanvas-box .card img {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

[data-radius="twelveradius"] .intl-tel-input.separate-dial-code .selected-flag {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

/*------------------------------------------------------------------
  31. Others
-------------------------------------------------------------------*/
.highlight {
	padding: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	background-color: #f3f2fb;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.bd-content .highlight {
	margin-right: 15px;
	margin-left: 15px;
}
.highlight pre {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color: transparent;
	border: 0;
}
.highlight pre code {
	font-size: inherit;
	color: #333;
}
/* Blockquote */
.blockquote {
	border-left: 0.25rem solid #eaeaea;
	padding: 0.5rem 1rem;
}
.blockquote.text-right {
	border-left: none;
	border-right: 0.25rem solid #eaeaea;
}
@-webkit-keyframes sidenavDropdownShow {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-0.5rem);
		transform: translateY(-0.5rem);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes sidenavDropdownShow {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-0.5rem);
		transform: translateY(-0.5rem);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.header[class*="header-"] {
	-webkit-box-shadow: 0 3px 10px 0 rgba(65, 72, 78, 0.02);
	box-shadow: 0 3px 10px 0 rgba(65, 72, 78, 0.02);
}
/* Static Menu */
.navbar.menupos-static {
	position: absolute;
	height: auto;
	min-height: 100%;
}
.navbar.menupos-static .navbar-wrapper,
.navbar.menupos-static .scroll-div.navbar-content {
	height: auto;
	min-height: 100vh;
}
body.box-layout {
	position: static;
}
body.box-layout .header {
	position: relative;
}
/* Visitors */
.visitor .img-female {
	position: absolute;
	left: 10px;
	bottom: 0;
}
.visitor .img-men {
	position: absolute;
	right: 10px;
	bottom: 0;
}
/* Custom Select */
.custom-select:focus,
.form-control:focus {
	background: #f4f7fa;
}
.custom-select::-moz-placeholder,
.form-control::-moz-placeholder {
	color: #aaaeb3;
	opacity: 1;
}
.custom-select:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
	color: #aaaeb3;
}
.custom-select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #aaaeb3;
}
/* Input */
.input-group {
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}
.input-group .input-group-text {
	padding-left: 15px;
	padding-right: 15px;
	background: transparent;
}
.input-group .input-group-text i {
	font-size: 20px;
}
.input-group .custom-file-label {
	margin-bottom: 0;
}
#order-standard_cart .cc-input-container .input-group .btn {
	font-size: 14px !important;
	height: auto !important;
	top: -6px;
	right: 21px;
	margin-bottom: 0;
	margin-right: 0;
}
#order-standard_cart .cc-input-container {
	border-radius: 12px !important;
	padding: 30px 25px !important;
	padding: 15px 15px 10px 15px;
	border-radius: 4px;
}
#order-standard_cart .form-control {
	height: 52px !important;
}
.custom-select {
	height: calc(2.25rem + 9px);
}
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
	height: calc(3.375rem + 2px);
}
/* Breadcrumb */
.breadcrumb {
	background-color: #f4f7fa;
	border-radius: 0;
}
.breadcrumb-item + .breadcrumb-item {
	color: #04a9f5;
}
.breadcrumb-item.active {
	color: #111;
}
/* Pills */
.nav-pills {
	padding: 15px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
}
.nav-fill .nav-item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
}
.nav-justified .nav-item {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
}
/* Auto */
.ml-auto,
.mx-auto {
	margin-left: auto !important;
}
.mr-auto,
.mx-auto {
	margin-right: auto !important;
}
.float-right {
	float: right !important;
}
/* Set */
.set-warning.active {
	position: unset;
	display: block;
	transform: inherit;
	margin-top: 24px;
	width: 100%;
	border-radius: 8px;
	padding: 11px 15px;
}
.set-warning.active {
	box-shadow: none;
}
.close.set-close {
	transform: rotate(45deg);
	font-size: 18px;
}
.set-warning.active {
	color: #111 !important;
	background: transparent;
	border-color: #111 !important;
	border: 2px solid #333;
	font-weight: bold;
	padding: 7px 15px;
	border-radius: 2px;
	font-size: 11px;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}
.set-warning.active:hover {
	text-decoration: none;
	background: #fff;
}
select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none;
	background: url(http://inebur.com/whmcs/templates/antler/assets/img/down.svg) no-repeat right !important;
	background-repeat: no-repeat !important;
	background-position-x: 95% !important;
	background-position-y: 18px !important;
}
.custom-select,
.form-control {
	width: 100%;
	padding: 5px 30px;
	height: 52px;
	font-size: 14px;
	color: #495057 !important;
	background-color: #fff !important;
	box-shadow: none;
}

.StripeElement {
	padding: 17px 30px !important;
}

.btn.btn-link[data-toggle="popover"] {
	padding: 5px 15px;
	text-decoration: none;
	background-color: #4c4a4a !important;
	color: #fff !important;
	border: none !important;
	margin-top: 15px !important;
	font-size: 12px;
}

#stripeElements .col-sm-2 {
	width: 70% !important;
}
#stripeElements .col-sm-7 {
	width: 70% !important;
}

.form-horizontal label.control-label {
	width: 200px;
	padding: 15px;
	text-align: left;
}
.custom-select:focus,
.form-control:focus {
	background: #fff;
}
.form-control:focus {
	border-color: #5c65ae;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#default-captcha-domainchecker p {
	font-size: 12px;
}
.header .dropdown.lang-drop .dropdown-toggle {
	background-color: transparent !important;
}
.header .dropdown .notification.lang-container {
	max-width: 450px;
	width: 100%;
	min-width: 400px;
	background-repeat: no-repeat;
	background-position: center;
}
.header .dropdown .notification.lang-container ul {
	float: left;
	padding: 20px 0;
	border-bottom-left-radius: 9px !important;
	border-bottom-right-radius: 9px !important;
}
.header .dropdown .notification.lang-container ul li {
	float: left;
	display: inline;
	padding: 0 15px 0px 20px;
	width: 33.333%;
	line-height: 2em;
}
.header .dropdown .notification.lang-container ul li a {
	font-size: 13px;
	padding: 0 10px;
	font-weight: 500;
	color: var(--color-text-main);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header .dropdown .notification.lang-container ul li a:hover {
	text-decoration: none;
	color: #808080 !important;
}
/*------------------------------------------------------------------
  32. Responsive
-------------------------------------------------------------------*/
/* BOOTSTRAP 5.0 Container */

@media (min-width: 576px) {
	.container,
	.container-sm {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container,
	.container-md,
	.container-sm {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 960px;
	}
}
@media (max-width: 1200px) {
	.header .desk.navbar-nav > li a {
		font-size: 14px;
		margin-right: 15px;
	}
}
@media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1140px;
	}
}
@media (max-width: 1400px) {
	.header .desk.navbar-nav > li a {
		font-size: 15px;
	}
}
@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1320px;
	}
}
@media screen and (max-width: 1100px) {
	.login-left-side-custom {
		width: 500px;
	}
	.login-right-side-custom {
		padding-left: 530px;
	}
}
@media screen and (max-width: 991px) {
	.not-login a.iconews {
		display: block;
	}
	.container-clientarea {
		border-radius: 0;
	}
	.container-clientarea .area-discreted-info-user a {
		border-right: 0;
	}
	.container-clientarea .area-discreted-info-user a span:last-child {
		right: 5px;
	}
	.alert-dismissible {
		padding-right: 20px;
	}
	.pdd-lft-0 {
		padding-left: 15px !important;
	}
	.pdd-right-0 {
		padding-right: 15px !important;
	}
	.header a,
	.header dropdown-toggle {
		color: #949cbf;
	}
	.discount-box-homepage a {
		display: none;
	}
	.main-container {
		padding: 0;
	}
	.wrapper-plan {
		margin-bottom: 30px;
	}
	.news-content {
		margin-bottom: 30px;
	}
	.bottom-sec {
		padding: 0 0 50px 0;
	}
	.right-overview-box-domain {
		margin-bottom: 30px;
	}

	/*Header*/
	.top-nav li:nth-child(4) {
		display: none;
	}
	.navbar-main .navbar-nav > li > a {
		font-size: 13px !important;
	}
	.navbar-main {
		padding: 0px !important;
	}
	.navbar-default .navbar-collapse .infos {
		display: block !important;
	}
	.navbar-default .navbar-collapse .infos p {
		margin-bottom: 15px;
		color: #d4dee7 !important;
	}
	#nav-toggle {
		display: block;
	}
	.menu-wrap {
		display: none;
	}
	#menu-mobile {
		display: block;
	}
	.navbar-default .navbar-collapse {
		z-index: 1;
		display: block !important;
		text-align: center !important;
		position: fixed !important;
		height: 100% !important;
		width: 100% !important;
		background: #15212a;
		top: 0 !important;
		left: 0 !important;
		overflow-y: auto !important;
		padding: 80px 20px 80px;
		-moz-transform: translate3d(0, 200%, 0);
		-ms-transform: translate3d(0, 200%, 0);
		-o-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.navbar-default .navbar-collapse.in {
		transform: translateX(0) !important;
		border: none !important;
		box-shadow: none !important;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.navbar-nav .open .dropdown-menu {
		left: 0;
		right: 0;
		width: 100%;
		margin: auto;
		text-align: center;
	}
	.navbar-main .navbar-nav {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 30px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.navbar-main .navbar-nav > li {
		width: 100%;
		display: block;
		text-align: center;
		padding: 20px 0 !important;
	}
	.navbar-main .navbar-nav > li a {
		color: #afafaf !important;
		font-weight: 400 !important;
		font-size: 24px !important;
		margin: 0px !important;
		background-color: transparent !important;
	}
	.menu-wrap.fixed {
		padding: 13px 0px 13px 0px;
	}
	.menu-wrap.fixed .navbar-nav > li > .dropdown-menu {
		box-shadow: none !important;
	}
	.navbar-main .navbar-nav > li a:hover {
		color: var(--color-primary) !important;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.navbar-main .navbar-nav .open .dropdown-menu > li {
		margin: 0 !important;
		padding: 7px !important;
	}
	.navbar-main .navbar-nav .open .dropdown-menu > li > a {
		color: #aaa !important;
		font-size: 15px !important;
		border: none;
	}
	.navbar-main .navbar-nav .open .dropdown-menu > li > a:hover {
		background: transparent !important;
		color: var(--color-primary) !important;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		padding: 10px 0 30px 0 !important;
		background-color: transparent;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.navbar-toggle.menu-toggle.active .logo-responsive {
		position: relative;
		z-index: 99;
		display: block !important;
	}
	.navbar-toggle.menu-toggle.active .logo-menu {
		display: none !important;
	}

	.header .input-group-text,
	.header a,
	.header dropdown-toggle {
		color: #3f4d67;
	}
	.header .input-group-text:hover,
	.header a:hover,
	.header dropdown-toggle:hover {
		color: #04a9f5;
	}
	.header #mobile-header {
		display: none;
		right: 20px;
	}
	.header > .collapse:not(.show) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		background: #fff;
	}
	.header .m-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 70px;
	}
	.header .m-header .logo-content {
		margin-left: 20px;
	}
	.header .m-header .mobmenu {
		right: 20px;
	}
	.header .full-screen {
		display: none;
	}

	.navbar .scroll-div.navbar-content {
		height: 100%;
	}
	.navbar ~ .header,
	.navbar ~ .main-container {
		margin-left: 0;
	}
	.navbar ~ .header {
		width: 100%;
	}
	.navbar .navbar-brand {
		display: none !important;
	}
	.navbar.mob-open {
		margin-left: 0;
		-webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.09);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
	}
	.navbar.mob-open ~ .header,
	.navbar.mob-open ~ .main-container {
		margin-left: 0;
	}
	.header-social-login a {
		color: #fff !important;
	}
	.main-container {
		padding: 0px;
	}
	section#footer {
		padding: 20px 40px;
	}
	.header-hight-fixed {
		height: 90px;
	}
	.header .m-header .mobmenu {
		margin-left: 15px;
	}
	.header > .collapse:not(.show) {
		display: flex !important;
		background: transparent;
	}
	.header ul.navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 0;
	}
	.how-can-help-box-container .how-can-help-box {
		border-bottom: 0.07rem solid #ebedf2;
		border-right: 0;
	}
	.how-can-help-box-container .how-can-help-box:last-child {
		border-bottom: 0;
	}
	.search-term {
		display: none !important;
	}
	.barmenu {
		display: none !important;
	}
	.navbar-header .logo-menu {
		position: relative;
		display: block;
		z-index: 2;
		max-height: 47px;
		display: grid;
		width: 140px;
	}
}
@media only screen and (max-width: 992px) {
	body.box-layout {
		position: relative;
	}
	body.box-layout.container {
		padding: 0;
	}
	.header .dropdown .profile-notification {
		margin-right: 0;
	}
	.header .mobile .dropdown.open a.dropdown-toggle {
		color: var(--color-primary) !important;
	}
	[data-layout="frame"] #container-menu {
		position: relative;
	}
	#container-menu .navbar-header {
		top: 70px;
	}
}
@media screen and (max-width: 900px) {
	.login-right-side-custom .login-head .phone-homepage-login-link {
		display: inline-block;
	}
	.login-left-side-custom {
		display: none;
	}
	.login-right-side-custom {
		padding-left: 530px;
	}
	.login-right-side-custom {
		padding-left: 3rem;
	}
}
@media screen and (max-width: 768px) {
	.services .service-wrap .service-section i {
		font-size: initial;
	}
	.main-container .content.main {
		padding: 60px 35px 0px 35px;
	}
	section#main-body {
		padding: 0 15px;
	}
	.homepage-announcement-title a {
		padding: 1px 5px 1px 8px;
		margin-left: 0;
		vertical-align: middle;
		white-space: pre-wrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 55%;
		display: -webkit-inline-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.homepage-announcement-title span {
		display: none;
	}
	.dataTables_wrapper .dataTables_filter {
		margin-bottom: 20px;
	}
	.dataTables_wrapper .listtable {
		width: 100%;
		overflow-x: auto;
	}
	.dataTables_wrapper .dataTables_paginate {
		padding: 6px 5px 0;
	}
	.dataTables_wrapper .dataTables_length label {
		padding: 8px 0px 0 0px;
	}
	div.header-lined {
		margin-left: -15px;
		margin-right: -15px;
	}
	.container-clientarea {
		margin-left: 0px;
		margin-right: 0px;
	}
	.divider {
		width: 100% !important;
	}
	.wrapper-plan .top-content {
		padding: 40px 40px 25px 40px !important;
	}
	.wrapper-plan .specs-content {
		padding: 25px 40px 40px 40px !important;
	}
	.fetures-section .fetures-content {
		padding: 30px !important;
	}
	.news-content {
		padding: 40px !important;
	}
	.announcement-single .title {
		padding: 31px 60px 30px 30px;
	}
	.announcement-single p {
		padding: 20px;
	}
	.kb-search .form-control {
		margin-bottom: 5px;
		position: relative !important;
		right: 0px;
	}
	#btnKnowledgebaseSearch {
		position: initial !important;
		right: 0px !important;
		border-radius: 50px;
		width: 100%;
	}
	.kb-rate-article .row {
		width: initial !important;
	}
	.article-content .kb-article-title h2 {
		font-size: 18px !important;
	}
	div.dataTables_wrapper div.dataTables_paginate {
		width: 100%;
	}
	section#footer {
		text-align: center;
		display: block;
	}
	section#footer .footer-menu {
		padding: 0px;
		display: block;
		text-align: center;
		margin-top: 10px;
	}
	section#footer .footer-menu a:first-child {
		margin: 0px !important;
	}
	#order-standard_cart .product.addons .form-group select {
		padding: 5px 30px 5px 30px !important;
	}
	.badge.feat.mr-30 {
		margin-right: 15px !important;
	}
	#order-standard_cart .view-cart-empty {
		padding: 0px !important;
	}
	#order-standard_cart .products .product div.product-pricing span.price {
		font-size: 22px !important;
	}
	svg#bgbody {
		width: 100%;
		height: auto;
		min-height: 100%;
		min-width: 1024px;
		position: fixed;
		top: 0;
		left: 0;
	}
	.container-clientarea .header-features-icons {
		float: left !important;
	}
	.dataTables_wrapper .dataTables_filter {
		margin-top: 0;
	}
	.dataTables_wrapper .dataTables_filter label {
		padding: 0px;
	}
	.promo-banner .icon-left {
		display: none;
	}
	.promo-container .header h3 {
		font-size: 32px !important;
		line-height: 38px;
	}
}
@media only screen and (max-width: 768px) {
	.our-sevices-box.homepage {
		width: 40%;
	}
	.main-container.slider .silder-container .silder-bg:after {
		z-index: 0;
	}
	.main-container.slider .silder-container .img-right {
		display: none;
	}
	.carousel-cell {
		margin: 0;
	}
	#main-body-homepage .row {
		margin: 0;
	}
	#order-standard_cart .domain-resultat-tab-box .col-sm-8.col-sm-offset-1 {
		padding-right: 15px !important;
	}
	#order-standard_cart .domain-resultat-tab-box .col-sm-2 {
		padding-left: 15px !important;
	}
	.main-container.slider .silder-container .slider-content h5 {
		font-size: 26px;
		line-height: 42px;
	}
	.main-container.slider .silder-container .slider-content p {
		width: 100%;
		font-size: 12px;
		line-height: 28px;
	}
	.domains-search {
		width: 100%;
	}
	.special-note {
		display: none;
	}
	.landing-page h2 {
		line-height: 34px !important;
		font-size: 22px !important;
	}
	.landing-page .feature-wrapper .content {
		display: inline-block !important;
		margin-left: 0px !important;
	}
	.landing-page .content-block.pricing .btn-group {
		display: inline-block !important;
	}
	.landing-page .features .feature {
		height: auto !important;
	}
	.landing-page .faqs p {
		margin-bottom: 30px;
	}
	.landing-page .content-block.pricing .btn-group .btn {
		font-size: 12px !important;
		padding: 10px 20px !important;
	}
	.landing-page .hero {
		padding: 30px 10px !important;
	}
	.landing-page .image-standout {
		padding: 30px 10px !important;
	}
	.landing-page .content-block {
		padding: 30px 10px !important;
	}
	.landing-page .content-block.plans {
		padding: 30px 10px !important;
	}
	.landing-page .content-block.plans .plan .header {
		padding: 30px 10px !important;
	}
	.landing-page .content-block.plans .plan ul {
		padding: 30px 10px !important;
	}
	.landing-page .content-block.plans .plan .footer {
		padding: 30px 10px !important;
	}
	.landing-page .feature.world span {
		font-size: 14px !important;
		margin-right: 15px !important;
	}
}
@media only screen and (max-width: 575px) {
	.header .dropdown.lang-drop,
	.header .dropdown.user-login {
		position: static;
	}
	.header .dropdown.lang-drop .dropdown-toggle:before {
		left: -12px;
		bottom: -36px;
	}
	.header .dropdown.open .dropdown-menu:before {
		display: none;
	}
	.header .dropdown.open .dropdown-toggle {
		position: relative;
	}
	.header .dropdown.not-login .dropdown-toggle:before {
		left: -17px;
	}
	.header .dropdown.open .dropdown-toggle:before {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	div.dataTables_wrapper div.dataTables_info {
		display: none;
	}
	.know-bgbox-container .col-sm-12 {
		padding: 25px 0px 25px 90px !important;
	}
	table .btn-group.btn-domain-set {
		right: 20px;
	}
	.addon-content .addon-name {
		font-size: 16px !important;
	}
	.know-bgbox-container .col-sm-12 a span {
		display: none;
	}
	.header .navbar-nav > li:first-child {
		padding-left: 0;
	}
	.header .navbar-nav > li:last-child {
		padding-right: 20px;
	}
	.header .navbar-nav.mr-auto li {
		display: none;
	}
	.header .navbar-nav.mr-auto li.nav-item:not(.dropdown) {
		display: block;
		padding-right: 0;
	}
	.header .navbar-nav.mr-auto li.nav-item:not(.dropdown) .search-close {
		display: none;
	}
	.header .dropdown.show {
		position: static;
	}
	.header .dropdown.show a:after {
		display: none;
	}
	.header .dropdown.show:before {
		display: none;
	}
	.header-chat.open,
	.header-user-list.open {
		width: 280px;
	}
	.header .dropdown .profile-notification {
		margin-right: 15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.profile-informations-button {
		display: none;
	}
	.area-discreted-info-user {
		padding: 0;
		text-align: center;
	}
	.area-discreted-info-user a i:before {
		font-size: 29px;
	}
	.area-discreted-info-user a span.title,
	.area-discreted-info-user a span:last-child {
		text-align: left;
	}
	.invoices-elements-tringo .time-end {
		display: none;
	}
}
@media only screen and (min-width: 0) and (max-width: 768px) {
	.profile-informations-button {
		display: none;
	}
	.area-discreted-info-user a {
		min-width: 120px;
		padding-left: 40px;
	}
	.area-discreted-info-user {
		padding: 0;
		text-align: center;
	}
	.area-discreted-info-user a i:before {
		font-size: 29px;
	}
	.area-discreted-info-user a span.title,
	.area-discreted-info-user a span:last-child {
		text-align: left;
	}
	.invoices-elements-tringo .time-end,
	.profile-informations-info {
		display: none;
	}
	.row.profile-client-area .col-md-8 {
		width: 100%;
	}
	.row.profile-client-area .col-md-4 {
		display: none;
	}
}

@media (max-width: 576px) {
	.p-50 {
		padding: 80px 30px !important;
	}
	.p-80 {
		padding: 20px 0px !important;
	}
	.services .service-wrap .service-section {
		padding: 20px;
	}
	#Secondary_Navbar-Account .secundary-nav {
		min-width: 320px;
	}
	.services .service-wrap .rockbox .input-group {
		display: flex;
		position: relative;
	}
	.services .service-wrap .rockbox .service-section .input-group input.form-control {
		position: relative !important;
		margin-bottom: 10px;
	}
	.services .service-wrap .rockbox .service-section .input-group-btn.input-group-append {
		width: 100%;
		right: 0 !important;
	}
	.services .service-wrap .rockbox .service-section .input-group-btn.input-group-append input.btn {
		margin-right: 5px;
	}
	.div-service-name > span {
		white-space: initial !important;
	}
	#promotions-slider .promo-banner .carousel-specs-footer li,
	.aitems-center {
		display: block !important;
	}
	.container-clientarea .clientarea-new-header .profile-photo {
		margin-bottom: 20px;
	}
	.header .dropdown .notification.lang-container {
		right: 45px;
		max-width: 350px;
		min-width: 300px;
	}
	.header .dropdown .notification {
		right: -70px;
		max-width: 250px;
		min-width: 300px;
	}
	.header .dropdown .profile-notification {
		right: 30px;
		min-width: 300px;
	}
	.user-info-content .user-info {
		display: block;
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 575px) and (max-width: 991px) {
	.header .dropdown .profile-notification,
	.header .dropdown .notification.lang-container {
		background: #fff;
	}
}
@media only screen and (min-width: 0) and (max-width: 575px) {
	.profile-client-area .col {
		float: none;
		display: block;
		text-align: center;
		width: 100%;
	}
	.profile-informations-text {
		float: none;
		padding-right: 0;
		max-width: 100%;
	}
	.invoice-elements-footer .total span {
		display: none;
	}
	.invoices-elements-tringo {
		padding: 20px 12px;
	}
	.invoices-elements-tringo .invoice-pay-button {
		margin: -3px 0 0;
	}
	.homepage-announcement-title .label-read-more-anononcement {
		padding: 10px 6px;
		margin-right: 0;
	}
}
@media only screen and (max-width: 1370px) and (min-width: 991px) {
	.container-clientarea .area-discreted-info-user {
		position: relative !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 991px) {
	.container-clientarea .container-clientarea-bg {
		display: none !important;
	}
}
@media only screen and (max-width: 1150px) and (min-width: 991px) {
	.navbar ~ .main-container .container-clientarea .area-discreted-info-user {
		padding: 4px 5px 0px;
	}
	.navbar ~ .main-container .container-clientarea .area-discreted-info-user a {
		padding-left: 5px;
		margin: 5px 0 5px;
		min-width: 80px;
	}
	.navbar ~ .main-container .container-clientarea .area-discreted-info-user a i {
		display: none;
	}
	.navbar ~ .main-container .container-clientarea .container-clientarea-bg {
		display: none;
	}
	.navbar.navbar-collapsed ~ .main-container .container-clientarea .container-clientarea-bg {
		display: block;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
	.navbar .header-logo {
		-webkit-transition: none;
		transition: none;
	}
	.navbar.navbar-collapsed {
		-webkit-transition: none;
		transition: none;
	}
	.navbar.navbar-collapsed .header-logo img {
		-webkit-transition: none;
		transition: none;
	}
	.navbar.navbar-collapsed .menu-caption > label {
		-webkit-transition: none;
		transition: none;
	}
	.navbar.navbar-collapsed .badge {
		-webkit-transition: none;
		transition: none;
	}
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.navbar-expand-lg {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}
@media (max-width: 992px) {
	.fixedHeader-locked {
		display: none !important;
	}
	table.dataTable.fixedHeader-floating {
		display: none !important;
	}
	.menu-wrap.reduce {
		display: block;
	}
	.providerPreLinking .social-signin-btns {
		display: block !important;
	}
	.forgotpw-txt {
		font-size: 12px;
	}
	.custom-control-label {
		font-size: 12px;
	}
	.custom-control-label::before {
		top: 2px !important;
	}
	.custom-control-label::after {
		top: 2px !important;
	}
	.dropnav-header-lined {
		right: 15px;
		top: -25px;
	}
}
@media only screen and (max-width: 900px) {
	.container-clientarea .container-clientarea-bg {
		display: none;
	}
	.side-banner-box {
		margin-top: 35px;
	}
	.input-group.input-group-lg.kb-search {
		padding: 45px 10px;
	}
}

@media only screen and (max-width: 769px) {
	#order-standard_cart .domain-resultat-tab-box .col-sm-8.col-sm-offset-1 {
		padding-right: 15px;
	}

	#order-standard_cart .domain-resultat-tab-box .col-sm-2 {
		padding-left: 15px;
	}

	#order-standard_cart .view-cart-items.version .item {
		text-align: center;
	}
}
@media (min-width: 768px) {
	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.modal-dialog.generatepassword {
		width: 490px;
	}
}
@media only screen and (max-width: 600px) {
	.login-page-header.row .col-md-6 {
		text-align: center;
	}
	.homepagewhmc-alert-fixed.alert-dismissible {
		bottom: 20px;
		right: 15px;
		left: 15px;
		top: auto;
	}
	.container-clientarea .header-accout-details {
		display: block;
	}
}
@media only screen and (max-height: 575px) {
	.bd-content .highlight {
		margin-right: 0;
		margin-left: 0;
	}
	.highlight {
		padding: 1.5rem;
	}
	.bd-example {
		padding: 1.5rem;
		margin-right: 0;
		margin-left: 0;
		border-width: 0.2rem;
	}
}
@media screen and (max-width: 480px) {
	.modal-footer {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
@media only screen and (max-width: 450px) {
	.our-sevices-box.homepage {
		width: 60%;
	}
}
@media only screen and (max-width: 350px) {
	#Secondary_Navbar-Account .secundary-nav {
		min-width: 250px;
	}
	.header .dropdown .notification.lang-container {
		left: -135px;
		max-width: 250px;
		min-width: 250px;
		overflow: auto;
	}
	.header .dropdown .notification {
		max-width: 250px;
		min-width: 200px;
		overflow: auto;
		right: -98px;
	}
	.header .dropdown .profile-notification {
		min-width: 250px;
		right: 0px;
	}
	.user-info-content .user-info {
		display: block;
		margin-bottom: 10px;
	}
}

/*
Fix
mobile
menu
scroll
*/

/* Fix mobile scroll */
#menu-mobile.fixed { background-color: #ffffff !important; }
#menu-mobile.fixed .navbar-nav > li > .dropdown-menu { top: auto !important; position: static !important; }
#menu-mobile.fixed .logo-menu { display: block !important; }