/* Custom CSS Styles */
body {
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	width: 100%;
	height: 100%;
	overflow-x: hidden !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a,
a:hover,
img,
img:hover,
button,
button:hover,
i,
i:hover {
	transition: all 0.3s ease-in-out;
}

a:hover,
a:active,
a:visited,
a:focus {
	text-decoration: none;
}

img {
	border: 0;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

.tab-new-class {
	height: 700px;
}

.clear,
.clear1,
.clear2,
.clear3,
.clear4,
.clear5,
.clear10,
.clear20,
.clear30,
.clear40,
.clear80 {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.clear {
	height: 0px;
}

.clear1 {
	height: 1px;
}

.clear2 {
	height: 2px;
}

.clear3 {
	height: 3px;
}

.clear4 {
	height: 4px;
}

.clear5 {
	height: 5px;
}

.clear10 {
	height: 10px;
}

.clear20 {
	height: 20px;
}

.clear30 {
	height: 30px;
}

.clear40 {
	height: 40px;
}

.clear80 {
	height: 40px;
}

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

.no-padding {
	padding: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.inline {
	display: inline-block;
}

.mainpage-caption {
	padding-top: 200px;
}

.mainpage-caption h2 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}

.mainpage-caption .caption {
	font-size: 26px;
	color: #ccc;
}

.signup-caption {
	
	height: 44px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #000, #7b7b7b) repeat scroll 0 0 !important;
	margin-top: 90px;
	margin-bottom: 10px;
	background: -webkit-linear-gradient(left, #f26700, #ffa200);
	background: -o-linear-gradient(right, #f26700, #ffa200);
	background: -moz-linear-gradient(right, #f26700, #ffa200);
	background: linear-gradient(to right, #f26700, #ffa200);
}

.signup-caption2 {
	padding: 12px;
	display: flex;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #000, #7b7b7b) repeat scroll 0 0 !important;
	margin-top: 90px;
	margin-bottom: 10px;
	background: -webkit-linear-gradient(left, #f26700, #ffa200);
	background: -o-linear-gradient(right, #f26700, #ffa200);
	background: -moz-linear-gradient(right, #f26700, #ffa200);
	background: linear-gradient(to right, #f26700, #ffa200);
}

.signup-caption .register-icon {
	margin: 8px 10px 0 14px;
	display: inline-block;
	float: left;
}

.signup-caption .txt {
	margin: 10px 10px 0 0px;
	display: inline-block;
	float: left;
}

.signup-info {
	font-size: 15px;
	color: #313131;
}

.signup .agree {
	color: #313131;
	font-size: 13px !important;
}

.login-frm {
	color: #313131;
}

.login-frm input {
	color: #a6a6a6;
	padding: 8px 12px;
	border-radius: 0;
	border-color: #ebebeb;
}

.login-frm label {
	display: block;
}

.login-frm button {
	margin-top: 0;
}

.signup {
	display: inline-block;
}

.signup h2 {
	font-size: 26px;
	font-weight: bold;
}

.txt-space {
	padding: 0 15px;
}

.logo-top {
	text-align: left;
}

.logo-top img {
	margin-top: 16px;
}

.logo-top-1 {
	text-align: left;
	height: 80px;
}

.logo-top-1 img {
	margin-top: 16px;
	height: 55px;
}

.logo h1 {
	color: #fff;
	font-weight: bold;
}

.logo h1 .addon {
	color: #000;
}

.header-top {
	min-height: 120px;
	background-color: #ebebeb;
}

.header-top-1 {
	min-height: 80px;
	background-color: #366095  !important;
}

.header .date-time {
	color: #fff;
	padding-top: 18px;
}

.header {
	position: relative;
	height: 90px;
	border-bottom: 4px solid #666;
}

.navigation {
	position: absolute;
	bottom: 0;
	right: 10px;
}

.navigation ul {
	padding: 0;
	margin: 0 0 4px 0;
}

.navigation li {
	padding: 0;
	margin: 0;
}

.navigation a {
	padding: 6px 10px;
	border-radius: 4px 4px 0 0;
	background-color: #fff;
	margin: 0;
	color: #000;
}

.navigation a:hover {
	background-color: #666;
	color: #fff !important;
}

.navigation .active a {
	background-color: #666;
	color: #fff !important;
}

.content {
	background-color: #fff;
	color: #333;
	padding-bottom: 40px;
}

.welcome {
	color: #003366;
	padding-top: 10px;
}

.account-links {
	display: inline-block;
}

.search {
	display: inline-block;
	padding: 6px;
	margin-left: 10px;
	background-color: #666;
	border-radius: 0 0 4px 4px;
}

/*.content .matter {padding-left: 20px;padding-right: 20px;}*/
.content .matter h2 {
	color: #000;
	font-weight: bold;
	font-size: 22px;
}

thead tr {
	background-color: #eee;
}

.blue-line {
	height: 2px;
	font-size: 0;
	line-height: 0;
	background-color: #ccc;
}

.multi-select {
	width: 100%;
	min-height: 200px;
}

.inv-details h5 {
	color: #003366;
	font-weight: bold;
	font-size: 16px;
}

.inv-details {
	padding-left: 20px;
	padding-right: 20px;
}

.control-label {
	padding-top: 5px;
	text-align: left;
}

.copyright {
	padding: 10px;
	color: #9e9e9e;
}

.container a,
.container-fluid a {
	color: #000;
}

.row {
	margin-right: -5px;
	margin-left: -5px;
}


.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding-right: 5px;
	padding-left: 5px;
}

.checkbox label,
.attachment {
	font-size: 11px;
}

.attachment {
	margin-bottom: 10px;
}

.attachment .info {
	padding-left: 14px;
}

.tab-content .tab-pane {
	border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 20px;
    background-color: #f7f7f7;
    border-radius: 0px 0px 4px 4px;
}

.blue {
	color: #003366;
}

.content .fa-paperclip {
	-ms-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}

.calendar-relative {
	display: inline-block;
	position: relative;
}

.calendar-absolute {
	display: inline-block;
	position: absolute;
	right: 4px;
	top: 8px;
}

/*.btn, .btn-info, .btn-success, .btn-default, .btn-primary { background-color:#000 !important; background-image:none !important; border:0 !important; color:#fff; }*/

.btn-signup {
	background-color: #33B5E5 !important;
	border: none;
	color: #fff;
	font-size: 14px;
	padding: 9px 18px;
	border-radius: 0;
	font-weight: bold;
}

.btn-signup:hover {
	color: #494949;
}

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

.login-frm-first {
	color: #313131;
}

.login-frm-first input {
	color: #a6a6a6;
	padding: 18px 12px;
	border-radius: 0;
	border-color: #e2e2e2;
}

.login-frm-first label {
	display: block;
	font-weight: normal !important;
}

.btn-signin {
	background-color: #000;
	border: none;
	color: #fff;
	font-size: 14px;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	border-radius: 0;
	font-weight: bold;
	width: 100%;
	background: -webkit-linear-gradient(left, #000, #7b7b7b) !important;
	background: -o-linear-gradient(right, #000, #7b7b7b) !important;
	background: -moz-linear-gradient(right, #000, #7b7b7b) !important;
	background: linear-gradient(to right, #000, #7b7b7b) !important;
}

.btn-signin:hover {
	color: #ccc !important;
}


.dt-usr {
	text-align: right;
	margin-top: 2px;
}

.dt {
    color: #313131;
    font-size: 14px;
    padding: 8px 20px;
    display: inline-block;
    border: 1px solid #d7d7d7;
    margin: 0 0px 0 0;
    background-color: #f7f7f7;
    top: 2px;
}

.panel-content-area {

	padding: 19px;
    background: #f7f7f7;
}

.nav-tabs li a {
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
	border: 1px solid #ccc;
    border-radius: 4px 4px 0px 0px;
	
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #555;
    cursor: default;
    background-color: #fff !important;
    border: 1px solid #ddd;
    border-bottom-color: #f7f7f7;
	background-image: none;
	background: linear-gradient(0deg, rgb(247 247 247) 0%, rgba(255,255,255,1) 51%);
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    text-transform: uppercase;
    letter-spacing: .7px;
    font-size: 1.16em;
}

.usr {
	color: #313131;
	font-size: 14px;
	padding: 10px 12px;
	display: inline-block;
	border: 1px solid #d7d7d7;
	margin: 0;
	cursor: pointer;
	background-color: #f7f7f7;
}

.usr .fa-caret-down {
	display: inline-block;
	margin-left: 10px;
}

.dt-usr .name {
	color: #f36c00;
}

.c-nav {
	text-align: right;
	position: relative;
}

.main-nav {
	right: 230px;
	top: -1px;
}

.main-search {
	position: absolute;
	right: 0;
	top: -1px;
}

.main-search .form-control {
	border-radius: 0;
	border: 1px solid #d7d7d7;
	display: inline-block;
	width: 185px !important;
}

.input-group-addon {
	padding: 0;
	margin: 0;
	border-radius: 0;
	border: 1px solid #d7d7d7;
	background-color: #fff;
}

.main-search button {
	border-radius: 0;
	border: 1px solid #d7d7d7;
	display: inline-block;
	background-color: transparent;
	color: #000;
}

.main-search .btn {
	background-color: transparent !important;
}

.main-search button .fa {
	color: #000;
}

.main-nav ul {
	margin: 0;
	padding: 0;
}

.btn-util {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4e95ab),to(#22497a));
}

.btn-warning {
    background-image: -webkit-linear-gradient(top,#5c4a67 0,#3d2737 100%);
    background-image: -o-linear-gradient(top,#5c4a67 0,#3d2737 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5c4a67),to(#3d2737));
    background-image: linear-gradient(to bottom,#5c4a67 0,#3d2737 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #565679;
}

.btn-warning:focus, .btn-warning:hover {
    background-color: #3a3354;
    background-position: 0 -15px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0px; 
}

.btn-warning {
    color: #fff;
    background-color: #3d435f;
}

.btn-warning.active, .btn-warning:active {
    background-color: inherit;
    border-color: inherit;
}

#help_desk_btn {
	border-color:#000;
	height: 38px !important;
}
.main-nav li a {
	display: inline-block;
    background-color: #515968;
    color: #fff !important;
    padding: 7px 16px 7px 16px;
    font-size: 12px;
    border-radius: 4px 4px 0px 0px;
    border-left: 1px solid #337ab7;
    border-right: 1px solid #337ab7;
    border-top: 1px solid #337ab7;
    text-transform: uppercase;
    letter-spacing: .9px;
	-webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 9px rgba(0,0,0,.25);
}

.main-nav li .active_menu {

    border-color: #ffffff !important;

}

.main-nav li ul li a {
	display: inline-block;
    background-color: #515968;
    color: #fff !important;
    padding: 7px 16px 7px 16px;
    font-size: 12px;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: .9px;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #515968;

}

.main-nav li a:hover,
.main-nav .active a {
	background-color: #3688b1 !important;
}

.active_menu {
    background: #3688b1 !important;
}

.main-nav .list-inline>li {
	padding: 0;
}

.dropdown-menu {
	border-radius: 0;
	margin-top: -1px;
}

.dropdown-menu a {
	font-size: 13px;
}

.custom-orange {
	background-color: #f36c00 !important;
	color: #fff !important;
	padding: 6px 12px;
	border-radius: 0;
}

.custom-orange:hover {
	background-color: #000 !important;
}

.forgot {
	padding: 0 300px;
}

.custom-message {
	font-size: 15px;
}

.background-override {
	background-color: #d7d7d7 !important;
	padding-bottom: 0 !important;
	overflow: hidden;
}

.panel-left,
.panel-right {
	background-color: #f7f7f7;
	min-height: 800px;
	width: 50.6%;
	padding: 40px 30px;
}

.panel-left {
	float: left;
	margin-left: -15px;
	box-shadow: 4px 0px 10px #b0afaf;
}

.panel-right {
	float: right;
	margin-right: -15px;
}

.panel-left select {
	font-weight: bold;
	background-color: #ebebeb;
	border: 1px solid #d7d7d7;
	color: #000;
}

.panel-left thead tr,
.panel-right thead tr {
	background-color: #f7f7f7 !important;
}

.orange {
	color: #f36c00;
}

.panel-right thead tr,
.panel-right tr,
.panel-right td,
.panel-right tbody,
.panel-right thead,
.panel-right .table>thead>tr>th {
	border: none !important;
}


.checkboxx {
	width: 17px;
	height: 17px;
	background: transparent url(../images/unchecked.png) no-repeat;
	cursor: pointer;
	display: inline-block;
	float: left;
}

.checked {
	background: transparent url(../images/checked.png) no-repeat;
}

.checkbox-wrapper label {
	display: inline-block;
	float: left;
	margin: 0px 10px 10px 6px;
}

.col-md-clear {
	display: none;
}

.cb-padding-top {
	padding-top: 50px;
}

.calendar {
	border: none !important;
	font-size: 16px;
	display: inline-block;
	margin-top: 40px;
}

.calendar thead tr:nth-child(2) th {
	padding: 10px 12px !important;
}

.calendar #currDay,
.calendar #today,
.calendar #today:hover,
.calendar thead tr:nth-child(2) th,
.calendar tr:first-child th {
	color: #ff8421 !important;
}

.calendar #currDay span,
.calendar .event {
	font-weight: bold;
	color: #ff8421 !important;
}

.calendar-stitch-1 {
	background: url(../images/calendar-stitch.png);
	width: 31px;
	height: 34px;
	position: absolute;
	z-index: 1000;
	left: 287px;
}

.calendar-stitch-2 {
	background: url(../images/calendar-stitch.png);
	width: 31px;
	height: 34px;
	position: absolute;
	z-index: 1000;
	left: 460px;
}

.dynamic-wrapper li {
	padding: 10px 0;
	clear: both;
	display: block;
}

.dynamic-wrapper li a {
	float: left;
	width: 50%;
}

.dynamic-wrapper li .right {
	float: right;
	width: 50%;
	text-align: left;
	font-weight: bold;
}

.dynamic-wrapper li .right a:hover {
	color: #f36c00 !important;
}

#confirmDelete .btn-danger {
	background-color: #c9302c !important;
	border: 0;
}

/* custom changes */

/*style for dropdown*/
select.input-sm {
	line-height: 20px !important;
}


.white,
.text-right a {
	color: #fff !important;
}

.input-padding-10 {
	padding-right: 10px !important;
}

.cross-line {
	display: inline-block;
	border: 1px solid #ccc;
	margin: 10px;
	padding: 10px;
	position: relative;
	background: url(https://i.piccy.info/i7/c7a432fe0beb98a3a66f5b423b430423/1-5-1789/1066503/lol.png);
	background-size: 100% 100%;
}

.my-error-class {
	color: red;
}

.my-valid-class {
	color: green;
}

.form-control {
	font-size: 11px !important;
}

select::-ms-expand {
	display: none !important;
}

select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	appearance: none !important;
	background-color: transparent !important;
	background: url(../images/select-arrow.png) no-repeat !important;
	background-position: 98% 50% !important;
}

/* SQUARED TWO */
.squaredTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
	margin: 20px auto;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	position: relative;
}

.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0);
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked+label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.customTable tbody tr td,
.customTable tbody tr th,
.customTable thead tr th {
	border: none !important;
}

.customDiv {
	border: none !important;
}

.modal-header {
	background-color: #EBEBEB !important;
}

.modal-content {
	background-color: #F7F7F7 !important;
}

.modal {
	z-index: 99999999 !important;
}

.customul {
	width: auto !important;
	margin: 0px !important;
	padding-left: 0px !important;
	max-height: 100px;
}

.customli {
	margin: 1px !important;
	padding: 1px !important;
	border: solid thin;
	border-color: rgba(0, 0, 0, 0.18);
	max-height: 100px;
	overflow-y: scroll;
}

.customSearch {
	width: 100%;
	max-width: 100%;
	background: green;
	color: #fff;
	line-height: 0.5px;
	text-decoration: none;
	border-color: darkgreen;
	border: 1.5px solid !important;
	border-radius: 8px !important;
	text-align: center !important;
	font-size: 12px !important;
}

.customSearch:hover {
	background-color: darkgreen !important;
	margin-top: 1.2px !important;
	border-color: yellow !important;
	/*color: #fff !important;*/
}

.mybtnclass {
	background-color: #313131;
	color: #fff !important;
	display: inline-block;
	font-size: 14px;
	padding: 7px 16px;
	cursor: pointer;
}

.mybtnclass:hover {
	background-color: #F36C00;
	color: #fff !important;
	display: inline-block;
	font-size: 14px;
	padding: 7px 16px;
	cursor: pointer;
}

.table-font {
	font-size: 0.78vw !important;
	/*word-break: break-all;*/
}

.chosen-select-deselect {
	font-size: 12px !important;
}

/*.mytablescroll { height: 220px; overflow: auto;  display: flex;} */
.mytablescroll tbody {
	height: auto;
	overflow-y: scroll;
}

.myActive {
	background: #dddddd none repeat scroll 0 0 !important;
	font-weight: bold !important;
}

.myShrink {
	white-space: nowrap !important;
	column-width: auto !important;

}


/* Code for Add CAPEX */
.txtalignlft {
	text-align: right !important;
}

.jobhistorystyle {
	background-color: #ffffff !important;
	height: 260px !important;
}

.addjobhistory {
	background-color: orange;

}

.addjobhistory1 {
	background-color: #F7F7F7;

}

.backgrndth {
	background-color: #F7F7F7;
	padding: 0px !important;
	border: medium none !important;
}

.marginrightoneprcnt {
	margin-right: 1% !important;
}

.tdapprovl {
	padding-left: 15px !important;
}

.backgrndth td {
	border: medium none !important;
	padding: 0px !important;
}

.addjobhistory2 {
	background-color: #F4F4F4;
	padding: 10px 60px 12px 60px;
	box-shadow: 1px 1px 1px #888888;
	font-weight: bold;
}

.bluecolor {
	color: blue !important;
}

.bluecoloritalics {
	color: blue !important;
	font-style: italic !important;
	font-weight: normal !important;
	margin-left: 10% !important;
}

.custom-style-invoicebox {
	width: 95.333% !important;
	font-size: 10px !important;
}

.borderjobhistory {
	border: 1px solid !important;
}

.jobhistorybody {

	padding: 100% !important;
}



.checkboxcompleted {
	font-size: 12px;
	text-align: center !important;
	width: 25%;
}

.checkboxcompleted_frst {
	font-size: 12px;
	width: 29%;
}

.alignLeftElmnts th,
.alignLeftElmnts tr,
.alignLeftElmnts td {
	text-align: left ! important;
	padding-left: 2px !important;
}

#forcast_tbl_length {
	display: none !important;
}

.hd_width_custom {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.hd_width_custom1 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.containTabs {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.colLen {
	text-align: center !important;
}

.custBtn {
	/*background-image: none !important;*/
	border: 0 !important;
	/*background-color: #F36C00 !important;
	color: #000 !important;
	float: right !important;*/
}

.custBtn:hover {
	color: #fff !important;
}

.clrout {
	background-color: #808080 !important;
}

/*  aeview.php CSS Ends*/

/*  aeview_POPUP CSS Ends*/

.custSetting {
	margin-left: 0 !important;
	padding-left: 0 !important;
}


.redcolor {
	color: red !important;
}

.bordertbl {
	border: 1px solid !important;
}

.addonInvoice {
	font-weight: normal;
	text-align: center !important;
	color: rgb(57, 57, 188) !important;
	cursor: pointer !important;
}

.centrheading {
	text-align: center !important;
}


.selectarrowremove {
	background: transparent !important;
	outline: none !important;

	-webkit-appearance: none !important;
	filter: alpha(opacity=0) !important;
}

.textfieldcustom {
	width: 88% !important;
	margin-left: 5% !important;
	margin-right: 5% !important;
	height: auto !important;
	padding-left: 5% !important;
	padding-right: 5% !important;
	text-align: right !important;
	border: medium none !important;
	box-shadow: none !important;
	background-color: #F9F9F9 !important;
	color: black !important;
	text-align: center !important;
}

.textfieldcustomDte {
	width: 88% !important;
	margin-left: 5% !important;
	margin-right: 5% !important;
	height: auto !important;
	padding-left: 5% !important;
	padding-right: 5% !important;
	text-align: right !important;
	border: medium none !important;
	box-shadow: none !important;
	background-color: #F9F9F9 !important;
	color: black !important;
}

.goback {
	float: right;
}

.dollarfieldtext {
	border: medium none !important;
	background-color: #F9F9F9 !important;
	color: black !important;
	float: left !important;
}

.marginclass {
	margin-left: 1.5% !important;
}

.input-dollar {
	position: relative;
}


.removebckgrndfordates {
	background-color: transparent !important;
	border: 0 none !important;
	font-size: 10px !important;
	height: 20px !important;
	margin-left: 25% !important;
	padding-left: 0px !important;
	text-align: center !important;
	width: 60% !important;
	border: none !important;

}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    width: 17px;
    height: 17px;
}

.panel-default>.panel-heading {
    color: #296fab;
    background-color: #f5f5f5;
    border-color: #ddd;
    letter-spacing: .5px;
}

.input-euro {
	position: relative;
}

.input-euro.left input {
	padding-left: 18px;
}

.input-euro.right input {
	padding-right: 18px;
	text-align: end;
}

.input-euro:before {
	position: absolute;
	top: 0;
	content: "€";
}

.input-euro.left:before {
	left: 5px;
}

.input-euro.right:before {
	right: 5px;
}

.removebckgrnd {
	background-color: #f7f7f7 !important;
	border: medium none #f7f7f7 !important;
	box-shadow: none !important;
	color: blue !important;
}

.input-dollar:before {
	content: "$";

	position: absolute;
	top: 19.5px;

}

.JobtypeBtn {
	float: right !important;
	background-color: #4db848 !important;
	color: white !important;
}

.customdollar {
	width: auto !important;
	margin-left: 1% !important;
	width: 99% !important;
}

.customclassDollar {
	background-color: #EEEEEE !important;
	padding: 8px !important;
	width: 10% !important;
}

.fontsizeheadings {
	font-size: 1.25em !important;
}

.customBtnGreen {
	background-image: none !important;
	border: 0 !important;
	background-color: #489F48 !important;
	color: #FFF !important;
	float: right !important;
	font-weight: bold !important;
	overflow: hidden !important;
	font-size: 11px !important;
}

.customBtnGreen:hover {
	background-color: #F36C00 !important;
	color: #fff !important;
}

.customBtnRed {
	background-image: none !important;
	border: 0 !important;
	background-color: #FF0000 !important;
	color: #FFF !important;
	float: right !important;
	font-weight: bold !important;
	text-align: center;
	overflow: hidden !important;
	font-size: 11px !important;
}

.customBtnRed:hover {
	background-color: #F36C00 !important;
	color: #fff !important;
}

.portfolionav {
	font-weight: 600;
	color: #333333 !important;
	cursor: pointer !important;
}

.portfolionavActive {
	font-weight: 800;
	color: #333333 !important;
	cursor: pointer !important;
}

.uwsumrynav {
	font-weight: 600;
	color: #333333 !important;
	cursor: pointer !important;
}

.floatright {
	float: right !important;
}

/*  aeview_POPUP CSS Ends*/


.hbtn1 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	box-shadow: 1px 1px 1px #888888;
	color: black !important;
	background-image: none !important;
	margin: 3px !important;
	border: none !important;
	background-color: #E5E5E5 !important;
}

.hbtn2 {
	box-shadow: 1px 1px 1px #888888;
	color: #3399FF !important;
	background-image: none !important;
	margin: 3px !important;
	border: none !important;
	background-color: #E5E5E5 !important;
}

.hbtn3 {
	box-shadow: 1px 1px 1px #888888;
	color: #08AA44 !important;
	background-image: none !important;
	margin: 3px !important;
	border: none !important;
	background-color: #E5E5E5 !important;
}

.hbtn4 {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	box-shadow: 1px 1px 1px #888888;
	color: #3399FF !important;
	background-image: none !important;
	margin: 3px !important;
	border: none !important;
	background-color: #E5E5E5 !important;
}

#invoices_dtatbl {
	counter-reset: line-number;
}

#invoices_dtatbl td:first-child:before {
	content: "Invoice " counter(line-number);
	counter-increment: line-number;
	padding-right: 0.3em;
}

#invoices_dtatb2 {
	counter-reset: line-number;
}

#invoices_dtatb2 td:first-child:before {
	content: "Payment " counter(line-number);
	counter-increment: line-number;
	padding-right: 0.3em;
}



.noBorderCustomTable th,
.noBorderCustomTable tr,
.noBorderCustomTable td {
	border: none !important;
}

.margincustom {
	margin-right: 1% !important;
	font-size: 11px;
}

.ui-datepicker {
	z-index: 999999999999 !important;
}




.tblheadr {
	text-align: left !important;
	column-width: auto !important;
}

.alertify {
	top: 40% !important;
	z-index: 999999999 !important;
}

#uwbudget_tbl {
	counter-reset: line-number;
}

#uwbudget_tbl td:first-child:before {
	content: counter(line-number);
	counter-increment: line-number;
}


#sidebar-wrapper {
	margin-left: -150px;
	left: 70px;
	width: 220px;
	/*    background: #222;
    position: fixed;
	border: 0.5px solid rgb(207, 207, 207);*/
	height: 100%;
	z-index: 10000;
	transition: all .4s ease 0s;
}

.sidebar-nav {
	display: block;
	float: left;
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

#wrapper.active {
	padding-left: 140px;
}

#wrapper.active #sidebar-wrapper {
	left: 150px;
}

#sidebar_menu li a,
.sidebar-nav li a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ebebeb;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	border-bottom-color: #cfcfcf;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #cfcfcf;
	border-top-style: solid;
	border-top-width: 1px;
	color: #71717d;
	display: block;
	float: left;
	text-decoration-color: -moz-use-text-color;
	text-decoration-line: none;
	text-decoration-style: solid;
	transition-delay: 0s;
	transition-duration: 0.5s;
	transition-property: background;
	transition-timing-function: ease;
	width: 220px;
}

.sidebar_name {
	padding-top: 25px;
	color: #fff;
	opacity: .7;
}

.sidebar-nav li {
	line-height: 40px;
	text-indent: 20px;
}

.sidebar-nav li a {
	color: #02020e;
	display: block;
	text-decoration: none;
}

.sidebar-nav li a:hover {
	color: #000000;
	background: rgba(255, 255, 255, 0.2);
	text-decoration: none;
	cursor: pointer;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
	text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
	height: 65px;
	line-height: 62px;
	font-size: 18px;
}

.sidebar-nav>.sidebar-brand a {
	color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
	color: #fff;
	background: none;
}

.sidebar-bottom {
	position: absolute;
	bottom: 0;
}

#main_icon {
	float: right;
	padding-right: 30px;
	padding-top: 20px;
}

.panel_borders {
	border: 1px solid #AFAFAF !important;
	border-radius: 4px !important;
	margin: 0 !important;
	padding: 1px !important;
	width: 100% !important;
	word-wrap: break-word !important;
}

.panel-hovers:hover {
	background-color: #EFEFEF !important;
	color: #3F3F3F !important;
	cursor: pointer;
}

.panel_borders:hover {
	background-color: #EFEFEF !important;
	color: #3F3F3F !important;
	cursor: pointer;
}

.renovation_panel_body_class {
	white-space: normal !important;
	width: 100% !important;
	max-width: 100%;
}

.panel-header-class {
	padding: 5px !important;
}

.renovation_panel_body_class>p {
	word-wrap: break-word !important;
	max-width: 100%;
	width: 100%;
	white-space: pre-wrap;
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000000;
	background-color: #EEF1F6 !important;
	opacity: 0.50 !important;
}

#loader {
	background: transparent url("../images/screen_loader.gif") no-repeat scroll 0 0 !important;
	display: block;
	height: 110px;
	left: 46%;
	position: relative;
	top: 40%;
	width: 88px;
}

.progress-bar {
	background-image: linear-gradient(to bottom, #000 0px, #000 100%) !important;
	background-repeat: repeat-x;
}

.checkbox {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

.navbar {
	position: fixed !important;
	height: auto !important;
}

nav.sidebar,
.main {
	-webkit-transition: margin 200ms ease-out;
	-moz-transition: margin 200ms ease-out;
	-o-transition: margin 200ms ease-out;
	transition: margin 200ms ease-out;
}

.main {
	padding: 10px 10px 0 10px;
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover,
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #CCC;
	background-color: transparent;
}

nav:hover .forAnimate {
	opacity: 1;
}

section {
	padding-left: 15px;
}

.input-add_job {
	width: 100% !important;
}

/*--------------Nav left by fahim-------------*/

.mini-submenu {
	display: none;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0.9);
	border-radius: 4px;
	padding: 9px;
	width: 42px;
	position: fixed;

}

.mini-submenu:hover {
	cursor: pointer;
}

.mini-submenu .icon-bar {
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
	margin-top: 3px;
}

.mini-submenu .icon-bar {
	background-color: #000;
}

#slide-submenu {
	background: rgba(0, 0, 0, 0.45);
	display: inline-block;
	padding: 0 8px;
	border-radius: 4px;
	cursor: pointer;
}

#listgroup {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #eaeaea;
	margin-top: 0px;
	overflow: hidden;
	width: auto;
	z-index: 1 !important;
	margin-right: 10px;
	/*position: fixed;*/
	top: 120px;
}

.activelist {
	background-color: #EBEBEB;
}


#listgroup a {
	font-size: 13px;
	margin-top: 6px;
}

@media only screen and (max-width : 1000px) {
	#listgroup {
		background: #ffffff none repeat scroll 0 0 !important;
		border: 1px solid #eaeaea !important;
		margin-top: 0px !important;
		overflow: hidden !important;
		width: auto !important;
		z-index: 1 !important;
		margin-right: 10px !important;
		position: relative !important;
		margin-bottom: 120px !important;

	}
}

#listgroup .list-group-item.active {
	background: #000000 none repeat scroll 0 0;
	font-weight: bold;
}



/*---------------Chart CSS----------*/

.chart_labels-y {
	background-color: #fff ! important;
	color: black ! important;
	overflow: hidden;
	padding-left: 0px ! important;
	height: 302;
	width: 22% ! important;
}

.chart_map {
	width: 78% !important;
	border-left: 2px solid gray ! important;
	border-bottom: 2px solid gray ! important;
	overflow: hidden ! important;
	background-color: #fff !important;
	padding-right: 0px ! important;
	padding-left: 0px ! important;
	height: 302px ! important;
}

.chartFooter-main {
	background-color: #fff !important;
	color: black ! important;
	height: 25px ! important;
	overflow: hidden ! important;
	padding-left: 0px ! important;
	padding-right: 0px ! important;
}

.chart_footer-left {
	background-color: #fff !important;
	color: black ! important;
	height: auto;
	overflow: hidden;
	visibility: hidden;
	width: 16% !important;
	padding: 0 !important;
}

.chart_footer-right {
	overflow: hidden ! important;
	height: auto;
	background-color: #fff !important;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 84% !important;
}

.chart_footer-right1 {
	font-size: 10px;
	margin-bottom: 8px ! important;
	text-align: left;
	float: left;
	padding-left: 7% ! important;
}

.chart_footer-right2 {
	font-size: 10px;
	margin-bottom: 8px ! important;
	padding-left: 6% ! important;
}

.chart_footer-right3 {
	font-size: 10px;
	margin-bottom: 8px ! important;
	padding-left: 22% ! important;
}

.chart_footer-right4 {
	font-size: 10px;
	margin-bottom: 8px ! important;
	padding-left: 30% ! important;
}

.chart_footer-right5 {
	font-size: 10px;
	margin-bottom: 8px ! important;
	text-align: right;
	float: right;
	padding-left: 0px ! important;
	padding-right: 0px;
}

.vertical-line1 {
	width: 2px;
	/* Line width */
	background-color: #e4e4e4;
	/* Line color */
	height: 303px;
	/* Override in-line if you want specific height. */
	position: absolute;
	top: 0;
	left: 33.34%;
}

.vertical-line2 {
	width: 2px;
	/* Line width */
	background-color: #e4e4e4;
	/* Line color */
	height: 303px;
	/* Override in-line if you want specific height. */
	position: absolute;
	top: 0;
	left: 66.67%;
}

.vertical-line3 {
	width: 2px;
	/* Line width */
	background-color: #e4e4e4;
	/* Line color */
	height: 303px;
	/* Override in-line if you want specific height. */
	position: absolute;
	top: 0;
	left: 99.5%;
}

.vertical-line4 {
	width: 2px;
	/* Line width */
	background-color: #e4e4e4;
	/* Line color */
	height: 303px;
	/* Override in-line if you want specific height. */
	position: absolute;
	top: 0;
	left: 99%;
}

/*   CHART Bar1   */
#myProgressChart1 {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 3px auto 1px !important;
	position: relative;
	width: 100%;
}

#myBarChart1 {
	background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;

	height: auto;
	position: absolute;
	width: 0%;
}

#labelChart1 {
	color: #000000;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

#myBarChart1:before,
#myBarChart1:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

#myBarChart1:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart1:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart1:hover:before,
#myBarChart1:focus:before,
#myBarChart1:active:before,
#myBarChart1:hover:after,
#myBarChart1:focus:after,
#myBarChart1:active:after {
	opacity: 1;
}

/*   CHART Bar2   */
#myProgressChart2 {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 1px auto !important;
	position: relative;
	width: 100%;
}

#myBarChart2 {
	background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


	height: auto;
	position: absolute;
	width: 0%;
}

#labelChart2 {
	color: #000000;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

#myBarChart2:before,
#myBarChart2:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

#myBarChart2:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart2:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart2:hover:before,
#myBarChart2:focus:before,
#myBarChart2:active:before,
#myBarChart2:hover:after,
#myBarChart2:focus:after,
#myBarChart2:active:after {
	opacity: 1;
}

/*   CHART Bar3   */
#myProgressChart3 {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 1px auto !important;
	position: relative;
	width: 100%;
}

#myBarChart3 {
	background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


	height: auto;
	position: absolute;
	width: 0%;
}

#labelChart3 {
	color: #000000;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

#myBarChart3:before,
#myBarChart3:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

#myBarChart3:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart3:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart3:hover:before,
#myBarChart3:focus:before,
#myBarChart3:active:before,
#myBarChart3:hover:after,
#myBarChart3:focus:after,
#myBarChart3:active:after {
	opacity: 1;
}

/*   CHART Bar4   */
#myProgressChart4 {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 1px auto !important;
	position: relative;
	width: 100%;
}

#myBarChart4 {
	background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


	height: auto;
	position: absolute;
	width: 0%;
}

#labelChart4 {
	color: #000000;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

#myBarChart4:before,
#myBarChart4:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

#myBarChart4:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart4:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart4:hover:before,
#myBarChart4:focus:before,
#myBarChart4:active:before,
#myBarChart4:hover:after,
#myBarChart4:focus:after,
#myBarChart4:active:after {
	opacity: 1;
}

/*   CHART Bar5   */
#myProgressChart5 {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 1px auto !important;
	position: relative;
	width: 100%;
}

#myBarChart5 {
	background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


	height: auto;
	position: absolute;
	width: 0%;
}

#labelChart5 {
	color: #000000;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

#myBarChart5:before,
#myBarChart5:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

#myBarChart5:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart5:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart5:hover:before,
#myBarChart5:focus:before,
#myBarChart5:active:before,
#myBarChart5:hover:after,
#myBarChart5:focus:after,
#myBarChart5:active:after {
	opacity: 1;
}

/*   CHART Bar6   */
#myProgressChart6 {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 1px auto !important;
	position: relative;
	width: 100%;
}

#myBarChart6 {
	background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


	height: auto;
	position: absolute;
	width: 0%;
}

#labelChart6 {
	color: #000000;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

#myBarChart6:before,
#myBarChart6:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

#myBarChart6:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart6:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
}

#myBarChart6:hover:before,
#myBarChart6:focus:before,
#myBarChart6:active:before,
#myBarChart6:hover:after,
#myBarChart6:focus:after,
#myBarChart6:active:after {
	opacity: 1;
}

/*   CHART Bar7   */
#myProgressChart7 {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 1px auto !important;
	position: relative;
	width: 100%;
}

.myProgressCharts {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 1px auto !important;
	position: relative;
	width: 100%;
}

.myProgressCharts {
	background-color: transparent;


	float: left;
	height: 25px;
	margin: 1px auto !important;
	position: relative;
	width: 100%;
}

.myBarCharts {
	background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


	height: auto;
	position: absolute;
	width: 0%;
}

.labelCharts {
	color: #000000;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

.myBarCharts:before,
.myBarCharts:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.myBarCharts:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
}

.myBarCharts:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
}

.myBarCharts:hover:before,
.myBarCharts:focus:before,
.myBarCharts:active:before,
.myBarCharts:hover:after,
.myBarCharts:focus:after,
.myBarCharts:active:after {
	opacity: 1;
}
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1499px) {
	.btn_plusIcon {
		color: #00BFFF !important;
		height: auto ! important;
		width: 6% ! important;
		max-width: 6% ! important;
		min-width: 6% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_uploadIcon {
		color: green !important;
		height: auto ! important;
		width: 6% ! important;
		max-width: 6% ! important;
		min-width: 6% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_shareIcon {
		color: orange ! important;
		height: auto ! important;
		width: 6% ! important;
		max-width: 6% ! important;
		min-width: 6% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.chart_labels-y {
		background-color: #F7F7F7 ! important;
		color: black ! important;
		overflow: hidden;
		padding-left: 0px ! important;
		height: 295px;
	}

	.chart_map {
		border-left: 2px solid gray ! important;
		border-bottom: 2px solid gray ! important;
		overflow: hidden ! important;
		background-color: #fff !important;
		padding-right: 0px ! important;
		padding-left: 0px ! important;
		height: 302px ! important;
	}

	.chartFooter-main {
		background-color: #fff !important;
		color: black ! important;
		height: 25px ! important;
		overflow: hidden ! important;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}

	.chart_footer-left {
		background-color: #fff !important;
		color: black ! important;
		height: auto;
		overflow: hidden;
		visibility: hidden;
		padding: 0 !important;
	}

	.chart_footer-right {
		overflow: hidden ! important;
		height: auto;
		background-color: #fff !important;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.chart_footer-right1 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: left;
		float: left;
		padding-left: 7% ! important;
	}

	.chart_footer-right2 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 6% ! important;
	}

	.chart_footer-right3 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 22% ! important;
	}

	.chart_footer-right4 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 30% ! important;
	}

	.chart_footer-right5 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: right;
		float: right;
		padding-left: 0px ! important;
		padding-right: 0px;
	}

	.vertical-line1 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 33.34%;
	}

	.vertical-line2 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 66.67%;
	}

	.vertical-line3 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99.5%;
	}

	.vertical-line4 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99%;
	}

	/*   CHART Bar1   */
	#myProgressChart1 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 3px auto 1px !important;
		position: relative;
		width: 100%;
	}

	#myBarChart1 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart1 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart1:before,
	#myBarChart1:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart1:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:hover:before,
	#myBarChart1:focus:before,
	#myBarChart1:active:before,
	#myBarChart1:hover:after,
	#myBarChart1:focus:after,
	#myBarChart1:active:after {
		opacity: 1;
	}

	/*   CHART Bar2   */
	#myProgressChart2 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart2 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart2 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart2:before,
	#myBarChart2:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart2:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:hover:before,
	#myBarChart2:focus:before,
	#myBarChart2:active:before,
	#myBarChart2:hover:after,
	#myBarChart2:focus:after,
	#myBarChart2:active:after {
		opacity: 1;
	}

	/*   CHART Bar3   */
	#myProgressChart3 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart3 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart3 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart3:before,
	#myBarChart3:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart3:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:hover:before,
	#myBarChart3:focus:before,
	#myBarChart3:active:before,
	#myBarChart3:hover:after,
	#myBarChart3:focus:after,
	#myBarChart3:active:after {
		opacity: 1;
	}

	/*   CHART Bar4   */
	#myProgressChart4 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart4 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart4 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart4:before,
	#myBarChart4:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart4:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:hover:before,
	#myBarChart4:focus:before,
	#myBarChart4:active:before,
	#myBarChart4:hover:after,
	#myBarChart4:focus:after,
	#myBarChart4:active:after {
		opacity: 1;
	}

	/*   CHART Bar5   */
	#myProgressChart5 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart5 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart5 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart5:before,
	#myBarChart5:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart5:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:hover:before,
	#myBarChart5:focus:before,
	#myBarChart5:active:before,
	#myBarChart5:hover:after,
	#myBarChart5:focus:after,
	#myBarChart5:active:after {
		opacity: 1;
	}

	/*   CHART Bar6   */
	#myProgressChart6 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart6 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart6 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart6:before,
	#myBarChart6:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart6:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:hover:before,
	#myBarChart6:focus:before,
	#myBarChart6:active:before,
	#myBarChart6:hover:after,
	#myBarChart6:focus:after,
	#myBarChart6:active:after {
		opacity: 1;
	}

	/*   CHART Bar7   */
	#myProgressChart7 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myProgressCharts {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myProgressCharts {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myBarCharts {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	.labelCharts {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	.myBarCharts:before,
	.myBarCharts:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	.myBarCharts:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:hover:before,
	.myBarCharts:focus:before,
	.myBarCharts:active:before,
	.myBarCharts:hover:after,
	.myBarCharts:focus:after,
	.myBarCharts:active:after {
		opacity: 1;
	}
}

@media only screen and (max-device-width: 800px) {
	.btn_plusIcon {
		color: #00BFFF !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_uploadIcon {
		color: green !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_shareIcon {
		color: orange ! important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.chart_labels-y {
		background-color: #fff
	}

	.chart_map {
		background-color: #fff !important;
		border-bottom: 2px solid gray !important;
		border-left: 2px solid gray !important;
		height: 302px !important;
		overflow: hidden !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 45% !important;
	}

	.chartFooter-main {
		background-color: #fff !important;
		color: black ! important;
		height: 25px ! important;
		overflow: hidden ! important;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}

	.chart_footer-left {
		background-color: #fff !important;
		color: black ! important;
		height: auto;
		overflow: hidden;
		visibility: hidden;
		width: 45% !important;
	}

	.chart_footer-right {
		overflow: hidden ! important;
		height: auto;
		background-color: #fff !important;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
		width: 55% !important;
	}

	.chart_footer-right1 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: left;
		float: left;
		padding-left: 7% ! important;
	}

	.chart_footer-right2 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 6% ! important;
	}

	.chart_footer-right3 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 22% ! important;
	}

	.chart_footer-right4 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 30% ! important;
	}

	.chart_footer-right5 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: right;
		float: right;
		padding-left: 0px ! important;
		padding-right: 0px;
	}

	.vertical-line1 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 245px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 33.34%;
	}

	.vertical-line2 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 245px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 66.67%;
	}

	.vertical-line3 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 245px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99.5%;
	}

	.vertical-line4 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 245px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99%;
	}

	/*   CHART Bar1   */
	#myProgressChart1 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 3px auto 1px !important;
		position: relative;
		width: 100%;
	}

	#myBarChart1 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart1 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart1:before,
	#myBarChart1:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart1:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:hover:before,
	#myBarChart1:focus:before,
	#myBarChart1:active:before,
	#myBarChart1:hover:after,
	#myBarChart1:focus:after,
	#myBarChart1:active:after {
		opacity: 1;
	}

	/*   CHART Bar2   */
	#myProgressChart2 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart2 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart2 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart2:before,
	#myBarChart2:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart2:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:hover:before,
	#myBarChart2:focus:before,
	#myBarChart2:active:before,
	#myBarChart2:hover:after,
	#myBarChart2:focus:after,
	#myBarChart2:active:after {
		opacity: 1;
	}

	/*   CHART Bar3   */
	#myProgressChart3 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart3 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart3 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart3:before,
	#myBarChart3:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart3:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:hover:before,
	#myBarChart3:focus:before,
	#myBarChart3:active:before,
	#myBarChart3:hover:after,
	#myBarChart3:focus:after,
	#myBarChart3:active:after {
		opacity: 1;
	}

	/*   CHART Bar4   */
	#myProgressChart4 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart4 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart4 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart4:before,
	#myBarChart4:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart4:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:hover:before,
	#myBarChart4:focus:before,
	#myBarChart4:active:before,
	#myBarChart4:hover:after,
	#myBarChart4:focus:after,
	#myBarChart4:active:after {
		opacity: 1;
	}

	/*   CHART Bar5   */
	#myProgressChart5 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart5 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart5 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart5:before,
	#myBarChart5:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart5:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:hover:before,
	#myBarChart5:focus:before,
	#myBarChart5:active:before,
	#myBarChart5:hover:after,
	#myBarChart5:focus:after,
	#myBarChart5:active:after {
		opacity: 1;
	}

	/*   CHART Bar6   */
	#myProgressChart6 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart6 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart6 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart6:before,
	#myBarChart6:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart6:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:hover:before,
	#myBarChart6:focus:before,
	#myBarChart6:active:before,
	#myBarChart6:hover:after,
	#myBarChart6:focus:after,
	#myBarChart6:active:after {
		opacity: 1;
	}

	/*   CHART Bar7   */
	#myProgressChart7 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myBarCharts {
		background: transparent linear-gradient(to right, #A9A9A9, #CFCFCF) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	.labelCharts {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	.myBarCharts:before,
	.myBarCharts:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	.myBarCharts:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:hover:before,
	.myBarCharts:focus:before,
	.myBarCharts:active:before,
	.myBarCharts:hover:after,
	.myBarCharts:focus:after,
	.myBarCharts:active:after {
		opacity: 1;
	}
}

@media only screen and (min-device-width: 801px) and (max-device-width: 980px) {
	.btn_plusIcon {
		color: #00BFFF !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_uploadIcon {
		color: green !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_shareIcon {
		color: orange ! important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.chart_labels-y {
		background-color: #fff ! important;
		color: black ! important;
		overflow: hidden;
		padding-left: 0px ! important;
		height: 300px ! important;
		width: 45% !important;
	}

	.chart_map {
		background-color: #fff !important;
		border-bottom: 2px solid gray !important;
		border-left: 2px solid gray !important;
		height: 302px !important;
		overflow: hidden !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 45% !important;
	}

	.chartFooter-main {
		background-color: #fff !important;
		color: black ! important;
		height: 25px ! important;
		overflow: hidden ! important;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}

	.chart_footer-left {
		background-color: #fff !important;
		color: black ! important;
		height: auto;
		overflow: hidden;
		visibility: hidden;
		width: 45% !important;
	}

	.chart_footer-right {
		overflow: hidden ! important;
		height: auto;
		background-color: #fff !important;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
		width: 55% !important;
	}

	.chart_footer-right1 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: left;
		float: left;
		padding-left: 7% ! important;
	}

	.chart_footer-right2 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 6% ! important;
	}

	.chart_footer-right3 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 22% ! important;
	}

	.chart_footer-right4 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 29% ! important;
	}

	.chart_footer-right5 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: right;
		float: right;
		padding-left: 0px ! important;
		padding-right: 0px;
	}

	.vertical-line1 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 33.34%;
	}

	.vertical-line2 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 66.67%;
	}

	.vertical-line3 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99.5%;
	}

	.vertical-line4 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99%;
	}

	/*   CHART Bar1   */
	#myProgressChart1 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 3px auto 1px !important;
		position: relative;
		width: 100%;
	}

	#myBarChart1 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart1 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart1:before,
	#myBarChart1:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart1:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:hover:before,
	#myBarChart1:focus:before,
	#myBarChart1:active:before,
	#myBarChart1:hover:after,
	#myBarChart1:focus:after,
	#myBarChart1:active:after {
		opacity: 1;
	}

	/*   CHART Bar2   */
	#myProgressChart2 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart2 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart2 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart2:before,
	#myBarChart2:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart2:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:hover:before,
	#myBarChart2:focus:before,
	#myBarChart2:active:before,
	#myBarChart2:hover:after,
	#myBarChart2:focus:after,
	#myBarChart2:active:after {
		opacity: 1;
	}

	/*   CHART Bar3   */
	#myProgressChart3 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart3 {
		background: transparent linear-gradient(to right, #A9A9A9, #CFCFCF) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart3 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart3:before,
	#myBarChart3:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart3:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:hover:before,
	#myBarChart3:focus:before,
	#myBarChart3:active:before,
	#myBarChart3:hover:after,
	#myBarChart3:focus:after,
	#myBarChart3:active:after {
		opacity: 1;
	}

	/*   CHART Bar4   */
	#myProgressChart4 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart4 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart4 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart4:before,
	#myBarChart4:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart4:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:hover:before,
	#myBarChart4:focus:before,
	#myBarChart4:active:before,
	#myBarChart4:hover:after,
	#myBarChart4:focus:after,
	#myBarChart4:active:after {
		opacity: 1;
	}

	/*   CHART Bar5   */
	#myProgressChart5 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart5 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart5 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart5:before,
	#myBarChart5:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart5:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:hover:before,
	#myBarChart5:focus:before,
	#myBarChart5:active:before,
	#myBarChart5:hover:after,
	#myBarChart5:focus:after,
	#myBarChart5:active:after {
		opacity: 1;
	}

	/*   CHART Bar6   */
	#myProgressChart6 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart6 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart6 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart6:before,
	#myBarChart6:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart6:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:hover:before,
	#myBarChart6:focus:before,
	#myBarChart6:active:before,
	#myBarChart6:hover:after,
	#myBarChart6:focus:after,
	#myBarChart6:active:after {
		opacity: 1;
	}

	/*   CHART Bar7   */
	#myProgressChart7 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myProgressCharts {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myBarCharts {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	.labelCharts {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	.myBarCharts:before,
	.myBarCharts:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	.myBarCharts:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:hover:before,
	.myBarCharts:focus:before,
	.myBarCharts:active:before,
	.myBarCharts:hover:after,
	.myBarCharts:focus:after,
	.myBarCharts:active:after {
		opacity: 1;
	}
}

@media only screen and (min-device-width: 981px) and (max-device-width: 1023px) {
	.btn_plusIcon {
		color: #00BFFF !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_uploadIcon {
		color: green !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_shareIcon {
		color: orange ! important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.chart_labels-y {
		background-color: #fff ! important;
		color: black ! important;
		overflow: hidden;
		padding-left: 0px ! important;
		height: 295px;
	}

	.chart_map {
		border-left: 2px solid gray ! important;
		border-bottom: 2px solid gray ! important;
		overflow: hidden ! important;
		background-color: #fff !important;
		padding-right: 0px ! important;
		padding-left: 0px ! important;
		height: 302px ! important;
	}

	.chartFooter-main {
		background-color: #fff !important;
		color: black ! important;
		height: 25px ! important;
		overflow: hidden ! important;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}

	.chart_footer-left {
		background-color: #fff !important;
		color: black ! important;
		height: auto;
		overflow: hidden;
		visibility: hidden;
	}

	.chart_footer-right {
		overflow: hidden ! important;
		height: auto;
		background-color: #fff !important;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.chart_footer-right1 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: left;
		float: left;
		padding-left: 7% ! important;
	}

	.chart_footer-right2 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 6% ! important;
	}

	.chart_footer-right3 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 22% ! important;
	}

	.chart_footer-right4 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 29% ! important;
	}

	.chart_footer-right5 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: right;
		float: right;
		padding-left: 0px ! important;
		padding-right: 0px;
	}

	.vertical-line1 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 33.34%;
	}

	.vertical-line2 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 66.67%;
	}

	.vertical-line3 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99.5%;
	}

	.vertical-line4 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99%;
	}

	/*   CHART Bar1   */
	#myProgressChart1 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 3px auto 1px !important;
		position: relative;
		width: 100%;
	}

	#myBarChart1 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart1 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart1:before,
	#myBarChart1:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart1:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:hover:before,
	#myBarChart1:focus:before,
	#myBarChart1:active:before,
	#myBarChart1:hover:after,
	#myBarChart1:focus:after,
	#myBarChart1:active:after {
		opacity: 1;
	}

	/*   CHART Bar2   */
	#myProgressChart2 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart2 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart2 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart2:before,
	#myBarChart2:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart2:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:hover:before,
	#myBarChart2:focus:before,
	#myBarChart2:active:before,
	#myBarChart2:hover:after,
	#myBarChart2:focus:after,
	#myBarChart2:active:after {
		opacity: 1;
	}

	/*   CHART Bar3   */
	#myProgressChart3 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart3 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart3 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart3:before,
	#myBarChart3:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart3:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:hover:before,
	#myBarChart3:focus:before,
	#myBarChart3:active:before,
	#myBarChart3:hover:after,
	#myBarChart3:focus:after,
	#myBarChart3:active:after {
		opacity: 1;
	}

	/*   CHART Bar4   */
	#myProgressChart4 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart4 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart4 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart4:before,
	#myBarChart4:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart4:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:hover:before,
	#myBarChart4:focus:before,
	#myBarChart4:active:before,
	#myBarChart4:hover:after,
	#myBarChart4:focus:after,
	#myBarChart4:active:after {
		opacity: 1;
	}

	/*   CHART Bar5   */
	#myProgressChart5 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart5 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart5 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart5:before,
	#myBarChart5:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart5:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:hover:before,
	#myBarChart5:focus:before,
	#myBarChart5:active:before,
	#myBarChart5:hover:after,
	#myBarChart5:focus:after,
	#myBarChart5:active:after {
		opacity: 1;
	}

	/*   CHART Bar6   */
	#myProgressChart6 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart6 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart6 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart6:before,
	#myBarChart6:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart6:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:hover:before,
	#myBarChart6:focus:before,
	#myBarChart6:active:before,
	#myBarChart6:hover:after,
	#myBarChart6:focus:after,
	#myBarChart6:active:after {
		opacity: 1;
	}

	/*   CHART Bar7   */
	#myProgressChart7 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myProgressCharts {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myBarCharts {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	.labelCharts {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	.myBarCharts:before,
	.myBarCharts:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	.myBarCharts:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:hover:before,
	.myBarCharts:focus:before,
	.myBarCharts:active:before,
	.myBarCharts:hover:after,
	.myBarCharts:focus:after,
	.myBarCharts:active:after {
		opacity: 1;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1100px) {
	.btn_plusIcon {
		color: #00BFFF !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_uploadIcon {
		color: green !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_shareIcon {
		color: orange ! important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.chart_labels-y {
		background-color: #fff ! important;
		color: black ! important;
		overflow: hidden;
		padding-left: 0px ! important;
		height: 302px;
	}

	.chart_map {
		border-left: 2px solid gray ! important;
		border-bottom: 2px solid gray ! important;
		overflow: hidden ! important;
		background-color: #fff !important;
		padding-right: 0px ! important;
		padding-left: 0px ! important;
		height: 302px ! important;
	}

	.chartFooter-main {
		background-color: #fff !important;
		color: black ! important;
		height: 25px ! important;
		overflow: hidden ! important;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}

	.chart_footer-left {
		background-color: #fff !important;
		color: black ! important;
		height: auto;
		overflow: hidden;
		visibility: hidden;
	}

	.chart_footer-right {
		overflow: hidden ! important;
		height: auto;
		background-color: #fff !important;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.chart_footer-right1 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: left;
		float: left;
		padding-left: 7% ! important;
	}

	.chart_footer-right2 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 6% ! important;
	}

	.chart_footer-right3 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 22% ! important;
	}

	.chart_footer-right4 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 23% ! important;
	}

	.chart_footer-right5 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: right;
		float: right;
		padding-left: 0px ! important;
		padding-right: 0px;
	}

	.vertical-line1 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 33.34%;
	}

	.vertical-line2 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 66.67%;
	}

	.vertical-line3 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99.5%;
	}

	.vertical-line4 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99%;
	}

	/*   CHART Bar1   */
	#myProgressChart1 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 3px auto 1px !important;
		position: relative;
		width: 100%;
	}

	#myBarChart1 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart1 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart1:before,
	#myBarChart1:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart1:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:hover:before,
	#myBarChart1:focus:before,
	#myBarChart1:active:before,
	#myBarChart1:hover:after,
	#myBarChart1:focus:after,
	#myBarChart1:active:after {
		opacity: 1;
	}

	/*   CHART Bar2   */
	#myProgressChart2 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart2 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart2 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart2:before,
	#myBarChart2:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart2:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:hover:before,
	#myBarChart2:focus:before,
	#myBarChart2:active:before,
	#myBarChart2:hover:after,
	#myBarChart2:focus:after,
	#myBarChart2:active:after {
		opacity: 1;
	}

	/*   CHART Bar3   */
	#myProgressChart3 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart3 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;
		;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart3 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart3:before,
	#myBarChart3:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart3:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:hover:before,
	#myBarChart3:focus:before,
	#myBarChart3:active:before,
	#myBarChart3:hover:after,
	#myBarChart3:focus:after,
	#myBarChart3:active:after {
		opacity: 1;
	}

	/*   CHART Bar4   */
	#myProgressChart4 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart4 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart4 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart4:before,
	#myBarChart4:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart4:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:hover:before,
	#myBarChart4:focus:before,
	#myBarChart4:active:before,
	#myBarChart4:hover:after,
	#myBarChart4:focus:after,
	#myBarChart4:active:after {
		opacity: 1;
	}

	/*   CHART Bar5   */
	#myProgressChart5 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart5 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart5 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart5:before,
	#myBarChart5:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart5:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:hover:before,
	#myBarChart5:focus:before,
	#myBarChart5:active:before,
	#myBarChart5:hover:after,
	#myBarChart5:focus:after,
	#myBarChart5:active:after {
		opacity: 1;
	}

	/*   CHART Bar6   */
	#myProgressChart6 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart6 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart6 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart6:before,
	#myBarChart6:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart6:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:hover:before,
	#myBarChart6:focus:before,
	#myBarChart6:active:before,
	#myBarChart6:hover:after,
	#myBarChart6:focus:after,
	#myBarChart6:active:after {
		opacity: 1;
	}

	/*   CHART Bar7   */
	#myProgressChart7 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myProgressCharts {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myBarCharts {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	.labelCharts {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	.myBarCharts:before,
	.myBarCharts:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	.myBarCharts:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:hover:before,
	.myBarCharts:focus:before,
	.myBarCharts:active:before,
	.myBarCharts:hover:after,
	.myBarCharts:focus:after,
	.myBarCharts:active:after {
		opacity: 1;
	}
}

@media only screen and (min-device-width: 1101px) and (max-device-width: 1280px) {
	.btn_plusIcon {
		color: #00BFFF !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_uploadIcon {
		color: green !important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.btn_shareIcon {
		color: orange ! important;
		height: auto ! important;
		width: 10% ! important;
		max-width: 10% ! important;
		min-width: 10% ! important;
		margin: 0 2px 0 0 !important;
		padding: 0% ! important;
	}

	.chart_labels-y {
		background-color: #fff ! important;
		color: black ! important;
		overflow: hidden;
		padding-left: 0px ! important;
		height: 295px;
	}

	.chart_map {
		border-left: 2px solid gray ! important;
		border-bottom: 2px solid gray ! important;
		overflow: hidden ! important;
		background-color: #fff !important;
		padding-right: 0px ! important;
		padding-left: 0px ! important;
		height: 302px ! important;
	}

	.chartFooter-main {
		background-color: #fff !important;
		color: black ! important;
		height: 25px ! important;
		overflow: hidden ! important;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}

	.chart_footer-left {
		background-color: #fff !important;
		color: black ! important;
		height: auto;
		overflow: hidden;
		visibility: hidden;
	}

	.chart_footer-right {
		overflow: hidden ! important;
		height: auto;
		background-color: #fff !important;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.chart_footer-right1 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: left;
		float: left;
		padding-left: 7% ! important;
	}

	.chart_footer-right2 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 6% ! important;
	}

	.chart_footer-right3 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 22% ! important;
	}

	.chart_footer-right4 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		padding-left: 29% ! important;
	}

	.chart_footer-right5 {
		font-size: 10px;
		margin-bottom: 8px ! important;
		text-align: right;
		float: right;
		padding-left: 0px ! important;
		padding-right: 0px;
	}

	.vertical-line1 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 33.34%;
	}

	.vertical-line2 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 66.67%;
	}

	.vertical-line3 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99.5%;
	}

	.vertical-line4 {
		width: 2px;
		/* Line width */
		background-color: #e4e4e4;
		/* Line color */
		height: 303px;
		/* Override in-line if you want specific height. */
		position: absolute;
		top: 0;
		left: 99%;
	}

	/*   CHART Bar1   */
	#myProgressChart1 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 3px auto 1px !important;
		position: relative;
		width: 100%;
	}

	#myBarChart1 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart1 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart1:before,
	#myBarChart1:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart1:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart1:hover:before,
	#myBarChart1:focus:before,
	#myBarChart1:active:before,
	#myBarChart1:hover:after,
	#myBarChart1:focus:after,
	#myBarChart1:active:after {
		opacity: 1;
	}

	/*   CHART Bar2   */
	#myProgressChart2 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart2 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart2 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart2:before,
	#myBarChart2:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart2:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart2:hover:before,
	#myBarChart2:focus:before,
	#myBarChart2:active:before,
	#myBarChart2:hover:after,
	#myBarChart2:focus:after,
	#myBarChart2:active:after {
		opacity: 1;
	}

	/*   CHART Bar3   */
	#myProgressChart3 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart3 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart3 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart3:before,
	#myBarChart3:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart3:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart3:hover:before,
	#myBarChart3:focus:before,
	#myBarChart3:active:before,
	#myBarChart3:hover:after,
	#myBarChart3:focus:after,
	#myBarChart3:active:after {
		opacity: 1;
	}

	/*   CHART Bar4   */
	#myProgressChart4 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart4 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart4 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart4:before,
	#myBarChart4:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart4:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart4:hover:before,
	#myBarChart4:focus:before,
	#myBarChart4:active:before,
	#myBarChart4:hover:after,
	#myBarChart4:focus:after,
	#myBarChart4:active:after {
		opacity: 1;
	}

	/*   CHART Bar5   */
	#myProgressChart5 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart5 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart5 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart5:before,
	#myBarChart5:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart5:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart5:hover:before,
	#myBarChart5:focus:before,
	#myBarChart5:active:before,
	#myBarChart5:hover:after,
	#myBarChart5:focus:after,
	#myBarChart5:active:after {
		opacity: 1;
	}

	/*   CHART Bar6   */
	#myProgressChart6 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	#myBarChart6 {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	#labelChart6 {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	#myBarChart6:before,
	#myBarChart6:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	#myBarChart6:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(64, 143, 207, 0.72) 0%, rgba(0, 0, 0, 0) 80%);
	}

	#myBarChart6:hover:before,
	#myBarChart6:focus:before,
	#myBarChart6:active:before,
	#myBarChart6:hover:after,
	#myBarChart6:focus:after,
	#myBarChart6:active:after {
		opacity: 1;
	}

	/*   CHART Bar7   */
	#myProgressChart7 {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myProgressCharts {
		background-color: transparent;


		float: left;
		height: 25px;
		margin: 1px auto !important;
		position: relative;
		width: 100%;
	}

	.myBarCharts {
		background: transparent linear-gradient(to right, #337ab7, #6b9bbf) repeat scroll 0 0 !important;


		height: auto;
		position: absolute;
		width: 0%;
	}

	.labelCharts {
		color: #000000;
		font-weight: bold;
		line-height: 1.3em;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-top: 3px;
		text-align: right;
	}

	.myBarCharts:before,
	.myBarCharts:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	.myBarCharts:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgb(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(150, 150, 150, 0.77) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.myBarCharts:hover:before,
	.myBarCharts:focus:before,
	.myBarCharts:active:before,
	.myBarCharts:hover:after,
	.myBarCharts:focus:after,
	.myBarCharts:active:after {
		opacity: 1;
	}
}

/*   CHART STYLING ENDS  */

#myProgress1 {
	background-color: #EBEBEB;
	border-bottom-left-radius: 5px !important;
	border-top-left-radius: 5px !important;
	height: 30px;
	position: relative;
	width: 50%;
	float: left;
}

#myBar1 {
	position: absolute;

	width: 100%;
	height: 100%;
	background-color: black;
}

#label1 {
	text-align: left;
	/* If you want to left it */
	line-height: 30px;
	/* Set the line-height to the same as the height of the progress bar container, to center it vertically */
	color: rgb(247, 148, 29);
	padding-left: 2%;
	font-weight: bold;
}

#label1::after {
	text-align: left;
	/* If you want to left it */
	line-height: 30px;
	/* Set the line-height to the same as the height of the progress bar container, to center it vertically */
	color: rgb(247, 148, 29);
	padding-left: 2px;
	font-weight: bold;
	content: "%";
}

#myProgress2 {
	background-color: #EBEBEB;
	border-bottom-right-radius: 5px !important;
	border-top-right-radius: 5px !important;
	height: 30px;
	position: relative;
	width: 50%;
	float: left;
}

#myBar2 {
	position: absolute;

	width: 100%;
	height: 100%;
	background-color: #337ab7;
}

#label2 {
	text-align: left;
	/* If you want to left it */
	line-height: 30px;
	/* Set the line-height to the same as the height of the progress bar container, to center it vertically */
	color: rgb(247, 148, 29);
	padding-left: 2%;
	font-weight: bold;
}

#label2::after {
	text-align: left;
	/* If you want to left it */
	line-height: 30px;
	/* Set the line-height to the same as the height of the progress bar container, to center it vertically */
	color: rgb(247, 148, 29);
	padding-left: 2px;
	font-weight: bold;
	content: "%";
}

.mlabels {
	color: #808082 !important;
}

/*Step By Step Affordable Progress bars START*/

.checkout-wrap {
	color: #444;
	float: left;
	font-family: "PT Sans Caption", sans-serif;
	margin: 3px auto;
	max-width: 97%;
	position: relative;
	width: 97%;
}

ul.checkout-bar li {
	color: #ccc;
	display: block;
	font-size: 13px;
	font-weight: 600;
	padding: 14px 20px 14px 80px;
	position: relative;
}

ul.checkout-bar li:before {
	-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	background: #ddd;
	border: 2px solid #FFF;
	border-radius: 50%;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	left: 20px;
	line-height: 37px;
	height: 35px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	top: 4px;
	width: 35px;
	z-index: 999;
}

ul.checkout-bar li.active {
	color: #8bc53f;
	font-weight: bold;
}

ul.checkout-bar li.active:before {
	background: #8bc53f;
	z-index: 99999;
}

ul.checkout-bar li.active1:before {
	background: red;
	z-index: 99999;
}

ul.checkout-bar li.active2:before {
	background: yellow;
	z-index: 99999;
}

ul.checkout-bar li.active3:before {
	background: green;
	z-index: 99999;
}

ul.checkout-bar li.visited {
	background: #ECECEC;
	color: #57aed1;
	z-index: 99999;
}

ul.checkout-bar li.visited:before {
	background: #57aed1;
	z-index: 99999;
}

ul.checkout-bar li.visited1:before {
	background: #57aed1 !important;
	z-index: 99999;
}

ul.checkout-bar li.visited2:before {
	background: #57aed1 !important;
	z-index: 99999;
}

ul.checkout-bar li.visited3:before {
	background: #57aed1 !important;
	z-index: 99999;
}

ul.checkout-bar a {
	color: #57aed1;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

@media all and (max-width: 899px) {
	ul.checkout-bar li:nth-child(1):before {
		content: "" !important;
		font-family: fontawesome !important;
		line-height: 30px;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(2):before {
		content: "" !important;
		font-family: fontawesome !important;
		line-height: 30px;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(3):before {
		content: "" !important;
		font-family: fontawesome !important;
		line-height: 30px;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(4):before {
		content: "" !important;
		font-family: fontawesome !important;
		line-height: 30px;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(5):before {
		content: "" !important;
		font-family: fontawesome !important;
		line-height: 30px;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(6):before {
		content: "" !important;
		font-family: fontawesome !important;
		line-height: 30px;
		cursor: pointer;
	}
}

@media all and (min-width: 900px) {
	ul.checkout-bar li:nth-child(1):before {
		content: "" !important;
		font-family: fontawesome !important;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(2):before {
		content: "" !important;
		font-family: fontawesome !important;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(3):before {
		content: "" !important;
		font-family: fontawesome !important;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(4):before {
		content: "" !important;
		font-family: fontawesome !important;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(5):before {
		content: "" !important;
		font-family: fontawesome !important;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(6):before {
		content: "" !important;
		font-family: fontawesome !important;
		cursor: pointer;
	}

	ul.checkout-bar li:nth-child(6).visited::after {
		background-color: #57aed1;
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-size: 35px 35px;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
		content: "";
		height: 15px;
		left: 50%;
		position: absolute;
		top: -50px;
		width: 90%;
		z-index: 99;
	}

	.checkout-bar li.active:after {
		-webkit-animation: myanimation 3s 0;
		background-size: 35px 35px;
		background-color: #8bc53f;
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		content: "";
		height: 15px;
		width: 100%;
		left: 50%;
		position: absolute;
		top: -50px;
		z-index: 0;
	}

	.checkout-wrap {
		/* margin: 80px auto;*/
	}

	ul.checkout-bar {
		-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		background-size: 35px 35px;
		background-color: #EcEcEc;
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
		border-radius: 15px;
		height: 15px;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		width: 100%;
	}

	ul.checkout-bar:before {
		background-size: 35px 35px;
		background-color: #57aed1;
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		border-radius: 15px;
		content: " ";
		height: 15px;
		left: 0;
		position: absolute;
		width: 10%;
	}

	ul.checkout-bar li {
		display: inline-block;
		margin: 50px 0 0;
		padding: 0;
		text-align: center;
		width: 16%;
	}

	ul.checkout-bar li:before {
		color: white !important;
		content: "" !important;
		font-family: fontawesome !important;
		height: 45px;
		left: 50%;
		line-height: 40px;
		position: absolute;
		text-shadow: 1px 1px #767676;
		top: -65px;
		width: 45px;
		z-index: 99;
		cursor: pointer;
	}

	ul.checkout-bar li.visited {
		background: none;
	}

	ul.checkout-bar li.visited:after {
		background-size: 35px 35px;
		background-color: #57aed1;
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		content: "";
		height: 15px;
		left: 50%;
		position: absolute;
		top: -50px;
		width: 100%;
		z-index: 99;
	}

	ul.checkout-bar li.visited1:after {
		background-size: 35px 35px;
		background-color: red !important;
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		content: "";
		height: 15px;
		left: 50%;
		position: absolute;
		top: -50px;
		width: 100%;
		z-index: 99;
	}

	ul.checkout-bar li.visited2:after {
		background-size: 35px 35px;
		background-color: yellow !important;
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		content: "";
		height: 15px;
		left: 50%;
		position: absolute;
		top: -50px;
		width: 100%;
		z-index: 99;
	}

	ul.checkout-bar li.visited3:after {
		background-size: 35px 35px;
		background-color: green !important;
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
		content: "";
		height: 15px;
		left: 50%;
		position: absolute;
		top: -50px;
		width: 100%;
		z-index: 99;
	}


}



/*Step By Step Affordable Progress bars END*/

.spin_loader {
	width: 48px;
	height: 48px;
	border: 3px dotted #b98d8d;
	border-style: solid solid dotted dotted;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	animation: rotation 2s linear infinite;
}

.spin_loader::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border: 3px dotted #7088bf;
	border-style: solid solid dotted;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	animation: rotationBack 1s linear infinite;
	transform-origin: center center;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotationBack {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-360deg);
	}
}



input::-ms-reveal,
input::-ms-clear {
	display: none;
}

.focus-no-outline:focus,
.focus-no-outline:focus-visible,
.focus-no-outline:focus-within,
.focus-no-outline:active {
	outline: none;
}


.modal-section {
	padding: 15px 0px;
	border-top: 1px solid #e5e5e5;
	margin-top: 3px;
}

.modal-header-1 {
	font-size: 14px;
	letter-spacing: .7px;
	font-weight: bold;
	color: #226078;
}

.pw-req-msg-box {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 6px;
	background-color: #efefef;
}



/* gauge syles */
a.gauge-link {
	color: rgb(47, 227, 255);
	text-decoration: none;
}

.gauge-warn {
	font-size: 0.8em;
	background-color: darken(orange, 15%);
	color: #fff;
	padding: 10px;
}

/* ------ Default Style ---------- */
.gauge-container {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	border-radius: 3px;
	position: relative;
}

.gauge-container>.label {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	font-family: monospace;
	font-size: 0.8em;
	padding: 5px 10px;
}

.gauge-container>.gauge .dial {
	stroke: #4c7fb39c;
	stroke-width: 10;
	fill: rgb(54 55 255 / 10%);
}

/*
  	need to alter this for bad to good spectrum
  */
.gauge-container>.gauge .value {
	stroke: rgb(197 144 29);
	stroke-width: 11;
	fill: rgba(0, 0, 0, 0);
}

.gauge-container>.gauge .value-text {
	fill: #2f8cbf;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 4em;
}




/* ------- Alternate Style ------- */
.wrapper {
	height: 100px;
	float: left;
	margin: 7px;
	overflow: hidden;
}

.wrapper>.gauge-container {
	margin: 0;
}

.gauge-container.two {}

.gauge-container.two>.gauge .dial {
	stroke: #334455;
	stroke-width: 10;
}

.gauge-container.two>.gauge .value {
	stroke: orange;
	stroke-dasharray: none;
	stroke-width: 13;
}

.gauge-container.two>.gauge .value-text {
	fill: #ccc;
	font-weight: 100;
	font-size: 1em;
}



/* ------- Alternate Style ------- */
.gauge-container.three {}

.gauge-container.three>.gauge .dial {
	stroke: #334455;
	stroke-width: 2;
}

.gauge-container.three>.gauge .value {
	stroke: #C9DE3C;
	stroke-width: 5;
}

.gauge-container.three>.gauge .value-text {
	fill: #C9DE3C;
}



/* ----- Alternate Style ----- */
.gauge-container.four>.gauge .dial {
	stroke: #334455;
	stroke-width: 10;
}

.gauge-container.four>.gauge .value {
	stroke: #F32450;
	stroke-dasharray: none;
	stroke-width: 10;
}

.gauge-container.four>.gauge .value-text {
	fill: #F32450;
	transform: translate3d(26%, 20%, 0);
	display: inline-block;
}

.gauge-container.four .value-text {
	color: #F32450;
	font-weight: 100;
	position: absolute;
	bottom: 18%;
	right: 10%;
	display: inline-block;
}



/* ----- Alternate Style ----- */
.gauge-container.five>.gauge .dial {
	stroke: #334455;
	stroke-width: 5;
}

.gauge-container.five>.gauge .value {
	stroke: #F8774B;
	stroke-dasharray: 25 1;
	stroke-width: 5;
}

.gauge-container.five>.gauge .value-text {
	fill: #F8774B;
	font-size: 0.7em;
}



/* ----- Alternate Style ----- */
.gauge-container.six>.gauge .dial {
	stroke: #334455;
	fill: "#334455";
	stroke-width: 20;
}

.gauge-container.six>.gauge .value {
	stroke: #FF6DAF;
	stroke-width: 20;
}

.gauge-container.six>.gauge .value-text {
	fill: #FF6DAF;
	font-size: 0.7em;
}


.gauge-container.seven>.gauge .dial {
	stroke: transparent;
	stroke-width: 5;
	transform: scale(0.9, 0.9) translate3d(5.5px, 5.5px, 0);
	fill: rgba(148, 112, 57, 0.42);
}

.gauge-container.seven>.gauge .value {
	stroke: #F8774B;
	stroke-dasharray: none;
	stroke-width: 5;
}


.pwStrdetails {
	padding: 0px 12px;
	border: 1px solid #ccc;
	margin: 0px 12px;
	border-radius: 4px;
	background-color: #edeef3;
}

.strDataDispRow {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	color: #155381;
}

.pw2Off {
	top: -40px;
	opacity: 0;
}

.pw2On {
	top: 0px;
	opacity: 1;
	display: inline-flex;
}

.pw2Wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	transition: top 1s, opacity 1s;
	display: inline-flex;
	z-index: 0;
}

.blinker {
	animation: blinkanim 1.6s linear 1;
}



@keyframes blinkanim {
	0% {
		opacity: 1;
	}

	40% {
		opacity: .3;
	}

	100% {
		opacity: 1;
	}

}

.export_buttons{
	height: 32px;
	margin: 0px 1px;
}

.activate_header{
	font-size: 32px;
    text-align: center;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    letter-spacing: 1px;
    color: #3f83cb;
}

.activate_header_sub{
	font-size: 13px;
    text-align: right;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    /* letter-spacing: 1px; */
    color: #6ba4e1;
}

.activate_para{
	font-size: 14px;
    text-align: left;
    font-weight: normal;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    /* letter-spacing: 1px; */
    color: #892e0a;
}

.activate_bdv{
	margin-top: 30px;
    min-height: 550px;
	background: rgb(251,253,255);
	background: linear-gradient(180deg, rgba(251,253,255,1) 0%, rgba(231,246,255,1) 100%);
    border-top: 1px solid #d5eaff;
    border-bottom: 1px solid #d5eaff;
}

button:not(.btn-xs) {
	height: 32px;
    margin: 0px 1px;
}

input[type="search"]{
	height: 32px;
    margin: 0px 1px;
}

#passwordResetTitle_profile{
	padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 12px;
}

.pwGridRow{
	border-top: 1px solid #ccc;
}
.pwGridCol{
	border-right: 1px solid #ccc;
}

.pwGrid:not(:first-child) {
	border-top:none;
}

#Common_Doc_preview > .modal-dialog > .modal-content > div > .thumb-container {
    height: 650px !important;
}

#tbl_aeview_attch .fa-edit{
	display:none;
}