/*------------------------------------------------------------------
[Master Stylesheet]

Project        :   Dashro - HTML5 Bootstrap Admin Template
Version        :   V.1
Create Date    :   02/03/20
Last Update    :   02/03/20
Copyright      :   Spruko Technologies Private Limited 
Author         :   SprukoSoft
Author URL     :   https://themeforest.net/user/sprukosoft
Support		   :   support@spruko.com
License        :   Licensed under ThemeForest License

-------------------------------------------------------------------*/

/* ------ Table Of Contents
	** FONTS IMPORT
	** Components css
	** Tables css
	** Form Elements css
	** Buttons css
	** Navigation css
	** Cads Styles css
	** Elements css
	** Custom Styles css
	** Page Styles css
	** Bootstrap Framework
	** Page Styles css
	** Global Loader
	** clipboard
	** Search
	** Breadcrumb
	** Loaders
	** panel
	** Tags
	** Count-down
	** demo gallery
	** CUSTOM CSS
	** Timeline
	** Ie Issues
	
	-----*/

/*---FONTS IMPORT --- */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

/*-------- Components css -------*/
@import url(components.css);

/*-------- Tables css -------*/
@import url(tables.css);

/*-------- Form Elements css -------*/
@import url(form-elements.css);

/*-------- Buttons css -------*/
@import url(buttons.css);

/*-------- Navigation css -------*/
@import url(nav-styles.css);

/*-------- Cads Styles css -------*/
@import url(card-styles.css);

/*-------- Elements css -------*/
@import url(elements.css);

/*-------- Custom Styles css -------*/
@import url(custom-styles.css);

/*-------- Page Styles css -------*/
@import url(page-styles.css);

/*--- BOOTSTRAP FRAMEWORK ---*/
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Spruko Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #4d79f5;
  --indigo: #4d79f5;
  --purple: #8c3feb;
  --pink: #ff2b93;
  --red: #ff5c77;
  --orange: #fd7e14;
  --yellow: #fcb32d;
  --green: #28c76f;
  --teal: #00cccc;
  --cyan: #2dc3fc;
  --white: #fff;
  --gray: #737688;
  --gray-dark: #191621;
  --primary: #4d79f5;
  --secondary: #737688;
  --success: #28c76f;
  --info: #2dc3fc;
  --warning: #fcb32d;
  --danger: #ff5c77;
  --light: #f2f6fd;
  --dark: #191621;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}
body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #50649c;
	text-align: right;
	background-color:#eaf0f7;
	direction: rtl;
}
[tabindex="-1"]:focus {
	outline: 0 !important;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
}
abbr[title], abbr[data-original-title] {
	text-decoration: underline;
	text-decoration: underline solid;
	cursor: help;
	border-bottom: 0;
	text-decoration-skip-ink: none;
}
address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}
ol, ul, dl {
	margin-top: 0;
	margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0;
}
dt {
	font-weight: 700;
}
dd {
	margin-bottom: .5rem;
	margin-left: 0;
}
blockquote {
	margin: 0 0 1rem;
}
b, strong {
	font-weight: bolder;
}
small {
	font-size: 80%;
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
a {
	color: #4d79f5;
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	color: #426ada;
	text-decoration: none;
}
a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
	outline: 0;
}
pre, code, kbd, samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 1em;
}
pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
}
figure {
	margin: 0 0 1rem;
}
img {
	vertical-align: middle;
	border-style: none;
	max-width:100%;
}
svg {
	overflow: hidden;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #737688;
	text-align: right;
	caption-side: bottom;
}
th {
	text-align: inherit;
}
label {
	display: inline-block;
	margin-bottom: 0.5rem;
}
button {
	border-radius: 0;
}
button:focus {
	outline: 1px solid;
	outline: 5px auto -webkit-focus-ring-color;
}
input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
select {
	word-wrap: normal;
}
button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
	cursor: pointer;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}
input[type="radio"], input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
	-webkit-appearance: listbox;
}
textarea {
	overflow: auto;
	resize: vertical;
}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}
output {
	display: inline-block;
}
summary {
	display: list-item;
	cursor: pointer;
}
template {
	display: none;
}
[hidden] {
	display: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}
h1, .h1 {
	font-size: 2.1875rem;
}
h2, .h2 {
	font-size: 1.75rem;
}
h3, .h3 {
	font-size: 1.53125rem;
}
h4, .h4 {
	font-size: 1.3125rem;
}
h5, .h5 {
	font-size: 1.09375rem;
}
h6, .h6 {
	font-size: 0.875rem;
}
.lead {
	font-size: 1.09375rem;
	font-weight: 300;
}
.display-1 {
	font-size: 6rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-2 {
	font-size: 5.5rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-3 {
	font-size: 4.5rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-4 {
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.2;
}
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small, .small {
	font-size: 80%;
	font-weight: 400;
}
mark, .mark {
	padding: 0.2em;
	background-color: #fcf8e3;
}
.list-unstyled {
	padding-right: 0;
	list-style: none;
}
.list-inline {
	padding-left: 0;
	list-style: none;
}
.list-inline-item {
	display: inline-block;
}
.list-inline-item:not(:last-child) {
	margin-right: 0.5rem;
}
.initialism {
	font-size: 90%;
	text-transform: uppercase;
}
.blockquote {
	margin-bottom: 1rem;
	font-size: 1.09375rem;
}
.blockquote-footer {
	display: block;
	font-size: 80%;
	color: #737688;
}
.blockquote-footer::before {
	content: "\2014\00A0";
}
body *::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	transition: .3s background;
}
body *::-webkit-scrollbar-thumb {
	background: #c1c0d0;
}
body *:hover::-webkit-scrollbar-thumb {
	background: #a9a7b9;
}
body *::-webkit-scrollbar-track {
  background: #e6e3ec; 
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.img-thumbnail {
	padding: 0.25rem;
	background-color: #fff;
	border: 1px solid #e8edf5;
	border-radius: 0px;
	max-width: 100%;
	height: auto;
}
.figure {
	display: inline-block;
}
.figure-img {
	margin-bottom: 0.5rem;
	line-height: 1;
}
.figure-caption {
	font-size: 90%;
	color: #737688;
}
code {
	font-size: 87.5%;
	color: #ff4668;
	word-break: break-word;
}
a>code {
	color: inherit;
}
kbd {
	padding: 0.2rem 0.4rem;
	font-size: 87.5%;
	color: #fff;
	background-color: #50649c;
	border-radius: 0.2rem;
}
kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700;
}
pre {
	display: block;
	font-size: 87.5%;
	color: #50649c;
}
pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}
.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}



/* ###### 5.2 Charts  ###### */

.main-donut-chart {
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.main-donut-chart .slice {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.main-donut-chart .chart-center {
	position: absolute;
	border-radius: 50%;
}
.main-donut-chart .chart-center span {
	display: block;
	text-align: center;
}
/*--- CUSTOM STYLES ---*/

/*-- CUSTOM CSS ---*/
.main-content-dashboard-four .main-content-header-right .btn{
	margin-top:20px;
}
.card--nine .chart-legend span {
    width: 20px;
    height: 4px;
    margin: 8px 5px 0px 10px;
}
.card--nine .chart-legend{
	position: absolute;
    bottom: 121px;
    right: 41px;
}
.emojis a{
	width: 30px;
    height: 30px;
    float: left;
    margin: 10px;
    margin-bottom: 0;
}
.emojis a.active{
    border-radius: 50%;
    box-shadow: 0px 0px 18px rgb(174, 183, 187);
}
.emojis a img {
    max-width: 100%;
}
.emojis a{
	position:relative;	
}
.emojis a span{
	position: absolute;
    top: -4px;
    display: block;
    right: -4px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
}
.emojis{
	margin: 0 auto;
    text-align: center;
    display: table;
}
.main-content-header-right .btn {
    margin-top: 20px;
}

@media (max-width:568px){
	#flotArea2 .flot-x-axis{
		display:none !important;
	}
}
/*----- Global Loader -----*/
#loading {
   position:fixed;
    z-index:50000;
    left:0;
    top:0;
    right:0;
    bottom:0;
	background:#fff;
    margin:0 auto;
	text-align:center;
}
#loading img{
	position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 45%;
    margin: 0 auto;
}
/*----- Global Loader -----*/

/*----- clipboard-----*/
.clip-widget {
	position: relative;
}
.clipboard-icon {
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 0px;
	padding: 5px 10px;
	background: #3a374e;
	color: #fff;
	cursor: pointer;
}
.highlight{
    position: relative;
    background: #f7f6fd;
    padding: 15px;
	border-radius: 0 0 3px 3px;
}
.highlight pre{
	margin-bottom:0;
	max-height: 15rem;
	-moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
/*----- clipboard-----*/


/*--Search--*/

.navbar-collapse {
	position: relative;
}
.navbar-collapse .input-group-btn .btn {
	border: 0px solid #f2f6fd !important;
	background: #f5f6fb;
	border-radius: 0px;
}
.navbar-collapse .input-group-btn .btn i {
	font-size: 16px;
}
.navbar-collapse .navbar-form.active .input-group-btn .btn i {
	font-size: 14px;
}
.navbar-form.active .input-group-btn {
	position: absolute;
	right: 12px;
	z-index: 9999;
	margin-top: 15px;
}
.navbar-collapse form[role="search"] {
	right: 15px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}
.main-header-search a{
	display: block;
    font-size:16px;
    color: #50649c;
    position: relative;
    line-height: .9;
    outline: none;
}
.navbar-form.active a{
	display: initial;
	padding: 8px;
    line-height: 2.2;
}
.navbar-collapse form[role="search"] input {
	padding: 5px 12px;
	border-radius: 0px;
	border-width: 0px;
	color: #6f7282;
	background-color: rgb(248, 248, 248);
	border-color: rgb(231, 231, 231);
	box-shadow: none;
	outline: none;
}
.navbar-collapse form[role="search"] input {
	padding: 16px 12px;
	font-size: 14px;
	color: #807b90;
	box-shadow: none;
}
.navbar-collapse form[role="search"] a.reset {
	display:none;
	background: #fff;
	border: 0 !important;
}
.navbar-collapse form[role="search"].navbar-form.active a.reset{
	display:initial;
}
@media (min-width: 768px) {
	
	.navbar-collapse form[role="search"] {
		width: 38px;
	}
	.navbar-collapse form[role="search"] input {
		font-size: 16px;
		opacity: 0;
		display: none;
		height: 64px;
		transition: all 05s;
	}
	.navbar-collapse form[role="search"].active {
		width: 100%;
		z-index: 9999;
		right: 0;
		position: absolute;
		top: 0;
	}
	.navbar-collapse form[role="search"].active button, .navbar-collapse form[role="search"].active input {
		display: table-cell;
		opacity: 1;
	}
	.navbar-collapse form[role="search"].active input {
		width: 100%;
		background: #fff;
		padding-left: 20px;
		border-radius: 0px 3px 0 0;
		transition: all 05s;
		border-bottom:1px solid #e8edf5;
	}
}
.cover-image {
    background-size: cover !important;
}
.alert-avatar .main-avatar {
    position: absolute;
    top: .4rem;
	right: .75rem;
}
.alert-avatar {
    padding-right: 3.75rem;
}
.main-avatar-list-stacked .main-img-user {
   margin-left: -.8em !important;
	box-shadow: 0 0 0 2px #fff;
}

/*--Breadcrumb--*/
.breadcrumb1 {
	display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #f2f6fd;
    border-radius: 0px;
}
.breadcrumb-item1 a:hover {
	color: #123787;
}
.breadcrumb-item1+.breadcrumb-item1::before {
	display: inline-block;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	content: "/";
	color: #fff;
}
.breadcrumb-item1+.breadcrumb-item1:hover::before {
	text-decoration:  none;
}
.breadcrumb-item1+.breadcrumb-item1:hover::before {
	text-decoration: none;
}
.breadcrumb-item1.active {
	color: #807b90;
}
/*--Breadcrumb--*/

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
.eval-js{
	margin:2px;
}
.sticky-wrapper{
	height:0 !important;
}
.icons-list {
	list-style: none;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #e8edf5;
    border-right: 1px solid #e8edf5;
	margin-bottom:0;
}
.icons-list>li {
	-ms-flex: 1 0 4rem;
	flex: 1 0 4rem;
}
.icons-list-wrap {
	overflow: hidden;
}
.icons-list-item {
	text-align: center;
	height: 4rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-left: 1px solid #e8edf5;
    border-bottom: 1px solid #e8edf5;
}
.icons-list-item i {
	font-size: 1.25rem;
}

/*-------- Loaders ---------*/
.dimmer {
	position: relative;
}
.dimmer .loader {
	display: none;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.dimmer.active .loader {
	display: block;
}
.dimmer.active .dimmer-content {
	opacity: .04;
	pointer-events: none;
}

.spinner {
	width: 40px;
	height: 40px;
	margin: 100px auto;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}
.spinner-lg {
	width: 100px;
	height: 100px;
	margin: 100px auto;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px)
	}
	50% {
		-webkit-transform: perspective(120px) rotateY(180deg)
	}
	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
	}
}
@keyframes sk-rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}
	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	}
	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}
.spinner1 {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 100px auto;
}
.spinner1-lg {
	width: 100px;
	height: 100px;
	position: relative;
	margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0.0)
	}
	50% {
		-webkit-transform: scale(1.0)
	}
}
@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
.spinner2 {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}
.cube1, .cube2 {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
	animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
	25% {
		-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
	}
	50% {
		-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
	}
	75% {
		-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}
@keyframes sk-cubemove {
	25% {
		transform: translateX(42px) rotate(-90deg) scale(0.5);
		-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
	}
	50% {
		transform: translateX(42px) translateY(42px) rotate(-179deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
	}
	50.1% {
		transform: translateX(42px) translateY(42px) rotate(-180deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
	}
	75% {
		transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
		-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	}
	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}
.lds-heart {
	position: relative;
	width: 64px;
	height: 64px;
	transform: rotate(45deg);
	transform-origin: 32px 32px;
	margin: 100px auto;
}
.lds-heart div {
	top: 23px;
	left: 19px;
	position: absolute;
	width: 26px;
	height: 26px;
	animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
	content: " ";
	position: absolute;
	display: block;
	width: 26px;
	height: 26px;
}
.lds-heart div:before {
	left: -17px;
	border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
	top: -17px;
	border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
	0% {
		transform: scale(0.95);
	}
	5% {
		transform: scale(1.1);
	}
	39% {
		transform: scale(0.85);
	}
	45% {
		transform: scale(1);
	}
	60% {
		transform: scale(0.95);
	}
	100% {
		transform: scale(0.9);
	}
}
.lds-ring {
	position: relative;
	width: 64px;
	height: 64px;
	margin: 100px auto;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 6px;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.lds-hourglass {
	position: relative;
	width: 64px;
	height: 64px;
	margin: 100px auto;
}
.lds-hourglass:after {
	content: " ";
	display: block;
	border-radius: 50%;
	width: 0;
	height: 0;
	margin: 6px;
	box-sizing: border-box;
	animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	50% {
		transform: rotate(900deg);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	100% {
		transform: rotate(1800deg);
	}
}.spinner {
	background-color: #4d79f5 ;
}
.spinner-lg {
	background-color: #4d79f5 ;
}
.double-bounce1, .double-bounce2 {
	background-color: #4d79f5 ;
}
.cube1, .cube2 {
	background-color: #4d79f5 ;
}
.lds-heart div {
	background: #4d79f5 ;
}
.lds-heart div:after,
.lds-heart div:before {
	background: #4d79f5 ;
}
.lds-ring div {
	border: 6px solid #4d79f5 ;
	border-color: #4d79f5   transparent transparent transparent;
}
.lds-hourglass:after {
	border: 26px solid #4d79f5 ;
	border-color: #4d79f5   transparent;
}

/*--------panel----------*/

.expanel-default {
	border: #ddd !important;
}
.expanel-primary {
	border: #4d79f5 !important;
}
.expanel-secondary {
	border: #737688 !important;
}
.expanel-success {
	border: #28c76f !important;
}
.expanel-danger {
	border: #ff5c77 !important;
}
.expanel-primary>.expanel-heading {
	color: #fff !important;
	background-color: #4d79f5 !important;
	border-color: #4d79f5!important;
}
.expanel-secondary>.expanel-heading {
	color: #fff !important;
	background-color: #737688 !important;
	border-color: #737688 !important;
}
.expanel-success>.expanel-heading {
	color: #fff !important;
	background-color: #28c76f !important;
	border-color: #28c76f !important;
}
.expanel-danger>.expanel-heading {
	color: #fff !important;
	background-color: #ff5c77  !important;
	border-color: #ff5c77  !important;
}
.expanel-warning>.expanel-heading {
	color: #fff !important;
	background-color: #fcb32d !important;
    border-color: #fcb32d !important;
}
.expanel-title {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-size: 16px !important;
	color: inherit !important;
}
.expanel {
	margin-bottom: 20px;
	background-color: #fff !important;
	border: 1px solid #e8edf5 !important;
	border-radius: 0px !important;
}
.expanel-default>.expanel-heading {
    background-color: #f2f6fd !important;
    border-color:  1px solid #e8edf5 !important;
}
.expanel-heading {
	padding: 10px 15px !important;
	border-bottom: 1px solid #e8edf5;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
.expanel-footer {
	padding: 10px 15px !important;
    background-color: #f2f6fd !important;
    border-top: 1px solid #e8edf5 !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.expanel-body {
	padding: 15px !important;
}

/*---- Tags-----*/

.tag {
	font-size: 0.75rem;
	color: #50649c;
	background-color: #f2f6fd;
	border-radius: 0px;
	padding: 0 .5rem;
	line-height: 2em;
	display: -ms-inline-flexbox;
	display: inline-flex;
	cursor: default;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a.tag {
	text-decoration: none;
	cursor: pointer;
	transition: .3s color, .3s background;
}
a.tag:hover {
	background-color: rgba(110, 118, 135, 0.2);
	color: inherit;
}
.tag-addon {
	display: inline-block;
	padding: 0 .5rem;
	color: inherit;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.06);
	margin: 0 .5rem 0 -.5rem;
	text-align: center;
	min-width: 1.5rem;
}
.tag-addon:last-child {
	border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.tag-addon i {
	vertical-align: middle;
	margin: 0 -.25rem;
}
a.tag-addon {
	text-decoration: none;
	cursor: pointer;
	transition: .3s color, .3s background;
}
a.tag-addon:hover {
	background: rgba(0, 0, 0, 0.16);
	color: inherit;
}
.tag-avatar {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0px 3px 3px 0px;
	margin: 0 -.5rem 0 .5rem;
}
.tag-blue {
	background-color: #467fcf;
	color: #fff;
}
.tag-indigo {
	background-color: #4d79f5;
	color: #fff;
}
.tag-purple {
	background-color: #8c3feb;
	color: #fff;
}
.tag-pink {
	background-color: #ec82ef;
	color: #fff;
}
.tag-red {
	background-color: #ec2d38 ;
	color: #fff;
}
.tag-orange {
	background-color: #fd7e14;
	color: #fff;
}
.tag-yellow {
	background-color: #fdb901;
	color: #fff;
}
.tag-green {
	background-color: #0fa751;
	color: #fff;
}
.tag-teal {
	background-color: #00cccc;
	color: #fff;
}
.tag-cyan {
	background-color: #17a2b8;
	color: #fff;
}
.tag-white {
	background-color: #fff;
	color: #fff;
}
.tag-gray {
	background-color: #868e96;
	color: #fff;
}
.tag-gray-dark {
	background-color: #343a40;
	color: #fff;
}
.tag-azure {
	background-color: #17c1f4;
	color: #fff;
}
.tag-lime {
	background-color: #7bd235;
	color: #fff;
}
.tag-primary {
	background-color:#4d79f5;
	color: #fff;
}
.tag-secondary {
	background-color: #868e96;
	color: #fff;
}
.tag-success {
	background-color: #0fa751;
	color: #fff;
}
.tag-info {
	background-color: #17c1f4;
	color: #fff;
}
.tag-warning {
	background-color: #fdb901;
	color: #fff;
}
.tag-danger {
	background-color: #ec2d38 ;
	color: #fff;
}
.tag-light {
	background-color: #f8f9fa;
	color: #fff;
}
.tag-dark {
	background-color: #343a40;
	color: #fff;
}
.tag-rounded {
	border-radius: 50px;
}
.tag-rounded .tag-avatar {
	border-radius: 50px;
}
.tags {
	margin-bottom: -.5rem;
	font-size: 0;
}
.tags>.tag {
	margin-bottom: .5rem;
}
.tags>.tag:not(:last-child) {
	margin-left: .5rem;
}

.table-invoice.table thead th, .table-invoice.table thead td{
	padding:9px 15px;
}
.page-signin-style:before{
	content: '';
    position: absolute;
    top: 34%;
    left: 50%;
    margin-left: -8px;
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
    border-top-color: #4d79f5;
    border-left-color: #4d79f5;
    transform: rotate(45deg);
    background-color: #4d79f5;
    z-index: 901;
}
.page-signin-style.page-signin-style2:before{
	top: 56%;
}
.sign-in-data a span{
	width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.2);
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
}
.sign-in-data.active a span{
	background: rgba(0,0,0,0.3);
}
.sign-in-data2{
	position:relative
}
.sign-in-data2 a span:before{
	content: '';
    position: absolute;
    width: 2px;
    height: 27%;
    top: 73%;
    left: 19px;
    right: auto;
    margin: 0 auto;
    text-align: center;
    background: rgba(0,0,0,0.05);
}
.main-profile-body .card-header{
	background:transparent;
	padding:0;
}
.profile-footer{
	position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background: #fff;
    left: 0;
    right: 0;
}
.profile-footer a{
	width: 34px;
    height: 34px;
    background: #f2f6fd;
    color: #50649c;
    margin: 1px auto;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    border-radius: 50%;
    font-size: 12px;
}
.profile-footer a:hover{
	background:#4d79f5;
	color:#fff;
}
.profile-user{
	position:relative
}
.profile-user .profile-edit{
	position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    right: 0;
    background: #f2f6fd;
    margin: 0 auto;
    text-align: center;
}

/*---Count-down---*/

#count-down {
	position: relative;
}
#count-down {
	text-align: center;
	display: inline-block;
}
#count-down .clock-presenter {
	height: 80px;
	padding: 0px;
	text-align: center;
}
#count-down .clock-presenter .digit {
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 60px;
	height: 60px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	position: relative;
	cursor: default;
	font-weight:600;
	border-radius: 0px;
}
#count-down .clock-presenter {
	width: 80px;
    height: 80px;
    float: left;
    margin: 0 20px 0 0;
    background: url(../img/photos/4.jpg);
    border-radius: 50%;
	background-size:cover;
	position:relative;
	box-shadow: 0 0 0 rgb(17, 5, 150);
    animation: pulse 2s infinite;
}
#count-down .clock-presenter:before{
	content:'';
	position:absolute;
	background:rgba(17, 5, 150, 0.75);
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:block;
	border-radius:50%;
}
#count-down .clock-presenter .note {
	position: relative;
	margin-bottom: 0px;
	cursor: default;
	font-size: 16px;
	opacity: 0.7;
}
@media (max-width: 568px) {
	#count-down .clock-presenter {
		float: none !important;
		margin-bottom: 45px;
	}
}
.redash-login{
	padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
    background: #f2f6fd;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 121, 245, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(77, 121, 245, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(77, 121, 245, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4);
    box-shadow: 0 0 0 0 rgba(77, 121, 245, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
      box-shadow: 0 0 0 10px rgba(77, 121, 245, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
      box-shadow: 0 0 0 0 rgba(77, 121, 245, 0);
  }
}
.progress-legend-style{
	list-style: none;
    position: absolute;
    top: 20px;
    right: 20px;
	padding:0;
}
.progress-legend-style li{
	position: relative;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 15px;
    line-height: .95;
	float: left;
}
.progress-legend-style li:before{
	content: '';
	position: absolute;
	top: 1px;
	left: 3px;
	width: 8px;
	height: 8px;
}
.progress-legend-style li:first-child::before{
	background: #4d79f5;
}
.progress-legend-style li:last-child::before{
	background: #28c76f;
}
.progress-legend-style li:first-child{
	margin-right: 8px;
}
.pie-legend-style{
	list-style: none;
	padding:0;
	margin-bottom:0;
	margin-top:13px;
}
.pie-legend-style li{
	position: relative;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 15px;
    line-height: .95;
	float: left;
	margin-top:9px;
}
.pie-legend-style li span{
	width: 16px;
    height: 8px;
    display: inline-block;
    margin-right: 10px;
}
.main-logo-color{
	display:none !important;
}
.sidebar-left .main-nav-line .nav-link{
	padding: 6px 22px 6px 22px;
	background: #ffffff;
	margin: 3px;
	border: 1px solid #e8edf5;
	border-radius: 0.3rem;
}
.sidebar-left .main-nav-line .nav-link.active{
	background:#f2f6fd;
	border: 1px solid #e8edf5;
}
.tabs-style-1 .main-nav-line .nav-link.active::before{
	bottom:0;
	background: #4d79f5;
}
.tabs-style-1 .main-nav-line .nav-link{
	padding:10px 18px 10px 18px;
	background:#fff;
}
.tabs-style-1 .main-nav-line .nav-link.active{
	background:#f2f6fd;
}
.tabs-style-2 .main-nav-line .nav-link.active::before{
	display:none;
}
.tabs-style-2 .main-nav-line .nav-link.active{
	background: #4d79f5;
	color:#fff;
}
.tabs-style-2 .main-nav-line .nav-link{
	padding: 10px 18px 10px 18px;
    background: #f2f6fd;
    margin: 0 5px 0px 0;
}
.tabs-style-3{
	padding:20px;
	border:1px solid #e8edf5;
}
.tabs-style-3 .nav.panel-tabs li a{
	padding: 10px 18px 10px 18px;
    background: #f2f6fd;
    border-radius: 20px;
    margin: 0 0px 5px 5px;
    text-align: center;
    display: block;
	color: #50649c;
}
.tabs-style-3 .tabs-menu-body{
	margin-top:20px;
}
.tabs-style-3 .nav.panel-tabs li a.active{
	background: #4d79f5;
	color:#fff;
}
.tabs-style-4 .nav.panel-tabs li{
	display:block;
	width:100%;
}
.tabs-style-4 .tabs-menu-body{
	padding:20px;
	border:1px solid #e8edf5;
}
.tabs-style-4 .nav.panel-tabs li a{
	padding: 10px 18px 10px 18px;
    background: #f2f6fd;
    border-radius: 0px;
    margin: 0 0 5px 0;
    text-align: center;
    display: block;
	color: #50649c;
	width:100%;
}
.tabs-style-4 .nav.panel-tabs li a.active{
	background: #4d79f5;
	color:#fff;
}
@media (min-width:768px){
	.tabs-style-4 .tab-menu-heading{
		width:200px;
	}
}
.jqstooltip{
	width:20px;
}
/*--demo gallery--*/
.demo-gallery>ul {
	margin-bottom: 0;
}
.demo-gallery>ul>li {
	float: left;
	margin-bottom: 20px;
	width: 200px;
	border: 0;
}
@media (max-width:768px){
	.demo-gallery>ul>li{
		width: 100%;
	}
}
.gallery-search .form-control {
	padding: 0.440rem 1.75rem;
}
.demo-gallery>ul>li a {
	border-radius: 0px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;	
}
.demo-gallery>ul>li a {	
	height: 100%;
	width: 100%;
}
.demo-gallery>ul>li a>img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.demo-gallery>ul>li a:hover>img {
	opacity: .5;
}
.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
	opacity: .5;
}
.demo-gallery>ul>li a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery>ul>li a .demo-gallery-poster>img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery>ul>li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery>a>img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.demo-gallery .justified-gallery>a:hover>img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
	opacity: 1;
}
.demo-gallery .justified-gallery>a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}
.demo-gallery.dark>ul>li a {
	border: 3px solid #04070a;
}
.home .demo-gallery {
	padding-bottom: 80px;
}
.card-category{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
.pricing-style01 .list-unstyled li{
	padding: 8px 0;
    border-top: 1px solid #e8edf5;
}
.pricing-style01 .list-unstyled li:first-child{
	border-top:0;
}
.main-content-left .ui-datepicker .ui-datepicker-calendar td{
	border:1px solid #efefef;
}
.main-content-left .ui-datepicker .ui-datepicker-calendar td:first-child{
	border-left:0;
}
.main-content-left.card--calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a{
	border:0;
}
.main-content-left.card--calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today{
	background:#f2f6fd;
}
.pricing-tabs ul.nav-price{
	text-align: center;
    margin: 0 auto;
    display: inline-flex;
	margin-top:30px;
	margin-bottom:40px;
	border: 1px solid #4d79f5;
	border-radius: 0px;
    background: #fff;
}
.pricing-tabs ul.nav-price li{
	display:block;
}
.pricing-tabs ul.nav-price li a{
	padding: 12px 40px;
    display: block;
    background: #fff;
    font-size: 16px;
	color: #50649c;
	border-radius: 0px;
	transition:0.3s;
}
.pricing-tabs ul.nav-price li a.active{
	background:#4d79f5;
	color:#fff;
	transition:0.3s;
}
@media (max-width:992px){
	.main-content-dashboard-four{
		padding-top:0;
	}
}
@media (max-width:568px){
	.main-profile-body .media.profile-footer{
		display:block !important;
	}
	.main-profile-body .media.profile-footer .media-body{
		padding:3px 0 15px 0;
	}
	.main-content-body-profile .nav{
		padding:10px 20px !important;
	}
}
.product-img .img-main{
	display:inline-block;
}
.product-img .img-reverse{
	display:none;
}
.product-img:hover  .img-main{
	display:none;
}
.product-img:hover  .img-reverse{
	display:inline-block;
}
.ecommerce-cart .table th, .ecommerce-cart .table td{
	vertical-align: inherit;	
}
.code-runner pre code{
    background: #f7f6fd;
    display: block;
    padding: 10px;
    border: 1px solid #e8edf5;
    overflow: scroll;
    margin-top: 20px;
}
.drop-down-profile{
	position:relative;
}
.drop-down-profile span.assigned-task{
	position: absolute;
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    top: 0;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    right: 0;
}
.to-do-tasks .list-group-item{
	border: 0;
	padding: 8px 40px 8px 10px;
}
.to-do-tasks .list-group-item .event-indicator{
	top: 16px;
}

/* CROSS BROWSER SELECTOR*/
.custom-progress {
	/* RESETS */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	height: 10px;
	border-radius: 0px;
	background-color: #f2f6fd;
}

/* WEBKIT BROWSERS - CHROME, OPERA AND SAFARI */
.custom-progress::-webkit-progress-bar {
	background-color:#f2f6fd;
	border-radius: 0px;
}

.custom-progress::-webkit-progress-value {
	background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-color:#4d79f5;
	border-radius: 0px;
}

/* MOZILLA FIREFOX */
.custom-progress::-moz-progress-bar {
	background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-color:#4d79f5;
}

/* MICROSOFT EDGE & IE */
.custom-progress::-ms-fill {
	border-radius: 0px;
	background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-color:#4d79f5;
}
.app .main-content-app .container{
	max-width:initial;
}
/*-- CUSTOM CSS ---*/

	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus,
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover,
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
	border: 1px solid #e8edf5;
	-webkit-text-fill-color: #141111;
	-webkit-box-shadow: 0 0 0px 1000px #f2f6fd inset;
}
.SumoSelect.open .search-txt {
    border-radius: 0px;	
}
@media (max-width:992px){
	.app .main-header-left{
		padding-left: 35px;
		border:0;
	}
	.app-sidebar{
		margin-top: 60px !important;
	}
}
@media (max-width: 320px){
	.main-header .main-header-left .main-logo{
		width: 30px;
		margin-left: 0px;
	}
}
.app-content .container-fluid{
	padding-left:20px;
	padding-right:20px;
}
.apexcharts-zoom-icon, .apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon, .apexcharts-reset-zoom-icon, .apexcharts-pan-icon, .apexcharts-selection-icon, .apexcharts-menu-icon, .apexcharts-toolbar-custom-icon {
    display:none;
}
.feature .feature-icon {
   position: relative;
   display: inline-block;
   width: 4em;
   height: 4em;
   line-height: 4em;
   vertical-align: middle;
   border-radius: 50%;
   color: #fff;
   text-align: center;
 }
 .feature .feature-icon2 {
   position: relative;
    display: inline-block;
    width: 3em;
    height: 3em;
    line-height: 3em;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
}
.feature-icon2 i.fe {
    line-height: inherit;
}
.feature .feature-icon3 {
	position: relative;
    display: inline-block;
    width: 5em;
    height: 5em;
    line-height: 5em;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
	text-align:center;
}
.feature .feature-icon3 i{
	line-height: inherit;
}
.feature .fa-lg .fa-stack-1x, .facility .fa-lg .fa-stack-1x {
    font-size: 21px;
}
.progress {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: 0.703125rem;
}
#purchase {
    width: 105% !important;
    height: 65px !important;
    bottom: -15px;
    position: relative;
    left: -7px;
}
#order {
    width: 105% !important;
    height: 65px !important;
    bottom: -15px;
    position: relative;
    left: -7px;
}
#sales {
    width: 105% !important;
    height: 65px !important;
    bottom: -15px;
    position: relative;
    left: -7px;
}
.text-orange {
    color: #fe6931;
}
.text-pink {
    color: #ff2b93 !important;
}
.text-teal {
    color: #00cccc !important;
}
.bg-orange {
    background-color: #fe6931 !important;
}
.bg-orange-transparent {
    background-color: rgba(244, 123, 37, 0.15);
}
.product-timeline ul.timeline-1 {
    list-style-type: none;
    position: relative;
}
.product-timeline ul.timeline-1:before {
    content: ' ';
    border: 1px solid #e8edf5;
    margin: 20px 20px 0 22px;
    display: inline-block;
    position: absolute;
    left: -2px;
    width: 2px;
    height: 97%;
    z-index: 0;
}
.product-timeline ul.timeline-1 > li {
    margin: 22px 0;
    padding-left: 1.5rem;
}

.product-timeline ul.timeline-1 > li .product-icon {
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    background-color: #f3f6f7;
    font-size: 20px;
    line-height: 38px;
    font-size: 17px;
}
.chart-legend2 span{
	width: 20px;
    height: 4px;
    margin-top: 14px;
    display: inline-flex;
    margin-left: 10px;
}
.users-scroll {
    width: 100%;
    height: 320px;
    overflow: hidden;
}
.r-chart{
	width: 100%;
    height: 130px;
}
@media (min-width: 768px){
	.card-dashboard-twentyone .vmap-wrapper {
		height: 100%;
	}
	.card-dashboard-twentysix .flot-chart {
		width: 100%;
		height: 120px;
	}
	.card-dashboard-twentyfive .flot-chart {
		width: 100%;
		height: 35px;
	}
	.card-dashboard-twentyfour .flot-chart {
		width: 100%;
		height: 130px;
	}
	.card--twelve .card-header .btn-group .btn.active, .card--twelve .card-header .btn-group .sp-container button.active, .sp-container .card--twelve .card-header .btn-group button.active {
		color: #1c273c;
		background-color: #f2f6fd;
		border-color: #cdd4e0;
	}
}
@media (min-width: 576px){
	.card--twelve .card-header .btn-group {
		margin-top: 0;
	}
	.btn-group, .btn-group-vertical {
		position: relative;
		display: inline-flex;
		vertical-align: middle;
	}
	 .card--twelve .card-header .btn-group .btn, .card--twelve .card-header .btn-group .sp-container button, .sp-container .card--twelve .card-header .btn-group button {
		font-size: 12px;
		font-weight: 500;
		padding: 5px 10px;
		min-height: inherit;
		background-color: #fff;
		color: #737688;
		border: 1px solid #cdd4e0;
	}
	.card--twelve .card-header .btn-group .btn:hover, .card--twelve .card-header .btn-group .sp-container button:hover, .sp-container .card--twelve .card-header .btn-group button:hover, .card--twelve .card-header .btn-group .btn:focus, .card--twelve .card-header .btn-group .sp-container button:focus, .sp-container .card--twelve .card-header .btn-group button:focus {
		 background-color: #e8edf5;
		 border-color: #cdd4e0; 
	}
	.card--twelve .card-header .btn-group .btn + .btn, .card--twelve .card-header .btn-group .sp-container button + .btn, .sp-container .card--twelve .card-header .btn-group button + .btn, .card--twelve .card-header .btn-group .sp-container .btn + button, .sp-container .card--twelve .card-header .btn-group .btn + button, .card--twelve .card-header .btn-group .sp-container button + button, .sp-container .card--twelve .card-header .btn-group button + button {
		margin-left: -1px;
	}
	.card--twelve .card-header .btn-group .btn.active, .card--twelve .card-header .btn-group .sp-container button.active, .sp-container .card--twelve .card-header .btn-group button.active {
		 color: #1c273c;
		 background-color: #f2f6fd;
		 border-color: #cdd4e0;
	}
}
@media (min-width: 576px){
	.card--twelve .card-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
}
.flot-chart01{
	width:100%;
}

.bg-pink-transparent {
    background-color: rgba(241, 0, 117, 0.11);
}
.bg-teal-transparent {
    background-color: rgba(0, 204, 204, 0.11);
}
.earning{
	display: block;
    width: 293px !important;
    height: 128px !important;
    margin: 0 auto;
}
.feature .project{
	display: flex;
	width: 45px;
	height: 45px;
	line-height: 2em;
	vertical-align: middle;
	padding-top: 0px;
	color: #fff;
	font-size: 23px;
	border-radius: 50px;
	position: relative;
	align-items: center;
	text-align: center;
	left: 0;
	right: 0;
	justify-content: center;
	font-weight:500;
}
.project{
	left: -14px !important;
    position: relative;
    padding: 0 20px;
}
.client-number{
	position: absolute;
}
.header-icons{
	width:20px;
	height:20px;
	vertical-align: middle;
	fill:rgba(255, 255, 255, 0.75);
}
.header-icons:hover{
	fill:#fff;
}
.main-header .header-icons{
	fill:#b0b7c7;
}
.main-header .header-icons:hover{
	fill:#4d79f5;
}
.header-link:hover{
	color:#4d79f5 !important;
}
.main-header .header-link{
	margin: 5px;
    padding: 13px 12px 12px 9px;
    text-align: center;
	position: relative;
}
.nav-link-badge {
    position: absolute;
    top: 5px;
    left: 20px;
    display: block !important;
    padding: 3px 5px !important;
	border-radius: 50px;
    color: #fff;
    font-size: 11px;
    line-height: 1;
}
.pulse {
	display: block;
    position: absolute;
    top: 10px;
    right: 14px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background:#ff473d;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255, 71, 61, 0.9);
    animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 71, 61, 0.9);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 71, 61, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 71, 61, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 71, 61, 0.9);
    box-shadow: 0 0 0 0 rgba(255, 71, 61, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255, 71, 61, 0);
      box-shadow: 0 0 0 10px rgba(255, 71, 61, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 71, 61, 0);
      box-shadow: 0 0 0 0 rgba(255, 71, 61, 0);
  }
}
.main-header-app .dropdown-menu{
	min-width: 18rem !important;
}
.drop-icon-wrap{
	text-align:center;
	padding:5px 0;
}
.drop-icon-wrap .drop-icon-item {
    display: inline-block;
	padding: 10px 8px;
    text-align: center;
    color: #50649c;
    width:30%;
	margin:2px;
}
.drop-icon-item i{
	color:#50649c;
	font-size:18px;
}	
.drop-icon-item:hover span{
	color:#4d79f5;
}
.notifyimg {
    width: 45px;
    height: 45px;
	text-align: center;
    border-radius: 50%;
	line-height: 48px;
	margin-bottom:5px;
	display: inline-block;
}
.country-Flag {
    width: 1.7rem;
    height: 1.2rem;
    line-height: 0.1rem;
    font-size: .75rem;
}
.main-form-search .btn, .main-form-search .sp-container button, .sp-container .main-form-search button {
    position: absolute;
    top: 7px;
    left: 5px;
    background-color: transparent;
    height: 40px;
    color: #737688;
    transition: none;
    font-size: 16px;
    padding-left: 13px;
}
.main-notification-list{
	height: 230px;
}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical{
	left: -8px !important;
}
.main-nav-line.header-activity .nav-link.active::before{
	bottom:-1px;
	background-color:#4d79f5;
}
@media (min-width: 992px){
	.sticky {
	  width:100%;
	}
	.sticky-pin {
	  position: fixed;
	  top: 0;
	  width:100%;
	  z-index:10;
	}
	.sticky-pin .jumps-prevent{
		padding-top:0 !important;
	}
}
.card-option .btns a{
	font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
	color:#50649c;
	border:1px solid #eceef2;
	border-radius: 0.3rem;
}
.card-option .btns a.active{
	background: #eaf0f7;
}
.card-dashboard-twentysix h4{
	margin-top: 5px;
    line-height: .7;
    color: #1c273c;
    font-size: 26px;
    font-weight: 700;
}
.media-icon {
    width: 45px;
    height: 45px;
	line-height: 45px;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.media-icon i {
    font-size: 24px;
}
.flag-icon {
    font-size: 24px;
    line-height: 1;
}
.btn-sm, .btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
	height: auto !important;
}
.tree li i {
	color: #4d79f5;
	float:right;
	margin-left:5px;
	margin-top:5px;
	margin-right:0 !important;
}
.custom-image light-theme {
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.cart-heading{
	border-top:0;
}
.page-header{
	display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px !important;
    margin-bottom: 20px;
	padding:1rem 0;
    border-radius: 0;
	border:1px solid transparent;
}
.page-title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}
.page-header .breadcrumb{
	padding: 0;
	background: none;
}
.page-header .breadcrumb .breadcrumb-item a{
	color:#2f3542;
}
.page-heaer-icon{
	width:20px;
	height:20px;
}
.page-header .breadcrumb .breadcrumb-item.active{
	color:#4d79f5;
}
@media (min-width: 992px){
	.header-logo{
		display:none;
	}
	.main-header .main-header-left .main-logo.mobile-logo{
		display:none;
	}
}
.main-content-header h6{
	text-transform:capitalize;
	margin-bottom:0;
}
.main-header-left{
	border-right:0;
}
.app-sidebar__toggle{
	margin-right: 90px;
}
/*Side-menu*/
.app-sidebar{
	margin-top: 63px;
}

.side-menu li ul li a:before{
	display:none;
}
.app-sidebar__user{
	display:flex;
	padding-bottom: 0px;
	margin-top: 0;
}
.app-sidebar__user .user-pro-body {
    display: inherit;
    width: 100%;
    border-radius: 5px;
}
.app-sidebar__user .user-info{
	margin-right: 15px;
	flex:1;
	color: rgba(255, 255, 255, 0.85);
}
.side-menu__item{
	border-top:0;
	padding: 10px 20px 10px 20px;
	color:rgba(255,255,255,0.8) !important;
}
.slide-item{
	padding: 0 45px 0 0px !important;
}
.slide.is-expanded .side-menu__item, .side-menu .slide:last-child a{
	border-bottom:0;
}
.slide .slide-menu li:first-child a, .slide .slide-menu li:last-child a{
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.sub-slide-menu li:first-child{
	margin-top:0 !important;
}
.sub-slide-menu li:last-child{
	margin-bottom:0 !important;
}
.app-sidebar{
	box-shadow: 0 2px 10px -1px rgba(8, 35, 171, 0.05);
    border-left: 1px solid #4d79f5;
	z-index: 999;
	background:#4d79f5;
}
.side-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    border-left: 1px solid #4d79f5;
    background: #4d79f5;
    padding: 19px 17px 18px 17px;
}
.app-sidebar__user{
	border-bottom: 0px solid  #e8edf5;
}
.header-formsearch {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
}
.header-formsearch .form-control {
    border: 1px solid  #e8edf5;
	background-color:#fff;
	border-radius:0px;
	width:700px;
	border-radius: 4px;
}
.header-formsearch .btn {
	left: 0;
    right: auto;
    position: absolute;
	color: #565367;
}
.mobile-search{
	display:none;
}
.metric-card p{
	font-size: 10px;
    margin-bottom: 8px;
	font-weight: 700;
    letter-spacing: .5px;
    color: #22252f;
	text-transform: uppercase;
}
.metric-card h4{
	font-size: 28px;
}
#metric{height:220px !important
}
#metric .apexcharts-toolbar{
	display:none;
}
.card-dashboard-seven .flot-chart {
    width: 100%;
    height: 190px;
}
.card-dashboard-seven .card-body .row > div + div::before {
    display: none;
}
.card-dashboard-seven .card-body .desc {
    display: inherit;
}
.progress{
	background-color: #e6edf7;
}
.app.sidebar-mini .main-footer{
	box-shadow:0 2px 10px -1px rgba(8, 35, 171, 0.05)!important;
    margin-right: 250px;
	border-top:0;
}
.main-traffic-detail-item .progress{
	height:auto;
}
.main-header .dropdown-menu{
	border:1px solid  #e8edf5;
	border-color:  #e8edf5 !important;
	box-shadow:5px 5px 10px 0 rgba(230, 233, 239, .4)
}
.dropdown-footer{
	border-top:1px solid  #e8edf5;
}
@media (min-width:767px){	
	.sidenav-toggled .app-sidebar__user{
		padding-bottom: 10px;
	}
	.sidenav-toggled.sidenav-toggled1 .app-sidebar__user {
		padding:18px;
		padding-bottom:0;
	}
	.sidebar-mini.sidenav-toggled.sidenav-toggled1 .side-menu__item{
		padding: 10px 20px 10px 20px;
	}
}
.main-notification-list .media+.media{
	border-top: 1px solid  #e8edf5;
}
.main-profile-menu .dropdown-item+.dropdown-item{
	border-top: 1px solid  #e8edf5;
}
.main-header-profile{
	border-bottom: 1px solid  #e8edf5;
}
.main-header .main-header-notification .dropdown-menu{
	top:57px;
}
.main-notification-list .media:hover::before, .main-notification-list .media:focus::before{
	background-color: #f6f7fd;
    border-top: 1px solid  #e8edf5;
    border-bottom: 1px solid  #e8edf5;
}
.dropdown-item:hover, .dropdown-item:focus{
	background-color: #f6f7fd;
}
.user-info{
	margin-top: 5px;
}
.app-sidebar__user-name{
	font-weight: 700;
    font-size: 15px;
}
.app-sidebar__user .user-info{
	text-align: right;
}
.app-sidebar .slide.active .side-menu__item{
	color: #4d79f5;
}
.slide-menu li {
    position: relative;
}
.slide-menu li:before{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #dcdcec;
	left: 31px;
	top: 15px;
	display: block;
	border-radius: 50%;
}
.sub-slide-menu li:before{
	display:none;
}
.sub-slide.active.is-expanded:before, .slide-menu li.active:before{
	background: #fff;
}
.card-dashboard-seven .card-body .desc span{
	line-height:inherit;
	margin-left:0;
	font-size: 11px;
	display: initial;
	font-weight: 500;
}
.card-dashboard-seven{
	margin-left:0;
	margin-right:0;
	width: auto;
}
.side-menu h3 {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0;
    margin-top: .75rem;
    text-transform: uppercase;
    font-size: .6875rem;
    font-weight: 400;
    letter-spacing: .5px;
    padding: 10px 20px 10px 10px;
}
.main-traffic-detail-item>div:first-child>span:first-child {
    color: #737688;
}
.flot-text{
	left:-5px !important;
}
.flot-x-axis{
	top: 8px !important;
}
@media (max-width: 1024px) and (min-width: 767px){
	.header-formsearch .form-control{
		width: 250px;
	}
	.main-logo.mobile-logo{
		display:none;
	}
	.app-sidebar{
		margin-top:63px !important;
	}
}
@media (max-width: 992px) and (min-width: 768px){
	.app-sidebar{
		margin-top:63px !important;
	}
	.header-formsearch{
		margin-right:25px;
	}
	.main-logo.desktop-logo{
		margin-right: 0px;
	}
	.app-sidebar__toggle {
		margin-right: 25px;
	}
	.hor-header .main-logo.desktop-logo{
		margin-right: 35px;
	}
}
@media (max-width: 320px) {
	.main-logo.mobile-logo{
		margin-right:35px !important;
	}
	.main-header-message{
		display:none;
	}
}
@media (max-width: 568px) {
	.header-formsearch{
		display:none
	}
	.mobile-search{
		display:block;
	}
	.main-header .header-link{
		padding: 5px;
	}
	.main-header .mobile-search .dropdown-menu, .main-header .main-header-message .dropdown-menu{
		left: 0;
		right: 0;
	}
	.main-header .main-header-message .dropdown-menu{
		top:60px;
	}
	.main-header .main-header-message.dropdown, .main-header .mobile-search.dropdown{
		position: initial;
	}
	.main-header-search.mobile-search .form-control{
		width:100%;
	}
	.page-header{
		display:block;
	}
	.page-title{
		margin-bottom:5px;
	}
}
@media (max-width: 767px) {
	.main-logo.desktop-logo{
		display:none;
	}
	.main-logo.mobile-logo{
		display: block;
		width: 35px;
		margin-right: 15px;
		top: 0;
	}
	.sidebar-mini.sidenav-toggled .app-sidebar .side-menu h3 {
		display: block;
	}
	.hor-header .main-logo.mobile-logo{
		margin-right: 35px;
	}
	.app-sidebar__toggle {
		margin-right: 0px;
	}
	.app .app-sidebar__toggle {
		position: inherit !important;
	}
	.header-formsearch .form-control{
		width: 200px;
	}
	.main-header .nav-link-badge{
		top: -2px;
	}
	.app.sidebar-mini .main-footer{
		margin-right:0;
	}
	.app-sidebar {
		margin-top: 62px !important;
	}
	.app-sidebar__overlay {
		z-index:1;
	}
}
.sideuser-img img{
	position: relative;
}
.sidebar-icon{
	position: absolute;
    margin: 0 auto;
    text-align: center;
    right: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background: #28c76f;
    animation: pulse1 2s infinite;
}
@-webkit-keyframes pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(78, 220, 184, 0.9);
  }
  70% {
      -webkit-box-shadow: 0 0 0 5px rgba(78, 220, 184, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(78, 220, 184, 0);
  }
}
@keyframes pulse1 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(78, 220, 184, 0.9);
    box-shadow: 0 0 0 0 rgba(78, 220, 184, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 5px rgba(78, 220, 184, 0);
      box-shadow: 0 0 0 5px rgba(78, 220, 184, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(78, 220, 184, 0);
      box-shadow: 0 0 0 0 rgba(78, 220, 184, 0);
  }
}
.skill-tags ul{
	display: flex;
    flex-wrap: wrap;
}
.skill-tags li{
	display: inline-block;
}
.skill-tags a {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 0px;
    color: #737688;
    font-size: 12px;
    border: 1px solid  #e8edf5;
}
form.convFormDynamic button.submit{
	border: 1px solid #426ada;
    background: #426ada;
}
div.conv-form-wrapper div.options div.option{
	border: 1px solid #426ada;
	color:#426ada;
}
.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected {
	background-color: #426ada !important;
}
.br-theme-bars-horizontal .br-widget .br-current-rating {
	color: #426ada !important;
}
.br-theme-bars-pill .br-widget a {
	background-color: #f2f6fd !important;
}
.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected {
  background-color: #426ada !important;
  color: white !important;
}
.br-theme-bars-pill .br-widget a {
	color: #426ada !important;
}
.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
  border: 2px solid #426ada !important;
  color: #426ada !important;
}
.br-theme-bars-square .br-widget a {
  border: 2px solid rgba(107,122,144,0.1) !important;
  background-color: #fff !important;
  color: #426ada !important;
}
.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected {
  background-color: #426ada !important;
}
.br-theme-bars-movie .br-widget a {
  background-color:  #f2f6fd !important;
}
.br-theme-bars-movie .br-widget .br-current-rating {
  color:#426ada !important;
}
.br-theme-bars-1to10 .br-widget a {
  background-color: #f2f6fd !important;
}
.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-1to10 .br-widget a.br-selected {
  background-color: #426ada !important;
}
.br-theme-bars-1to10 .br-widget .br-current-rating {
  color: #426ada !important;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #426ada !important;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #426ada !important;
}
.br-theme-fontawesome-stars-o .br-widget a.br-active:after {
  content: '\f005';
  color: #426ada !important;
}
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
  content: '\f005';
  color: #426ada !important;
}
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
  content: '\f123';
  color: #426ada !important;
}
.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f005';
  color: #ebedf5 !important;
}
.br-theme-fontawesome-stars-o .br-widget a:after {
  content: '\f006';
  color: #ebedf5 !important;
}
.theme-white .cookie-popup-accept-cookies {
    background-color: #426ada;
    color: #fff;
}
.theme-primary .cookie-popup {
    background-color: #426ada;
    color: #fff;
}

#ui_notifIt.default {
    background-color: #426ada;
	color:#fff;
}
.theme-white .cookie-popup-learn-more{
	color: #fff;
    background: #ff5c77;
}
.theme-dark .cookie-popup-accept-cookies {
    background-color:rgba(255,255,255,0.2);
    color: #fff;
}
.confirm{
	color: #fff;
    background-color: #426ada !important;
    border-color:#426ada !important;
}
.sweet-alert button.cancel {
	color: #fff;
    background-color: #ff5c77;
    border-color: #ff5c77;
}
div.conv-form-wrapper div#messages div.message.from {
    background: #426ada;
    color: #fff;
}
.app-sidebar .side-menu__item.active:hover {
   color:#fff !important;
}
.app-sidebar .slide.active .side-menu__icon{
	fill:#fff !important;
}
.app-sidebar .slide.is-expanded .side-menu__icon{
	fill:#fff  !important;
}
.app-sidebar .slide.active .side-menu__icon{
	fill: #fff !important;
}
.app-sidebar .slide.active .side-menu__item{
	color: #fff !important;
}
.app-sidebar .side-menu__item.active:hover {
   color:#fff !important;
}
.app-sidebar .side-menu__item.active .side-menu__icon{
	fill: #fff  !important;
}
.app-sidebar .side-menu__item.active{
	color: #fff!important;
}
.app-sidebar .side-menu__item:hover .side-menu__icon{
	fill:#fff !important;
}
.app-sidebar .side-menu__item.active:hover .side-menu__icon{
	color:#4d79f5 !important;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color: #ffffff;
	background: rgba(0, 0, 0, 0.15);
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color: #ffffff;
	background: rgba(0, 0, 0, 0.1);
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a.active {
    color: #4d79f5;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active {
	color:#4d79f5;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a.active{
	color:#4d79f5 !important;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover{
	color:#4d79f5;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{
	color:#4d79f5;
}
.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover{
	color:#4d79f5 !important;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover .hor-icon{
	fill: #ffffff !important;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active .hor-icon{
	fill: #ffffff !important;
}
.slide-menu li.active>a{
	color:#fff !important;
}
.app-sidebar .side-menu__item:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.12);
}
.sub-slide.is-expanded .sub-side-menu__item{
    color: #fff;
}
.slide.is-expanded .side-menu__item {
    color: #fff;
    background: rgba(0, 0, 0, 0.12);
}
.slide-menu li.active>a:hover {
    color: #fff! important;
}
.app-sidebar .slide-menu .slide-item:hover{
    color: #fff;
}
.icon-dash{
	position:relative;
}
.icon-dash:before{
	content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top: -9px;
    bottom: 0;
    right: -10px;
	background: rgba(127, 99, 216, .07);
    transform: rotate(-45deg);
}
.side-menu .slide-menu li a{
	color: rgba(255, 255, 255, 0.6);
}
/* Graident Colors */
.bg-gradient-primary{
	background: linear-gradient(45deg, #6E71E6  15%, #4d79f5 85%);
}
.bg-gradient-secondary{
	background: linear-gradient(45deg, #f76e9c  15%, #ff5c77 85%);
}
.bg-gradient-success{
	background: linear-gradient(45deg, #3efdcd  15%, #28c76f 85%);
}
.bg-gradient-danger{
	background: linear-gradient(45deg, #ff706b  15%, #ff5c77 85%);
}
.bg-gradient-warning{
	background: linear-gradient(45deg, #f9c362  15%, #fcb32d 85%);
}
.bg-gradient-info{
	background: linear-gradient(45deg, #81d9fb  15%, #2dc3fc 85%);
}
.bg-gradient-teal{
	background: linear-gradient(45deg, #08eaea  15%, #00cccc 85%);
}
.bg-gradient-pink{
	background: linear-gradient(45deg, #fb68b0  15%, #ff2b93 85%);
}
.bg-gradient-orange{
	background: linear-gradient(45deg, #fb8b61  15%, #fe6931 85%);
}
/* Box-shadows */
.primary-box-shadow{
	box-shadow: 0 5px 10px rgba(77, 121, 245, 0.3);
}
.secondary-box-shadow{
	box-shadow: 0 5px 10px rgba(255, 92, 119, 0.3);
}
.success-box-shadow{
	box-shadow: 0 5px 10px rgba(78, 220, 184, 0.3);
}
.danger-box-shadow{
	box-shadow: 0 5px 10px rgba(242, 63, 56, 0.3);
}
.warning-box-shadow{
	box-shadow: 0 5px 10px rgba(252, 179, 45, 0.3);
}
.info-box-shadow{
	box-shadow: 0 5px 10px rgba(45, 195, 252, 0.3);
}
.teal-box-shadow{
	box-shadow: 0 5px 10px rgba(0, 204, 204, 0.3);
}
.pink-box-shadow{
	box-shadow: 0 5px 10px rgba(255, 43, 147, 0.3);
}
.orange-box-shadow{
	box-shadow: 0 5px 10px rgba(254, 105, 49, 0.3);
}
.dot-label {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px;
}
.chart{
	height:85%;
	width:auto;
}
.side-menu li ul {
    background: #4d79f5;
}
.side-menu__item {
	font-size:15px;
	font-weight: 400;
}
.side-menu__icon {
	width: 20px;
    height: 20px;
}
.special-class{
	background: url(../img/png/1.png);
	
}
#chart{
	min-height:auto !important;
}
.absolute-row{
	position:absolute;
	width:100%;
}
.absolute-icons a{
	width: 2rem;
    height: 2rem;
    line-height: 2rem;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e8edf5;
    color: #1c273c;
}
.absolute-icons a:hover{
	background:#4d79f5;
	border: 1px solid #4d79f5;
	color:#fff;
}
.side-menu__item svg{
	fill:rgba(255,255,255,0.8);
}
svg.hor-icon{
	fill:rgba(255,255,255,0.6);
}
.sideuser-img{
	position:relative;
}
.slide-menu li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #dcdcec;
    right: 26px;
    top: 13px;
    display: block;
    border-radius: 50%;
}
.sub-slide-menu li:before {
    display: none;
}
.feature-icon i.fe{
	line-height:inherit;
}
.feature{
	position:relative;
}
.dotted-pattern span.dott1{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 23px;
	border-radius: 50%;
	right: 61px;
}
.dotted-pattern span.dott2{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	border-radius: 50%;
	right: 30%;
}
.dotted-pattern span.dott3{
	position: absolute;
	width: 8px;
	height: 8px;
	top: 2px;
	border-radius: 50%;
	right: 30px;
}
.dotted-pattern span.dott4{
	position: absolute;
	width: 10px;
	height: 10px;
	/* top: 0px; */
	border-radius: 50%;
	right: 86px;
	bottom: 0;
}
.dotted-pattern span.dott5{
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: 0px;
	border-radius: 50%;
	left: 86px;
}
.dotted-pattern span.dott6{
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: 20px;
	border-radius: 50%;
	left: 68px;
}
.dotted-pattern span.dott7{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0px;
	border-radius: 50%;
	left: 86px;
}
.dotted-pattern span.dott8{
	position: absolute;
	width: 8px;
	height: 8px;
	bottom: 10px;
	border-radius: 50%;
	right: 29px;
}
.dotted-pattern span.dott9{
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: 10px;
	border-radius: 50%;
	left: 30px;
}
.dotted-pattern span.dott10{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	border-radius: 50%;
	left: 39px;
}
.chart-circle {
	display: block;
	height: 8rem;
	width: 8rem;
	position: relative;
	margin: 0 auto;
}
.chart-circle canvas {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.chart-circle-xs {
	height: 2.5rem;
	width: 2.5rem;
	font-size: .8rem;
}
.chart-circle-md {
	height: 5rem;
	width: 5rem;
	font-size: .8rem;
}
.chart-circle-sm {
	height: 4rem;
	width: 4rem;
	font-size: .8rem;
}
.chart-circle-lg {
	height: 10rem;
	width: 10rem;
	font-size: .8rem;
}
.chart-circle-value {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	line-height: 1;
}
.chart-circle .chart-circle-value.circle-style{
	position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
    width: 76px;
    height: 76px;
    line-height: 76px;
    border: 3px dotted #4d79f5;
    border-radius: 50%;
	background:#f2f6fd;
}
.chart-circle-value small {
	display: block;
	color: #9aa0ac;
	font-size: 0.9375rem;
}
.m-scroll{
	max-height:385px;
}
@media (min-width: 768px){
	.sidenav-toggled .app-sidebar__toggle {
		margin-left: 90px !important;
	}
	.sidenav-toggled .side-menu__item {
		padding: 15px 0;
	}
}
.side-menu .slide{
	padding:0px;
}
.side-menu {
    padding-top: 0;
}
/*----------Timeline--------*/
/*latetes news timeline */
.latest-timeline-1 ul.timeline-1 {
    list-style-type: none;
    position: relative;
}
.latest-timeline-1 ul.timeline-1:before {
    content: ' ';
    border: 2px dotted #edeff5;
    margin: 20px 20px 0 22px;
    display: inline-block;
    position: absolute;
    right: -5px;
    width: 2px;
    height: 100%;
    z-index: 0;
}
.latest-timeline-1 ul.timeline-1 > li {
    margin: 22px 0;
    padding-right: 1rem;
}
.latest-timeline-1 ul.timeline-1 > li .product-icon {
   width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 1px;
    background-color: #f3f6f7;
    font-size: 20px;
    line-height: 35px;
    font-size: 15px;
}
.latest-timeline-1 ul.timeline-1 > li:nth-child(2):before {
	border: 3px solid #fb1c52;
	
}
.latest-timeline-1 ul.timeline-1 > li:nth-child(3):before {
	border: 3px solid #e9b307;
}
.latest-timeline-1 ul.timeline-1 > li:nth-child(4):before {
	border: 3px solid #4481eb;
}
.latest-timeline-1 ul.timeline-1 > li:last-child:before {
	border: 3px solid #27af06;
}
.product-timeline ul.timeline-1 {
    list-style-type: none;
    position: relative;
}
.product-timeline ul.timeline-1:before {
    content: ' ';
    border: 1px solid #e5eafb;
    margin: 20px 20px 0 22px;
    display: inline-block;
    position: absolute;
    left: -2px;
    width: 2px;
    height: 94%;
    z-index: 0;
}
.product-timeline ul.timeline-1 > li {
    margin: 22px 0;
    padding-left: 3.5rem;
}

.product-timeline ul.timeline-1 > li .product-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    background-color: #f3f6f7;
    font-size: 20px;
    line-height: 40px;
    font-size: 21px;
}
.app-content.page-body{
	min-height:67vh;
}
.mh-300 {
	max-height: 437px;
}
.mh-350 {
	max-height: 350px;
}
.flot-chart-wrapper{
	position: relative;
    margin: -30px -14px -20px -52px;;		
}
.flot-chart-wrapper .flot-chart .flot-x-axis > div {
    font-size: 10px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    transform: translate(5px, -33px);
}
.flot-chart-wrapper .flot-chart .flot-y-axis > div{
	font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: rgb(85, 83, 103);
    transform: translate(70px, 5px);
}
.flot-absolute-value .bg-light {
    background-color: #adc4f7 !important;
}
.sub-menu li a:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #dcdcec;
    right: 12px;
    top: 17px;
    display: block;
    border-radius: 50%;
	opacity:1;
}
.mega-menubg li a{
	position:relative;
}
.mega-menubg li a:before{
	content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #dcdcec;
    right: 0;
    top: 12px;
    display: block;
    border-radius: 50%;
    opacity: 1;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a{
	padding: 10px 27px 10px 0px;
}
.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a{
	padding: 6px 20px 6px 0px;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu{
	padding:5px;
}
.sub-menu li a.active:before, .mega-menubg li a.active:before{
	background: #4d79f5;
}
.sub-menu li a:hover:before, .mega-menubg li a:hover:before{
	background: #4d79f5;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
	padding: 10px 27px 10px 0px;
}
.list-group-item .badgetext{
	float: left;
}
.countdown li{
	background:#4d79f5 !important;
}
.page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
}

/*-- Ie Issues--*/
*::-ms-backdrop, .ie-image-5{
	width:130px !important;
}
*::-ms-backdrop, .main-header .main-header-right .main-header-message .dropdown-menu{
	min-width: 25rem;
}
 *::-ms-backdrop, .btn-icon {
	display:table;
	text-align:center;
}
@media (min-width: 992px){
	*::-ms-backdrop, .main-content-body{
		flex: inherit;
	}
}
@media (max-width:568px){
	*::-ms-backdrop, .main-header .mobile-search .dropdown-menu, .main-header .main-header-message .dropdown-menu{
		left:-266px;
		right:0;
	}
	*::-ms-backdrop, .main-header .main-header-message .dropdown-menu{
		top:40px;
	}
	*::-ms-backdrop, .flot-absolute-value .col{
		display:inline-table;
	}
	*::-ms-backdrop, .main-header .mobile-search .dropdown-menu {
		left:-240px;
		right:-153px;
	}
}
@media (max-width: 767px) and (min-width: 481px){
	*::-ms-backdrop, .sidenav-toggled.sidebar-mini .app-sidebar .user-info {
		display: block !important;
	}
}
*::-ms-backdrop, .sidenav-toggled.sidebar-mini .app-sidebar .user-info {
		display: block !important;
}
*::-ms-backdrop, .main-header .main-header-right .main-header-search .dropdown-menu {
		top:50px;
}
*::-ms-backdrop, .main-header-fullscreen.fullscreen-button {
		display:none;
}
*::-ms-backdrop, .main-msg-wrapper{
		display:inline-table;
}
*::-ms-backdrop, .img-fluid{
		height:243px;
}
*::-ms-backdrop, .datetimepicker table th.prev span::before, .datetimepicker table th.next span::before{
		top:20px;
}
*::-ms-backdrop, .btn-icon-list .btn {
		display:table;
		vertical-align:middle;
		text-align:center;
		margin-right:10px;
}
*::-ms-backdrop, .menu-item-container .product-img {
		height:155px;
}
*::-ms-backdrop, .img-thumbnail {
		height:127px;
}
*::-ms-backdrop, .main-profile-work-list .media-body{
		margin-left:56px !important;
}
*::-ms-backdrop, .main-profile-work-list .media{
		dispLay:-ms-inline-grid !important;
}
*::-ms-backdrop, .main-profile-contact-list .media-body{
		margin-left:56px !important;
}
*::-ms-backdrop, .main-profile-contact-list .media{
		dispLay:-ms-inline-grid !important;
}
*::-ms-backdrop, .card-img-top{
		height:177px;
}
*::-ms-backdrop, .sub-headerstyle .select2-container  {
    width:150px !important;
	right:0px;
	bottom:4px;
	top:2px;
}
*::-ms-backdrop, .sub-headerstyle .media {
    display:inline-block;	
}
.horizontalMenu>.horizontalMenu-list>li>a{
	color: #ffffff;
    border-left: 0;
}
form.convFormDynamic textarea.userInputDynamic {
    float: right !important;
}
form.convFormDynamic button.submit {
    float: left !important;
}
div.conv-form-wrapper div#messages div.message.to {
    float: right !important;
}
.fc {
    direction: rtl !important;
}
.fc-toolbar .fc-right {
    float: left !important;
}
.fc .fc-toolbar>*>:first-child {
    margin-right: 0 !important;
	margin-left:auto !important;
}
.fc .fc-toolbar>*>* {
    float: right !important; 
    margin-right: .75em !important;
	margin-left: 0  !important;
}
 .star-ratings .stars-example-fontawesome, .star-ratings .stars-example-css, .star-ratings .stars-example-bootstrap {
    float: right !important;
}
.br-theme-bars-1to10 .br-widget a {
    float: right !important;
}
.br-theme-bars-1to10 .br-widget .br-current-rating{
	float: right !important;
}
.br-theme-bars-movie .br-widget a {
	float: right !important;
}
.br-theme-bars-square .br-widget a {
	float: right !important;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
    left: 10px !important;
	right:auto !important;;	
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
    right: 10px;
	left: auto !important;
}
.cookie-popup-learn-more {
    margin-right: 5px;
	margin-left:0 !important;
}
.ms-choice > div {
    left: 0 !important;
	right:auto !important;
}
.ms-choice > span {
    right: 0 !important;
	left:auto !important;
    padding-right: 8px;
	padding-left:0 !important;
}
.ms-drop ul > li.multiple {
    float: right !important;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    left: auto !important;
    right: 0 !important;
}
.iti__arrow {
    margin-right: 6px !important;
	margin-left:0 !important;
}
.SumoSelect>.CaptionCont>label {
	left: 0 !important;
    right: auto !important;
}
.SumoSelect>.CaptionCont>span {
    padding-left: 30px !important;
	padding-right:0 !important;
}
.checkbox-group label:before {
    right: 0 !important;
	left:auto !important;
}
.checkbox-group label {
    padding-right: 25px !important;
	padding-left: 0 !important;
}
.transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul {
    padding-right: 20px !important;
	padding-left:0 !important; 
}
.transfer-double-list-footer label {
    margin-right: 10px;
	margin-left:0 !important;
}
.transfer-double-selected-list-search-input {
    padding: 5px 8px 4px 0 !important;
}
.ql-editor {
    text-align: right !important;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    left: 0;
	right:auto !important;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0px !important;
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 15px !important;
    padding-left: 0px;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: auto !important;
    left: 1rem;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    left: 0.5em;
    right: auto !important;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 15px !important;
    padding-left: 30px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
    padding-right: 30px;
padding-left:0px !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before {
    left: auto !important;
    right: 7px;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0px !important;
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 15px !important;
    padding-left: 0px;
}
div.dataTables_wrapper div.dataTables_length label {
    text-align: right !important;
}
div.dataTables_wrapper div.dataTables_filter label {
    text-align: right !important;
}
.cart-total-amount .total-cart-cost:before {
    margin-right: -12px;
	margin-left:0 !important;
}
.tree ul li:before {
    right: 0;
	left:auto !important;
}
.tree ul {
    margin-right: 1em;
	margin-left:0 !important;
}
.SumoSelect>.optWrapper.multiple>.options li.opt span, .SumoSelect .select-all>span {
    margin-right: -35px;
	margin-left:0 !important;
}
.SumoSelect>.optWrapper.multiple>.options li.opt {
    padding-right: 35px;
	padding-left:0 !important;
}
.tree ul:before {
    right: 0;
    border-right: 1px solid #e3e3e3;
border-left: 0px !important;
}
.tree ul li:before {
    right: 0;
}
.tree li i {
    float: right;
    margin-top: 6px;
}
.tree li i {
    margin-right: 0px !important;
    margin-left: 5px;
}
.tree ul:before {
    right: 0;
    border-right: 1px solid #e3e3e3;
	border-left: 0px !important;
}
.tree ul li:before {
    right: 0;
}
.tree li i {
    float: right;
    margin-top: 6px;
}
.tree li i {
    margin-right: 0px !important;
    margin-left: 5px;
}
.jq-toast-single{
	text-align:right !important;
	padding: 0.75rem 0.75em 0.75em 2.75em;
    margin: 0px 5px 0px;
}
.close-jq-toast-single {
    right: auto !important;
    left: 15px;
}
.iti__flag-box, .iti__country-name {
    margin-left: 6px !important;
	margin-right: 0px !important;
}
.iti__country-list {
    text-align: right !important;
	margin: 0 -1px 0 0 !important;
}
@media (min-width:992px){
	.sidenav-toggled .main-logo{
		display:none !important;
	}
	.sidenav-toggled .app-sidebar__toggle {
		margin-left: 0px !important;
	}
	.sidenav-toggled .main-header-left{
	    padding: 22px 25px
		
	}
}
@media (min-width:992px){
	.sidenav-toggled .main-logo.dark-theme-logo{
		display:none !important;
	}
	.sidenav-toggled.light-menu .main-logo.desktop-logo{
		display:none !important;
	}
	.sidenav-toggled.sidenav-toggled1 .main-logo.dark-theme-logo{
		display:flex !important;
	}
	.sidenav-toggled.sidenav-toggled1light-menu .main-logo.dark-theme-logo {
		display: none !important;
	}
	.sidenav-toggled.sidenav-toggled1.light-menu .main-logo.desktop-logo{
		display:flex !important;
	}
	.sidenav-toggled.sidenav-toggled1.light-menu .main-logo.dark-theme-logo{
		display:none !important;
	}
	.sidenav-toggled .app-sidebar__toggle {
		margin-left: 4px !important;
		margin-right: 4px !important;
	}
	.sidenav-toggled.sidenav-toggled1 .app-sidebar__toggle {
		margin-left: 0px !important;
		margin-right: auto !important;
	}
	.sidenav-toggled .main-header-left{
	    padding: 22px 25px		
	}
	.app .main-header .main-header-left{
		display:none;
	}
}
.app .main-content.app-content .main-header {
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}
.world_map_absolute{
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	display:block;
}
.relative{
	position:relative;
}
.project-scroll{
	max-height:410px;
	position:relative;
}
.project-absolute{
	position:absolute;
	float: left;
	left: 20px;
}
.horizontal-main.hor-menu {
	background: #4d79f5 !important;
	border-bottom:0 !important;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child{
	border-right:0px solid #e7eaf3
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child{
	border-left:0px solid #e7eaf3
}
.mg-t-64 {
  margin-top: 62px;
}
@media (max-width: 767px){
	.app-sidebar {
		margin-top: 55px !important;
		z-index: 9;
	}
}
@media (max-width: 767px){
	.side-header {
		display: none;
	}
}
.app .main-header-left {
    padding: 17px 18px;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.15);
}
.app-sidebar .side-menu__item:hover .side-menu__icon{
	fill: #fff  !important;
}