/*iums.css*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i');
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&display=swap');*/


.grid_icon_topbar
/*font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;*/
body, html body {
    font-family: "poppins";
    font-size: 14px;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "poppins";
	font-weight: 400;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.topbar_row_section {
    min-height: 75px;
    border-bottom: 2px solid #026670;
    padding-top: 6px;
    padding-bottom: 5px;
    /* margin: 2px 40px 0px 40px; */
    width: 100%;
    /* border-radius: 10px; */
    /* background-color: #1e8cff61; */
    /* background-image: linear-gradient(#4d91e6, #6aa1e2e3);*/
}

.navbar_section {
	width: 255px;
	float: left;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.08);
}

.navbar_inverse_section {
	background-color: white;
	border: none;
}

.navbar_section .navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.navbar_section .navbar-nav > li {
	float: none;
}

.navbar_inverse_section .dropdown-menu {
	position: static;
	float: none;
	border: none;
}

.logo-with-name img {
    width: 50px;
    border-radius: 16%;
}

.f-right {
	float: right;
}

.navbar-right a, .navbar-right * {
	color: #047fb5;
}

.logout {
	color: #047fb5 !important;
}

.pipe {
	border-left: solid 1px #047fb5;
	border-right: solid 1px #047fb5;
	line-height: 100%;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.spacing {
    color: firebrick;
    font-weight: 500;
    margin-right: 222px;
    font-size: medium !important;
}

.navbar-nav > li > a.logout {
	padding-top: 12px !important;
	padding-left: 6px;
}

.navbar-nav > li > a {
	padding-top: 10px !important;
	padding-bottom: 6px !important;
}

.navbar-inverse .navbar-nav > li > a {
	color: #525252 !important;
}

.dropdown-menu {
	box-shadow: none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: transparent !important;
	color: #047fb5 !important;
}

.navbar_inverse_section .dropdown.open {
	background: #e1f2f9;
}

	.navbar_inverse_section .dropdown.open .dropdown-menu {
		background: #e1f2f9;
		padding-top: 0;
		padding-bottom: 0;
		margin-left: 20px;
	}

.cm-arrow {
	border: solid black;
	border-width: 0 1px 1px 0;
	border-color: #047fb5;
	display: inline-block;
	padding: 3px;
	transition: all 0.3s ease;
}

.right {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.dropdown .dropdown-toggle {
	position: relative;
}

	.dropdown .dropdown-toggle .cm-arrow {
		top: 15px;
		right: 15px;
		position: absolute;
	}

.dropdown-menu > li > a {
	padding: 5px 20px;
}

.dropdown.open .dropdown-toggle .cm-arrow {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.main-icon {
	font-size: 16px;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
	color: #047fb5;
}

.dropdown.open .dropdown-toggle {
	color: #047fb5;
}
/*font-size: 30px;*/

.university-name {
    display: inline-block;
    font-size: 27px;
    vertical-align: middle;
    margin-left: 5px;
    font-family: Calibri;
    font-weight: 500;
}

.ctitle {
    overflow: hidden;
    min-height: 44px;
    border-bottom: 1px solid #ccc;
    background-color: lavender; /*#ebebe0;*/
    margin-top: 0;
    padding: 0;
}

.pageTitle {
	font-size: 20px;
	min-height: 44px;
	line-height: 40px;
    color: black;
}

.base-row {
	border-radius: initial;
	border: none;
	box-shadow: none;
	overflow: hidden;
}

.cm-breadcrumb * {
	color: #047fb5;
}

.top-bread-title {
	font-size: 10px;
}

.bread-list {
	margin-bottom: 0;
	margin-top: -3px;
}

	.bread-list li {
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
	}

		.bread-list li:after {
			content: '/';
			display: inline-block;
			margin: 0 3px;
			font-size: 12px;
		}

		.bread-list li:last-child:after {
			display: none;
		}

.top-nav-icon {
	background-color: transparent;
	color: #00AAA9;
	border: solid 1px #00AAA9;
	border-radius: 7px;
	font-size: 21px;
	min-width: 40px;
	min-height: 40px;
	padding: 2px;
	display: inline-block;
}


.nav-shadow {
	-webkit-box-shadow: 4px 17px 21px 5px rgba(248,248,248,0.82);
	-moz-box-shadow: 4px 17px 21px 5px rgba(248,248,248,0.82);
	box-shadow: 4px 17px 21px 5px rgba(248,248,248,0.82);
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
	box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
}

.m-dropdown__header {
	padding: 2px 21px;
	background-color: #00AAA9;
}

.m-card-user {
	padding: 5px 0;
	margin: 0;
	display: table;
	table-layout: fixed;
}


	.m-card-user .m-card-user__pic {
		display: table-cell;
		text-align: right;
		padding: 0 5px 0 0;
		vertical-align: middle;
		width: 70px;
	}

.grid_icon_topbar {
	color: #00AAA9;
	width: 43px;
	text-align: center;
	font-size: 19px;
	margin-top: 3px;
	color: #00AAA9;
	border: 1px solid white;
	margin-right: 10px;
	border-radius: 80px;
	background-color: white;
}



.m-card-user .m-card-user__details {
	display: table-cell;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 3px;
}

	.m-card-user .m-card-user__details .m-card-user__name {
		display: block;
		padding: 0 0 0 0;
		font-size: 18px;
		font-weight: 400;
		color: white;
	}

	.m-card-user .m-card-user__details .m-card-user__email {
		display: inline-block;
		padding: 0 0 0 0;
		font-size: 1rem;
		color: white;
	}

.m-dropdown__body {
	padding: 20px;
}

.m-nav .m-nav__section {
	display: table;
	width: 100%;
	vertical-align: middle;
	margin: 25px 0 0 0;
	padding: 0 3px;
}

.m--hide {
	display: none !important;
}

.m-nav .m-nav__item {
	display: block;
}

	.m-nav .m-nav__item > .m-nav__link {
		display: table;
		table-layout: fixed;
		width: 100%;
		height: 100%;
		text-decoration: none;
		position: relative;
		outline: none !important;
		vertical-align: middle;
		padding: 9px 0;
	}

		.m-nav .m-nav__item > .m-nav__link .m-nav__link-icon {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
			text-align: left;
			width: 35px;
			font-size: 1.4rem;
			line-height: 0;
			color: #c1bfd0;
		}

		.m-nav .m-nav__item > .m-nav__link .m-nav__link-text {
			color: #6f727d;
			font-weight: 400;
		}

.btn.m-btn--pill {
	border-radius: 60px;
	padding: .75rem 2rem;
	font-size: 1rem;
	font-weight: 400;
	font-family: Poppins;
}

.btn.m-btn--label-brand {
	color: #716aca;
	font-weight: 500;
	border-color: #ebedf2;
	padding: 8px 23px;
	font-size: 14px;
}

.btn.btn-default, .btn.btn-secondary {
	background: white;
	/*    border-color: #ebedf2;*/
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.m-dropdown__inner {
	right: 0;
	left: initial;
	padding-top: 0;
}

.m-dropdown__inner {
}

	.m-dropdown__inner:after {
		bottom: 100%;
		right: 10px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #00AAA9;
		border-width: 10px;
		margin-left: -10px;
	}

.m-nav--skin-light {
	margin-bottom: 0;
}

.cm-list-icon {
	color: #c1bfd0;
	margin-right: 5px;
}

.top-icon-wrap {
	margin: 0 5px;
	margin-top: 3px;
}

.two_column_list li {
	border-bottom: 1px solid #cccccc;
}

.badge {
	border-radius: 4px;
	padding: 4px 12px;
	background-color: #6bb1e2;
	font-weight: 400;
}

.language-tab .m-dropdown__body {
	padding: 10px 20px;
}


.zoom-icon-border a {
	color: #00AAA9;
	vertical-align: middle;
}

	.zoom-icon-border a:hover {
		text-transform: none;
	}

.screen-reader-text-zoomin {
	font-size: 10px;
}

.zoom-icon-border {
	padding: 3px 10px;
	min-height: 20px;
	line-height: 20px;
	margin-top: 6px;
}

.screen-reader-text-zoom {
	font-size: 15px;
}

.screen-reader-text-zoomout {
	font-size: 19px;
}

.badge-notify {
	background: red;
	position: absolute;
	top: 0;
	left: 20px;
	border-radius: 50%;
	min-width: 15px;
	display: inline-block;
	font-size: 10px;
	color: white;
}

/*.loginPage{
	    background-image: url(https://www.hindustantimes.com/rf/image_size_960x540/HT/p2/2017/12/23/Pictures/_c81c3336-e74a-11e7-b094-c21f82b60b0b.JPG);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}*/

.loginPage::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #176e8200;
    /*background: -webkit-linear-gradient(left, rgba(0,168,255,0.5), rgba(185,0,255,0.5));*/
    background: -o-linear-gradient(left, rgba(0,168,255,0.5), rgba(185,0,255,0.5));
    background: -moz-linear-gradient(left, rgba(0,168,255,0.5), rgba(185,0,255,0.5));
    background: linear-gradient(left, rgba(0,168,255,0.5), rgba(185,0,255,0.5));
    /*background-image:url(../img/backcover6.jpg);
    background-image:url(../img/onlinedu.jpg);*/
    pointer-events: none;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(left, rgba(118, 44, 216, 0.79), rgba(55, 86, 236, 0.68));
}

.login-form-1 {
    padding: 1px 95px 1px 95px;
    background: #d8ae36;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
    /* border-radius: 20px; */
    /* width: 35%;*/
}

.login-form-2 {
    padding: 1px 100px 1px 100px;
    padding: 1px 60px 1px 60px;
}

	.login-form-2 h3 {
		text-align: center;
		margin-bottom: 12%;
		color: #000000;
        font-weight:500;
	}

.login-logo {
	position: relative;
	margin-left: -41.5%;
}

	.login-logo img {
		position: absolute;
		width: 20%;
		margin-top: 19%;
		padding: 5%;
	}

.login-container {
    max-width: 1140px;
    width: 100%;
    padding-top: 25px;
    height: calc(100vh - 61px);
    /*position: relative;
    animation: myfirst 8s 1;
    animation-direction: normal;*/
}
/*@keyframes myfirst {
    0% {
        left: 0px;
        top: -100px;
    }

    25% {
        left: 0px;
        top: 10px;
    }
}*/

.space {
    margin-top: 35px;
}

.login-container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 1px 10px 0px 15px;
}

header {
	background-color: white;
}

.login-container h5 {
	font-weight: 700;
	font-style: 20px;
}

.login-container .form-control {
    font-family: inherit !important;
    height: 34px !important;
    /* border-color: #d8d8d8 !important; */
    padding: .55rem 1.15rem !important;
}

.login-container .form-group {
	margin-bottom: 10px !important;
}

.btn-theme {
    font-weight: 600;
    width: 50%;
    color: #ffffff;
    background-color: #945dec !important;
    border: none;
    padding: 8px 20px;
    width: auto;
}

.dark-link {
    color: #945dec;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
}

.public-footer {
    background-color: #ffffff;
    padding: 8px;
    font-size: .9rem;
    font-weight: 400;
    color: #2424f5;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    font-size: 12px;
    box-shadow: 1px 0px 20px rgba(0,0,0,0.08);
}

.contentView .public-footer {
	position: absolute;
	/* width: calc(100vw - 255px);*/
    /*width: calc(100vw - 275px);*/
    /*text-align: left;*/
    padding-left: 20px;
}


.navbar_section, .contentView {
	transition: all 0.2s ease;
}

.open .navbar_section {
	width: 70px;
	overflow: hidden;
}

.open .contentView {
	padding-left: 70px;
}

.navbar-inverse .navbar-nav > li > a {
	white-space: nowrap;
}

.open .contentView .public-footer {
	width: calc(100vw - 70px);
}


.open .nav > li > a {
	padding-left: 25px;
	padding-right: 25px;
}

    .open .nav > li > a span, .open .nav > li > a .cm-arrow {
        /*display: none;*/
    }

.toggle-parent {
	background-color: #024E85;
}

.nav > li.toggle-parent > a {
	display: inline-block;
	width: auto;
}

.toggleBtn {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	background: none;
	outline: none !important;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	margin-left: 11px;
	vertical-align: middle;
	margin-top: -5px;
}

	.toggleBtn span {
		display: block;
		position: absolute;
		top: 13px;
		height: 1px;
		min-height: 1px;
		width: 100%;
		border-radius: 0px;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
		left: 0;
	}

		.toggleBtn span, .toggleBtn span:before, .toggleBtn span:after {
			background-color: white;
		}

			.toggleBtn span:before, .toggleBtn span:after {
				position: absolute;
				display: block;
				left: 0;
				width: 100%;
				height: 1px;
				min-height: 1px;
				content: "";
				border-radius: 0px;
				-webkit-transition: all .4s ease;
				transition: all .4s ease;
			}

			.toggleBtn span:before {
				-webkit-transition: all .4s ease;
				transition: all .4s ease;
				left: auto;
				right: 0px;
				width: 50%;
				top: -7px;
			}

			.toggleBtn span:after {
				top: 7px;
				width: 75%;
				right: 0;
				left: initial;
			}

	.toggleBtn:hover span:after, .toggleBtn:hover span:before {
		width: 100%;
	}

.open .nav > li > a.toggleBtn span {
	display: block;
}

.open .nav > li.toggle-parent .toggleBtn + a {
	/*display: none;*/
}

.toggle-parent {
	min-height: 44px;
	overflow: hidden;
}

.open .nav > li > a.toggleBtn {
    width: 26px;
    margin-top: 8px;
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
    /*margin: 8px auto 0;
	display: block;*/
}

/*.navbar_section .dropdown-menu > li > a:focus, .navbar_section .dropdown-menu > li > a:hover {
	background-color: transparent;
	color: initial;
}*/
/*for left nav scroll*/
.navbar_inverse_section .dropdown.open .dropdown-menu {
    /*max-height: 225px;*/
    max-height: 400px;
    overflow-y: auto;
}

.navbar_inverse_section .dropdown-menu::-webkit-scrollbar {
	width: 8px;
	height:8px;
}

/* Track */
.navbar_inverse_section .dropdown-menu::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
.navbar_inverse_section .dropdown-menu::-webkit-scrollbar-thumb {
	background: #024E85;
}

.uib-datepicker-popup .btn-default, .uib-datepicker-popup .btn-dark-blue {
	border-color: #314559;
	color: #fff;
	background-color: #34495e;
}

.am-pm .btn-default {
	border-color: #314559;
	color: #fff;
	background-color: #34495e;
}

.btn-dark-blue {
	border: solid 1px red !important;
}

/*User Interface Changes*/

/*.cm-admission-box-s {
	width: 175px;
	margin: 0 1.9rem 1rem 0;
	padding: 1rem 0.8rem;
	color: #fff;
	transition: all 0.8s ease;
	border-radius: 4px;
}*/
/*.cm-admission-box-s::before {
		content: "\f108";
	}*/

.cm-admission-box-s .app-text-s {
	padding-top: 0.8rem;
	display: block;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}

.app-status-s {
	text-align: center;
}

.color-bx-s {
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

.mui-app-status-s {
	display: flex;
	flex-wrap: wrap;
}



.cm-centertabs {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 5%;
}

	.cm-centertabs > div {
		flex: 0 0 20%;
	}



.cm-admission-box-s .main-icon {
	font-size: 35px;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
}


.bg-green-s {
	background-color: #91cf76;
}

.bg-blue-s {
	background: #609bc4;
}

.bg-pink-s {
	background: #d581b4;
}






.mui-app-status-s .mui-app-link {
	width: 200px;
	margin: 0 1.9rem 1rem 0;
	padding: 1rem 0.8rem;
	color: #fff;
	transition: all 0.8s ease;
	border-radius: 4px;
	padding: 25px;
}
/*.cm-admission-box-s.mui-app-link {
	width: 175px;
	margin: 0 1.9rem 1rem 0;
	padding: 1rem 0.8rem;
	color: #fff;
	transition: all 0.8s ease;
	border-radius: 4px;
}*/
.mui-app-link:hover {
	transform: scale(0.9);
}


.ui-changes > .e-grid .e-headercelldiv {
    font-weight: 700;
    background-color: #21315e;
    color: white;
    font-size: 12px;
    height: 30px;
}




.e-input, .e-tooltip, .e-btn, .e-time-popup, .e-datepicker.e-calendar, .e-menu, .e-uploadbox .e-file-name-txt, .e-uploadbox .e-selectpart, .e-uploadbox .e-uploadbtn, .e-waitpopup-pane .e-text, .e-tagcloud, .e-toolbar, .e-progressbar, .e-scale .e-tick .tick-value, .e-datetime-popup .e-dt-button, .e-grid, .e-ejinputtext, .e-pager, .e-fileexplorer {
    font-family: inherit;
    font-size: 12px !important;
    font-weight: 400;
}

.ui-changes .e-grid .e-headercelldiv {
	font-size: 12px !important;
	font-weight: 400;
}

.scrollable-content .e-grid .e-groupdroparea {
    background: #499DF5;
    border-top-color: #c8c8c8;
    color: #fff;
}


.ui-changes .basic-border-box {
	background-color: #fefefe;
	border-radius: 4px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #e8e8e8;
	box-shadow: 0px 3px 17px -8px #888888;
}

.ui-changes .btn {
	font-family: poppins !important;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}

/*.ui-changes .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}*/


.ui-changes .save_btn .btn:hover {
	background-color: red;
	border-color: #0985e4;
	color: white;
}

.ui-changes .form-group label {
	display: inline-block;
	font-weight: 400;
	font-size: 14px !important;
}

.ui-changes .top-margin-set {
	margin-top: 10px;
}

.ui-changes .e-grid .e-gridcontent tr:nth-of-type(odd) {
	background: #fff;
}

.ui-changes .e-grid .e-gridcontent tr:nth-of-type(even) {
	background: #dedede;
}

.ui-changes .form-control {
	display: block;
	width: 100%;
	font-size: 1rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	font-family: inherit !important;
	height: calc(2.55rem + 2px);
	border-color: #d8d8d8 !important;
	padding: .55rem 1.15rem;
	border-radius: 0;
}

.ui-changes .form-control {
	height: 40px !important;
	font-size: 14px !important;
}


/*new file upload*/






.ui-changes .bs-inputFile {
	margin-top: 12px;
	border: none;
	position: relative;
}




	.ui-changes .bs-inputFile .input-heading {
		font-weight: 500;
		font-size: 12px;
		line-height: 12px;
		color: #000;
		position: absolute;
		top: 14px;
		left: 30px;
	}

.bs-inputFile input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
/*new radio*/
/* The container */
.cm-radio {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default radio button */
	.cm-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}

/*Modal popup table css*/
.ui-changes .basic-border-box .edu-details .table > tbody > tr > th {
	font-family: poppins !important;
	font-size: 13px;
	padding: 13px 10px;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.ui-changes .basic-border-box .edu-details .table > tbody > tr > td {
	font-family: poppins !important;
	font-size: 13px;
	padding: 13px 10px;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}





.ui-changes .basic-border-box .social-reservation .table > tbody > tr > th {
	font-family: poppins !important;
	font-size: 13px;
	padding: 13px 10px;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.ui-changes .basic-border-box .social-reservation .table > tbody > tr > td {
	font-family: poppins !important;
	font-size: 13px;
	padding: 13px 10px;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.ui-changes .basic-border-box .social-reservation .table > thead:first-child > tr:first-child > th {
	font-family: poppins !important;
	font-size: 13px;
	padding: 13px 10px;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.ui-changes .basic-border-box.cm-file-upload .table > thead:first-child > tr:first-child > th {
	font-family: poppins !important;
	font-size: 13px;
	padding: 13px 10px;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.ui-changes .basic-border-box.cm-file-upload .table > tbody > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.ui-changes .cm-file-upload .bs-inputFile {
	/* margin-top: 12px; */
	border: none;
	position: relative;
	text-align: center;
}



/* On mouse-over, add a grey background color */
.cm-radio:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.cm-radio input:checked ~ .checkmark {
	background-color: #024E85;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.cm-radio input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.cm-radio .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/*new radio end*/

/*Date-picker*/
.ui-changes .e-datewidget {
	height: auto;
}




.ui-chnages .m-radio > span:after {
	top: 50%;
	left: 50%;
	margin-left: -3px;
	margin-top: -3px;
	height: 6px;
	width: 6px;
	border-radius: 100% !important;
}

.ui-changes .m-radio input[type="radio"]:checked::after {
	border: solid #7281a4;
	background: #7281a4;
}

/*custom check-box*/

.cm-checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default checkbox */
	.cm-checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmarks {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.cm-checkbox:hover input ~ .checkmarks {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cm-checkbox input:checked ~ .checkmarks {
	background-color: #024E85;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarks:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.cm-checkbox input:checked ~ .checkmarks:after {
	display: block;
}

/* Style the checkmark/indicator */
.cm-checkbox .checkmarks:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*custome checkbox end*/


.ui-changes .m-checkbox {
	color: #575962;
	display: inline-block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 1rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 10px;
}

	.ui-changes.m-checkbox > span {
		border-radius: 3px;
		background: none;
		position: absolute;
		top: 1px;
		left: 0;
		height: 18px;
		width: 18px;
	}

		.ui-changes.m-checkbox > span:after {
			top: 50%;
			left: 50%;
			margin-left: -2px;
			margin-top: -6px;
			width: 5px;
			height: 10px;
			border-width: 0 2px 2px 0 /*rtl:ignore*/ !important;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg) /*rtl:ignore*/;
		}

	.ui-changes.m-checkbox > input:checked ~ span {
		border: 1px solid #bdc3d4;
	}


.navbar_inverse_section::-webkit-scrollbar-thumb {
	background: #024E85;
}
.navbar_inverse_section::-webkit-scrollbar-track {
	background: #f1f1f1;
}
.navbar_inverse_section::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}




/*Tabs - Underlined*/
.ui-changes .mb-10 {
	margin-bottom: 10px;
}

.ui-changes .m-tabs-line {
	border-bottom: 1px solid #ced4da;
	margin-bottom: 30px;
}

.ui-changes .line-tabs > li > a {
	position: relative;
	display: block;
	padding: 10px 6px;
	color: #7b7e8a
}

.ui-changes .line-tabs > li.active > a, .line-tabs > li.active > a:focus, .line-tabs > li.active > a:hover {
	font-weight: 500;
	color: #024E85 !important;
	border-bottom: 0px solid #024E85 !important;
	border-bottom-width: 3px !important;
	background-color: #ecf0f1;
}

.ui-changes .line-tabs > li > a {
	border-radius: 0px;
}

	.ui-changes .line-tabs > li > a:hover, .ui-changes .line-tabs > li > a:focus {
		font-weight: 500;
		color: #024E85 !important;
		border-bottom: 0px solid #024E85 !important;
		border-bottom-width: 3px !important;
	}


/*Search bar*/

.open .collapse.navbar-collapse .cm-search-bar{
	display: none;
}
/*.navbar-collapse.collapse .cm-search-bar {
	display: none;
}*/
.cm-search-bar {
    overflow: hidden;
    background-color: #e9e9e9;
    padding: 10px 10px 10px 15px;
    /*margin-top: 43px;*/
    position: sticky;
    top: 44px;
    z-index: 1;
}





.cm-search-bar input[type=text] {
	padding: 6px;
	
	font-size: 14px;
	border: none;
	float:left;
}

.cm-search-bar .search-container button {
	float: left;
	padding: 6px 10px;
	background: #ddd;
	font-size: 14px;
	border: none;
	cursor: pointer;
}

	.cm-search-bar .search-container button:hover {
		background: #ccc;
	}

@media screen and (max-width: 600px) {
	.cm-search-bar .search-container {
		float: left;
	}

		.cm-search-bar a, .cm-search-bar input[type=text], .cm-search-bar .search-container button {
			float:left;
			text-align: left;
		
			margin: 0;
			padding: 14px;
		}

	.cm-search-bar input[type=text] {
		border: 1px solid #ccc;
	}
}



@media (min-width: 768px) {
	.navbar-nav {
		float: none;
	}

	.m-dropdown__inner {
		width: 275px;
		-webkit-box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
		box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
		border-radius: 6px;
		border: none;
	}

	.top_quick_links {
		width: 650px;
	}

	.language-tab {
		width: 170px;
	}

	.navbar_inverse_section {
		height: calc(100vh - 84px);
		overflow: auto;
	}

	/*.contentView {
		padding-left: 255px;
	}*/

	.scrollable-content {
		height: calc(100vh - 128px);
		padding-bottom: 34px;
		overflow: auto;
	}
}


.dropdown .dropdown-menu > li > a.active {
	background-color: #0497FF;
	color: #ffffff;
}


.imagerounded {
	border-radius: 50%;
}

label.asteric::before {
    content: "* ";
    color: red;
}

.descriptioneff:hover {
    border-color: rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.descriptioneff:focus {
    border-color: #4285F4;
    box-shadow: 0 0 10px rgba(66, 133, 244, .5);
}

.layout {
    margin-top: -158px;
    margin-bottom: 100px;
    border: 1px solid #bfbcbc;
    padding: 5px;
    box-shadow: 5px 5px 8px #888888;   
}
/*For CHeckbox*/
.checkboxcust {
    opacity: 0;
}

.check {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .check .checkbox-custom {
        position: absolute;
        left: 15px;
        height: 18px;
        width: 18px;
        background-color: lightgrey;
        border-radius: 5px;
        border: 2px solid #cacaca;
    }

    .check input:checked ~ .checkbox-custom {
        background-color: #2196F3;
    }

.container:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox-custom:after {
    content: "";
    position: absolute;
    display: none;
}

.check input:checked ~ .checkbox-custom:after {
    display: block;
}

.check .checkbox-custom:after { 
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* For-Scroll 

.custom-scroll {
    position: relative;
    height: 460px;
    overflow: scroll;
    margin-right: -1px;
}

.table-scroll {
    display: block;
}
 */
.fa-info-circle {
    color: blue !important;
}
.seldispnone{
    /*display:none;*/
}

.headerspace {
    overflow: hidden;
    position: sticky;
    /* width: 254px; */
    z-index: 1;
    top: 0px;
}

.txtspace {
    margin-left: -38px;
    margin-right: -28px;
    border-radius: 5px;
    border: 1px solid #8510d8;
    border-left: 0px;
    margin-bottom: 25px;
}

.note-box {
    width: 40%;
    height: auto;
    float: right;
    padding: 0 1% 10px 3%;
    margin-right:-150px;
}
    .note-box .blockbox {
        width: 48%;
        margin: 5px 1%;
        padding: 2px 10px;
        border-radius: 1em;
        float: left;
        height: auto;
        box-shadow: 0 0 10px #ccc;
        line-height: 20pt;
        font-weight: bold;
        background-image: linear-gradient(#208c90,#47c7cc85);
        border: 1px solid #1776d791;
        text-align: center;
        color: #333;
    }

    .note-box .blockbox_msg {
        width: 48%;
        margin: 5px 1%;
        padding: 2px 10px;
        border-radius: 1em;
        float: left;
        height: auto;
        box-shadow: 0 0 10px #ccc;
        line-height: 20pt;
        font-weight: bold;
        background-image: linear-gradient(#208c90,#4adfe485);
        border: 1px solid #1776d791;
        text-align: center;
        color: #333;
    }

.column1 {
    float: left;
    /*padding-top: -50px;*/
    height: 500px;
    margin-left: 50px;
}
.column2 {
    float: left;
    width: 50%;
    padding: 100px;
    height: 500px;
}

.color1 {
    background-color: rgb(255, 255, 255);
    /* background-image: url(../img/pic3.jpg); */
    background-size: cover;
    min-height: 400px;
    width: 40%;
}

.color2 {
    background-color: #ececec;
    padding-top: 80px;
}

@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}

.liststyle{
    list-style-type:upper-roman;
}

.borderform {
    border: 1px solid #8510d8;
    border-left: 0px;
}

img.imgadmi {
    width: 80%;
    height: 70%;
    /*margin: 40px 10px 100px 45px;*/
    margin: 40px 10px 20px 45px;
    box-shadow: 0 4px 8px 0 rgba(134, 108, 241, 0.56), 0 6px 20px 0 rgba(93, 90, 239, 0.47);
}

.headings {
    margin-left: 22px;
    margin-bottom: 30px;
    margin-top: -5px;
    font-weight: 600;
    /*font-size: 28px;*/
    font-size: 26px;
}

.form-group.btnlogin {
    margin-left: -35px;
}

@media only screen and (min-width : 150px) and (max-width : 768px) {
    .column2 {
        text-align: center;
        width: 100%;
        padding: 10px;
    }
    .column1{
        display:none;
    }
}

img.loading {
    margin-left: 305px;
    margin-top: -55px;
}

.comp-name {
    color: #507fec;
    float: left;
}
span.comp_name {
    font-size: 15px;
    font-weight: 700;
    /* margin-top: 40px; */
    /* margin-bottom: -50px; */
    /* color: white; */
    float: right;
    margin: 34px 1px -50px -67px;
}

.logoimg {
    width: 64px;
    height: 19px;
    margin-bottom: -12px;
    margin-top: -55px;
    margin-right: -65px;
}



.navbar_inverse_section .table-menu {
    position: static;
    float: none;
    border: none;
}


.table-menu {
    box-shadow: none;
}

.navbar_inverse_section .dropdown.open .table-menu {
    background: #e1f2f9;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 20px;
}


.table-menu > td > a {
    padding: 5px 20px;
}

.navbar_inverse_section .dropdown.open .table-menu {
    /*max-height: 225px;*/
    max-height: 400px;
    overflow-y: auto;
}

.dropdown .table-menu > td > a.active {
    background-color: #0497FF;
    color: #ffffff;
}

.MenupageTitle {
    font-size: 20px;
    font-weight: bold;
    min-height: 44px;
    line-height: 40px;
    padding: 3px;
    color: #000080;
    padding-left: 10px;
    font-family: "Times New Roman", Times, serif;
}
.submenu-title {
    font-size: 19px;
    font-weight: bold;
    padding: 3px;
    color: #000080;
    padding-left: 10px;
    font-family: 'poppins';
}

td.HoverCell:hover {
    text-decoration: none;
    background-color: #e1f2f9;
    color: #ffffff;
}
span.HoverCell:hover {
    text-decoration: none;
    background-color: #e1f2f9;
    color: #ffffff;
}

.imglogin {
    width: 100px;
    height: 30px;
    float: left;
    margin-top: 30px;
    margin-left: 45px;
}

.clgname {
    font-size: medium;
    color: #0fabf3;
    font-weight: 500;
    padding-left: 60px;
}
.backbutton {
   font-size: 22px;
}

.bckbtn {
    text-align: right;
    padding-left: 480px;
}




























.e-draggableworkarea {
    position: relative;
}
/*!
        *  filename: ej.theme.min.css
        *  version : 13.3.0.7
        *  Copyright Syncfusion Inc. 2001 - 2015. All rights reserved.
        *  Use of this code is subject to the terms of our license.
        *  A copy of the current license can be obtained at any time by e-mailing
        *  licensing@syncfusion.com. Any infringement will be prosecuted under
        *  applicable laws.
        */
.e-grid.e-rtl .e-indentcell {
    border-left-color: #c8c8c8
}

.e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-grouptopleftcell {
    border-right-color: #c8c8c8;
    border-bottom-color: #c8c8c8
}

.e-grid.e-rtl .e-movablecontent, .e-grid.e-rtl .e-movableheader {
    border-right-color: #74c3e7
}

.e-grid {
    border-color: #c8c8c8;
    color: #333;
    border-top: none
}

    .e-grid .e-icon {
        color: #686969
    }

    .e-grid .e-gridheader .e-icon {
        color: #232323
    }

    .e-grid .e-icon.e-animatebutton {
        color: #fff;
        cursor: default
    }

.e-columnChooser {
    border: 1px solid #c8c8c8;
    font-size: 12px;
    color: #333
}

.e-columnChoosertail {
    border-bottom-color: #c8c8c8
}

.e-columnChoosertailAlt {
    border-bottom-color: #f9f9f9
}

.e-columnChooserListDiv:hover {
    background-color: #f7f7f7
}

.e-columnChooser .e-vhandlespace {
    background-color: #fff !important
}

.e-columnChooser .e-hhandlespace {
    background-color: #fff !important
}

.e-columnChooserSplitter {
    border: 1px solid #c8c8c8
}

.e-grid .e-number {
    background-color: #bbbdc0;
    color: #fff
}

.e-stackedHeaderRow th {
    border-bottom: 1px solid #c8c8c8 !important
}

.e-resFilterDialogHeaderDiv {
    border-bottom: 1px solid #c8c8c8 !important
}

.e-resposnsiveFilterBtnLeft {
    border-right: 1px solid #c8c8c8 !important
}

.e-resIcon {
    color: #74c3e7 !important
}

.e-grid .e-toolbar .e-hover .e-icon, .e-grid .e-headercell.e-hover .e-icon {
    color: #282827
}

.e-grid .e-dlgBtns .e-button {
    font-family: Segoe UI;
    font-weight: normal;
    font-size: 14px
}

.e-grid .e-gridpopup .e-content {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-grid .e-gridpopup span:hover, .e-grid .e-gridpopup .e-spanclicked {
    border-color: #686969
}

.e-grid .e-gridpopup .e-downtail:before, .e-grid .e-gridpopup .e-downtail {
    border-top-color: #c8c8c8
}

    .e-grid .e-gridpopup .e-downtail:after {
        border-top-color: #fff
    }

.e-grid .e-gridcontent, .e-grid .e-form-container {
    background-color: #fff
}

.e-grid.e-columnChooser .e-hscroll, .e-grid.e-columnChooser .e-vscroll {
    background-color: transparent
}

.e-grid .e-groupdroparea {
    background: #3D7EAA;
    /*background: -moz-linear-gradient(top,#74c3e7,#179bd7);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
            background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
            background: -o-linear-gradient(top,#74c3e7,#179bd7);
            background: -ms-linear-gradient(top,#74c3e7,#179bd7);
            background: linear-gradient(to bottom,#74c3e7,#179bd7);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);*/
    border-top-color: #c8c8c8;
    color: #fff
}

.e-grid .e-cloneproperties {
    color: #282827;
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-color: #c8c8c8
}

.e-grid .e-groupcaption, .e-grid .e-groupcaptionsummary {
    background-color: #f8f8f8;
    border-color: #c8c8c8;
    border-top-color: #c8c8c8
}

.e-grid .e-gridsummary .e-indentcell {
    background-color: #f8f8f8;
    border-top-color: #c8c8c8
}

.e-grid .e-headercell-hover, .e-grid .e-groupheadercell:hover {
    color: #282827
}

.e-grid .e-groupheadercell {
    color: #282827;
    border-color: #c8c8c8;
    border-radius: 0;
    background-color: #f5f5f5
}

.e-grid .e-alt_row {
    background: #f7f7f7
}

.e-grid .e-inlineform-titlebar {
    border-color: #c8c8c8;
    background-color: #f7f7f7
}

.e-grid .e-indentcell, .e-grid .e-recordpluscollapse, .e-grid .e-recordplusexpand {
    border-color: #c8c8c8;
    border-top-color: #c8c8c8;
    background-color: #f8f8f8
}

.e-grid .e-detailcell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid tr.e-editedrow td.e-rowcell {
    border-top-color: #c8c8c8
}

.e-grid .e-detailindentcell {
    border-right-color: #c8c8c8
}

.e-grid td.e-active, .e-grid .e-form-titlebar {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff
}

.e-grid td.e-cellselectionbackground {
    color: #fff
}

.e-grid td.e-cellselectionbackground {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#127aa9);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#127aa9));
    background: -webkit-linear-gradient(top,#74c3e7,#127aa9);
    background: -o-linear-gradient(top,#74c3e7,#127aa9);
    background: -ms-linear-gradient(top,#74c3e7,#127aa9);
    background: linear-gradient(to bottom,#74c3e7,#127aa9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#127aa9',GradientType=0)
}

.e-grid .e-inlineform-titlebar {
    font-size: 14px;
    color: #282827
}

.e-grid .e-recordpluscollapse > div, .e-grid .e-detailrowcollapse > div {
    background-color: transparent;
    cursor: default
}

.e-grid .e-headercell, .e-grid .e-grouptopleftcell {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0);
    border-top-color: #c8c8c8;
    border-left-color: #c8c8c8;
    border-bottom-color: #74c3e7
}

.e-grid .e-columnselection {
    background-color: #f5f5f5;
    color: #74c3e7
}

.e-grid .e-grid-icon {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0)
}

.e-grid .e-gridheader {
    color: #282827;
    border-bottom-color: #74c3e7;
    border-top-color: #c8c8c8
}

.e-grid .e-headercontent, .e-grid .e-movableheader {
    border-right-color: #c8c8c8
}

.e-grid.e-rtl .e-headercontent {
    border-left-color: #c8c8c8
}

.e-grid .e-editcell, .e-grid .e-form-container, .e-grid .e-externalformedit, .e-grid .e-tabletd, .e-grid .e-rowcell {
    border-color: #c8c8c8
}

.e-grid .e-form-togglebtn:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0)
}

.e-grid .e-form-toggle-icon {
    color: #fff
}

.e-grid .e-filterbarcell, .e-grid .e-filterbarcelldisabled {
    border-color: #c8c8c8;
    background-color: #f9f9f9;
    background-image: none
}

.e-grid .e-grid-filterstatusbar, .e-grid .e-grid-filterstatusbarbottom {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    border-color: #c8c8c8
}

    .e-grid .e-grid-filterstatusbar .e-msgdiv, .e-grid .e-grid-filterstatusbarbottom .e-msgdiv {
        color: #fff
    }

.e-grid .e-groupdroparea.e-hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0)
}

.e-grid tr.e-hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.e-grid .e-scrollcss {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0)
}

.e-grid .e-headercell-hover, .e-grid .e-filtercell:hover, .e-grid .e-groupheadercell:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0)
}

.e-grid .e-reorderindicate {
    border-right-color: #74c3e7
}

.e-grid div.e-field-validation-error {
    background-color: #fffe91;
    color: #cd0a0a;
    white-space: normal
}

.e-grid div.e-error .e-toparrow {
    border-bottom-color: #fffe92
}

.e-ejinputtext {
    border: 1px solid #c8c8c8;
    outline: none;
    background-color: #fff;
    color: #333;
    vertical-align: baseline
}

    .e-ejinputtext:focus {
        box-shadow: 0 0 5px #ccc
    }

.e-grid .e-summaryrow {
    background-color: #f8f8f8;
    border-color: #c8c8c8;
    border-left-color: #c8c8c8 !important
}

.e-grid .e-gridSummaryRows {
    color: #333
}

.e-grid .e-reSizeColbg {
    border-left-color: #c8c8c8
}

.e-grid .e-headercell-hover .e-ascending, .e-grid .e-groupheadercell:hover .e-ascending, .e-grid .e-headercell-hover .e-filtericon, .e-grid .e-headercell-hover .e-descending, .e-grid .e-headercell-hover .e-togglegroupbutton, .e-grid .e-groupheadercell:hover .e-descending, .e-grid .e-groupheadercell:hover .e-togglegroupbutton, .e-grid .e-groupheadercell:hover .e-ungroupbutton {
    background-color: transparent;
    color: #282827
}

.e-grid .e-headercellactive, .e-grid .e-headercellactive span, .e-grid .e-headercellactive div {
    color: #fff
}

.e-grid .e-headercellactive {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
}

.e-grid .e-movablecontent, .e-grid .e-movableheader {
    border-left-color: #74c3e7
}

.e-grid .e-frozeny {
    border-bottom-color: #74c3e7 !important
}

.e-grid .e-dialog .e-header .e-icon {
    color: #282827
}

.e-grid.e-responsive .e-rowcell {
    border-bottom-color: rgba(187,188,187,.5)
}

.e-grid.e-responsive .e-table > tbody > tr > td:last-child {
    border-bottom-color: #c8c8c8
}

.e-grid form .e-select:hover .e-icon {
    color: #282827
}

.e-grid.e-touch .e-gridheader .e-headercell, .e-grid.e-touch .e-rowcell {
    -moz-user-select: text;
    -khtml-user-select: none;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.e-grid .e-gridcontent tr.e-editedrow:not(.e-alt_row) {
    background-color: #fff
}

.e-excelfilter.e-dlgcontainer {
    font-family: Segoe UI;
    font-weight: normal;
    font-size: 13px;
    color: #333;
    z-index: 10001
}

.e-excelfilter .e-searchcontainer, .e-excelfilter.e-dlgcontainer {
    background: none #fff
}

.e-excelfilter .e-menu, .e-excelfilter .e-menu.e-vertical, .e-excelfilter .e-menu.e-vertical .e-list > ul {
    background: #fff
}

.e-excelfilter .e-checkboxlist {
    background: #f7f7f7;
    border: #f7f7f7
}

.e-excelfilter.e-dlgcontainer, .e-excelfilter.e-dlgcustom .e-fieldset, .e-excelfilter .e-menu.e-vertical .e-list > ul, .e-excelfilter .e-btncontainer input {
    border-width: 1px;
    border-style: solid;
    border-color: #fafafa
}

.e-excelfilter .e-checkboxlist label.e-ftrchk, .e-excelfilter.e-dlgcustom label.e-caption, .e-excelfilter .e-searchbox .e-searchitem {
    font-weight: normal
}

.e-sortasc, .e-sortdesc {
    font-size: 18px
}

.e-excelfilter.e-dlgcustom .e-fieldset legend {
    font-size: 14px;
    color: #333;
    border: none
}

.e-excelfilter .e-select:hover .e-icon {
    color: #282827
}

.e-excelfilter.e-dlgcustom input {
    line-height: normal
}

.e-excelfilter {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .e-excelfilter .e-menu .e-list.e-fghdrcolor, .e-excelfilter .e-menu .e-list.e-bghdrcolor, e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mhover.e-mfocused, .e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mhover.e-mfocused {
        background: #fff
    }

    .e-excelfilter .e-menu .e-list.e-valcolor {
        border-color: #f9f9f9
    }

        .e-excelfilter .e-menu .e-list.e-valcolor.e-mhover.e-mfocused {
            border-color: #74c3e7;
            background: transparent
        }

    .e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mhover > a, .e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mfocused > a, .e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mhover > a, .e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mfocused > a {
        background: transparent;
        color: #282827
    }

.e-schedule, .e-schedule.e-scheduleouter {
    color: #333;
    background-color: #fff
}

    .e-schedule .e-mobileNavigation, .e-scheduledrawer .e-mAddEvent, .e-scheduledrawer .e-mday, .e-scheduledrawer .e-mweek, .e-scheduledrawer .e-mworkweek, .e-scheduledrawer .e-mmonth, .e-scheduledrawer .e-mcustomview, .e-scheduledrawer .e-magenda {
        color: #686969
    }

.e-scheduledrawer .e-lv .e-list.e-state-default:hover > .e-list-anchor .e-list-img {
    color: #282827
}

.e-scheduledrawer .e-list.e-state-active .e-list-anchor .e-list-img {
    color: #fff
}

.e-schedule .icon-AddGrad:before {
    color: #2382c3
}

e-schedule .e-datedisplay {
    color: #333
}

.e-schedule .e-datecommondiv {
    color: #333
}

.e-schedule .e-commonviewbutton {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #333;
    border: 1px solid #c8c8c8;
    border-right: none
}

    .e-schedule .e-commonviewbutton:hover, .e-schedule .e-next:hover, .e-schedule .e-prev:hover, .e-scheduledialog .e-scheduleclose:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        border-color: #c8c8c8;
        color: #282827
    }

.e-schedule .e-singleview {
    border-right: 1px solid #c8c8c8
}

.e-schedule.e-rtl .e-firstview, .e-schedule .e-lastview {
    border: 1px solid #c8c8c8
}

.e-schedule .e-dateheader, .e-schedule .e-emptytd {
    border-bottom: 3px solid #74c3e7
}

.e-schedule .e-categorizeMenuSelected {
    background: none repeat scroll 0 0 #f0f8ff;
    border: 1px solid #0094ff !important
}

.e-schedule .e-dateheader, .e-schedule .e-emptyalldaytd, .e-schedule .e-leftindent {
    border-bottom: 1px solid #c8c8c8
}

.e-scheduledialog .e-quickstartendtime {
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-horizontalheader {
    border-bottom: 3px solid #74c3e7 !important
}

.e-schedule .e-horizontalheadertddate {
    border-left: none !important;
    border-bottom: none !important;
    border-right: none !important
}

.e-schedule .e-horizontaltimetd {
    border-bottom: 3px solid #74c3e7 !important;
    border-top: 1px solid #c8c8c8 !important;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-horizontalalternatetd {
    border-bottom: 3px solid #74c3e7 !important;
    border-left: 1px solid transparent;
    border-top: 1px solid #c8c8c8 !important
}

.e-schedule .e-horizontmonthheaderdatetd {
    border-bottom: 1px solid #c8c8c8 !important;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-horizontmonthheaderdaytd {
    border-bottom: 3px solid #74c3e7 !important;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-alternateworkcell {
    border-left: 1px dotted #c8c8c8 !important
}

.e-schedule .e-dayend {
    border-left: 2px solid #c8c8c8 !important
}

.e-schedule .e-parentnode, .e-schedule .e-parentworkcell {
    border-bottom: 1px solid #c8c8c8 !important
}

.e-schedule .e-parentnode {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-bottom: 1px solid #c8c8c8 !important
}

.e-schedule .e-childnode, .e-schedule .e-childworkcell {
    border-bottom: 1px dotted #c8c8c8 !important
}

.e-schedule .e-workcells, .e-schedule .e-monthcells {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    background: #f7f7f7
}

.e-schedule .e-agendacells {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-scheduleallday {
    color: #74c3e7
}

.e-schedule .e-agendahover, .e-schedule .e-schedulerepeat {
    color: #74c3e7
}

.e-schedule .e-alternatecells, .e-schedule .e-ampmstyle {
    border-bottom: 1px dotted #cdcdcd
}

.e-schedule .e-appointresizer-top, .e-schedule .e-appointresizer-bottom, .e-schedule .e-appointresizer-left, .e-schedule .e-appointresizer-right {
    color: #fff
}

.e-schedule .e-monthcellhighlight {
    background: #fff
}

.e-schedule .e-businesshighlightworkcells {
    background: #fff
}

.e-schedule .e-scheduleheader {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0)
}

.e-schedule .e-next, .e-schedule .e-prev {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border: 1px solid #c8c8c8;
    border-bottom: transparent;
    color: #333
}

.e-schedule .e-navigatenext, .e-schedule .e-navigateprevious {
    color: #686969
}

.e-schedule .e-scheduleheader > td {
    border: 1px solid #c8c8c8;
    border-bottom: none
}

.e-schedule .e-headerarearow > td {
    border: 1px solid #c8c8c8;
    border-bottom: none
}

.e-schedule .e-contentarearow > td {
    border: 1px solid #c8c8c8;
    border-top: none
}

.e-schedule .e-headerbackcolor, .e-schedule .e-timecells {
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-mousehover {
    background-color: #c5e6f5;
    color: #282827
}

.e-schedule .e-highlightcurrenttimeline {
    background-color: #5ebae3
}

.e-schedule .e-currenttime {
    background-color: #5ebae3;
    color: #fff
}

.e-schedule .e-timeidicatorcircle {
    color: #5ebae3
}

.e-scheduledialog .e-recuredit {
    color: #74c3e7
}

.e-schedule .e-alldaycells {
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-headerresourcecells {
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-resourcecells {
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-headercells {
    border-left: 1px solid #c8c8c8;
    border-bottom: 3px solid #74c3e7
}

.e-schedule .e-monthdateshighlight {
    color: #c5c4c4 !important
}

.e-schedule .e-monthcurrenttime {
    background: #5ebae3;
    color: #fff
}

.e-schedule.e-rtl .e-agendacells, .e-schedule.e-rtl .e-workcells, .e-schedule.e-rtl .e-alldaycells, .e-schedule.e-rtl .e-resourcecells, .e-schedule.e-rtl .e-headercells, .e-schedule.e-rtl .e-monthcells, .e-schedule.e-rtl .e-horizontmonthheaderdatetd, .e-schedule.e-rtl .e-horizontmonthheaderdaytd {
    border-left: none !important;
    border-right: 1px solid #c8c8c8
}

.e-schedule.e-rtl .e-dayend {
    border-left: none !important;
    border-right: 2px solid #c8c8c8 !important
}

.e-schedule.e-rtl .e-horizontaltimetd {
    border-left: none !important;
    border-right: 1px solid #c8c8c8
}

.e-schedule.e-rtl .e-alternateworkcell {
    border-left: none !important;
    border-right: 1px dotted #c8c8c8 !important
}

.e-schedule.e-rtl .e-horizontalalternatetd {
    border-left: none !important;
    border-right: 1px solid transparent !important
}

.e-schedule .e-activeview {
    background: #74c3e7;
    background: -moz-linear-gradient(top,0%,#179bd7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: -o-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: -ms-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff;
    border-color: #c8c8c8
}

.e-schedule .e-monthleftcells, .e-schedule .e-settingsindent {
    border-bottom: 3px solid #74c3e7
}

.e-draggableAppointment, .e-schedule .e-monthappointment, .e-schedule .e-alldayappointment, .e-schedule .e-appointment {
    background: #74c3e7;
    background: -moz-linear-gradient(top,0%,#179bd7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: -o-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: -ms-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff;
    border: 1px solid #9fd6ef
}

.e-schedule .e-categorycolor, .e-schedule .e-agendacolordiv {
    background: #74c3e7;
    background: -moz-linear-gradient(top,0%,#179bd7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: -o-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: -ms-linear-gradient(top,#74c3e7 0%,#179bd7 100%);
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
}

.e-schedule .e-selectedAppointment {
    border: 2px solid #000
}

.e-schedule .e-selectedCell, .e-schedule .e-agendaappointment.e-selectedAppointment {
    background-color: #c5e6f5
}

.e-schedule .e-borderleft {
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-borderright {
    border-right: 1px solid #c8c8c8
}

.e-scheduledialog .e-detailedapp, .e-scheduledialog .e-editevents, .e-scheduledialog .e-textdetailcolor {
    color: #74c3e7
}

.e-scheduledialog .e-recurtitle {
    border-bottom: 1px solid #c8c8c8
}

.e-scheduledialog .e-dialogheader {
    font-weight: bold !important
}

.e-scheduledialog .e-outerarrowline {
    border-color: #c8c8c8 transparent;
    border-image: none;
    border-style: solid;
    border-width: 9px 9px 0;
    left: 0;
    position: absolute;
    top: 0
}

.e-scheduledialog .e-innerarrow {
    border-color: #fff transparent;
    border-image: none;
    border-style: solid;
    border-width: 8px 8px 0;
    left: 1px;
    position: absolute;
    top: 0
}

.e-draggableAppointment {
    box-shadow: 5px 5px 5px #383838
}

.e-scheduletooltip {
    color: #333;
    background: #fff;
    border: 1px solid #c8c8c8
}

.e-grid.e-rtl .e-nextpage, .e-grid.e-rtl .e-nextpagedisabled {
    border-left-color: #c8c8c8
}

.e-pager, .e-grid .e-pagerstatusbar {
    background-color: #f5f5f5;
    border-color: #c8c8c8;
    color: #333
}

    .e-pager .e-icon {
        color: #686969
    }

    .e-pager .e-default:hover {
        color: #282827
    }

    .e-pager .e-spacing {
        color: #333
    }

    .e-pager .e-numericitem:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827
    }

    .e-pager .e-numericitem {
        background: #f5f5f5;
        border-right-color: #c8c8c8
    }

    .e-pager .e-prevpagedisabled, .e-pager .e-prevpage, .e-pager .e-nextpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled, .e-pager .e-lastpage, .e-pager .e-firstpage, .e-pager .e-firstpagedisabled {
        background-color: #f5f5f5;
        color: #333
    }

        .e-pager .e-nextpage:Hover, .e-pager .e-lastpage:Hover, .e-pager .e-firstpage:Hover, .e-pager .e-prevpage:Hover {
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0)
        }

    .e-pager .e-pagercontainer {
        background-color: #f5f5f5;
        border-color: #c8c8c8
    }

    .e-pager .e-firstpage, .e-pager .e-prevpage, .e-pager .e-firstpagedisabled, .e-pager .e-prevpagedisabled, .e-pager .e-nextpage, .e-pager .e-lastpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled {
        border-right-color: #c8c8c8
    }

    .e-pager .e-currentitem, .e-pager .e-currentitem:hover {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
        color: #f5f5f5
    }

.e-scrollbar .e-vscroll, .e-scrollbar .e-hscroll, .e-scrollbar .e-vhandlespace {
    background-color: #fafafa
}

.e-scrollbar .e-vscroll {
    border-left: 1px solid #c8c8c8;
    border-right: none
}

.e-scrollbar .e-hscroll {
    border-top: 1px solid #c8c8c8
}

    .e-scrollbar .e-hscroll .e-hdown.e-icon {
        border-right: 1px solid #c8c8c8
    }

    .e-scrollbar .e-hscroll .e-hup.e-icon {
        border-left: none
    }

.e-scrollbar .e-vscroll .e-vdown.e-icon {
    border-bottom: 1px solid #c8c8c8
}

.e-scroller.e-rtl .e-scrollbar .e-vscroll {
    border-right: 1px solid #c8c8c8;
    border-left: none
}

.e-scroller.e-rtl .e-scrollbar .e-hscroll .e-hup.e-icon {
    border-left: 1px solid #c8c8c8
}

.e-scroller.e-rtl .e-scrollbar .e-hscroll .e-hdown.e-icon {
    border-right: none
}

.e-scrollbar .e-active {
    background-color: #74c3e7
}

.e-scrollbar .e-vhandle, .e-scrollbar .e-hhandle {
    background: #f5f5f5;
    transition: top .1s linear 0s,left .1s linear 0s
}

.e-scrollbar .e-vhandle {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

.e-scrollbar .e-hhandle {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8
}

    .e-scrollbar .e-vhandle:hover, .e-scrollbar .e-hhandle:hover {
        background-color: #c5e6f5;
        cursor: default;
        border-color: #c8c8c8
    }

.e-scrollbar .e-button {
    color: #686969
}

    .e-scrollbar .e-button:hover {
        background-color: #c5e6f5;
        color: #282827;
        border-color: #c8c8c8
    }

.e-scroller .e-active {
    background-color: #74c3e7
}

.e-scroller .e-vscroll .e-vup.e-button, .e-scroller .e-vscroll .e-vdown.e-button, .e-scroller .e-hscroll .e-hup.e-button, .e-scroller .e-hscroll .e-hdown.e-button {
    background: #f5f5f5
}

.e-scroller .e-disable .e-vhandle:hover, .e-scroller .e-disable .e-vup.e-button:hover, .e-scroller .e-disable .e-vdown.e-button:hover, .e-scroller .e-disable .e-hup.e-button:hover, .e-scroller .e-disable .e-hdown.e-button:hover .e-scroller .e-disable .e-hhandle:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border: 1px solid #c8c8c8;
    transition: top .1s linear 0s,left .1s linear 0s
}

.e-scroller .e-button, .e-scroller .e-disable .e-button:hover {
    color: #686969
}

.e-scroller .e-disable .e-button:hover {
    background-color: transparent
}

.e-acrdn {
    font-family: Segoe UI
}

    .e-acrdn > .e-content {
        border-color: #c8c8c8;
        background-color: #fff;
        color: #333;
        font-size: 14px
    }

    .e-acrdn > .e-select, .e-acrdn > .e-disable.e-select:hover, .e-acrdn > .e-disable.e-select:hover a {
        background: #f5f5f5;
        background: -moz-linear-gradient(top,#f5f5f5,#ddd);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
        background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
        background: -o-linear-gradient(top,#f5f5f5,#ddd);
        background: -ms-linear-gradient(top,#f5f5f5,#ddd);
        background: linear-gradient(to bottom,#f5f5f5,#ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
        color: #333
    }

    .e-acrdn .e-select {
        border-color: #c8c8c8;
        font-weight: normal;
        font-size: 16px;
        font-family: Segoe UI
    }

        .e-acrdn .e-select:hover {
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            color: #282827;
            border-color: #c8c8c8
        }

        .e-acrdn .e-select a {
            color: #333
        }

    .e-acrdn > .e-select:first-child {
        border-top-color: #c8c8c8
    }

    .e-acrdn .e-select.e-active, .e-acrdn .e-disable.e-active.e-select:hover a, .e-acrdn .e-disable.e-active.e-select:hover {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
        color: #fff
    }

    .e-acrdn.e-disable .e-select:hover, .e-acrdn.e-disable .e-select:hover a {
        background: #ecedee;
        color: #5c5c5c
    }

    .e-acrdn .e-select.e-active {
        border-color: #c8c8c8;
        font-weight: normal;
        border-bottom: medium none
    }

        .e-acrdn .e-select.e-active:hover {
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            color: #282827;
            border-color: #c8c8c8
        }

        .e-acrdn .e-select.e-active a {
            color: #fff
        }

        .e-acrdn .e-select:hover a, .e-acrdn .e-select.e-active:hover a {
            color: #282827
        }

    .e-acrdn .e-select > span {
        color: #686969
    }

    .e-acrdn .e-select.e-active > span {
        color: #fff
    }

    .e-acrdn .e-select:hover > span, .e-acrdn .e-select.e-active:hover > span {
        color: #282827
    }

    .e-acrdn .e-content.e-load {
        background-image: url(images/ajax-loader.gif);
        background-position: center;
        background-repeat: no-repeat
    }

.e-atc .e-in-wrap, .e-atc .e-input, .e-atc-popup, .e-atc .e-options {
    background-color: #fff;
    border-color: #c8c8c8;
    color: #333;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: normal
}

    .e-atc .e-options.e-active {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
        color: #fff;
        border-color: #c8c8c8
    }

        .e-atc .e-options.e-active:hover, .e-atc .e-options:hover {
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            color: #282827;
            border-color: #c8c8c8
        }

.e-atc .e-boxes {
    background-color: #fff
}

.e-atc.e-focus .e-in-wrap {
    box-shadow: 0 0 2px #ccc
}

.e-atc-popup .e-category {
    border-bottom: 1px solid #c8c8c8
}

.e-atc-popup .e-hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827;
    border-color: #c5e6f5
}

.e-atc .e-select:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827;
    border-color: #c8c8c8
}

.e-atc .e-select, .e-atc.e-rtl .e-select, .e-atc .e-select.e-disable:hover {
    border-color: #c8c8c8;
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #686969
}

.e-atc .e-input.e-load {
    background-image: url(images/ajax-loader.gif)
}

.e-btn, .e-tbtn, .e-split-btn {
    font-family: Segoe UI;
    font-weight: normal;
    font-size: 14px
}

.e-rtl .e-splitarrowleft .e-split-btn.e-left-btn {
    border-right: medium none;
    border-left: 1px solid #c8c8c8
}

.e-rtl .e-splitarrowright .e-split-btn.e-left-btn {
    border-left: medium none;
    border-right: 1px solid #c8c8c8
}

.e-btn.e-select:focus {
    box-shadow: 0 0 2px #ccc
}

.e-btn.e-select, .e-btn.e-disable.e-select:hover, .e-tbtn.e-disable {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #333;
    border-color: #c8c8c8
}

.e-btn.e-disable, .e-btn.e-disable .e-icon {
    cursor: default
}

.e-btn.e-select:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-color: #c8c8c8;
    color: #282827
}

.e-btn.e-select:active, .e-btn.e-disable.e-active.e-select:hover, .e-tbtn.e-active {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    border-color: #c8c8c8;
    color: #fff
}

.e-drp-btn.e-select, .e-btn.e-select .e-icon, .e-btn.e-select.e-disable:hover, .e-btn.e-select.e-disable:hover .e-icon {
    color: #686969
}

    .e-drp-btn.e-select:hover, .e-btn.e-select:hover .e-icon {
        color: #282827
    }

    .e-drp-btn.e-select:active, .e-btn.e-select:active .e-icon, .e-btn.e-active .e-icon, .e-btn.e-disable.e-select.e-active:hover .e-icon {
        color: #fff
    }

.e-menu.e-split, .e-menu.e-context.e-split, .e-menu.e-context.e-split .e-list > ul, .e-menu.e-widget.e-split li.e-list {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #333;
    border-color: #c8c8c8
}

.ejinputtext {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    color: #333;
    outline: medium none
}

.e-captcha .refresh {
    background: #f7f7f7;
    border: 1px solid #cbcbcb
}

.e-captcha .audio {
    background: #f7f7f7
}

.e-captcha .imagecontainer {
    border: 1px solid #9a9a9a
}

.e-captcha .validTextBox {
    border: 1px solid #c9c7c7
}

.e-captcha .e-validTextBox {
    border: 1px solid #c9c7c7
}

.e-captcha .e-refresh {
    background: #f7f7f7;
    border: 1px solid #cbcbcb
}

.e-captcha .e-audio {
    background: #f7f7f7;
    border: 1px solid #c9c7c7
}

.e-captcha .e-imageContainer {
    border: 1px solid #9a9a9a
}

.e-colorpicker .e-hsv-color, .e-colorpicker .e-buttons .e-preview, .e-colorpicker .e-slider-wrap .e-handle.e-select, .e-colorpicker .e-slider-wrap .e-hue, .e-colorpicker .e-slider-wrap .e-opacity, .e-colorpicker .e-slider-wrap .e-handle.e-select:hover {
    border: 3px solid #fff
}

.e-colorwidget .e-select {
    background: #fff;
    color: #686969;
    border-color: #c8c8c8
}

.e-colorwidget.e-split .e-in-wrap .e-select:hover, .e-colorwidget.e-split .e-color-container:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-color: #c8c8c8;
    color: #282827
}

.e-colorwidget.e-picker.e-split.e-disable .e-in-wrap .e-select:hover, .e-colorwidget.e-picker.e-split.e-disable .e-in-wrap .e-color-container:hover {
    cursor: default;
    background: #fff
}

.e-colorpicker.e-popup {
    background-color: #f5f5f5;
    border-color: #c8c8c8
}

.e-presetWrapper.e-widget.e-context {
    border-color: #c8c8c8
}

.e-colorwidget.e-focus {
    box-shadow: 0 0 2px #ccc
}

.e-colorpicker .e-recent-color .e-colorblock.e-block, .e-colorpicker .e-recent-color .e-colorblock.e-select, .e-colorpicker .e-footer .e-switcher {
    background-color: #fff;
    color: #333;
    border-color: #fff
}

.e-colorwidget .e-in-wrap.e-box, .e-colorwidget .e-in-wrap.e-box .e-select, .e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-split-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn {
    background: #fff;
    color: #333;
    border-color: #c8c8c8
}

.e-colorwidget .e-select:hover, .e-colorpicker .e-element .e-split-btn.e-select.e-rht-btn:hover {
    background-color: #fff;
    color: #282827;
    border-color: #c8c8c8
}

.e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton:hover, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827;
    border-color: #c8c8c8
}

.e-presetWrapper.e-menu.e-context, .e-presetWrapper.e-menu.e-context .e-list.e-mhover.e-mfocused, .e-presetWrapper.e-menu.e-context .e-list > ul, .e-presetWrapper.e-menu.e-context .e-list:hover {
    background: #fff;
    color: #333;
    border-color: #fff
}

    .e-presetWrapper.e-menu.e-context .e-list:hover {
        background: #fff;
        color: #333
    }

.e-colorpicker .e-footer .e-split .e-splitbutton:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-color: #c8c8c8
}

.e-colorpicker .e-footer .e-cancelButton.e-btn, .e-colorpicker .e-footer .e-applyButton.e-btn {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-color: #c8c8c8
}

    .e-colorpicker .e-footer .e-cancelButton.e-btn:hover, .e-colorpicker .e-footer .e-applyButton.e-btn:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        border-color: #c8c8c8;
        color: #282827
    }

.e-colorpicker .e-buttons .e-groupButton, .e-colorpicker .e-buttons .e-color-code, .e-colorpicker .e-buttons .e-groupButton .e-btn {
    background: #fff;
    border-color: #fff
}

.e-colorpicker .e-buttons .e-previous, .e-presetWrapper .e-presets-table .e-preset-row {
    border-color: #c8c8c8
}

.e-colorpicker .e-item {
    border-color: #c8c8c8
}

.e-colorpicker .e-color-image, .e-presetWrapper .e-color-image, .e-presetWrapper.e-menu.e-context .e-color-image.e-mhover {
    background-image: url(../common-images/colorpicker_light.png);
    background-color: transparent
}

.e-presetWrapper .e-presetHeader, .e-colorpicker .e-element .e-icon:before {
    color: #333
}

.e-colorpicker .e-buttons .e-groupButton .e-btn {
    color: #333
}

.e-colorpicker .e-buttons .e-color-code {
    color: #333
}

.e-colorpicker .e-buttons .e-groupButton .e-click {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    border-color: #c8c8c8;
    color: #fff;
    box-shadow: 0 0 0 2px white
}

.e-colorpicker .e-buttons .e-groupButton .e-btn:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827;
    border-color: #c8c8c8
}

.e-presetWrapper.e-menu.e-context li.e-list {
    background: #fff
}

.e-fileexplorer, .e-fileexplorer input, .e-fileexplorer .e-splitter .e-splitbar, .e-fileexplorer .e-statusbar, .e-fileexplorer .e-grid .e-gridheader, input.e-fe-dialog-text, .e-fe-toolbar.e-responsive-toolbar input {
    border-color: #c8c8c8
}

    .e-fileexplorer input, .e-fileexplorer .e-treeview .e-text, .e-fileexplorer .e-grid .e-headercelldiv, .e-fileexplorer .e-grid .e-gridcontent tr, .e-fileexplorer .e-tileview .e-tilenode .e-name, input.e-fe-dialog-text, .e-fe-toolbar.e-responsive-toolbar input {
        color: #333
    }

        .e-fileexplorer .e-tileview .e-tilenode:hover .e-name, .e-fileexplorer .e-grid .e-gridcontent tr.e-hover td {
            color: #282827
        }

    .e-fileexplorer.e-js .e-grid td.e-active, .e-fileexplorer .e-tileview .e-tilenode.e-active .e-name {
        color: #fff
    }

    .e-fileexplorer .e-tileview .e-tilenode.e-active:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        border-color: #c8c8c8
    }

        .e-fileexplorer .e-tileview .e-tilenode.e-active:hover .e-name {
            color: #282827
        }

    .e-fileexplorer .e-tree-foldericon, .e-fileexplorer .e-addressbar-foldericon:before, .e-fileexplorer .e-folder-icon, .e-fileexplorer .e-toolbar > .e-horizontal .e-hover > span:before, .e-fileexplorer .e-toolbar > .e-horizontal .e-active > span:before, .e-fileexplorer .e-toolbar > .e-horizontal .e-active.e-hover > span:before {
        color: #e3bb3f
    }

    .e-fileexplorer .e-nonImage-icon {
        color: #686969
    }

    .e-fileexplorer .e-treeview .e-fe-node-hover, .e-fe-dialog.e-icon.e-close:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827;
        border-color: #c8c8c8
    }

    .e-fileexplorer.e-js .e-tilenode.e-active, .e-fileexplorer.e-js .e-grid .e-gridcontent tr td.e-active {
        border-color: #c8c8c8;
        background: #74c3e7
    }

        .e-fileexplorer.e-js .e-tilenode.e-active:hover, .e-fileexplorer.e-js .e-grid .e-gridcontent tr:hover td.e-active {
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            color: #282827;
            border-color: #c8c8c8
        }

    .e-fileexplorer.e-js .e-statusbar .e-active .e-icon {
        color: #74c3e7
    }

    .e-fileexplorer.e-js .e-treeview .e-text.e-active {
        color: #fff
    }

    .e-fileexplorer.e-js .e-treeview .e-text:hover, .e-fileexplorer .e-actionbar .e-btn.e-select:hover {
        color: #282827;
        border-color: #c8c8c8
    }

    .e-fileexplorer input, input.e-fe-dialog-text, .e-fe-toolbar.e-responsive-toolbar input {
        background: #fff
    }

    .e-fileexplorer .e-tilenode.e-hover, .e-fileexplorer .e-grid .e-gridcontent tr.e-hover td {
        border-color: #c8c8c8;
        background: #c5e6f5
    }

    .e-fileexplorer .e-switchGridView.e-button:hover, .e-fileexplorer .e-swithListView.e-button:hover {
        background: #ddd; /*background:-moz-linear-gradient(top,#c5e6f5,#96d2ed);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));background:-webkit-linear-gradient(top,#c5e6f5,#96d2ed);background:-o-linear-gradient(top,#c5e6f5,#96d2ed);background:-ms-linear-gradient(top,#c5e6f5,#96d2ed);background:linear-gradient(to bottom,#c5e6f5,#96d2ed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);*/
        border-color: #c8c8c8
    }

    .e-fileexplorer .e-toolbar {
        color: #686969;
        background: #ddd; /*background:-moz-linear-gradient(top,#f5f5f5,#ddd);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#f5f5f5,#ddd);background:-o-linear-gradient(top,#f5f5f5,#ddd);background:-ms-linear-gradient(top,#f5f5f5,#ddd);background:linear-gradient(to bottom,#f5f5f5,#ddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);*/
        border-color: #c8c8c8
    }

.e-fe-toolbar.e-toolbar .e-feItem-Searchbar.e-tooltxt.e-active {
    background: transparent
}

.e-fileexplorer .e-grid .e-gridheader, .e-fileexplorer .e-grid .e-gridheader.e-scrollcss, .e-fileexplorer .e-grid .e-gridheader .e-headercell {
    background: #f7f7f7
}

.e-fileexplorer .e-alt_row, .e-fileexplorer .e-gridheader, .e-fileexplorer .e-gridheader .e-headercell, .e-fileexplorer .e-grid .e-gridcontent, .e-fileexplorer .e-splitter .e-pane, .e-fileexplorer .e-scroller .e-scrollbar .e-vhandlespace, .e-fileexplorer .e-scroller .e-scrollbar .e-hhandlespace {
    background-color: #f7f7f7
}

.e-fileexplorer .e-tilenode.e-hover .e-thumbImage, .e-fileexplorer .e-tilenode.e-hover .e-nonImage-icon, .e-fileexplorer .e-tilenode.e-hover .e-folder-icon {
    border-color: #c8c8c8
}

.e-fileexplorer.e-js .e-active .e-thumbImage, .e-fileexplorer.e-js .e-active .e-nonImage-icon, .e-fileexplorer.e-js .e-active .e-folder-icon {
    border-color: #74c3e7
}

.e-menu > .e-list.e-fe-separator {
    border-color: #c8c8c8
}

.e-fileexplorer .e-toolbar {
    border-bottom-color: #74c3e7
}

    .e-fileexplorer .e-toolbar .e-hover .e-tool-input, .e-fe-toolbar.e-responsive-toolbar .e-hover .e-tool-input, .e-fileexplorer .e-toolbar .e-tool-input:focus, .e-fe-toolbar.e-responsive-toolbar .e-tool-input:focus {
        border-color: #74c3e7
    }

    .e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-hover, .e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-hover, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-hover, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-hover, .e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-active, .e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-active, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-active, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-active {
        background: #f5f5f5;
        border-color: #f5f5f5
    }

.e-dialog .e-fe-table table tr .e-readonly {
    background: #fff;
    color: #333
}

.e-dialog .e-fe-table table .e-border {
    border-color: #c8c8c8
}

.e-datepicker table td.e-disable {
    opacity: 1;
    color: #bfbfbf
}

.e-datewidget .e-in-wrap {
    border-color: #c8c8c8
}

.e-datewidget.e-focus .e-in-wrap {
    box-shadow: 0 0 2px #ccc
}

.e-datewidget .e-select, .e-datewidget.e-rtl .e-select, .e-datewidget .e-disable.e-select:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-color: #c8c8c8;
    color: #686969
}

    .e-datewidget .e-select:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827;
        border-color: #c8c8c8
    }

    .e-datewidget .e-select.e-active {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
        border-color: #74c3e7
    }

.e-datewidget .e-input {
    background-color: #fff;
    color: #333
}

.e-datepicker table td.other-month, .e-datepicker .e-allyear-first, .e-datepicker .e-allyear-last, .e-datepicker .e-year-first, .e-datepicker .e-year-last {
    color: #74c3e7
}

.e-datepicker table td.e-dp-weekend {
    color: #cd0a0a
}

.e-datepicker.e-calendar {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0);
    color: #282827;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #c8c8c8
}

    .e-datepicker .e-header:hover > span {
        color: #282827
    }

.e-datepicker .e-footer {
    color: #333;
    border: 1px solid transparent
}

    .e-datepicker .e-footer:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827;
        border: 1px solid #c8c8c8
    }

.e-datepicker .e-text {
    color: #282827
}

.e-datepicker .e-week-header, .e-datepicker .e-week-header:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #333;
    border-bottom: 1px solid transparent
}

.e-datepicker table td:hover, .e-datepicker td.e-state-hover, .e-datepicker .current-month.e-state-default.e-special-day:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827;
    border-color: #c8c8c8;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent inset
}

.e-datepicker table td.e-disable:hover {
    background: none;
    border-color: none;
    color: #bfbfbf
}

.e-datepicker .e-datepicker-days .e-selected-days {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    border-radius: 0;
    box-shadow: 0 0 0 transparent inset;
    color: #fff
}

.e-work-week .e-week-day, .e-selected-week, .e-selected-month {
    background-color: #f5f5f5;
    color: #333
}

.e-datepicker .e-header .e-icon {
    color: #282827
}

.e-datepicker .e-left-arrow:hover, .e-datepicker .e-right-arrow:hover {
    background-color: #c5e6f5;
    border-radius: 4px 4px 4px 4px;
    border-color: #c8c8c8
}

.e-datepicker .e-disable.e-left-arrow:hover, .e-datepicker .e-disable.e-right-arrow:hover {
    background: none;
    border-radius: 0;
    cursor: default;
    border-color: #c8c8c8
}

.e-datepicker .e-state-default {
    color: #333;
    font-weight: normal
}

.e-datepicker .today {
    background-color: #f5f5f5;
    color: #333;
    box-shadow: 0 0 0 transparent inset;
    border-radius: 4px
}

.e-datepicker .other-month.e-active {
    background: none
}

.e-datepicker .e-active, .e-datepicker .e-active.e-state-hover {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    border-radius: 4px;
    box-shadow: 0 0 0 transparent inset;
    color: #fff;
    border-color: #c8c8c8
}

.e-datepicker table td.other-month:hover, .e-datepicker .e-allyear-first:hover, .e-datepicker .e-allyear-last:hover, .e-datepicker .e-year-first:hover, .e-datepicker .e-year-last:hover {
    color: #c5c4c4;
    background-color: transparent;
    border-color: #c8c8c8
}

.e-datepicker.e-popup.e-disable .e-footer:hover {
    background: none;
    color: #333;
    border: 1px solid transparent
}

.e-datepicker.e-popup.e-disable table td:hover, .e-datepicker.e-popup.e-disable td.e-state-hover, .e-datepicker.e-popup.e-disable .current-month.e-state-default.e-special-day:hover {
    background: none;
    color: #333;
    font-weight: normal;
    border-radius: 0;
    border-color: #c8c8c8
}

.e-datepicker.e-popup.e-disable .e-left-arrow:hover, .e-datepicker.e-popup.e-disable .e-right-arrow:hover {
    background: none;
    border-radius: 0;
    border-color: #c8c8c8
}

.e-datepicker.e-popup.e-disable table td.e-disable:hover, .e-datepicker.e-popup.e-disable .e-disable.e-select:hover {
    background: none;
    border-color: none;
    color: #bfbfbf
}

.e-datepicker.e-popup.e-disable table td.other-month:hover, .e-datepicker.e-popup.e-disable .e-allyear-first:hover, .e-datepicker.e-popup.e-disable .e-allyear-last:hover, .e-datepicker.e-popup.e-disable .e-year-first:hover, .e-datepicker.e-popup.e-disable .e-year-last:hover {
    color: #f9f9f9
}

.e-datepicker .e-datepicker-headertext:hover {
    background: #c5e6f5
}

.e-datetime-wrap .e-input, .e-datetime-popup {
    background-color: #fff;
    font-family: Segoe UI;
    font-weight: normal;
    color: #333
}

    .e-datetime-wrap .e-in-wrap, .e-datetime-popup, .e-datetime-popup .e-timecontainer .e-header {
        border-color: #c8c8c8
    }

        .e-datetime-wrap.e-focus .e-in-wrap, .e-datetime-popup .e-focus {
            box-shadow: 0 0 2px #ccc
        }

.e-datetime-wrap .e-select, .e-datetime-wrap.e-rtl .e-select, .e-datetime-wrap .e-disable.e-select:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-color: #c8c8c8;
    color: #686969
}

    .e-datetime-wrap .e-select:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827
    }

.e-datetime-popup .e-dt-button {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border: 1px solid #c8c8c8;
    color: #333
}

    .e-datetime-popup .e-dt-button:active {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
        border-color: #c8c8c8;
        color: #333
    }

    .e-datetime-popup .e-dt-button:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827;
        border-color: #c8c8c8
    }

.svg-rotate-ie {
    cursor: url("../common-images/Rotate.cur"),url("/themes/common-images/Rotate.cur"),url("../themes/common-images/Rotate.cur"),default
}

.svg-rotate {
    cursor: url("../common-images/Rotate.cur"),default
}

.sf-d-menuitem {
    background-image: url("../common-images/diagram_context.png");
    background-repeat: no-repeat;
    height: 25px;
    width: 25px
}

    .sf-d-menuitem.hover {
        background-image: url("../common-images/diagram_context1.png")
    }

    .sf-d-menuitem.cut {
        background-position: 2px -290px
    }

    .sf-d-menuitem.copy {
        background-position: 2px -264px
    }

    .sf-d-menuitem.paste {
        background-position: 2px -238px
    }

    .sf-d-menuitem.undo {
        background-position: 2px -186px
    }

    .sf-d-menuitem.redo {
        background-position: 2px -213px
    }

    .sf-d-menuitem.selectAll {
        background-position: 2px -160px
    }

    .sf-d-menuitem.group {
        background-position: 2px -31px
    }

    .sf-d-menuitem.ungroup {
        background-position: 2px -4px
    }

    .sf-d-menuitem.bringToFront {
        background-position: 2px -134px
    }

    .sf-d-menuitem.sendToBack {
        background-position: 2px -108px
    }

    .sf-d-menuitem.moveForward {
        background-position: 2px -82px
    }

    .sf-d-menuitem.sendBackward {
        background-position: 2px -56px
    }

    .sf-d-menuitem.grouping {
        background-image: none
    }

    .sf-d-menuitem.order {
        background-image: none
    }

.e-diagram-tooltip-default {
    width: 200px;
    background-color: #f7eebc;
    border: 1px solid #ddb654;
    z-index: 100000;
    position: absolute;
    text-align: center;
    border-radius: 3px 3px;
    pointer-events: none
}

.e-diagram-tooltipLabel-default {
    font-weight: normal;
    pointer-events: none;
    white-space: pre
}

.e-datavisualization-diagram {
    overflow: hidden;
    outline: none;
    display: block
}

    .e-datavisualization-diagram svg {
        position: absolute
    }

    .e-datavisualization-diagram .drawing {
        position: relative
    }

    .e-datavisualization-diagram .edit {
        position: absolute;
        word-wrap: break-word;
        white-space: pre-wrap
    }

        .e-datavisualization-diagram .edit textarea {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border: 1px dashed #9cf;
            outline: none;
            resize: none;
            padding: 2px
        }

    .e-datavisualization-diagram .e-vscrollbar {
        float: right
    }

    .e-datavisualization-diagram .e-hscrollbar {
        text-align: left
    }

.e-scrollbar .e-vhandlespace, .e-scrollbar .e-hhandlespace {
    position: relative;
    background-color: #fafafa
}

.e-dialog.e-dialog-wrap {
    background: #fff;
    font-family: Segoe UI
}

.e-dialog .e-dialog-icon:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-image: initial;
    border-color: #c8c8c8
}

.e-dialog.e-disable .e-dialog-icon:hover {
    background: transparent
}

.e-dialog > .e-header {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0);
    color: #282827;
    font-weight: normal;
    font-size: 16px;
    border: 1px solid #c8c8c8;
    border-bottom: 3px solid #74c3e7
}

.e-dialog.e-widget-content {
    background: #fff;
    color: #333;
    font-size: 14px
}

    .e-dialog.e-widget-content.e-load {
        background-image: url(images/ajax-loader.gif);
        background-position: center;
        background-repeat: no-repeat
    }

.e-overlay {
    background-color: #383838
}

.e-dialog > .e-dialog-scroller {
    border: 1px solid #c8c8c8;
    border-top: none
}

.e-dialog .e-dialog-icon .e-icon:before {
    color: #232323
}

.e-dialog .e-dialog-icon:hover .e-icon:before {
    color: #282827
}

.e-ddl .e-input, .e-ddl-popup, .e-ddl .e-options {
    background-color: #fff;
    color: #333;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: normal
}

    .e-ddl .e-in-wrap, .e-ddl-popup, .e-ddl .e-options, .e-ddl-popup .e-atc.e-search {
        border-color: #c8c8c8
    }

        .e-ddl .e-options.e-active {
            background-color: #74c3e7;
            color: #fff;
            border-color: #74c3e7
        }

.e-ddl .e-boxes {
    background-color: #fff
}

.e-ddl.e-focus .e-in-wrap {
    box-shadow: 0 0 2px #ccc
}

.e-ddl .e-input.e-watermark {
    color: #c5c4c4 !important;
    font-style: italic
}

.e-ddl-popup .e-hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.e-ddl .e-select:hover, .e-ddl.e-rtl .e-select:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827;
    border-color: #c8c8c8
}

.e-ddl-popup .e-active {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff;
    border-color: #74c3e7
}

.e-ddl .e-select, .e-ddl.e-rtl .e-select, .e-ddl .e-disable.e-select:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #686969;
    border-color: #c8c8c8
}

.e-ddl-popup div > ul .e-ghead {
    border-bottom: 1px solid #c8c8c8;
    display: block;
    font-weight: 600;
    margin: 2px 2px 2px 4%;
    position: relative;
    padding-bottom: 5px
}

.e-ddl .e-select.e-load {
    background-image: url(images/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat
}

.e-ddl-popup .e-resize-handle:before {
    cursor: se-resize;
    float: right;
    padding: 4px 3px 0 0;
    margin-right: 2px
}

.e-ddl-popup .e-resize-handle.e-rtl-resize:before {
    float: left;
    cursor: sw-resize;
    transform: rotate(90deg);
    padding: 3px 0 0 3px
}

.e-ddl-popup .e-icon.e-resize-handle {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-top: 1px solid #fff;
    height: 20px;
    width: auto;
    display: block
}

.e-ddl-popup .e-atc.e-search .e-isearch:before {
    color: #c8c8c8
}

.e-listbox .e-select {
    color: #fff;
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    border-color: #74c3e7
}

.e-listbox .e-active {
    color: #fff;
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-color: #c5e6f5
}

.e-listbox .e-hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.dragClonelist {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #fff;
    opacity: .5;
    text-align: center
}

.e-listbox li {
    padding-left: 10px !important
}

.e-ddl-popup.e-load {
    background-image: url(images/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat
}

.e-lv {
    font-family: Segoe UI
}

    .e-lv .e-list {
        border-bottom: 1px solid #c8c8c8;
        font-size: 12px
    }

        .e-lv .e-list .e-list-anchor.e-fontimage:before {
            color: #686969
        }

        .e-lv .e-list.e-state-default {
            background-color: #fff;
            border-color: #c8c8c8
        }

            .e-lv .e-list.e-state-default > .e-list-anchor .e-list-text {
                color: #333
            }

            .e-lv .e-list.e-state-default:hover {
                background: #c5e6f5;
                background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
                background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
                background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
                background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
                background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
                color: #282827
            }

                .e-lv .e-list.e-state-default:hover > .e-list-anchor .e-list-text {
                    color: #282827
                }

        .e-lv .e-list:hover > .e-list-anchor.e-fontimage:before {
            color: #282827
        }

        .e-lv .e-list .e-list-anchor:hover {
            color: #282827
        }

        .e-lv .e-list.e-state-active {
            background: #74c3e7;
            background: -moz-linear-gradient(top,#74c3e7,#179bd7);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
            background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
            background: -o-linear-gradient(top,#74c3e7,#179bd7);
            background: -ms-linear-gradient(top,#74c3e7,#179bd7);
            background: linear-gradient(to bottom,#74c3e7,#179bd7);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
            color: #fff
        }

            .e-lv .e-list.e-state-active .e-list-anchor .e-list-text {
                color: #fff
            }

            .e-lv .e-list.e-state-active > .e-list-anchor.e-fontimage:before {
                color: #fff
            }

.e-lv-inputdiv .e-lv-input {
    border: 1px solid #c8c8c8;
    border-radius: 7px;
    font-size: 14px
}

.e-lv .e-header {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0);
    color: #282827;
    border: 1px solid #c8c8c8;
    border-bottom: 3px solid #74c3e7
}

.e-lv.e-parentlv > .e-lv .e-list-container {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8
}

.e-lv.e-parentlv > .e-lv.subpage {
    border: none
}

.e-lv > .e-header:hover > .e-icon:before {
    color: #282827
}

.e-lv > .e-header > .e-icon:before {
    color: #232323
}

.e-numeric, .e-percent, .e-currency, .e-mask {
    background-color: #fff
}

    .e-numeric .e-in-wrap, .e-percent .e-in-wrap, .e-currency .e-in-wrap, .e-mask .e-in-wrap {
        border-color: #c8c8c8
    }

.e-widget .e-select.e-disable .e-spin .e-icon, .e-widget .e-select.e-disable .e-spin {
    cursor: default
}

.e-numeric .e-input, .e-percent .e-input, .e-currency .e-input, .e-mask .e-input {
    color: #333;
    background-color: #fff
}

.e-numeric.e-focus .e-in-wrap, .e-percent.e-focus .e-in-wrap, .e-currency.e-focus .e-in-wrap, .e-mask.e-focus .e-in-wrap {
    box-shadow: 0 0 2px #ccc
}

.e-numeric .e-input.e-error, .e-percent .e-input.e-error, .e-currency .e-input.e-error, .e-mask.e-error {
    color: #cd0a0a
}

.e-numeric .e-watermark, .e-percent .e-watermark, .e-currency .e-watermark, .e-mask .e-watermark {
    color: #c5c4c4
}

.e-mask .e-error {
    color: #cd0a0a
}

.e-numeric .e-select, .e-numeric.e-rtl .e-select, .e-numeric .e-disable.e-select:hover, .e-percent .e-select, .e-percent.e-rtl .e-select, .e-percent .e-disable.e-select:hover, .e-currency .e-select, .e-currency.e-rtl .e-select, .e-currency .e-disable.e-select:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #686969;
    border-color: #c8c8c8
}

    .e-numeric .e-select:hover, .e-percent .e-select:hover, .e-currency .e-select:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827;
        border-color: #c8c8c8
    }

    .e-numeric .e-select .e-spin-up.e-active, .e-numeric .e-select .e-spin-down.e-active, .e-percent .e-select .e-spin-up.e-active, .e-percent .e-select .e-spin-down.e-active, .e-currency .e-select .e-spin-up.e-active, .e-currency .e-select .e-spin-down.e-active {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
        color: #fff;
        border-color: #c8c8c8
    }

.e-numeric .e-icon .e-arrow, .e-percent .e-icon .e-arrow, .e-currency .e-icon .e-arrow {
    border: 0 none transparent
}

.e-menu.e-separator.e-horizontal > .e-list, .e-menu.e-separator.e-horizontal > .e-list:hover {
    border-right-color: #c8c8c8
}

.e-menu.e-separator.e-vertical > .e-list, .e-menu.e-separator.e-vertical > .e-list:hover {
    border-bottom-color: #c8c8c8
}

.e-menu.e-horizontal .e-list > a, .e-menu.e-horizontal .e-list > span, .e-menu.e-vertical .e-list > a, .e-menu.e-vertical .e-list > span, .e-menu.e-context .e-list > a, .e-menu.e-context .e-list > span, .e-menu-res-wrap .e-menu-res-in-wrap .e-res-title, .e-menu.e-vertical {
    color: #333
}

    .e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list > ul, .e-menu.e-context, .e-menu.e-context .e-list > ul {
        background: #fff;
        border-color: #c8c8c8
    }

        .e-menu.e-vertical > li.e-separator:hover {
            border: 0 none transparent
        }

        .e-menu.e-horizontal .e-list > ul {
            background: #fff;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            border-color: #c8c8c8
        }

        .e-menu.e-horizontal > .e-list > ul:after {
            border-color: transparent transparent #fff;
            border-style: solid
        }

        .e-menu.e-horizontal .e-list:hover, .e-menu.e-vertical .e-list:hover, .e-menu.e-context .e-list:hover {
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            border-color: #c5e6f5
        }

        .e-menu.e-horizontal .e-list > ul li.e-haschild:hover, .e-menu.e-vertical .e-list > ul li.e-haschild:hover, .e-menu.e-context .e-list > ul li.e-haschild:hover {
            border-color: #c5e6f5
        }

        .e-menu.e-horizontal .e-list:hover > a, .e-menu.e-horizontal .e-list:hover > span, .e-menu.e-vertical .e-list:hover > a, .e-menu.e-vertical .e-list:hover > span, .e-menu.e-context .e-list:hover > a, .e-menu.e-context .e-list:hover > span {
            color: #282827
        }

        .e-menu.e-horizontal .e-list.e-active, .e-menu.e-vertical .e-list.e-active, .e-menu.e-context .e-list.e-active {
            background: #74c3e7;
            background: -moz-linear-gradient(top,#74c3e7,#179bd7);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
            background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
            background: -o-linear-gradient(top,#74c3e7,#179bd7);
            background: -ms-linear-gradient(top,#74c3e7,#179bd7);
            background: linear-gradient(to bottom,#74c3e7,#179bd7);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
            color: #fff;
            border-color: #74c3e7
        }

        .e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > a, .e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > span, .e-menu.e-vertical .e-list > ul li.e-haschild.e-active > a, .e-menu.e-vertical .e-list > ul li.e-haschild.e-active > span, .e-menu.e-context .e-list > ul li.e-haschild.e-active > a, .e-menu.e-context .e-list > ul li.e-haschild.e-active > span {
            background: #74c3e7;
            background: -moz-linear-gradient(top,#74c3e7,#179bd7);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
            background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
            background: -o-linear-gradient(top,#74c3e7,#179bd7);
            background: -ms-linear-gradient(top,#74c3e7,#179bd7);
            background: linear-gradient(to bottom,#74c3e7,#179bd7);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
            color: #fff;
            border-color: #74c3e7
        }

        .e-menu.e-horizontal .e-list.e-active > a, .e-menu.e-horizontal .e-list.e-active > span, .e-menu.e-vertical .e-list.e-active > a, .e-menu.e-vertical .e-list.e-active > span, .e-menu.e-context .e-list.e-active > a, .e-menu.e-context .e-list.e-active > span, .e-menu.e-horizontal .e-list.e-active:hover, .e-menu.e-vertical .e-list.e-active:hover, .e-menu.e-context .e-list.e-active:hover {
            color: #fff
        }

        .e-menu.e-horizontal .e-list > ul li.e-separator, .e-menu.e-vertical .e-list > ul li.e-separator, .e-menu.e-context .e-list > ul li.e-separator, .e-menu.e-vertical > li.e-separator, .e-menu.e-context > li.e-separator {
            background-color: #c8c8c8
        }

            .e-menu.e-horizontal .e-list > ul li.e-separator:hover, .e-menu.e-vertical .e-list > ul li.e-separator:hover, .e-menu.e-context .e-list > ul li.e-separator:hover, .e-menu.e-context > li.e-separator:hover {
                border: 0 solid transparent
            }

        .e-menu.e-separator.e-rtl.e-horizontal > .e-list {
            border-left-color: #c8c8c8
        }

        .e-menu .e-list > a .e-icon, .e-menu .e-list > span > .e-icon {
            color: #686969
        }

        .e-menu .e-list:hover > a .e-icon, .e-menu .e-list:hover > span > .e-icon {
            color: #282827
        }

        .e-menu .e-list.e-active > a > .e-icon, .e-menu .e-list.e-active > span > .e-icon, .e-menu .e-list.e-active:hover > a > .e-icon, .e-menu .e-list.e-active:hover > span > .e-icon {
            color: #fff
        }

        .e-menu.e-horizontal .e-list.e-disable-item, .e-menu.e-vertical .e-list.e-disable-item, .e-menu.e-context .e-list.e-disable-item {
            background-color: transparent
        }

            .e-menu.e-horizontal .e-list.e-disable-item .e-icon, .e-menu.e-vertical .e-list.e-disable-item .e-icon, .e-menu.e-context .e-list.e-disable-item .e-icon {
                color: #686969
            }

            .e-menu.e-horizontal .e-list.e-disable-item > *, .e-menu.e-vertical .e-list.e-disable-item > *, .e-menu.e-context .e-list.e-disable-item > * {
                filter: alpha(opacity=40);
                opacity: .4
            }

            .e-menu.e-horizontal .e-list.e-disable-item a:hover, .e-menu.e-horizontal .e-list.e-disable-item span:hover, .e-menu.e-horizontal .e-list.e-disable-item:hover, .e-menu.e-vertical .e-list.e-disable-item a:hover, .e-menu.e-vertical .e-list.e-disable-item span:hover, .e-menu.e-vertical .e-list.e-disable-item:hover, .e-menu.e-context .e-list.e-disable-item a:hover, .e-menu.e-context .e-list.e-disable-item span:hover, .e-menu.e-context .e-list.e-disable-item:hover {
                background-color: transparent;
                background-image: none;
                color: #333;
                cursor: default
            }

        .e-menu.e-horizontal .e-mhover, .e-menu.e-context .e-mhover, .e-menu.e-vertical .e-mhover, .e-menu.e-horizontal .e-mhover > a, .e-menu.e-horizontal .e-mhover > span, .e-menu.e-context .e-mhover > a, .e-menu.e-context .e-mhover > span, .e-menu.e-vertical .e-mhover > a, .e-menu.e-vertical .e-mhover > span, .e-menu.e-horizontal .e-mfocused, .e-menu.e-context .e-mfocused, .e-menu.e-vertical .e-mfocused, .e-menu.e-horizontal .e-mfocused > a, .e-menu.e-horizontal .e-mfocused > span, .e-menu.e-context .e-mfocused > a, .e-menu.e-context .e-mfocused > span, .e-menu.e-vertical .e-mfocused > a, .e-menu.e-vertical .e-mfocused > span, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            color: #282827;
            border-color: #c5e6f5
        }

        .e-menu.e-horizontal .e-active, .e-menu.e-context .e-active, .e-menu.e-vertical .e-active, .e-menu.e-horizontal .e-active > a, .e-menu.e-horizontal .e-active > span, .e-menu.e-context .e-active > a, .e-menu.e-context .e-active > span, .e-menu.e-vertical .e-active > a, .e-menu.e-vertical .e-active > span, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
            background: #74c3e7;
            background: -moz-linear-gradient(top,#74c3e7,#179bd7);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
            background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
            background: -o-linear-gradient(top,#74c3e7,#179bd7);
            background: -ms-linear-gradient(top,#74c3e7,#179bd7);
            background: linear-gradient(to bottom,#74c3e7,#179bd7);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
            color: #fff;
            border-color: #c5e6f5
        }

.e-progressbar {
    background-color: #fff;
    border-color: #c8c8c8;
    color: #333
}

    .e-progressbar .e-progress {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
    }

.e-rating.e-horizontal .e-shape, .e-rating.e-vertical .e-shape, .e-rating.e-horizontal .e-shape-list, .e-rating.e-vertical .e-shape-list, .e-rating.e-horizontal .e-reset, .e-rating.e-vertical .e-reset {
    background: url(images/rating-star.png) no-repeat;
    height: 16px;
    width: 16px
}

.e-rating .e-shape.inactive {
    background-position: 0 -174px
}

.e-rating .e-shape.active {
    background-position: 0 -60px
}

.e-rating .e-shape.selected {
    background-position: 0 -60px
}

.e-rating.e-disable .e-shape, .e-rating.e-disable .e-shape-list, .e-rating.e-disable .e-reset {
    cursor: default
}

.e-rating.e-horizontal .e-reset:hover, .e-rating.e-vertical .e-reset:hover {
    background-position: 0 -30px
}

.e-rating.e-horizontal .e-reset, .e-rating.e-vertical .e-reset, .e-rating.e-disable .e-reset:hover {
    background-position: 0 0;
    margin-left: 2px
}

.e-rating.e-horizontal .e-shape-list, .e-rating.e-vertical .e-shape-list {
    background-position: 0 -174px;
    float: left
}

.e-tooltip {
    background-color: #fff;
    border-color: #c8c8c8;
    color: #333
}

.e-rotator-wrap :focus {
    outline: 0 none
}

.e-rotator-wrap .e-in-wrap .e-single, .e-rotator-wrap .e-thumb .e-thumb-items li, .e-rotator-wrap .e-in-wrap.e-multiple {
    border-color: #c8c8c8
}

    .e-rotator-wrap .e-thumb .e-thumb-items li:hover {
        border-color: #c8c8c8
    }

    .e-rotator-wrap .e-thumb .e-thumb-items li.e-active, .e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-active:hover {
        border-color: #c8c8c8
    }

    .e-rotator-wrap .e-thumb .e-thumb-items li.e-thumbhover {
        border-color: #c8c8c8
    }

.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li:hover, .e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-thumbhover {
    border-color: #c8c8c8
}

.e-rotator-wrap .e-inner .e-caption {
    background-color: #fff;
    color: #333
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover {
    border-color: #c8c8c8;
    background-color: #c5e6f5
}

.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li:hover {
    border-color: #c8c8c8;
    background-color: #f5f5f5
}

.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li {
    cursor: default
}

    .e-rotator-wrap .e-pager-wrap .e-bullet > li.e-active, .e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li.e-active:hover {
        border-color: #c8c8c8;
        background-color: #74c3e7
    }

.e-rotator-wrap .e-pager-wrap .e-bullet > li {
    background-color: #f5f5f5;
    border-color: #c8c8c8
}

.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon, .e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon {
    background-image: url(images/rotator-icon.png)
}

    .e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.play {
        background-position: -161px 0
    }

    .e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.pause {
        background-position: -248px 0
    }

    .e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.e-previous {
        background-position: -64px -15px
    }

    .e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.e-next {
        background-position: -109px -15px
    }

    .e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-previous {
        background-position: 8px -18px
    }

    .e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-next {
        background-position: -27px -18px
    }

.e-slider.e-widget {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-tooltip {
    background-color: #fff;
    border-color: #c8c8c8;
    color: #333
}

.e-slider .e-handle.e-select {
    background-color: #f5f5f5;
    border-color: #c8c8c8
}

.e-slider .e-handle.e-hover {
    background-color: #c5e6f5;
    border-color: #c8c8c8
}

.e-slider .e-handle.e-focus {
    background-color: #c5e6f5;
    box-shadow: 0 0 2px #ccc;
    border-color: #74c3e7
}

.e-slider .e-range {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
}

.e-scale .e-tick {
    background-image: url(images/dot.png)
}

.e-splitter {
    border-color: #c8c8c8
}

    .e-splitter .e-pane {
        background-color: #fff;
        color: #333
    }

    .e-splitter .e-splitbar.e-shadowbar.e-end-indicaton, .e-splitter .e-splitbar .e-end-indicaton {
        background-color: #fef1ec
    }

    .e-splitter .e-splitbar.e-shadowbar {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
    }

    .e-splitter .e-splitbar {
        background-color: #fff;
        border-color: #c8c8c8
    }

        .e-splitter .e-splitbar .e-icon {
            color: #686969
        }

        .e-splitter .e-splitbar:hover .e-icon, .e-splitter .e-splitbar.e-hover .e-icon {
            color: #282827
        }

        .e-splitter .e-hover.e-splitbar.e-split-divider, .e-splitter .e-splitbar.e-split-divider:hover {
            background-color: #c5e6f5;
            border-color: #c8c8c8
        }

.e-datavisualization-symbolpalette {
    border: 1px solid #c8c8c8;
    outline: transparent none 0;
    text-decoration: none;
    font-family: Segoe UI;
    font-size: 14px
}

    .e-datavisualization-symbolpalette .e-scanvas {
        border: 0 solid transparent
    }

    .e-datavisualization-symbolpalette .e-header {
        display: table;
        border: 0 solid transparent;
        border-bottom-width: 1px;
        border-bottom-color: #c8c8c8;
        outline: transparent none 0;
        cursor: pointer;
        color: #282827;
        position: relative;
        width: 100%;
        background: #f9f9f9;
        background: #f5f5f5;
        background: -moz-linear-gradient(top,#f5f5f5,#ddd);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
        background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
        background: -o-linear-gradient(top,#f5f5f5,#ddd);
        background: -ms-linear-gradient(top,#f5f5f5,#ddd);
        background: linear-gradient(to bottom,#f5f5f5,#ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0)
    }

    .e-datavisualization-symbolpalette .e-header-text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 1em;
        width: 100%;
        text-align: left
    }

    .e-datavisualization-symbolpalette .e-header-arrow {
        border: 0 solid transparent;
        height: 16px;
        width: 16px;
        right: 14px;
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        font-size: 17px;
        top: 10px
    }

        .e-datavisualization-symbolpalette .e-header-arrow.expanded:before {
            content: ""
        }

        .e-datavisualization-symbolpalette .e-header-arrow.collapsed:before {
            content: ""
        }

        .e-datavisualization-symbolpalette .e-header-arrow.expanded.selected:before, .e-datavisualization-symbolpalette .e-header-arrow.expanded.hover:before {
            content: ""
        }

        .e-datavisualization-symbolpalette .e-header-arrow.collapsed.selected:before, .e-datavisualization-symbolpalette .e-header-arrow.collapsed.hover:beforess {
            content: ""
        }

    .e-datavisualization-symbolpalette .e-header.collapsed.selected, .e-datavisualization-symbolpalette .e-header.expanded.selected {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
        color: #fff
    }

    .e-datavisualization-symbolpalette .e-header.collapsed.hover, .e-datavisualization-symbolpalette .e-header.expanded.hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #fff
    }

    .e-datavisualization-symbolpalette .e-scontent {
        display: block;
        border: 0 solid transparent;
        outline-style: none;
        padding: .5em;
        padding-bottom: .6em;
        border-bottom-width: 1px;
        border-bottom-color: #c8c8c8;
        background: transparent;
        overflow: hidden
    }

    .e-datavisualization-symbolpalette .e-anchor {
        overflow: hidden;
        padding: 0;
        border: none;
        display: inline-block;
        text-decoration: none !important;
        color: #787878;
        font-size: 11px;
        font-family: Segoe UI;
        text-align: center;
        outline: transparent none 0;
        background: transparent;
        width: 100%
    }

    .e-datavisualization-symbolpalette .e-paletteItem {
        border: 0 solid transparent;
        float: left;
        padding-right: 3px;
        padding-top: 3px;
        margin: 1px;
        overflow: visible
    }

        .e-datavisualization-symbolpalette .e-paletteItem.hover {
            background: rgba(60,146,169,.4)
        }

        .e-datavisualization-symbolpalette .e-paletteItem.selected {
            background: rgba(60,146,169,.4)
        }

    .e-datavisualization-symbolpalette .e-text-container {
        white-space: nowrap;
        color: #000;
        overflow: hidden
    }

    .e-datavisualization-symbolpalette .e-svg-container {
        display: block;
        position: relative;
        border: 0 solid transparent
    }

        .e-datavisualization-symbolpalette .e-svg-container svg {
            display: inline;
            padding: 1px
        }

[draggable=true] {
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.svg.foreignObject {
    top: 0;
    left: 0;
    position: absolute;
    border: 0 solid transparent;
    display: block
}

.e-tab.e-js.e-widget {
    font-family: Segoe UI;
    border: none;
    font-size: 0
}

.e-tab.e-js > .e-header, .e-tab.e-js .e-header > .e-select.e-disable:hover, .e-tab.e-js > .e-left, .e-tab.e-js > .e-right, .e-tab.e-disable .e-select:hover {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0);
    background: none;
    border: none
}

.e-tab.e-js .e-header .e-select.e-disable a, .e-tab.e-js.e-disable a {
    cursor: default
}

.e-tab > .e-header {
    border: 1px solid #c8c8c8;
    border-left: none
}

.e-tab .e-left {
    border-right: 1px solid #c8c8c8
}

.e-tab .e-right {
    border-left: 1px solid #c8c8c8
}

.e-tab.e-js .e-left .e-item.e-active, .e-tab.e-js .e-left .e-item.e-active:hover {
    margin-right: -1px;
    border-right: transparent;
    outline: 0 none
}

.e-tab.e-js .e-right .e-item.e-active, .e-tab.e-js .e-right .e-item.e-active:hover {
    margin-left: -1px;
    border-left: transparent;
    outline: 0 none
}

.e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active, .e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active:hover {
    border: 1px solid #c8c8c8
}

.e-tab .e-left .e-item.e-active, .e-tab .e-right .e-item.e-active {
    border-bottom: 1px solid #c8c8c8
}

.e-tab .e-header li {
    border-top: 0
}

.e-tab.e-js .e-header > .e-bottom-line.e-active, .e-tab.e-js .e-header > .e-bottom-line.e-active:hover {
    padding-bottom: 1px;
    border-bottom: transparent;
    outline: 0 none
}

.e-tab.e-js .e-header > .e-top-line.e-active, .e-tab.e-js .e-header > .e-top-line.e-active:hover {
    padding-top: 1px;
    border-top: transparent;
    outline: 0 none
}

.e-tab .e-left li, .e-tab .e-right li {
    border-bottom: 1px solid #c8c8c8
}

.e-tab.e-vertical {
    background: transparent;
    border: 1px solid #c8c8c8
}

.e-tab.e-js .e-header > .e-item:hover, .e-tab.e-js .e-left > .e-item:hover, .e-tab.e-js .e-right > .e-item:hover {
    background-color: #c5e6f5;
    color: #282827;
    filter: none
}

    .e-tab.e-js .e-header > .e-item:hover > .e-icon, .e-tab.e-js .e-left > .e-item:hover > .e-icon, .e-tab.e-js .e-right > .e-item:hover > .e-icon {
        color: #282827
    }

.e-tab.e-js > .e-content {
    border-color: #c8c8c8;
    background: #fff;
    color: #333;
    font-size: 14px;
    border: 1px solid #c8c8c8
}

.e-tab.e-js .e-header > .e-select, .e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active, .e-tab.e-js .e-left > .e-select, .e-tab.e-js .e-right > .e-select {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0);
    border-color: #c8c8c8;
    color: #333;
    font-weight: normal;
    font-size: 16px;
    border: none;
    background: none
}

.e-tab .e-header > .e-select a, .e-tab .e-left > .e-select a, .e-tab .e-right > .e-select a {
    color: #333
}

.e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active {
    background: #fff;
    color: #74c3e7;
    border-color: #c8c8c8;
    border: 1px solid #c8c8c8
}

    .e-tab.e-js .e-header > .e-active:hover, .e-tab.e-js .e-left > .e-active:hover, .e-tab.e-js .e-right > .e-active:hover, .e-tab.e-js .e-header.e-item:hover, .e-tab.e-js .e-left.e-item:hover, .e-tab.e-js .e-right.e-item:hover {
        background: #c5e6f5;
        color: #282827
    }

.e-tab .e-header > .e-active a, .e-tab .e-left > .e-active a, .e-tab .e-right > .e-active a {
    color: #74c3e7
}

.e-tab .e-header > .e-select:hover a, .e-tab .e-left > .e-select:hover a, .e-tab .e-right > .e-select:hover a, .e-tab .e-header > .e-active:hover a, .e-tab .e-left > .e-active:hover a, .e-tab .e-right > .e-active:hover a {
    color: #282827
}

.e-tab .e-load {
    background-image: url(images/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat
}

.e-tab .e-hidebottom {
    border-top: none !important
}

.e-tab .e-hidetop {
    border-bottom: none !important
}

.e-tab .e-header.e-addborderbottom {
    border-bottom: 1px solid #c8c8c8
}

.e-tab .e-header.e-addbordertop {
    border-top: 1px solid #c8c8c8
}

.e-tab .e-header.e-hideleft {
    border-left: none
}

.e-tab .e-header.e-addborderleft {
    border-right: 1px solid #c8c8c8
}

.e-tab .e-header.e-hideright {
    border-right: none
}

.e-tab .e-header.e-addborderright {
    border-left: 1px solid #c8c8c8
}

.e-tab .e-header .e-margine-top:hover {
    border-top: 1px solid #ebebeb
}

.e-tab .e-header .e-margine-bottom:hover {
    border-bottom: 1px solid #ebebeb
}

.e-tab .e-header.e-addborderbottom .e-active {
    border-top: 3px solid #74c3e7
}

.e-tab .e-header.e-addbordertop .e-active {
    border-bottom: 3px solid #74c3e7
}

.e-tab .e-right.e-addborderright .e-active {
    border-right: 3px solid #74c3e7
}

.e-tab .e-left.e-addborderleft .e-active {
    border-left: 3px solid #74c3e7
}

.e-tagcloud {
    background-color: #fff
}

    .e-tagcloud.e-js .header {
        border-color: #c8c8c8
    }

    .e-tagcloud .e-title {
        background: #f9f9f9;
        background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
        background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
        background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
        background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
        background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0);
        color: #282827;
        font-size: 16px;
        font-weight: normal;
        border-color: #c8c8c8;
        border-bottom: 3px solid #74c3e7
    }

    .e-tagcloud .e-load {
        background-image: url(images/ajax-loader.gif);
        background-position: center center;
        background-repeat: no-repeat
    }

    .e-tagcloud .e-tagitems .e-txt {
        color: #333
    }

        .e-tagcloud .e-tagitems .e-txt.hover {
            color: #74c3e7
        }

    .e-tagcloud .e-cloud {
        border-color: #c8c8c8
    }

.e-timewidget .e-input, .e-time-popup {
    background-color: #fff;
    font-family: Segoe UI;
    font-weight: normal;
    color: #333
}

.e-timewidget .e-in-wrap, .e-time-popup {
    border-color: #c8c8c8
}

.e-timewidget.e-focus .e-in-wrap {
    box-shadow: 0 0 2px #ccc
}

.e-timewidget .e-select, .e-timewidget.e-rtl .e-select, .e-timewidget .e-disable.e-select:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-color: #c8c8c8;
    color: #686969
}

    .e-timewidget .e-select:hover, .e-time-popup.e-popup .e-hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827
    }

    .e-timewidget .e-select:hover {
        color: #282827
    }

.e-time-popup.e-popup .e-hover {
    border-color: #c5e6f5
}

.e-time-popup .e-active {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff;
    border-color: #74c3e7
}

.e-toolbar {
    font-family: Segoe UI;
    font-weight: normal;
    font-size: 14px;
    color: #686969;
    background: #ddd; /*background:-moz-linear-gradient(top,#f5f5f5,#ddd);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#f5f5f5,#ddd);background:-o-linear-gradient(top,#f5f5f5,#ddd);background:-ms-linear-gradient(top,#f5f5f5,#ddd);background:linear-gradient(to bottom,#f5f5f5,#ddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);background-repeat:no-repeat;*/
    border-color: #c8c8c8
}

    .e-toolbar.e-focus {
        box-shadow: 0 0 2px #ccc
    }

    .e-toolbar > .e-horizontal.e-separator {
        border-right: 1px solid #c8c8c8;
        border-left: none;
        border-radius: initial
    }

    .e-toolbar > .e-horizontal .e-separator {
        border-right: 1px solid #c8c8c8;
        border-left: none;
        border-radius: inherit
    }

    .e-toolbar > .e-vertical.e-separator {
        border-bottom: 1px solid #c8c8c8;
        border-top: none;
        border-radius: initial
    }

    .e-toolbar > .e-vertical .e-separator {
        border-bottom: 1px solid #c8c8c8;
        border-top: none;
        border-radius: inherit
    }

    .e-toolbar.e-rtl > .e-horizontal.e-separator {
        border-left: 1px solid #c8c8c8;
        border-right: none;
        border-radius: initial
    }

    .e-toolbar.e-rtl > .e-horizontal .e-separator {
        border-left: 1px solid #c8c8c8;
        border-right: none;
        border-radius: inherit
    }

    .e-toolbar.e-rtl > .e-vertical.e-separator {
        border-top: 1px solid #c8c8c8;
        border-bottom: none;
        border-radius: initial
    }

    .e-toolbar.e-rtl > .e-vertical .e-separator {
        border-top: 1px solid #c8c8c8;
        border-bottom: none;
        border-radius: inherit
    }

    .e-toolbar.e-rtl > .e-vertical .e-corner-all {
        border-radius: inherit
    }

    .e-toolbar > ul > li div.e-item-overlay {
        background-color: #f5f5f5
    }

    .e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827;
        border-color: #c5e6f5
    }

        .e-toolbar > .e-horizontal .e-hover > div:before, .e-toolbar > .e-vertical > .e-hover > div:before, .e-toolbar > .e-horizontal .e-hover > span:before, .e-toolbar > .e-vertical > .e-hover > span:before, .e-toolbar > .e-horizontal .e-hover > a:before, .e-toolbar > .e-vertical > .e-hover > a:before {
            color: #282827
        }

    .e-toolbar > .e-horizontal .e-active.e-hover > div:before, .e-toolbar > .e-vertical > .e-active.e-hover > div:before, .e-toolbar > .e-horizontal .e-active.e-hover > span:before, .e-toolbar > .e-vertical > .e-active.e-hover > span:before, .e-toolbar > .e-horizontal .e-active.e-hover > a:before, .e-toolbar > .e-vertical > .e-active.e-hover > a:before {
        color: #fff
    }

    .e-toolbar > .e-horizontal .e-active, .e-toolbar > .e-vertical > .e-active {
        background: #74c3e7;
        background: -moz-linear-gradient(top,#74c3e7,#179bd7);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
        background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
        background: -o-linear-gradient(top,#74c3e7,#179bd7);
        background: -ms-linear-gradient(top,#74c3e7,#179bd7);
        background: linear-gradient(to bottom,#74c3e7,#179bd7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
        border-color: #c8c8c8;
        color: #fff
    }

    .e-toolbar > .e-horizontal > .e-hover > a, .e-toolbar > .e-horizontal > .e-hover > span, .e-toolbar > .e-horizontal > .e-hover > div, .e-toolbar > .e-vertical > .e-hover > a, .e-toolbar > .e-vertical > .e-hover > span, .e-toolbar > .e-vertical > .e-hover > div {
        background-color: transparent;
        color: #282827
    }

    .e-toolbar > .e-horizontal > .e-active > a, .e-toolbar > .e-horizontal > .e-active > span, .e-toolbar > .e-horizontal > .e-active > div, .e-toolbar > .e-vertical > .e-active > a, .e-toolbar > .e-vertical > .e-active > span, .e-toolbar > .e-vertical > .e-active > div {
        background-color: transparent;
        color: #fff
    }

.e-treeview {
    font-family: Segoe UI
}

    .e-treeview .e-text {
        color: #333
    }

.e-dragedNode {
    background: #74c3e7;
    color: #fff;
    padding: 0 10px 0 0
}

    .e-dragedNode .e-text {
        color: #fff;
        float: left
    }

.e-treeview .e-active {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff;
    border: 1px solid transparent;
    border-image: initial
}

.e-treeview .e-node-hover, .e-treeview .e-node-focus {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827;
    border: 1px solid #c8c8c8;
    border-image: initial;
    cursor: pointer
}

.e-treeview .e-sibling {
    background: url(images/drop-sibling.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 5px;
    position: absolute;
    margin-top: -2px
}

.e-treeview .e-node-disable {
    filter: alpha(opacity=40);
    opacity: .4
}

.e-treeview .e-icon.e-load, .e-treeview.e-rtl .e-icon.e-load {
    background-image: url(images/ajax-loader.gif);
    background-position: right center;
    background-repeat: no-repeat
}

.e-treeview .e-item .e-icon {
    color: #686969
}

.e-uploadbox .e-inputbtn, .e-uploadbox .e-file-name-txt {
    font-family: Segoe UI;
    font-weight: normal;
    font-size: 14px
}

.e-uploadbox.e-disable .e-uploadinput {
    cursor: default
}

.e-uploadbox.e-widget .e-selectpart.e-select, .e-uploadbox.e-disable .e-select:hover, .e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover, .e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover .e-inputbtn {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #333;
    border-color: #c8c8c8
}

.e-uploadbox.e-disable .e-uploadbtn.e-select:hover, .e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #333;
    border-color: #c8c8c8;
    cursor: default
}

.e-uploadbox.e-widget .e-selectpart.e-select:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-color: #c8c8c8;
    color: #282827
}

.e-uploadbox.e-widget .e-inputbtn, .e-uploadbox.e-disable .e-select .e-inputbtn {
    color: #333
}

.e-uploadbox.e-widget .e-selectpart.e-select:hover .e-inputbtn {
    color: #282827;
    border-color: #c8c8c8
}

.e-uploadbox .e-file-name-txt {
    color: #333
}

.e-uploadbox .e-file-list .e-file-status-failed {
    color: #cd0a0a
}

.e-uploadbox .e-file-list .e-file-status-success {
    color: #333
}

.e-uploadbox .e-file-progress-status {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    border-color: #c8c8c8
}

.e-uploadbox .e-file-list {
    background-color: #fff;
    color: #333
}

.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
    background-color: #fff;
    border-bottom: 1px solid #c8c8c8
}

.e-uploadbox .e-ul li:nth-child(even) .e-file-list, .e-uploadbox .e-head-content {
    background-color: #f7f7f7;
    border-bottom: 1px solid #c8c8c8
}

.e-uploadbox.e-dialog > .e-header + .e-dialog-scroller {
    border-top: 0
}

.e-mobile-upload.e-uploadbox .e-ul li:nth-child(even) .e-file-list, .e-mobile-upload.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
    border-bottom: none
}

.e-uploadbox .e-file-upload {
    background-color: #f7f7f7
}

.e-uploadbox .e-file-progress-bar {
    border: 1px solid #c8c8c8
}

.e-uploadbox .e-file-list .e-file-percentage-success {
    background-color: #39b54a;
    color: #fff;
    border-radius: 10px
}

.e-uploadbox .e-file-list .e-file-percentage-failed {
    background-color: #f00;
    color: #fff;
    border-radius: 10px
}

.e-uploadbox.e-dialog .e-header {
    color: #282827;
    font-size: 23px;
    font-weight: normal;
    border-color: #c8c8c8;
    border-bottom: 3px solid #74c3e7
}

.e-uploadbox .e-uploadinput {
    font-size: 200px
}

.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform, .e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
    background-color: #fff;
    color: #686969
}

.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform, .e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover {
    background-color: #f7f7f7;
    color: #686969
}

    .e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827;
        border-color: #c5e6f5
    }

.e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
    background: none
}

.e-rte {
    font-family: Segoe UI
}

.e-rte-wrapper {
    border: 1px solid #c8c8c8;
    background: #fff;
    color: #333;
    font-size: 14px
}

.e-inputtext {
    border: 1px solid #c8c8c8;
    outline: none;
    background-color: #fff;
    color: #333;
    vertical-align: baseline
}

.e-rte-field .e-img-border-field .e-focus, .e-rte-field .e-focus, .e-rte-field .e-inputtext:focus, .e-rte-button .e-btn.e-select:focus, .e-rte-tablefields .e-focus, .e-rte-tablefields .e-inputtext:focus, .e-img-field-group .e-focus, .e-img-border-field .e-inputtext:focus, .e-rte-stylefield .e-inputtext:focus {
    box-shadow: 0 0 2px 0 #74c3e7
}

.e-rte-imageTab .e-item:focus {
    box-shadow: 1px 0 0 0 #74c3e7
}

.e-rte .e-horizontal.e-separator, .e-rte .e-toolbarspan ul:last-child {
    border-right: 1px dotted #c8c8c8
}

.e-rte .customtable-group:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.e-rte .e-toolbarspan {
    border: none;
    border-bottom: 3px solid #74c3e7
}

.e-dialog .e-fieldseparate, .e-rte-toolbar .e-responsive-toolbar.e-toolbarspan {
    border-color: #c8c8c8
}

.e-rte .e-rte-footer {
    border-top: 1px solid #c8c8c8;
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0)
}

.e-rte-colorpalette.e-menu.e-context > li:hover {
    background: none
}

.e-rte-colorpalette.e-menu.e-context .e-mfocused, .e-rte-colorpalette.e-menu.e-context .e-mhover {
    background: none
}

.e-rte-table-picker {
    background: #f5f5f5 !important;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd)) !important;
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd) !important;
    background: -o-linear-gradient(top,#f5f5f5,#ddd) !important;
    background: -ms-linear-gradient(top,#f5f5f5,#ddd) !important;
    background: linear-gradient(to bottom,#f5f5f5,#ddd) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0) !important
}

.e-rte-tablecell {
    border-color: #c8c8c8
}

    .e-rte-tablecell.e-default {
        background: #fff
    }

    .e-rte-tablecell.e-active {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        border-color: #c8c8c8
    }

.e-toolbar .e-rte-format .e-hover, .e-toolbar .e-rte-fontgroup .e-hover {
    background-color: transparent;
    border-color: transparent;
    background-image: none
}

.e-rte .e-rte-resize {
    height: 5px;
    cursor: se-resize
}

.e-rte .e-rte-htmltaginfo, .e-rte .e-rte-wordcount, .e-rte .e-rte-charcount {
    font-family: Segoe UI;
    font-size: 14px;
    color: #333;
    cursor: default
}

.e-rte .e-rte-footericon, .e-rte .e-rte-wordcount, .e-rte .e-rte-charcount {
    border-right: 1px solid #c8c8c8
}

.e-rte .e-rte-footer.e-rtl .e-rte-icons.clearAll.e-rte-footericon {
    border-left: 1px solid #c8c8c8
}

.e-rte-colorpalette {
    padding: 5px !important;
    width: auto !important
}

.e-error {
    color: #cd0a0a
}

.e-rte .e-dialog .e-dialog-tab {
    border: 1px solid #c8c8c8
}

    .e-rte .e-dialog .e-dialog-tab.e-tab .e-header li {
        border-color: #c8c8c8
    }

.e-waitpopup-pane .e-image {
    background-color: #fff;
    background-image: url(images/waitingpopup.gif)
}

.e-waitpopup-pane {
    background-color: #383838;
    color: #282827;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.e-chkbox-wrap.e-focus div > span {
    box-shadow: 0 0 2px #ccc
}

.e-chkbox-wrap div > span {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-chkbox-wrap .e-chk-image.e-chk-indetericon, .e-chkbox-wrap .e-chk-image.e-chk-activeicon {
    color: #74c3e7
}

.e-chkbox-wrap .e-text {
    font-family: Segoe UI;
    font-size: 12px
}

.e-radiobtn-wrap > span {
    background-color: #fff;
    background-image: none;
    border-color: #c8c8c8
}

.e-radiobtn-wrap.e-focus > span {
    box-shadow: 0 0 2px #ccc
}

.e-radiobtn-wrap .e-rad-select {
    background: none repeat scroll 0 0 transparent
}

.e-radiobtn-wrap .e-rad-active {
    color: #74c3e7
}

.e-radiobtn-wrap .e-text {
    font-family: Segoe UI;
    font-size: 12px
}

.e-innerIncrement:hover {
    background-image: url(../common-images/maps/Zoom-In_hover.png)
}

.e-legendLabelContent {
    color: #333
}

.e-map {
    color: #333;
    background-color: #fff;
    border-color: #c8c8c8
}

.e-drilldownHeader {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
}

.e-map-home {
    background-image: url(../common-images/maps/Home.png)
}

.e-map-home {
    height: 30px;
    width: 30px
}

    .e-map-home:hover {
        background-image: url(../common-images/maps/Home_hover.png)
    }

.map-contribution {
    border-color: #dbdbde;
    right: 0;
    bottom: 0;
    font-family: sans-serif;
    font-weight: normal;
    position: absolute;
    background-color: rgba(255,255,255,.7);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000;
    border-style: solid;
    border-width: 1px
}

.sliderParent {
    height: 150px;
    width: 10px;
    margin-top: -197px;
    margin-left: 34px
}

.e-innerIncrement {
    background-image: url(../common-images/maps/Zoom-In.png);
    height: 25px;
    width: 25px
}

.e-innerDecrement:hover {
    background-image: url(../common-images/maps/Zoom-Out_hover.png)
}

.e-innerDecrement {
    background-image: url(../common-images/maps/Zoom-Out.png);
    height: 25px;
    width: 25px
}

.nav-dec-Vert {
    margin-top: 150px;
    margin-left: 27px
}

.nav-inc-Vert {
    margin-top: 40px;
    margin-left: 27px
}

.nav-dec-Horz {
    margin-top: -24px;
    margin-left: 0
}

.nav-inc-Horz {
    margin-top: -29px;
    margin-left: 175px
}

.e-radialTop {
    height: 20px;
    margin-left: 15px;
    width: 52px
}

.e-arrowUp:hover {
    background-image: url(../common-images/maps/Arrow_Top_hover.png)
}

.e-arrowUp {
    background-image: url(../common-images/maps/Arrow_Top.png);
    height: 20px;
    width: 52px
}

.e-radialLeft {
    height: 52px;
    width: 20px;
    margin-top: -4px
}

.e-radialRight {
    margin-left: 61px;
    margin-top: -53px;
    height: 52px;
    width: 20px
}

.e-arrowLeft:hover {
    background-image: url(../common-images/maps/Arrow_Left_hover.png)
}

.e-arrowLeft {
    background-image: url(../common-images/maps/Arrow_Left.png);
    height: 52px;
    width: 20px
}

.e-radialBottom {
    height: 20px;
    margin-left: 15px;
    margin-top: -6px;
    width: 52px
}

.e-arrowRight:hover {
    background-image: url(../common-images/maps/Arrow_Right_hover.png)
}

.e-arrowRight {
    background-image: url(../common-images/maps/Arrow_Right.png);
    height: 52px;
    width: 20px
}

.e-arrowDown:hover {
    background-image: url(../common-images/maps/Arrow_Bootom_hover.png)
}

.e-arrowDown {
    background-image: url(../common-images/maps/Arrow_Bootom.png);
    height: 20px;
    width: 52px
}

.e-home-bg {
    height: 30px;
    width: 30px;
    margin-top: -55px;
    margin-left: 25px
}

.e-interactivelegend-title {
    font-family: Segoe UI;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-interactivelegend-leftlabel {
    font-family: Segoe UI;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-interactivelegend-rightlabel {
    font-family: Segoe UI;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-legend-rangestartlabel {
    font-family: Segoe UI;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-legend-rangeendlabel {
    font-family: Segoe UI;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-legendlabeltext {
    font-family: Segoe UI;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.defaultToolTip {
    border: 1px solid #404041;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
    border-radius: 4px;
    margin-right: 25px;
    min-width: 30px;
    height: 20px;
    padding-top: 9px;
    padding-right: 10px;
    padding-left: 10px;
    width: auto;
    opacity: .85;
    background: #fff
}

    .defaultToolTip:before {
        position: absolute;
        display: inline-block;
        border-top: 7px solid transparent;
        border-right: 7px solid #404041;
        border-bottom: 7px solid transparent;
        background: transparent;
        opacity: .85;
        left: 4px;
        top: -16px;
        content: ''
    }

    .defaultToolTip:after {
        position: absolute;
        display: inline-block;
        border-top: 7px solid transparent;
        border-right: 7px solid #fff;
        border-bottom: 7px solid transparent;
        left: 6px;
        top: -16px;
        content: ''
    }

.e-defaultlegend-title {
    color: #000;
    font-size: 17px
}

.labelStyle {
    font-family: Segoe UI;
    font-size: 14px;
    white-space: nowrap
}

.smartLabelStyle {
    padding: 3px;
    font-weight: normal;
    color: #000;
    width: auto;
    height: 20px;
    text-align: center;
    font-size: 14px;
    font-family: Segoe UI
}

    .smartLabelStyle:hover {
        cursor: pointer
    }

.e-drilldownHeader {
    font-size: 15px;
    text-indent: 10px
}

.e-drilldownlabel {
    color: #fff
}

.e-drilldownarrow {
    fill: white;
    stroke: transparent;
    stroke-width: 1px;
    zoom: 1
}

.e-pivotgrid table {
    font: 12px Segoe UI !important;
    color: #333;
    border-collapse: collapse;
    background-color: #fff;
    cursor: default
}

.tooltipText {
    margin: 5px 0 10px 0;
    font-size: 12px;
    text-align: left;
    height: auto;
    color: #333;
    font-weight: normal
}

.editcondition, .value2, .borderrangeLbl, .borderstyleLbl, .fSizeLbl {
    margin-left: 15px
}

.pGridTooltip {
    position: absolute;
    z-index: 500;
    display: none;
    border-width: 10px;
    height: auto;
    padding: 5px;
    opacity: 1;
    background: linear-gradient(to bottom,#f5f5f5 0%,#ddd 100%);
    border: 2px solid #c8c8c8
}

.e-pivotgrid .pivotGridTable th, .e-pivotgrid .pivotGridTable td {
    border: solid 1px #c8c8c8
}

.e-pivotgrid th, .e-pivotgrid td {
    padding: 10px 2px 0 8px;
    white-space: nowrap;
    height: 25px;
    font-weight: normal
}

.e-pivotgrid .value {
    background-color: #fff;
    text-align: right !important;
    padding: 6px 6px 6px 16px
}

.e-pivotgrid .summary {
    white-space: nowrap;
    text-align: left;
    font-weight: bold
}

.e-pivotgrid .colheader, .e-pivotgrid .rowheader {
    font-weight: bold;
    color: #333;
    background: #fff;
    background-repeat: repeat;
    padding: 6px 16px 6px 2px;
    text-align: left;
    font-style: normal
}

    .e-pivotgrid .colheader:hover, .e-pivotgrid .rowheader:hover {
        font-weight: bold;
        color: #282827;
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        background-repeat: repeat;
        padding: 6px 16px 6px 2px;
        text-align: left;
        font-style: normal
    }

.e-pivotgrid {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.cellSelection {
    background: linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%);
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute;
    border-style: dotted;
    border-width: 3px;
    border-color: #c8c8c8
}

.e-pivotgrid .value.selection {
    cursor: crosshair
}

.e-pivotgrid .e-rtl .colheader, .e-pivotgrid .e-rtl .colheader:hover, .e-pivotgrid .e-rtl .rowheader, .e-pivotgrid .e-rtl .rowheader:hover {
    padding: 6px 0 6px 24px
}

.e-pivotgrid .expand, .e-pivotgrid .collapse {
    width: 23px;
    height: 17px;
    display: inline-block;
    cursor: pointer
}

.e-pivotgrid .dialogremoveBtn:before {
    font-family: "ej-webfont";
    content: "";
    display: inline-block
}

.e-pivotgrid .expand:before {
    content: "";
    display: inline-block;
    float: left;
    font-size: 7px;
    margin-left: 9px;
    margin-top: 5px
}

.e-pivotgrid .e-rtl .expand:before {
    content: "";
    font-size: 23px;
    margin-top: -3px
}

.e-pivotgrid .e-rtl .collapse:before {
    margin-left: 0
}

.e-pivotgrid .collapse:before {
    content: "";
    display: inline-block;
    float: left;
    font-size: 6px;
    margin-left: 7px;
    margin-top: 5px
}

.e-pivotgrid .kpiiconvalue {
    height: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.e-pivotgrid .kpiuparrow {
    background-image: url("../common-images/olapkpi/up-arrow.png")
}

.e-pivotgrid .kpirightarrow {
    background-image: url("../common-images/olapkpi/right-arrow.png")
}

.e-pivotgrid .kpidownarrow {
    background-image: url("../common-images/olapkpi/down-arrow.png");
    background-position: center center
}

.e-pivotgrid .kpidiamond {
    background-image: url("../common-images/olapkpi/diamond.png");
    background-position: center center
}

.e-pivotgrid .kpitriangle {
    background-image: url("../common-images/olapkpi/triangle.png");
    background-position: center center
}

.e-pivotgrid .kpicircle {
    background-image: url("../common-images/olapkpi/circle.png");
    background-position: center center
}

.e-pivotgrid .kpiredroad {
    background-image: url("../common-images/olapkpi/red.png");
    background-position: center center
}

.e-pivotgrid .kpigreenroad {
    background-image: url("../common-images/olapkpi/green.png");
    background-position: center center
}

.e-pivotgrid .kpiallcolor {
    background-image: url("../common-images/olapkpi/three-color.png");
    background-position: center center
}

.e-pivotgrid .hyperlinkValueCell {
    color: #74c3e7;
    text-decoration: underline;
    cursor: pointer
}

.e-pivotgrid .hyperlinkHeaderCell {
    text-decoration: underline;
    cursor: pointer
}

.e-pivotgrid .vScrollPanel {
    background-color: #e3e3e3;
    width: 8px;
    margin-left: 8px;
    display: inline-block
}

.e-pivotgrid .hScrollPanel {
    background-color: #e3e3e3;
    height: 8px;
    margin-top: 4px
}

.e-pivotgrid .vScrollThumb {
    width: 6px;
    position: relative;
    top: 1px;
    left: 1px;
    background-color: #bababa
}

.e-pivotgrid .hScrollThumb {
    height: 6px;
    position: relative;
    left: 1px;
    top: 1px;
    background-color: #bababa
}

.e-pivotgrid .categPageIndicator, .e-pivotgrid .seriesPageIndicator {
    width: auto;
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    border: thin solid #c8c8c8;
    color: #fff;
    padding: 5px;
    position: absolute
}

.e-pivotgrid .vScrollThumb:hover, .e-pivotgrid .hScrollThumb:hover {
    background-color: #989999
}

.e-pivotgrid .inActive {
    display: none
}

.e-pivotgrid .dragging {
    background-color: #686969 !important
}

.e-pivotgrid .filter, .e-pivotgrid .sorting, .e-pivotgrid .removeBtn {
    color: #333;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

    .e-pivotgrid .filter:before {
        content: "";
        float: right;
        margin-right: 4px
    }

    .e-pivotgrid .filter.filtered:before {
        content: "";
        float: right
    }

    .e-pivotgrid .sorting:before {
        content: "";
        float: right;
        margin-right: 4px
    }

    .e-pivotgrid .sorting.descending:before {
        content: "";
        float: right
    }

    .e-pivotgrid .removeBtn:before {
        content: "";
        float: right;
        margin-right: 4px
    }

.e-pivotgrid .memberEditorDiv {
    height: 256px;
    margin-top: 5px;
    border: 1px solid #c8c8c8
}

.e-pivotgrid .editorTreeView {
    margin-top: 7px;
    height: 245px !important
}

.e-pivotgrid .dialogOKBtn {
    width: 69px;
    margin-left: 83px
}

.e-pivotgrid .dialogCancelBtn {
    width: 69px;
    margin-left: 10px
}

.e-pivotgrid .e-treeview .e-text {
    min-height: 20px;
    border: 1px solid transparent;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
    cursor: move;
    color: #333
}

.e-pivotgrid .pivotButton {
    color: #686969;
    border-color: #c8c8c8
}

    .e-pivotgrid .pivotButton .e-btn.e-select {
        border: none;
        color: #686969;
        border-color: #c8c8c8
    }

        .e-pivotgrid .pivotButton .e-btn.e-select:hover {
            border: none;
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            border-color: #c8c8c8;
            color: #282827
        }

    .e-pivotgrid .pivotButton.e-btn.e-select {
        border: none
    }

.e-pivotgrid .drag {
    color: #fff;
    font-family: 'Segoe UI';
    font-size: 14px;
    font-weight: bold;
    padding: 9px 0 9px 0;
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%);
    border: 1px solid #c8c8c8;
    overflow: hidden;
    text-overflow: ellipsis
}

.e-pivotgrid .pivotButton.e-btn .e-icon {
    padding: 0
}

.e-pivotgrid .values, .e-pivotgrid .columns, .e-pivotgrid .rows, .e-pivotgrid .emptyRows {
    font-family: 'Segoe UI';
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 5px 0 5px 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.e-pivotgrid .values {
    border-right: 1px solid #c8c8c8
}

.e-pivotgrid .emptyRows {
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%);
    border: 1px solid #c8c8c8
}

.e-pivotgrid .valueColumn {
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%);
    height: auto;
    border-right: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8
}

.e-pivotgrid .values .pivotButton, .e-pivotgrid .drag .pivotButton, .e-pivotgrid .columns .pivotButton, .e-pivotgrid .rows .pivotButton {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: linear-gradient(to bottom,#f5f5f5 0%,#ddd 100%)
}

    .e-pivotgrid .values .pivotButton:hover, .e-pivotgrid .drag .pivotButton:hover, .e-pivotgrid .columns .pivotButton:hover, .e-pivotgrid .rows .pivotButton:hover {
        background: linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%)
    }

.e-pivotgrid .pivotButton, .e-pivotgrid .rows, .e-pivotgrid .valueColumn, .e-pivotgrid .values, .e-pivotgrid .columns {
    display: inline-block;
    vertical-align: top
}

.e-pivotgrid .e-btn {
    vertical-align: auto
}

.e-pivotgrid .drag .e-btn, .e-pivotgrid .drag .e-btn div {
    vertical-align: initial
}

.e-pivotgrid .drag .pivotButton {
    vertical-align: top;
    line-height: 0
}

.e-pivotgrid .rows {
    padding-bottom: 4px;
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
    width: 100%;
    min-height: 24px;
    min-width: 140px
}

.e-pivotgrid .values {
    min-height: 24px;
    min-width: 140px
}

.e-pivotgrid .columns {
    min-height: 24px;
    min-width: 140px
}

    .e-pivotgrid .rows .pivotButton, .e-pivotgrid .values .pivotButton, .e-pivotgrid .columns .pivotButton, .e-pivotgrid .drag .pivotButton {
        vertical-align: bottom
    }

.e-pivotgrid .pivotButton {
    margin-left: 5px
}

.e-pivotgrid .grpRow {
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%);
    vertical-align: bottom;
    text-align: left
}

.e-pivotgrid .pivotButton {
    border: 1px solid #c8c8c8 !important;
    padding: 0 !important
}

    .e-pivotgrid .pivotButton:hover {
        border: 1px solid #c8c8c8 !important
    }

.e-pivotgrid th.grpRow {
    padding: 10px 2px 0 0 !important
}

.e-pivotgrid .e-btn {
    font-size: 13px
}

.e-pivotgrid .widthSetter {
    width: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.e-pivotgrid .contextMenuPopup .menuItem:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.e-pivotschemadesigner {
    background: none repeat scroll 0 0 #fff;
    font-size: 12px;
    float: right;
    border: 1px solid #c8c8c8;
    font-family: Segoe UI
}

.bg-div {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c8c8c8
}

.e-pivotschemadesigner .fieldTable {
    background: #fff;
    border: 1px solid #c8c8c8;
    border-collapse: collapse;
    margin: 10px 10px 8px;
    width: 94%
}

.e-pivotschemadesigner .schemaFieldList {
    display: inline-block;
    overflow: auto;
    height: 182px;
    width: 100%;
    color: #686969
}

.e-pivotschemadesigner .elementSeparator {
    border: solid #c8c8c8;
    border-width: 0 0 1px 0;
    display: block;
    margin: 7px
}

.e-pivotschemadesigner .schemaFieldTree {
    overflow: hidden;
    margin-top: 11px
}

.e-pivotschemadesigner .editorTreeView {
    margin-top: 7px;
    height: 245px !important
}

.e-pivotschemadesigner .schemaHeaders {
    overflow: hidden
}

.e-pivotschemadesigner .schemaFilter, .e-pivotschemadesigner .schemaColumn, .e-pivotschemadesigner .schemaRow, .e-pivotschemadesigner .schemaValue {
    border: 1px solid #c8c8c8;
    overflow: auto;
    height: 75%;
    width: 93%;
    margin-left: 10px
}

.e-pivotschemadesigner .schemaColumn, .e-pivotschemadesigner .schemaValue {
    margin-right: 10px
}

.e-pivotschemadesigner .listSubhead {
    margin: 10px 0 0
}

.e-pivotschemadesigner .pivotHeader, .e-pivotschemadesigner .rPivotHeader {
    font-weight: bold;
    line-height: 240%
}

.e-pivotschemadesigner .listHeader {
    font-weight: bold;
    border-bottom: 1px solid #c8c8c8;
    font-size: 15px;
    margin: -1px;
    line-height: 40px
}

.e-pivotschemadesigner .folderCDB:before {
    content: "";
    display: inline;
    vertical-align: middle;
    font-size: 17px
}

.e-pivotschemadesigner .namedSetCDB:before {
    content: "";
    font-size: 18px
}

.e-pivotschemadesigner .measureGroupCDB:before {
    content: "";
    display: inline;
    vertical-align: middle
}

.e-pivotschemadesigner .dimensionCDB:before {
    content: "";
    display: inline;
    vertical-align: middle
}

.e-pivotschemadesigner .centerDiv {
    background-color: #c8c8c8;
    border-radius: 25px;
    height: 2px;
    margin-left: 4px;
    width: 98%
}

    .e-pivotschemadesigner .centerDiv:hover {
        cursor: default
    }

.e-pivotschemadesigner .centerHead {
    margin: 7px 10px;
    font: normal 14px Segoe UI;
    color: #333
}

.e-pivotschemadesigner .pivotHeader, .e-pivotschemadesigner .rPivotHeader {
    border: 1px solid #c8c8c8;
    border-bottom: none;
    font-weight: bold;
    width: 93%;
    margin-left: 10px
}

.e-pivotschemadesigner .rPivotHeader, .e-pivotschemadesigner .schemaColumn, .e-pivotschemadesigner .schemaValue {
    margin-left: 1%
}

.e-pivotschemadesigner .headerText {
    padding-left: 5px
}

.e-pivotschemadesigner .subheadText {
    padding-left: 10px;
    margin: 10px 0 0;
    font: normal 14px Segoe UI;
    color: #333
}

.e-pivotschemadesigner .pivotLabel:hover {
    background: none repeat scroll 0 0 linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%);
    color: #fff;
    cursor: move
}

.e-pivotschemadesigner .pivotButton {
    display: block
}

    .e-pivotschemadesigner .pivotButton > .pvtBtn {
        cursor: move;
        text-align: left;
        text-overflow: ellipsis;
        margin: 2px 3px 0;
        width: 97%;
        color: #686969;
        border-color: #c8c8c8;
        border: 1px solid #c8c8c8 !important
    }

        .e-pivotschemadesigner .pivotButton > .pvtBtn:hover {
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            border: 1px solid #fff !important;
            color: #282827
        }

.e-pivotschemadesigner .errOKBtn {
    display: inline-block;
    margin: 20px 0 10px 165px;
    width: 50px
}

.e-pivotschemadesigner .pvtDrop:before, .e-pivotschemadesigner .treeDrop:before {
    content: ""
}

.e-pivotschemadesigner .dropIndicator {
    background: none repeat scroll 0 0 transparent;
    height: 2px;
    width: auto
}

.e-pivotschemadesigner .dropIndicatorHover {
    background: none repeat scroll 0 0 linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%)
}

.e-pivotschemadesigner .removePivotBtn:before {
    background-repeat: no-repeat;
    height: 11px;
    padding-left: 10px;
    width: 11px;
    color: #fff;
    content: "";
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    float: none;
    padding: 6px;
    position: absolute
}

.e-pivotschemadesigner .removePivotBtn:hover {
    cursor: pointer;
    background: none repeat scroll 0 0 linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%)
}

.e-pivotschemadesigner .ascending:before {
    content: ""
}

.e-pivotschemadesigner .descending:before {
    content: ""
}

.e-pivotschemadesigner .filter:before {
    content: "";
    float: right;
    margin-right: 40px
}

.e-pivotschemadesigner .filter {
    color: #686969;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.e-pivotschemadesigner .treeDrop {
    cursor: pointer
}

.e-pivotschemadesigner .filterBtn {
    height: 24px
}

.e-pivotschemadesigner .filterIndicator {
    background: none repeat scroll 0 0 linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%)
}

.e-pivotschemadesigner .memberEditorDiv {
    height: 256px;
    margin-top: 5px;
    border: 1px solid #c8c8c8
}

.e-pivotschemadesigner .dialogOKBtn, .e-pivotschemadesigner .dialogCancelBtn {
    width: 69px;
    margin-left: 10px
}

.e-pivotschemadesigner .dialogOKBtn {
    margin-left: 83px
}

.e-pivotschemadesigner .e-chkbox-wrap {
    margin-left: 7px
}

.e-pivotschemadesigner .e-tbtn-wrap {
    display: inline-block
}

.e-pivotschemadesigner .e-togglebutton .e-icon {
    height: 14px;
    width: 14px
}

.e-pivotschemadesigner .e-treeview .e-text {
    min-height: 20px;
    border: 1px solid transparent;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
    cursor: move;
    color: #333
}

.e-pivotschemadesigner .e-dialog .e-dialog-icon:hover {
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%)
}

.e-pivotschemadesigner .e-treeview .e-active {
    background: linear-gradient(to bottom,#75bcdc 0%,#2390c1 100%);
    color: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%)
}

.e-pivotschemadesigner .btnDeferUpdate {
    float: right;
    margin-right: 10px
}

.e-pivotschemadesigner .deferUpdateLayout {
    margin-left: 5px
}

.e-pivotschemadesigner .schemaFieldTree.e-treeview .e-text {
    width: 90%
}

.e-pivotschemadesigner .schemaFieldTree ul, .e-pivotschemadesigner .schemaFieldTree li {
    width: 96%;
    height: auto
}

.e-pivotschemadesigner .e-btn .e-btntxt {
    padding: 0 6px 6px
}

.e-pivotschemadesigner .expandSchema {
    background: url("../images/expand.png") repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 25px;
    left: 24px;
    position: relative;
    top: -615px;
    width: 23px
}

.e-pivotschemadesigner .collapseSchema {
    float: right;
    height: 25px;
    position: relative;
    background-image: url("../images/colapse.png");
    top: -615px;
    width: 23px
}

@media(min-width:20px) and (max-width:799px) {
    .e-pivotgrid .e-table {
        width: 100%;
        overflow-wrap: break-word
    }

        .e-pivotgrid .e-table td {
            overflow-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis
        }
}

@media(min-width:800px) and (max-width:959px) {
    .e-pivotgrid .e-table {
        width: 100%;
        overflow-wrap: break-word
    }

        .e-pivotgrid .e-table td {
            overflow-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis
        }
}

@media(min-width:960px) and (max-width:1120px) {
    .e-pivotgrid .e-table {
        width: 100%;
        overflow-wrap: break-word
    }

        .e-pivotgrid .e-table td {
            overflow-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis
        }
}

@media(min-width:1120px) {
    .e-pivotgrid .e-table {
        width: 100%;
        overflow-wrap: break-word
    }

        .e-pivotgrid .e-table td {
            overflow-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis
        }
}

.e-olapclient {
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333
}

    .e-olapclient .gridPanel, .e-olapclient .chartPanel {
        border: none !important
    }

.e.olapclient .chartPanel > div {
    border-bottom: none !important
}

.e-olapclient .controlPanel {
    position: relative;
    right: 5px
}

.e-olapclient ul.sortfiltTab.e-box.e-addborderbottom.e-header {
    background: transparent
}

.e-olapclient .e-dialog .e-header {
    background: #fff;
    color: #333
}

.e-olapclient textarea {
    background: #fff
}

.e-olapclient .e-treeview .e-text {
    color: #333
}

    .e-olapclient .e-treeview .e-text:hover {
        color: #282827
    }

.e-olapclient .e-treeview .e-active {
    color: #fff;
    background: linear-gradient(to bottom,#74c3e7 0%,#179bd7 100%)
}

.e-olapclient .e-ddl .e-select {
    color: #333;
    background: #fff;
    border-color: #c8c8c8
}

    .e-olapclient .e-ddl .e-select:hover {
        color: #282827;
        background: linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%)
    }

.e-olapclient .outerTable {
    font: normal 12px Segoe UI;
    border-collapse: collapse;
    background-color: #fff
}

.e-olapclient .titleText {
    height: 50px;
    width: inherit;
    display: inline-block;
    font: normal 20px Segoe UI;
    line-height: 48px
}

.e-olapclient .newReportImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .addReportImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .removeReportImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .renameReportImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .saveReportImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .loadReportImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .mdxImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .autoExecuteImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .excelExportImg:before {
    content: "";
    font-size: 20px;
    margin-left: 1px
}

.e-olapclient .wordExportImg:before {
    content: "";
    font-size: 20px;
    margin-left: 1px
}

.e-olapclient .pdfExportImg:before {
    content: "";
    font-size: 20px;
    margin-left: 1px
}

.e-olapclient .chartTypesImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .toggleaxisImg:before {
    content: "";
    font-size: 20px;
    margin-left: -1px
}

.e-olapclient .newReportImg, .e-olapclient .addReportImg, .e-olapclient .removeReportImg, .e-olapclient .renameReportImg, .e-olapclient .saveReportImg, .e-olapclient .loadReportImg, .e-olapclient .mdxImg, .e-olapclient .maximizedView, .e-olapclient .excelExportImg, .e-olapclient .wordExportImg, .e-olapclient .pdfExportImg, .e-olapclient .chartTypesImg, .e-olapclient .rowSortFilterImg, .e-olapclient .colSortFilterImg, .e-olapclient .toggleExpandButton, .e-olapclient .toggleCollapseButton, .e-olapclient .dimensionCDB, .e-olapclient .folderCDB, .e-olapclient .hierarchyCDB, .e-olapclient .attributeCDB, .e-olapclient .chartCDB, .e-olapclient .namedSetCDB, .e-olapclient .level0, .e-olapclient .level1, .e-olapclient .level2, .e-olapclient .level3, .e-olapclient .level4, .e-olapclient .level5, .e-olapclient .level6, .e-olapclient .level7, .e-olapclient .level8, .e-olapclient .level9, .e-olapclient .level10, .e-olapclient .checkAll, .e-olapclient .unCheckAll, .e-olapclient .autoExecuteImg, .e-olapclient .toggleaxisImg {
    color: #686969
}

    .e-olapclient .maximizedView:before {
        content: "";
        font-size: 21px;
        margin-left: 0
    }

    .e-olapclient .colSortFilterImg:before {
        content: "";
        font-size: 32px;
        margin-left: -4px;
        margin-top: -5px
    }

    .e-olapclient .rowSortFilterImg:before {
        content: "";
        font-size: 29px;
        margin-left: -3px;
        margin-top: -4px
    }

.e-olapclient .chartPanel {
    height: 0;
    width: 800px;
    margin: 5px 7px 7px
}

.e-olapclient .clientTab {
    margin-top: 6px !important;
    font: bold 12px Segoe UI
}

.e-olapclient .toggleExpandButton, .e-olapclient .toggleCollapseButton {
    background-repeat: no-repeat;
    height: 20px;
    width: 21px;
    cursor: pointer;
    position: relative;
    top: -3px
}

.e-olapclient .toggleExpandButton {
    float: right;
    background-position: center -20px;
    margin: 5px
}

.e-olapclient .toggleCollapseButton {
    background-position: 6px 0;
    position: relative;
    top: 11px
}

    .e-olapclient .toggleExpandButton:hover, .e-olapclient .toggleCollapseButton:hover {
        color: #282827;
        background: linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%)
    }

    .e-olapclient .toggleCollapseButton:before {
        content: "";
        font-size: 20px
    }

.e-olapclient .toggleExpandButton:before {
    content: "";
    font-size: 20px;
    margin-right: 7px
}

.e-olapclient .toggleText {
    background-position: center 0;
    background-repeat: no-repeat;
    height: 140px;
    width: 30px
}

.e-olapclient .splitBtn {
    margin: 7px 0 0 6px;
    position: relative
}

.e-olapclient .csHeader {
    font: normal 14px Segoe UI;
    margin: 8px 0 8px 3px
}

.e-olapclient .cdbHeader, .e-olapclient .axisHeader {
    border: 1px solid #c8c8c8;
    font-weight: bold;
    line-height: 28px
}

.e-olapclient .cubeTable {
    border-collapse: collapse;
    margin: 0 5px 3px 5px
}

.e-olapclient .cdbHeader {
    border-bottom: 0
}

.e-olapclient .axisHeader {
    border-bottom: 0
}

.e-olapclient .reportToolbar {
    border-color: #c8c8c8 !important;
    background: linear-gradient(to bottom,#f5f5f5 0%,#ddd 100%)
}

.e-olapclient .cubeBrowser {
    border: 1px solid #c8c8c8 !important
}

.e-olapclient .cubeName {
    padding: 7px 0 0 6px;
    font: normal 14px Segoe UI
}

.e-olapclient .categoricalAxis, .e-olapclient .rowAxis, .e-olapclient .slicerAxis {
    border: 1px solid #c8c8c8;
    margin-bottom: 3px;
    overflow: auto
}

.e-olapclient .gridContainer, .e-olapclient .chartContainer {
    border: 1px solid #c8c8c8
}

.e-olapclient .dropIndicator {
    margin-top: 4px !important;
    border-top: 3px dashed #74c3e7
}

.e-olapclient .targetAxis {
    background: #c5e6f5 !important;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed)) !important;
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed) !important;
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed) !important;
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed) !important;
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0) !important;
    color: #282827 !important
}

.e-olapclient .reportToolbar .e-active {
    color: #fff
}

.e-olapclient .connectImg, .e-olapclient .newReportImg, .e-olapclient .addReportImg, .e-olapclient .removeReportImg, .e-olapclient .renameReportImg, .e-olapclient .saveReportImg, .e-olapclient .loadReportImg, .e-olapclient .mdxImg, .e-olapclient .maximizedView, .e-olapclient .excelExportImg, .e-olapclient .wordExportImg, .e-olapclient .pdfExportImg, .e-olapclient .chartTypesImg, .e-olapclient .rowSortFilterImg, .e-olapclient .colSortFilterImg, .e-olapclient .connectImg:hover, .e-olapclient .newReportImg:hover, .e-olapclient .addReportImg:hover, .e-olapclient .removeReportImg:hover, .e-olapclient .renameReportImg:hover, .e-olapclient .saveReportImg:hover, .e-olapclient .loadReportImg:hover, .e-olapclient .mdxImg:hover, .e-olapclient .excelExportImg:hover, .e-olapclient .wordExportImg:hover, .e-olapclient .pdfExportImg:hover, .e-olapclient .chartTypesImg:hover, .e-olapclient .rowSortFilterImg:hover, .e-olapclient .colSortFilterImg:hover, .e-olapclient .autoExecuteImg:hover, .e-olapclient .autoExecuteImg, .e-olapclient .toggleaxisImg, .e-olapclient .toggleaxisImg:hover {
    background-repeat: no-repeat;
    margin: 4px;
    cursor: default;
    display: inline-block;
    height: 20px;
    width: 20px
}

    .e-olapclient .connectImg:hover, .e-olapclient .newReportImg:hover, .e-olapclient .addReportImg:hover, .e-olapclient .removeReportImg:hover, .e-olapclient .renameReportImg:hover, .e-olapclient .saveReportImg:hover, .e-olapclient .loadReportImg:hover, .e-olapclient .mdxImg:hover, .e-olapclient .excelExportImg:hover, .e-olapclient .wordExportImg:hover, .e-olapclient .pdfExportImg:hover, .e-olapclient .chartTypesImg:hover, .e-olapclient .maximizedView:hover, .e-olapclient .rowSortFilterImg:hover, .e-olapclient .colSortFilterImg:hover, .e-olapclient .autoExecuteImg:hover, .e-olapclient .toggleaxisImg:hover {
        cursor: pointer;
        color: #282827
    }

.e-olapclient .reportList {
    float: left;
    margin: 6px auto auto 10px
}

.e-olapclient .sortReportTbl {
    margin: 4px 4px 18px;
    width: 100%
}

.e-olapclient .sortingDlg, .e-olapclient .filteringDlg {
    font: bold 12px Segoe UI !important
}

.e-olapclient .sortDisable, .e-olapclient .radioBtnDesc, .e-olapclient .preserveHrchy, .e-olapclient .filterLbl, .e-olapclient .conditionLbl {
    vertical-align: middle
}

.e-olapclient .sortEnable, .e-olapclient .radioBtnAsc {
    vertical-align: text-bottom
}

.e-olapclient .radioBtnAsc, .e-olapclient .radioBtnDesc, .e-olapclient .measuresList, .e-olapclient .sortEnable, .e-olapclient .sortDisable, .e-olapclient .filter, .e-olapclient .filterCondition, .e-olapclient .filterMeasureListLbl, .e-olapclient .filterDisable, .e-olapclient .filterEnable, .e-olapclient .chkBoxColumn {
    margin-top: 15px
}

.e-olapclient .sortDisable, .e-olapclient .radioBtnDesc {
    margin-bottom: 15px
}

.e-olapclient .filterFrmDiv, .e-olapclient .filterToDiv, .e-olapclient .filterBtw {
    float: left
}

.e-olapclient .filterLbl {
    margin-top: -12px
}

.e-olapclient .sortingDlg, .e-olapclient .filteringDlg {
    margin-top: -1px !important
}

.e-olapclient .filterFrmDiv, .e-olapclient .filterBtw, .e-olapclient .filterToDiv {
    margin-bottom: -7px;
    margin-top: 10px !important
}

.e-olapclient .conditionLbl, .e-olapclient .filterMeasureListLbl {
    margin-bottom: 14px;
    margin-top: 10px !important
}

.e-olapclient .filterBtw, .e-olapclient filterToDiv {
    margin-left: 4px
}

.e-olapclient .sortDisableLbl, .e-olapclient .sortEnableLbl, .e-olapclient .radioBtnAscLbl, .e-olapclient .radioBtnDescLbl, .e-olapclient .preserveHrchyLbl, .e-olapclient .filterDisableLbl {
    margin-left: 4px
}

.e-olapclient .e-dialog-scroller {
    height: auto !important
}

.e-olapclient .filterDisableLbl {
    vertical-align: text-bottom
}

.e-olapclient .filterBtw {
    margin-left: 12px
}

.e-olapclient .filterToDiv {
    margin-left: 8px
}

.e-olapclient .borderFilterSortDlg {
    border: 1px solid #c8c8c8;
    border-top: none;
    margin-bottom: 13px;
    margin-top: -4px
}

.e-olapclient .filterMeasureListLbl, .e-olapclient .conditionLbl, .e-olapclient .filterValueLbl {
    margin-bottom: 15px
}

.e-olapclient .orderLbl, .e-olapclient .sortingLbl {
    margin-top: -23px;
    position: absolute
}

.e-olapclient .filterValueLbl {
    margin-top: -5px !important;
    position: absolute
}

.e-olapclient .sortDisableLbl, .e-olapclient .sortEnableLbl, .e-olapclient .radioBtnAscLbl, .e-olapclient .radioBtnDescLbl, .e-olapclient .filterDisableLbl {
    margin-top: 13px;
    position: absolute
}

.e-olapclient .preserveHrchyLbl {
    margin-top: 2px;
    position: absolute
}

.e-olapclient .e-olapclient .filterLbl {
    margin-top: -40px
}

.e-olapclient .measureListLbl {
    margin-top: 3px
}

.e-olapclient .dimensionCDB, .e-olapclient .folderCDB, .e-olapclient .hierarchyCDB, .e-olapclient .attributeCDB, .e-olapclient .chartCDB, .e-olapclient .namedSetCDB, .e-olapclient .level0, .e-olapclient .level1, .e-olapclient .level2, .e-olapclient .level3, .e-olapclient .level4, .e-olapclient .level5, .e-olapclient .level6, .e-olapclient .level7, .e-olapclient .level8, .e-olapclient .level9, .e-olapclient .level10 {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: text-top
}

    .e-olapclient .attributeCDB:before {
        content: "";
        font-size: 18px
    }

    .e-olapclient .folderCDB:before {
        content: "";
        font-size: 18px
    }

    .e-olapclient .dimensionCDB:before {
        content: "";
        font-size: 15px
    }

    .e-olapclient .hierarchyCDB:before {
        content: "";
        font-size: 18px
    }

    .e-olapclient .chartCDB:before {
        content: "";
        font-size: 15px
    }

    .e-olapclient .namedSetCDB:before {
        content: "";
        font-size: 18px
    }

    .e-olapclient .level0:before {
        content: "";
        font-size: 19px
    }

    .e-olapclient .level1:before {
        content: "";
        font-size: 18px
    }

    .e-olapclient .level2:before {
        content: "";
        font-size: 17px
    }

    .e-olapclient .level3:before {
        content: "";
        font-size: 17px
    }

    .e-olapclient .level4:before {
        content: "";
        font-size: 18px
    }

    .e-olapclient .level5:before {
        content: "";
        font-size: 17px
    }

    .e-olapclient .level6:before {
        content: "";
        font-size: 17px
    }

    .e-olapclient .level7:before {
        content: "";
        font-size: 17px
    }

    .e-olapclient .level8:before {
        content: "";
        font-size: 17px
    }

    .e-olapclient .level9:before {
        content: "";
        font-size: 17px
    }

    .e-olapclient .level10:before {
        content: "";
        font-size: 17px
    }

.e-olapclient .dialogOKBtn, .e-olapclient .dialogCancelBtn {
    width: 69px;
    margin-left: 10px
}

.e-olapclient .dialogOKBtn {
    margin-left: 83px
}

.e-olapclient .editorPara {
    margin: 0 0 7px
}

.e-olapclient .dialogPara {
    margin-top: 15px
}

.e-olapclient .loadReportTbl {
    margin: 10px 0 20px 0
}

.e-olapclient .loadReportTd {
    width: 100px
}

.e-olapclient .dialogInput {
    float: right;
    margin-top: -31px
}

.e-olapclient .checkAll, .e-olapclient .unCheckAll {
    display: inline-block;
    height: 15px;
    width: 16px;
    cursor: pointer
}

    .e-olapclient .checkAll:hover, .e-olapclient .unCheckAll:hover {
        background: linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%);
        color: #282827
    }

    .e-olapclient .checkAll:before {
        content: "";
        font-size: 16px
    }

    .e-olapclient .unCheckAll:before {
        content: "";
        font-size: 16px
    }

.e-olapclient .unCheckAll {
    margin-left: 5px
}

.e-olapclient .line:before {
    content: ""
}

.e-olapclient .spline:before {
    content: ""
}

.e-olapclient .column:before {
    content: ""
}

.e-olapclient .area:before {
    content: ""
}

.e-olapclient .splinearea:before {
    content: ""
}

.e-olapclient .stepline:before {
    content: ""
}

.e-olapclient .steparea:before {
    content: ""
}

.e-olapclient .pie:before {
    content: ""
}

.e-olapclient .bar:before {
    content: ""
}

.e-olapclient .stackingarea:before {
    content: ""
}

.e-olapclient .stackingcolumn:before {
    content: ""
}

.e-olapclient .stackingbar:before {
    content: ""
}

.e-olapclient .pyramid:before {
    content: ""
}

.e-olapclient .funnel:before {
    content: ""
}

.e-olapclient .chartTypesIcon:before {
    font-family: 'ej-webfont';
    font-size: 20px;
    margin-left: 2px
}

.e-olapclient .chartTypesOnGridView {
    display: none !important
}

.e-olapclient .chartTypesIcon, .e-olapclient .chartTypesIcon:hover {
    background-repeat: no-repeat;
    margin: 5px 5px 0 0;
    cursor: default;
    display: inline-block;
    height: 28px;
    width: 24px
}

.e-olapclient .chartTypesDialog {
    position: absolute;
    padding: 0 0 5px 5px;
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border: 2px solid #c8c8c8
}

.e-olapclient .chartTypesIcon {
    color: #686969
}

    .e-olapclient .chartTypesIcon:hover {
        color: #282827;
        cursor: pointer;
        background: linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%)
    }

.e-olapclient .memberEditorDiv {
    height: 256px;
    margin-top: 5px;
    border: 1px solid #c8c8c8
}

.e-olapclient .removeSplitBtn, .e-olapclient .removeMeasure {
    background-repeat: no-repeat;
    height: 11px;
    padding-left: 10px;
    width: 11px;
    color: #333
}

    .e-olapclient .removeSplitBtn:before {
        content: "";
        font-size: 13px;
        margin-left: -6px;
        margin-top: 2px
    }

    .e-olapclient .removeSplitBtn:hover {
        cursor: pointer;
        background: linear-gradient(to bottom,#c5e6f5 0%,#96d2ed 100%)
    }

.e-olapclient .removeSplitBtn {
    background: linear-gradient(to bottom,#f5f5f5 0%,#ddd 100%);
    border: 1px solid #c8c8c8;
    display: inline-block;
    float: none;
    margin: 0 !important;
    padding-bottom: 7px;
    padding-right: 0;
    position: absolute
}

.e-olapclient .removeMeasure {
    background-position: 0 -1835px !important;
    margin: 4px;
    color: #686969
}

    .e-olapclient .removeMeasure:before {
        content: "";
        font-size: 13px;
        display: inline-block
    }

.e-olapclient .measureEditor {
    margin: 3px 5px 0 5px
}

    .e-olapclient .measureEditor:hover {
        color: #282827;
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        cursor: pointer
    }

.e-olapclient .nodetext {
    font-size: inherit !important
}

.e-olapclient .e-dialog {
    font: bold 12px Segoe UI !important;
    opacity: 1 !important
}

.e-olapclient .e-corner-all {
    border-radius: 0 !important
}

.e-olapclient .e-button {
    font-size: 12px !important
}

.e-olapclient .e-treeview {
    background-color: #fff
}

    .e-olapclient .e-treeview ul {
        margin: 0
    }

.e-olapclient .e-treeview, .e-olapclient .e-text {
    font-size: 12px
}

.e-olapclient .e-tab, .e-olapclient .e-header {
    width: auto
}

.e-olapclient .e-tab, .e-olapclient .e-active-content {
    padding: 0 !important
}

.e-olapclient .e-tab, .e-olapclient .e-content {
    border-width: 0
}

.e-olapclient .e-toolbar {
    border-width: 1px 0
}

.e-olapclient .e-input {
    line-height: normal !important
}

.e-olapclient .e-progress-txt {
    top: -2px !important
}

.cdbHeader.responsive, .cubeBrowser.responsive {
    width: 98% !important
}

.e-olapclient .oClientTbl {
    position: relative
}

.rowAxis.responsive, .slicerAxis.responsive, .categoricalAxis.responsive, .axisHeader.responsive {
    width: 95% !important
}

.maximumView {
    background-color: #fff;
    z-index: 1000;
    margin: 2% 4%;
    margin-top: 2%;
    padding: 20px;
    position: fixed
}

.fullScreenView {
    position: absolute;
    top: 0;
    background-color: #fff;
    z-index: 1000
}

.winCloseBtn:before {
    content: "";
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 0;
    height: 24px;
    width: 24px
}

.winCloseBtn {
    color: #686969
}

    .winCloseBtn:hover {
        color: #282827;
        cursor: pointer
    }

@media(min-width:640px) and (max-width:799px) {
}

@media(min-width:800px) and (max-width:959px) {
}

@media(min-width:960px) and (max-width:1120px) {
}

@media(min-width:1120px) {
}

.e-olapchart {
    font: normal 12px Segoe UI;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333
}

    .e-olapchart .expandMenu {
        min-height: 50px
    }

    .e-olapchart .menuList {
        list-style-type: none;
        padding: 4px 15px 4px 15px
    }

        .e-olapchart .menuList:hover {
            list-style-type: none;
            color: #282827;
            background: #c5e6f5;
            background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
            background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
            background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
            background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
            cursor: pointer
        }

    .e-olapchart .e-dialog, .e-olapchart .e-wrapper, .e-olapchart .e-shadow {
        min-height: 50px
    }

    .e-olapchart .e-dialog-scroller {
        height: auto !important
    }

    .e-olapchart .e-dialog, .e-olapchart .e-content {
        padding: 0;
        min-width: 150px
    }

.e-olapgauge .kpiiconvalue {
    height: 24px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.e-olapgauge .wrapLayout {
    list-style-type: none;
    height: auto;
    width: auto
}

    .e-olapgauge .wrapLayout li {
        float: left;
        display: inline-block;
        margin: 2px
    }

.e-olapgauge-tooltip {
    background-color: #fff;
    border: 2px solid #c8c8c8
}

.e-olapgauge-tooltip {
    pointer-events: none;
    opacity: 0;
    display: inline-block;
    position: absolute;
    padding: 10px 20px;
    color: #333;
    border-radius: 15px;
    margin-top: 20px;
    text-align: left;
    font: 12px Segoe UI;
    font-stretch: condensed;
    text-decoration: none;
    line-height: 20px
}

.e-olapgauge-tooltip, .e-olapgauge-active {
    opacity: 1;
    margin-top: 5px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}

.e-olapgauge .kpiuparrow {
    background-image: url("../common-images/olapkpi/up-arrow.png")
}

.e-olapgauge .kpirightarrow {
    background-image: url("../common-images/olapkpi/right-arrow.png")
}

.e-olapgauge .kpidownarrow {
    background-image: url("../common-images/olapkpi/down-arrow.png")
}

.e-olapgauge .kpidiamond {
    background-image: url("../common-images/olapkpi/diamond.png")
}

.e-olapgauge .kpitriangle {
    background-image: url("../common-images/olapkpi/triangle.png")
}

.e-olapgauge .kpicircle {
    background-image: url("../common-images/olapkpi/circle.png")
}

.e-olapgauge .kpiredroad {
    background-image: url("../common-images/olapkpi/red.png")
}

.e-olapgauge .kpigreenroad {
    background-image: url("../common-images/olapkpi/green.png")
}

.e-olapgauge .kpiallcolor {
    background-image: url("../common-images/olapkpi/three-color.png")
}

.e-pivotpager .pagerTextBox {
    display: inline-block;
    height: 18px;
    width: 35px;
    color: #686969
}

.e-pivotpager .movePrevious, .e-pivotpager .moveNext, .e-pivotpager .moveFirst, .e-pivotpager .moveLast {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 1px;
    cursor: pointer
}

    .e-pivotpager .moveFirst:before {
        content: "";
        font-size: 14px;
        margin-left: 5px
    }

    .e-pivotpager .moveLast:before {
        content: "";
        font-size: 14px;
        margin-left: 5px
    }

    .e-pivotpager .movePrevious:before {
        content: "";
        font-size: 14px;
        margin-left: 5px
    }

    .e-pivotpager .moveNext:before {
        content: "";
        font-size: 14px;
        margin-left: 5px
    }

.e-pivotpager .categPageCount, .e-pivotpager .seriesPageCount {
    padding: 0 0 0 5px
}

.e-pivotpager .pagerDiv {
    margin: 3px;
    padding: 7px;
    color: #686969
}

.e-pivotpager .pagerLabel {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.e-pivotpager .disabled {
    opacity: .4;
    cursor: default !important
}

.e-pivotpager .pivotpager {
    overflow: auto
}

.e-pivotpager input {
    background: #fff
}

.e-reportviewer-outerborder:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-color: #c8c8c8;
    color: #333
}

.e-reportviewer-tbdiv.e-reportviewer-exporttip {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-color: #c8c8c8;
    background-color: #fff
}

.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    border-color: #c8c8c8;
    background-color: #fff
}

.e-reportviewer-tbdiv.e-reportviewer-tooltip {
    background: #fff;
    border-color: #c8c8c8
}

.e-reportviewer-headerspan, .e-reportviewer-contentspan {
    color: #333;
    font-family: Segoe UI !important
}

.e-reportviewer-viewer {
    font-size: 14px
}

.e-reportviewer-popuppageno, .e-reportviewer-popuptotalpage {
    color: #fff
}

.e-reportviewer-toolbarcontainer .ejinputtext {
    background-color: #fff !important
}

.e-reportviewer-viewerblock {
    background-color: #f6f6f6;
    font-size: 12.5px;
    color: #333
}

.e-reportviewer-viewerblockcellcontent {
    font-size: 14.5px;
    color: #333
}

.e-reportviewer-viewreport {
    border-left-color: #c8c8c8
}

.e-reportviewer-scrollcontainer, .e-reportviewer-viewer > .e-splitter .e-pane {
    background-color: #e9e9e9
}

.e-reportviewer-pageviewcontainer {
    background-color: #e9e9e9
}

.e-reportviewer-pageview {
    -moz-box-shadow: rgba(0,0,0,.6);
    -webkit-box-shadow: rgba(0,0,0,.6);
    box-shadow: rgba(0,0,0,.3);
    border-color: #808080
}

.e-reportviewer-label, .e-reportviewer-tbpage, .e-reportviewer-elementalignments, .e-reportviewer-textbox {
    color: #333
}

.e-reportviewer-label, .e-reportviewer-tbpage, .e-reportviewer-elementalignments, .e-reportviewer-textbox {
    font-size: 14px;
    font-weight: normal
}

.e-reportviewer-labelpageno {
    font-size: 16px !important
}

.e-reportviewer-documentmapcontainer div, .e-reportviewer-documentmappopup {
    background-color: #ebebeb !important
}

.e-reportviewer-pagepopupinfo {
    background-color: #000
}

.e-reportviewer-viewerblock, .e-reportviewer-viewer, .e-reportviewer-pagenumber, .e-reportviewer-tbpage, .e-reportviewer-tbdiv.e-reportviewer-exportlist, .e-reportviewer-label, .e-reportviewer-labelpageno {
    font-family: Segoe UI !important
}

.e-reportviewer-toolbarcontainer, .e-reportviewer-viewerblock, .e-reportviewer-viewercontainer, .e-reportviewer-elementalignments, .e-reportviewer-viewerblockcellcontent, .e-reportviewer-viewerblockcontent, .e-reportviewer-textbox, .e-reportviewer-documentmappopup {
    border-color: #c8c8c8
}

.e-reportviewer-popupli:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    background-color: #c5e6f5;
    color: #282827
}

.e-reportviewer-popupli {
    color: #333 !important;
    font-family: Segoe UI !important;
    font-size: 14px !important;
    font-weight: normal !important
}

.e-reportviewer-gotonext.e-reportviewer-disabled, .e-reportviewer-gotoprevious.e-reportviewer-disabled, .e-reportviewer-gotolast.e-reportviewer-disabled, .e-reportviewer-gotofirst.e-reportviewer-disabled {
    color: #b2b2b2
}

.e-gantt .e-toolbaricons {
    color: #686969
}

.e-gantt .e-chkbox-wrap .e-chk-image {
    background-image: url(images/checkedtick.png) !important
}

.e-search.e-tooltxt.e-hover {
    color: #282827 !important
}

.e-gantt .e-tooltxt.e-hover > span {
    color: #282827
}

.e-gantt .e-gantt-add:before {
    content: ""
}

.e-gantt .e-gantt-edit:before {
    content: ""
}

.e-gantt .e-gantt-delete:before {
    content: ""
}

.e-gantt .e-gantt-save:before {
    content: ""
}

.e-gantt .e-gantt-cancel:before {
    content: ""
}

.e-gantt .e-gantt-indent:before {
    content: ""
}

.e-gantt .e-gantt-outdent:before {
    content: ""
}

.e-gantt .e-gantt-expandall:before {
    content: ""
}

.e-gantt .e-gantt-collapseall:before {
    content: ""
}

#Add.e-menuitem > div.e-icon:before {
    content: ""
}

#Indent.e-menuitem > div.e-icon:before {
    content: ""
}

#Outdent.e-menuitem > div.e-icon:before {
    content: ""
}

#Delete.e-menuitem > div.e-icon:before {
    content: ""
}

.e-gantt .e-splitter .e-splitbar.e-h-bar:before {
    content: ""
}

.e-gantt .e-gantt-Spliter {
    border-top-color: #c8c8c8 !important;
    border-bottom-color: #c8c8c8 !important
}

.e-gantt .e-editValue .e-treegrid .e-headercell {
    border-bottom-color: #c8c8c8 !important;
    background-color: #f5f5f5 !important
}

.e-ejinputtext {
    border: 1px solid #c8c8c8;
    outline: none;
    background-color: #fff;
    color: #333;
    vertical-align: baseline
}

.e-treegrid .e-extendcolumn {
    background-color: #fff
}

.e-treegrid .e-headercelldiv {
    color: #282827
}

.e-treegrid {
    border-color: #c8c8c8;
    color: #333
}

    .e-treegrid .e-gridcontent {
        background-color: #fff;
        border-color: #c8c8c8
    }

    .e-treegrid .e-borderbox {
        border-bottom-color: #fff
    }

    .e-treegrid .e-editcell, .e-treegrid .e-detailsrowcell, .e-treegrid .e-rowcell, .e-treegrid .e-extendcolumn {
        border-color: #c8c8c8
    }

    .e-treegrid .e-detailsiconcell:hover, .e-treegrid .e-detailsinfoiconhide {
        background-color: #e3e3e3
    }

.e-detailscellwrapperfly {
    border-color: #c8c8c8;
    box-shadow: 0 0 11px 3px #c8c8c8;
    -moz-box-shadow: 0 0 11px 3px #c8c8c8;
    -webkit-box-shadow: 0 0 11px 3px #c8c8c8
}

.e-dragrowcell {
    border-color: #c8c8c8 !important
}

.e-treegrid .e-alt-row {
    background: #fafafa
}

.e-treegrid .e-selectionbackground {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff
}

.e-treegridPane .e-treegrid .e-selectionbackground {
    background: rgba(116,195,231,.2);
    background: -moz-linear-gradient(top,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(116,195,231,.2)),color-stop(100%,rgba(23,155,215,.2)));
    background: -webkit-linear-gradient(top,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    background: -o-linear-gradient(top,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    background: -ms-linear-gradient(top,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    background: linear-gradient(to bottom,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(116, 195, 231, 0.2)',endColorstr='rgba(23, 155, 215, 0.2)',GradientType=0);
    color: #333
}

.e-treegrid .e-detailsinfoiconhide:before, .e-treegrid .e-detailsinfoiconshow:before {
    color: #74c3e7 !important
}

.e-treegrid .e-selectionbackground .e-detailsinfoiconshow:before {
    color: #fff !important
}

.e-treegrid .e-detailscellwrapper, .e-detailscellwrapperfly {
    background: #fff;
    color: #333 !important
}

.e-dragtooltipbackground {
    background-color: #fff;
    color: #333
}

.e-treegrid .e-tabletd {
    border-color: #c8c8c8
}

.e-treegrid .e-treegrid-add:before {
    content: ""
}

.e-treegrid .e-treegrid-edit:before {
    content: ""
}

.e-treegrid .e-treegrid-delete:before {
    content: ""
}

.e-treegrid .e-treegrid-save:before {
    content: ""
}

.e-treegrid .e-treegrid-cancel:before {
    content: ""
}

.e-treegrid .e-treegrid-expandall:before {
    content: ""
}

.e-treegrid .e-treegrid-collapseall:before {
    content: ""
}

.e-treegrid .e-treegridtoolbar {
    background-color: #fff !important;
    border-color: #c8c8c8 !important
}

.e-treegrid .e-headercell {
    border-top-color: #c8c8c8 !important;
    border-right-color: #c8c8c8 !important;
    border-bottom-color: #74c3e7 !important
}

.e-treegrid .e-filterbarcell {
    border-color: #c8c8c8 !important
}

.e-treegrid .e-grid-icon {
    background: #f9f9f9
}

.e-treegrid .e-gridheader {
    color: #282827;
    border-bottom-color: #74c3e7;
    border-top-color: #c8c8c8;
    border-left-color: #c8c8c8;
    border-right-color: #c8c8c8;
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0)
}

.e-treegrid .e-headercontent {
    border-right-color: #c8c8c8
}

.e-treegrid .e-ejinputtext {
    border-color: #c8c8c8 !important;
    background-color: #fff;
    color: #333
}

    .e-treegrid .e-ejinputtext:focus {
        box-shadow: #c8c8c8 !important
    }

.e-treegrid .e-reSizeColbg {
    border-left-color: #c8c8c8 !important
}

.e-treegrid .e-gridheadercontainer {
    border-right-color: #c8c8c8
}

.e-columnmenu {
    background: #fff;
    border-color: #c8c8c8 !important;
    color: #333
}

.e-columnmenuitem .e-icon, .e-menuitem .e-icon, .e-treegrid .e-toolbaricons {
    color: #686969 !important
}

.e-columnmenuselection .e-icon, .e-contextmenu-mouseover .e-icon, .e-treegrid .e-tooltxt.e-hover > span {
    color: #282827 !important
}

.e-columnSelector {
    background: #fff;
    border: 1px solid;
    border-color: #c8c8c8 !important;
    color: #333 !important
}

.e-columnmenuselection {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.e-treegrid .e-summaryrow {
    background: #f8f8f8
}

.e-treegrid .e-footersummaryrow {
    background: #f8f8f8
}

.e-treegrid .e-footersummaryrowdiv {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #c8c8c8
}

.e-treegrid .e-summaryrow .e-summaryrowcell {
    border-bottom-color: #c8c8c8
}

.e-contextmenu, .e-innerContextmenu {
    background: #fff;
    border-color: #c8c8c8 !important;
    color: #333
}

.e-contextmenu-mouseover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.e-columnmenu-icon {
    color: #686969 !important
}

    .e-columnmenu-icon:hover {
        color: #686969 !important
    }

#Add.e-menuitem > div.e-icon:before {
    content: ""
}

#Indent.e-menuitem > div.e-icon:before {
    content: ""
}

#Outdent.e-menuitem > div.e-icon:before {
    content: ""
}

#Delete.e-menuitem > div.e-icon:before {
    content: ""
}

.e-tooltipgantt {
    background-color: #fff;
    color: #333;
    border-color: #c8c8c8
}

.e-ribbon.e-js .e-header .e-bottom-line.e-select.e-item, .e-ribbon.e-js .e-header .e-top-line.e-select.e-item {
    background: transparent;
    outline: none;
    outline-offset: 0
}

.e-ribbon.e-js.e-widget {
    font-size: 14px
}

.e-ribbon .e-btn.e-select:focus {
    box-shadow: none
}

.e-ribbon .e-groupdiv > div:after {
    background: #c8c8c8
}

.e-ribbon .e-captionarea {
    color: #333
}

.e-separatordiv, .e-separatordivrow {
    background: #c8c8c8
}

.e-ribbon.e-js .e-content {
    background: #fff;
    border-color: #c8c8c8;
    border-top-width: 0;
    color: #333
}

.e-ribbon .e-ddl .e-select {
    background: #fff;
    border-color: #c8c8c8;
    color: #686969;
    filter: none
}

    .e-ribbon .e-ddl .e-select:hover {
        background: #c5e6f5;
        background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
        background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
        background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
        background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
        color: #282827
    }

.e-ribbon .e-expandcollapse span:hover, .e-ribbon .e-expander:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-color: #c8c8c8;
    color: #282827
}

.e-ribbon .e-expandcollapse span, .e-ribbon .e-expander {
    color: #686969
}

.e-ribbon.e-js .e-header, .e-ribbon.e-js .e-left, .e-ribbon.e-js .e-right {
    border: 1px solid #c8c8c8;
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0)
}

    .e-ribbon.e-js .e-header > .e-select, .e-ribbon.e-js .e-header > .e-active, .e-ribbon.e-js .e-left > .e-active, .e-ribbon.e-js .e-right > .e-active, .e-ribbon.e-js .e-left > .e-select, .e-ribbon.e-js .e-right > .e-select {
        background: transparent;
        border: none;
        filter: none
    }

        .e-ribbon.e-js .e-header > .e-select:not(.e-apptab) a {
            color: #282827
        }

    .e-ribbon.e-js .e-header li.e-select:not(.e-apptab) a:hover {
        color: #74c3e7
    }

.e-ribbon .e-header > .e-apptab .e-menu {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
}

.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a, .e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a > span {
    color: #fff
}

.e-ribbon.e-js .e-header > .e-item:hover {
    background: transparent;
    border: none
}

.e-ribbon.e-js .e-header .e-active:not(.e-list) a {
    border-color: #c8c8c8 #c8c8c8 transparent;
    color: #74c3e7;
    background: #fff
}

.e-ribbon .e-btn.e-select, .e-ribbon .e-btn.e-disable.e-select:hover, .e-ribbon .e-tbtn.e-disable {
    background: #fff;
    border-color: #fff;
    color: #333;
    filter: none
}

.e-rbn-splitbtn.e-menu.e-split, .e-rbn-splitbtn.e-menu.e-context.e-split, .e-rbn-splitbtn.e-menu.e-context.e-split .e-list > ul {
    background: #fff
}

.e-rbn-splitbtn.e-js.e-menu.e-split ul, .e-rbn-splitbtn.e-js.e-menu.e-context.e-split ul, .e-rbn-splitbtn.e-js.e-menu.e-context.e-split .e-list > ul, .e-rbn-splitbtn.e-js.e-menu.e-widget.e-split li.e-list {
    background: #fff
}

.e-ribbon.e-js .e-btn.e-select:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.e-ribbon .e-btn.e-select:active, .e-ribbon .e-btn.e-disable.e-active.e-select:hover, .e-ribbon .e-tbtn.e-active {
    color: #282827
}

.e-ribbon .e-btn.e-select:active, .e-ribbon .e-btn.e-disable.e-active.e-select:hover, .e-ribbon .e-tbtn.e-active {
    background: #9fd6ef;
    background: -moz-linear-gradient(top,#b5dff2,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9fd6ef),color-stop(100%,#4ebbec));
    background: -webkit-linear-gradient(top,#b5dff2,#179bd7);
    background: -o-linear-gradient(top,#b5dff2,#179bd7);
    background: -ms-linear-gradient(top,#b5dff2,#179bd7);
    background: linear-gradient(to bottom,#b5dff2,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fd6ef',endColorstr='#4ebbec',GradientType=0)
}

    .e-ribbon .e-btn.e-select:active .e-icon, .e-ribbon .e-btn.e-active .e-icon {
        color: #282827
    }

    .e-ribbon .e-tbtn.e-active.e-disable {
        background: none
    }

.e-ribbon.e-js .e-tbtn.e-active, .e-ribbon.e-js .e-btn.e-resizebtnselect {
    color: #282827
}

.e-ribbon.e-js .e-tbtn.e-active, .e-ribbon.e-js .e-btn.e-resizebtnselect {
    background: #9fd6ef;
    background: -moz-linear-gradient(top,#b5dff2,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9fd6ef),color-stop(100%,#4ebbec));
    background: -webkit-linear-gradient(top,#b5dff2,#179bd7);
    background: -o-linear-gradient(top,#b5dff2,#179bd7);
    background: -ms-linear-gradient(top,#b5dff2,#179bd7);
    background: linear-gradient(to bottom,#b5dff2,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fd6ef',endColorstr='#4ebbec',GradientType=0)
}

.e-ribbon.e-js .e-header .e-apptab .e-menu > .e-list:nth-child(1):not(.e-active) > a:hover, .e-ribbon.e-js .e-header .e-apptab .e-menu > li:nth-child(1):not(.e-active) > a:hover span {
    color: #282827
}

.e-ribbon .e-disable {
    background: #fff;
    opacity: .35
}

.e-ribbon .e-groupdiv .e-gallerycontent, .e-ribbon .e-groupdiv .e-gallexpandcontent, .e-ribbon .e-resizediv .e-gallerycontent, .e-ribbon .e-resizediv .e-gallexpandcontent {
    background: #fff;
    border-color: #c8c8c8
}

.e-ribbon .e-groupdiv .e-gallscrollcontent .e-content, .e-ribbon .e-resizediv .e-gallscrollcontent .e-content {
    background: #fff
}

.e-ribbon .e-groupdiv .e-gallerymovediv, .e-ribbon .e-resizediv .e-gallerymovediv, .e-ribbon .e-groupdiv .e-gallexpandcontent, .e-ribbon .e-resizediv .e-gallexpandcontent {
    background: #fff
}

.e-ribbon .e-groupdiv .e-extracontent, .e-ribbon .e-resizediv .e-extracontent {
    border-top-color: #c8c8c8
}

.e-ribbon .e-groupdiv .e-moveupdiv, .e-ribbon .e-groupdiv .e-movedowndiv, .e-ribbon .e-groupdiv .e-expgallerydiv, .e-ribbon .e-resizediv .e-moveupdiv, .e-ribbon .e-resizediv .e-movedowndiv, .e-ribbon .e-resizediv .e-expgallerydiv {
    border-color: #c8c8c8
}

.e-ribbon .e-groupdiv .e-gallerybtn, .e-ribbon .e-resizediv .e-gallerybtn {
    background: #fff;
    border-color: #fff
}

.e-ribbon .e-groupdiv .e-galleryextrabtn, .e-ribbon .e-resizediv .e-galleryextrabtn, .e-ribbon.e-js .e-groupdiv .e-extracontent .e-menu, .e-ribbon.e-js .e-resizediv .e-extracontent .e-menu {
    background: #fff;
    color: #333
}

.e-ribbon.e-js .e-gallerymenu a {
    color: #333
}

.e-ribbon .e-groupdiv .e-galleryextrabtn:hover, .e-ribbon .e-resizediv .e-galleryextrabtn:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0)
}

.e-ribbon .e-groupdiv .e-galleryselect, .e-ribbon .e-resizediv .e-galleryselect {
    box-shadow: none;
    border-color: #74c3e7
}

.e-ribbon .e-groupdiv .e-gallerybtn:hover, .e-ribbon .e-resizediv .e-gallerybtn:hover {
    border-color: #c5e6f5;
    color: #282827;
    background: #fff
}

.e-ribbon .e-groupdiv .e-gallerymovediv > div:hover, .e-ribbon .e-resizediv .e-gallerymovediv > div:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    border-color: #74c3e7
}

.e-ribbon .e-groupdiv .e-gallerymovediv > .e-disablegrymovebtn, .e-ribbon .e-groupdiv .e-gallerymovediv > .e-disablegrymovebtn:hover, .e-ribbon .e-resizediv .e-gallerymovediv > .e-disablegrymovebtn, .e-ribbon .e-resizediv .e-gallerymovediv > .e-disablegrymovebtn:hover {
    background: #fff;
    border-color: #c8c8c8
}

.e-ribbon .e-tooltipdiv {
    border-color: #c8c8c8;
    background: #fff
}

    .e-ribbon .e-tooltipdiv .e-tooltiptitle, .e-ribbon .e-tooltipdiv .e-tooltipcontent, .e-ribbon .e-tooltipdiv .e-tooltipcntwithimg {
        color: #282827
    }

.e-ribbon .e-resizediv {
    border-color: #c8c8c8;
    background: #fff
}

.e-ribbon .e-header .e-margine-top:hover {
    border-top: none
}

.e-ribbon .e-groupdiv .e-gallexpandcontent, .e-ribbon .e-resizediv .e-gallexpandcontent {
    border-color: #c8c8c8
}

.e-ribbon .e-groupdiv .e-disablegrymovebtn > span, .e-ribbon .e-resizediv .e-disablegrymovebtn > span {
    color: #cecece
}

.e-ribbon .e-btn.e-disable.e-select:hover .e-icon {
    color: #282827
}

.e-ribbon .e-btn.e-disable.e-select:hover {
    background: none
}

.e-ribbon .e-ddl .e-disable.e-select:hover {
    background: none;
    color: #282827
}

.e-ribbon .e-tbtn.e-active.e-disable .e-icon {
    color: #282827
}

.e-ribbon .e-ribbonbackstagepage {
    border-color: #c8c8c8;
    background: #fff
}

.e-backstagescrollcontent.e-js .e-content {
    background: #fff
}

.e-ribbon .e-backstagetopcontent, .e-ribbon .e-backstageheader {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
}

.e-ribbon .e-backstageli:hover {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#106992);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#106992));
    background: -webkit-linear-gradient(top,#74c3e7,#106992);
    background: -o-linear-gradient(top,#74c3e7,#106992);
    background: -ms-linear-gradient(top,#74c3e7,#106992);
    background: linear-gradient(to bottom,#74c3e7,#106992);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#106992',GradientType=0)
}

.e-ribbon .e-backstageseparator, .e-ribbon .e-backstageactive {
    background: #b5dff2;
    background: -moz-linear-gradient(top,#b5dff2,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#b5dff2),color-stop(100%,#4ebbec));
    background: -webkit-linear-gradient(top,#b5dff2,#179bd7);
    background: -o-linear-gradient(top,#b5dff2,#179bd7);
    background: -ms-linear-gradient(top,#b5dff2,#179bd7);
    background: linear-gradient(to bottom,#b5dff2,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5dff2',endColorstr='#4ebbec',GradientType=0)
}

.e-ribbon .e-backstagetopicon span:hover:before {
    color: #c5e6f5
}

.e-ribbon .e-backstagetopicon span:before {
    color: #fff
}

.e-ribbon .e-header > .e-apptab .e-apptabanchor:hover {
    background: #c5e6f5;
    background: -moz-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c5e6f5),color-stop(100%,#96d2ed));
    background: -webkit-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -o-linear-gradient(top,#c5e6f5,#96d2ed);
    background: -ms-linear-gradient(top,#c5e6f5,#96d2ed);
    background: linear-gradient(to bottom,#c5e6f5,#96d2ed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e6f5',endColorstr='#96d2ed',GradientType=0);
    color: #282827
}

.e-ribbon .e-backstageli a, .e-ribbon .e-backstagebutton {
    color: #fff
}

    .e-ribbon .e-backstageli:hover a, .e-ribbon .e-backstageactive a, .e-ribbon .e-backstagebutton:hover {
        color: #fff
    }

.e-ribbon .e-backstagecontent {
    background: #fff
}

.e-ribbon .e-header > .e-apptab .e-apptabanchor {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff
}

.e-ganttchart .e-ganttviewerbodyContianer {
    background-color: #fff
}

.e-ganttchart .e-ganttviewerbodyContianerparent {
    border-right-color: #c8c8c8
}

.e-ganttchart .e-headercell-weekend > div {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0)
}

.e-ganttchart .e-weekends {
    background-color: #fafafa !important
}

.e-ganttchart-core {
    background: #fff
}

.e-ganttchart .e-borderbox {
    border-bottom-color: #fff
}

.e-ganttchart .e-schedule-day-headercell, .e-ganttchart .e-schedule-hour-headercell, .e-ganttchart .e-schedule-week-headercell {
    color: #282827;
    border-color: #c8c8c8 !important
}

.e-ganttchart .e-ganttviewerheaderContainer {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -o-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: -ms-linear-gradient(top,#f9f9f9,#f2f2f2);
    background: linear-gradient(to bottom,#f9f9f9,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0);
    color: #282827;
    border-bottom-color: #74c3e7 !important;
    border-right-color: #c8c8c8
}

.e-ganttchart .milestone-top {
    border-bottom-color: #333 !important
}

.e-ganttchart .milestone-bottom {
    border-top-color: #333 !important
}

.e-ganttchart .e-taskbarname {
    color: #333
}

.e-ganttchart .connectorline-rightarrow {
    border-left-color: #333 !important
}

.e-ganttchart .connectorline-leftarrow {
    border-right-color: #333 !important
}

.e-progressbartooltip, .e-editingtooltip, .e-tooltipganttpredecessor {
    background: #fff;
    background-color: #fff;
    color: #333;
    border-color: #c8c8c8
}

.e-ganttchart .e-tooltiptaskname {
    color: #333
}

.e-ganttchart .e-gantt-mouseclick {
    background: rgba(116,195,231,.2);
    background: -moz-linear-gradient(top,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(116,195,231,.2)),color-stop(100%,rgba(23,155,215,.2)));
    background: -webkit-linear-gradient(top,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    background: -o-linear-gradient(top,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    background: -ms-linear-gradient(top,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    background: linear-gradient(to bottom,rgba(116,195,231,.2) 0%,rgba(23,155,215,.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(116, 195, 231, 0.2)',endColorstr='rgba(23, 155, 215, 0.2)',GradientType=0)
}

.e-ganttchart .e-progresshandle {
    background: #333
}

.e-ganttchart .e-progresshandleafter {
    border-bottom-color: #333
}

.e-ganttchart .e-gantt-parenttaskbar-progress, .e-ganttchart .e-gantt-parenttaskbar-innerdiv {
    border-color: #333
}

.e-ganttchart .e-gantt-childtaskbar-progress, .e-ganttchart .e-gantt-childtaskbar {
    border-color: #74c3e7
}

.e-ganttchart .e-chartcell {
    border-bottom-color: transparent
}

.e-ganttchart .e-gantt-mouseclick .e-chartcell .e-resourceinfo, .e-ganttchart .e-gantt-mouseclick .e-chartcell .e-tasknameContainer .e-taskbarname {
    color: #333
}

.e-ganttchart .e-gantt-parenttaskbar-progress {
    background: #333;
    background: -moz-linear-gradient(top,#333 0,#ccc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#ccc));
    background: -webkit-linear-gradient(top,#333 0,#ccc 100%);
    background: -o-linear-gradient(top,#333 0,#ccc 100%);
    background: -ms-linear-gradient(top,#333 0,#ccc 100%);
    background: linear-gradient(to bottom,#333 0,#ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#cccccc',GradientType=0)
}

.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
    background-color: rgba(51,51,51,.6);
    background: #333 \9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.e-ganttchart .e-gantt-childtaskbar-progress {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7 0,#179bd7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7 0,#179bd7 100%);
    background: -o-linear-gradient(top,#74c3e7 0,#179bd7 100%);
    background: -ms-linear-gradient(top,#74c3e7 0,#179bd7 100%);
    background: linear-gradient(to bottom,#74c3e7 0,#179bd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0)
}

.e-ganttchart .e-gantt-childtaskbar {
    background-color: rgba(116,195,231,.6);
    background: #74c3e7 \9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.e-ganttchart .e-line {
    background-color: #333
}

.e-ganttchart .e-connectorpoint-hover {
    background-color: #333
}

.e-ganttchart .e-gantt-falseLine {
    border-top-color: #333
}

.e-ganttchart .gripper:before {
    color: rgba(255,255,255,.4);
    background: #fff \9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.e-ganttchart .e-ganttgridlines {
    border-bottom-color: #e7e7e7
}

.e-radialmenu .e-childdefault {
    fill: #74c3e7
}

.e-radialmenu .e-default {
    fill: whitesmoke
}

.e-radialmenu .e-active {
    fill: #c5e6f5
}

.e-radialmenu .e-arcbgcolor, .e-radialmenu .e-itembgcolor, .e-radialmenu .e-circlebgcolor {
    fill: white;
    stroke: white
}

.e-radialmenu .e-textcolor {
    fill: #333
}

.e-radialmenu .e-radial {
    border-color: #74c3e7;
    background-color: #fff
}

.e-radialmenu .e-badgetext {
    fill: white
}

.e-radialmenu .e-badgecircle {
    fill: #c5e6f5
}

.e-nb.e-nb-layout.e-nb-right {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5,#ddd);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#f5f5f5,#ddd);
    background: -o-linear-gradient(top,#f5f5f5,#ddd);
    background: -ms-linear-gradient(top,#f5f5f5,#ddd);
    background: linear-gradient(to bottom,#f5f5f5,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke',endColorstr='#dddddd',GradientType=0);
    color: #333;
    border-left: 1px solid #c8c8c8;
    box-shadow: -1px 0 10px 0 black;
    overflow-y: auto
}

.e-nb.e-nb-layout.e-nb-left {
    background: #fff;
    border-right: 1px solid #c8c8c8;
    box-shadow: -1px 0 10px 0 black;
    overflow-y: auto
}

.e-lv.subpage {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8
}

.e-lv .e-lv .e-list-container {
    border: none
}

.e-tile.e-tile-common {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff
}

.e-tile.e-tile-flip .e-fontimage.e-tile-image {
    background: #74c3e7;
    background: -moz-linear-gradient(top,#74c3e7,#179bd7);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#74c3e7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#74c3e7,#179bd7);
    background: -o-linear-gradient(top,#74c3e7,#179bd7);
    background: -ms-linear-gradient(top,#74c3e7,#179bd7);
    background: linear-gradient(to bottom,#74c3e7,#179bd7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7',endColorstr='#179bd7',GradientType=0);
    color: #fff
}

.e-radialslider .e-radial-needle {
    stroke: #74c3e7
}

.e-radialslider .e-inner-circle {
    border-color: #74c3e7
}

.e-radialslider .e-radialarcdefault {
    stroke: #74c3e7
}

.e-radialslider .e-ticks-text, .e-radialslider .e-dynamic-text {
    fill: #333
}

.e-radialslider .e-needle-over {
    stroke: #74c3e7
}

.match {
    background: #24D0F9;
}