/*!
 * Sandman main CSS ( http://sandman.co.in/ )
 * Copyright 2014 Sandman.
 */

/* Bootstrap Overrides */

/* testing out font! */
*{font-family:'frutiger' !important;}

.body{
	font-family:'frutiger' !important;
}

@font-face {
  font-family: 'global-font';
  src: url('../themes/fonts/aem.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'frutiger';
  src: url('../themes/fonts/FrutigerLTPro-Roman.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
	font-family: 'whitney-condensed';
	src: url('../themes/fonts/WhitneyCondensed-Semibold.otf') format('opentype');
}

.navbar-fixed-top {
	border-bottom-width: 5px;
	border-bottom-color: #E8443A;
	margin-bottom: 5px;
	
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	
	background-color: #2C2C2C;
	color: #FFFFFF;
}

.navbar-right {
	padding-right: 40px;
}

.home-navbar-right {
	padding-right: 14px;
}

.nav > li > a {
	color: rgba(255, 255, 255, 0.8);
	font-weight: bold;
	padding: 15px 17px;
}

.nav .active > a {
	color: #FFFFFF;
	background-color: #E8443A;
}

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
	color: #FFFFFF;
	background-color: #E8443A;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #E8443A;
    text-decoration: none;
}

.nav > li > .dropdown-menu {
	margin-top: 5px;
	border-top: 0;
	background-color: #f8f8f8;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}

.dropdown-menu > li > a {
	padding: 12px 35px;
	color: #606060;
} 

.dropdown-menu > li > a:HOVER {
	background-color: #e7e7e7;
	color: #606060;
	
	-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
}

.dropdown-menu .divider {
	margin: 0;
	background-color: #606060;
	opacity : 0.3;	
}

.navbar-header {
	width: 170px;
	text-align: center;
}

.navbar-brand{
/* 	float: none; */
	display: block;
	margin-left: 16px;
}

.bs-sidebar {
	position: absolute;
	width: 170px;
	top: 55px;
	bottom: 0;
	left: 0;
	background-color: #2C2C2C;
	color: #FFFFFF;
	z-index: 997;
	
	-moz-box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.8);
	box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.8);
}

.main-content, .loading-modal {
	position: absolute;
	left: 210px;
	top: 55px;
	right: 0;
	bottom: 0;
}

.main-content {
	overflow-y: auto;
	background: transparent;
	z-index: 997;
	min-height: 450px;
	padding: 10px 30px;
	
	/*background-color: #FDFDFD;*/
	
/* 	-moz-box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.8); */
/* 	-webkit-box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.8); */
/* 	box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.8); */
}

.loading-modal {
	background: rgba(255, 255, 255, 0.6);
	background-image: url("img/preloader/preloader.gif");
	background-repeat: no-repeat;
	background-position: center center;	
	z-index: 999;
	display: none;
}

.notification-sec {
	position: absolute;
	left: 210px;
	top: 65px;
	right: 0;
	text-align: center;
	overflow: hidden;
	display: none;
	z-index: 998;
}

.notification-sec .alert-cont {

}

.notification-sec .alert {
	margin-bottom: 0;
	padding: 10px;	
}

.notification-sec .icon-close {
	font-weight: bold;
    margin-top: 6px;
    color : black;
}

.alert-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-error hr {
  border-top-color: #e4b9c0;
}

.alert-error .alert-link {
  color: #843534;
}

.page-content {
	min-height: 80%;
	padding-top: 10px;
}

.page-footer {

}

.anonymous-content {
	left: 0;

	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

@media ( min-width :768px) {
	.anonymous-content {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media ( min-width :992px) {
	.anonymous-content {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media ( min-width :1120px) {
	.anonymous-content {
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media ( max-width :768px) {
	.bs-sidebar {
		display: none;
	}
	
	.main-content {
		left: 0;
	}
}

.bs-sidebar h4 {
	padding: 20px 0 15px 30px;
}

.bs-sidebar > .nav > li a {
	color: rgba(255, 255, 255, 0.8);
	font-weight: normal;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bs-sidebar .nav > li > a:HOVER, 
.bs-sidebar .nav > li > a:FOCUS,
.bs-sidebar .nav > li.active > a {
	background-color: #101010;
	color: #FFFFFF;

	-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
}

.bs-sidebar .nav > li.active > a {
	background-image: url('../themes/img/misc/arrow.png');
	background-repeat: no-repeat;
	background-position: right center;
}

.bs-sidenav > li {
	display: none;
}

.bs-sidenav > li.active {
	display: block;
}

.page-header {
	font-weight: bold;
	overflow: hidden;
	margin-top: 0;
	padding-bottom: 2px;
    padding-top: 8px;
    margin-bottom: 0px;
}

.page-header > h4 {
	font-size: 20px;
	float: left;
}

.page-header > .actions {
	float: right;
	margin-right: 15px;
}

.form-control {
	border-radius : 2px;
}

.control-label {

}

.form-group {
	margin-bottom: 15px;
}

.btn {
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	border-bottom: 1px #b03028;
	padding: 5px 15px;
	font-size: 16px;
	margin-left: 5px;
	margin-right: 5px;
	min-width: 100px; 
}

a.btn {
	
}

input.btn {
	height: 34px;
}

.btn-danger {
	background-color: #e8443a;
}

.btn-grey {
	color: #888888;
	
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);/*  Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);/*  IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);/*  W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	
}

/* Bootstrap Overrides : ENDS HERE */

/* Native CSS */

body {
	background: #ffffff; /* Old browsers */
/* 	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); FF3.6+ */
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); Chrome,Safari4+ */
/* 	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); Chrome10+,Safari5.1+ */
/* 	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); Opera 11.10+ */
/* 	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); IE10+ */
/* 	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); IE6-9 */
	
	overflow: hidden;
}

.logo {
	/* height: 50px; */
	width: 95%;
	display: block;
	margin: auto;
}

.shadow {
	display: block;
	position: relative;
}

.shadow img {
	display: block;
}

.shadow::before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	
	-moz-box-shadow: inset 0px -2px 7px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: inset 0px -2px 7px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0px -2px 7px rgba(0, 0, 0, 0.8);
}

.asterix {
	color: red;
}

.side-nav-header {
	padding: 30px 0 30px 30px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.sm-section-header {
	
}


.table {

}

.table caption {
	font-weight: bold;
	margin: 0 0 10px 0;
}

.table .form-control {
	height: 30px;
}

.table .options {
	width: 30px;
}

.table .value {
	width: 100px;
}

.table tr {
	height: 32px;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td {
	border: 0px solid #ddd;
}

.table-bordered > thead > tr {
	border: 1px solid #ddd;

	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);/*  Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);/*  IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);/*  W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	
}

.table-footer-text, .sm-support-text {
	font-weight: normal;
	font-size: 13px;
}

.sm-form {
	
}

.sm-form-header {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.sm-form-body {
	min-height: 300px;
}

.sm-form-footer {
	margin: 30px 0;
	border-top: 1px solid #EEEEEE;
	padding-top: 20px;
}

.sm-input-section {
	margin-top: 20px;	
}

.sm-input-section label {
	padding-top: 7px;
	font-weight: normal;
}

.sm-input-section h4 {
	padding: 7px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #EEEEEE;
}

.sm-input-section .control-label {
	font-weight: bold;
}

.sm-output-section {
	display: none;	
}

..sm-output-section {
	
}

.sm-static-cont {
	
}

.sm-static-cont-section {
	margin: 5px 0;
}

.sm-static-cont-section > h4 {
    border-bottom: 1px solid #EEEEEE;
    margin: 20px 0;
    padding-bottom: 8px;
}

.sm-static-cont-section > p {
	
}

.sm-static-cont-links {
	
}

.sm-static-cont-links > h4 {
	
}

.sm-static-cont-links > ul {
	list-style-type: none;
	padding-left: 0;
}

.sm-static-cont-links > ul > li {
    line-height: 18px;
    list-style-type: none;
    margin: 8px 0;
    padding-left: 0;
}


.sm-data-entry-info-sec, 
.sm-chart-info-sec,
.sm-input-info-sec, 
.banner {

/* 	background-color: #F2F2F2; */
	border: 1px solid #CCCCCC;

	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);/*  Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);/*  IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);/*  W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	
	border-radius : 2px;

}

.sm-data-entry-info-sec, 
.sm-chart-info-sec,
.sm-input-info-sec {
	padding: 8px 0 2px;
	margin: 0px;
	margin-bottom: 20px;
}

.sm-data-entry-info-sec label,
.sm-chart-info-sec label, 
.sm-input-info-sec label {
	font-weight: normal;
}

.sm-data-entry-info-sec .control-label, 
.sm-chart-info-sec .control-label, 
.sm-input-info-sec .control-label {
	font-weight: bold;
}

/* --- icons --- */

.icon {
	padding: 4px 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.icon-trash {
	background-image: url("img/trashcan.png");	
}

/* --- footer --- */

footer {
	border-top: 1px solid #ddd;
	width:100%;
	text-align: right;
	float:right;
	/*margin-top: 50px;*/
}

footer ul {
	list-style: none;
	padding: 15px 0px 10px;
}

footer ul :not (:last-child ) {
	border-right: 1px solid #999;
}

footer ul li {
	padding: 0px 15px;
	display: inline-block;
}

footer a {
	color: #666;
}

#dateParam{
	position: absolute;
	top: 60px;
	z-index: 9999;
}

.hi-table{
	text-align: right;
}
.hi-table th{
	text-align: right;
}

.pa-table>td{
	background-color:#EEE !important;
}
/* Carousel css in SPC report page  */
.sp-carousel .carousel-control{
	font-size:72px;
	color:#333;
	top: 60%;
    width: 10%;
    height:20px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	opacity:1;
}

.carousel-control.left {
	left:-55px;
} 

.carousel-control.right {
	right:-55px;
} 
/* Carousel used in Process Control Chart in SPC Report page */
.process-control-carousel-children {
	font-size: 150%;
	font-weight: bold;
	margin-top: 20px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-style: solid;
	border-color: #cccccc;
}

/* basic positioning */
ul.legend-spc{
	list-style:none
}

ul.legend-spc li{
	display:inline-block;
	font-weight:normal;
	width:30%;
}

td.td-clickable{
	cursor:pointer;
}

.bootbox.modal {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -5%;
    outline: 0 none;
    position: fixed;
    top: 10%;
    width: 360px;
    height:150px;
    z-index: 1050;
} 

.input.editor-text {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    height: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    width: 100%;
	}
	
	input.editor-text {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    height: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    width: 100%;
}

    .slick-cell-modified {
        background-color: pink;
    }
    
  /*   .slick-row.active .slick-cell {
     background-color: pink; */
}
.bg-color-spc-table-hi td {
	background-color: #D7480B !important;
	opacity: 0.95;
}

.bg-color-spc-table-med td {
	background-color: #EBDA48 !important;
	opacity: 0.95;
}

.bg-color-spc-table-low td {
	background-color: #A6DAF0 !important;
	opacity: 0.95;
}

.bg-color-gradient-correlation {
	background: #d12300; /* Old browsers */
	background: -moz-linear-gradient(left, #d12300 0%, #f1db3b 31%, #a6daf0 84%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d12300),
		color-stop(31%, #f1db3b), color-stop(84%, #a6daf0));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #d12300 0%, #f1db3b 31%, #a6daf0 84%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #d12300 0%, #f1db3b 31%, #a6daf0 84%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, #d12300 0%, #f1db3b 31%, #a6daf0 84%);
	/* IE10+ */
	background: linear-gradient(to right, #d12300 0%, #f1db3b 31%, #a6daf0 84%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d12300',
		endColorstr='#a6daf0', GradientType=1); /* IE6-9 */
}

.bg-color-process-control-selected {
	color: #0040FF !important;
	font-weight: bold;
}

.form-text-font {
	font-size: 17px;
}

.badge{
	background:#3366FF;
}
.badge-green{
	background:#009933;
}

.sub-exp-mgs{
	position:relative;
	margin-top:2px;
	height:25px;
	padding-bottom:2px;
	text-align:center;
	font-size:16px;
	font-family:Custom-font;
}

.btn-sdm{
	border: 0px;
	box-shadow: 0px;
	border-radius: 2px;
	font-size: 13px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	letter-spacing: 1px;
	padding: 8px;
	margin: 0px 15px 0px 0px;
}

.filters{
	padding:10px 0px 10px 20px;
}

.filters label{
	display: inline;
	margin-right: 40px;
}

.filters label span{
	font-weight: normal;
}

.sdm-form .form-group{
	margin-bottom: 0px;
}

.sdm-form hr{
	margin: 10px;
}

#update-data-form .headers .col-md-3, 
#update-data-form .headers .col-md-4, {
	padding-top: 40px;
}

.subscribe{
	padding: 50px 0px 30px;
}

.subscribe .title{
	text-align: center;
	text-transform: capitalize;
	font-size: 24px;
}

.subscribe .input-group-addon{
	background: white;
	border-right: none;
}

.subscribe input{
	padding: 21px 10px;
	border-left: none;
	border-right: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	width: 200px;
}

.subscribe .form-group{
	max-width: 50%;
	margin: 30px 25% 0px;
}

.subscribe .form-group .btn:hover{
	background: #D12300;
	color: white;
}

.subscribe .form-group .btn:focus{
	outline: none;
	box-shadow: none;
}

.subscribe .form-group .btn{
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 12px 15px;
	color: #E8443A;
	border-left: 0px;
	background: white; 
	text-transform: uppercase;
	font-size: 13px;
	border-bottom: 1px solid #ddd; 
}

.subscribe input:focus{
	outline: none;
	box-shadow: none;
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
}

.pitch{
	display: inline-block;
	margin: 0px 10px;
}

.btn-demo{
	border-radius: 2px;
    padding: 15px 30px;
    background: #E8443A;
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #b03028;
}

.types{
	padding: 0px 0px;
}

.types .type{
	display: inline-block;
	color: #2c2c2c;
	font-size: 42px;
	margin: 0px 15px;
	position: relative;
	bottom: -10px;
}

.types img{
	width: 100%;
	padding: 10px;
	/*border-right: 2px solid #ccc;*/
}

.types .right{
	text-align: left
}

.types .left{
	text-align: right;
}

.links{
	list-style: none;
	text-align: center;
}

.links li{
	/*display: inline-block;*/
	padding: 10px 0px 0px;
}

.links a{
	color: #E8443A;
	font-size: 24px;
	/*text-transform: uppercase;*/
}

.static-pages .title{
	text-transform: capitalize;
	font-size: 24px;
	padding-top: 30px;
	color: #E8443A;
	font-weight: bold;
}

.feat-comp .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	vertical-align: middle;
	border-right: 1px solid #ddd;
}

.feat-comp .table > tbody > tr > th{
	text-align: center;
	font-weight: bold;
}

.feat-comp .table > thead > tr > th{
	text-align: center;
	font-weight: bold;
	width: 100%;
}

.feat-comp .table tr.mergetop > td{
	border-top: 0px;
}

.roi-table tbody > tr > td {
	text-align: center;
}

.request-form input{
	/*padding: 20px;*/
	/*height: 40px;*/
	box-shadow: none;
}

.request-form input:focus{
	outline: none
}

::-webkit-input-placeholder { /* Chrome, Safari */
   color: #aaa;
   font-size: 14px;
}

:-moz-placeholder {           /* Firefox 18- */
   color: #aaa;
   font-size: 14px;
}

::-moz-placeholder {          /* Firefox 19+ */
  color: #aaa;
  font-size: 14px;
}

:-ms-input-placeholder {      /* Internet Explorer */
  color: #aaa;
  font-size: 14px;
}

::-webkit-textarea-placeholder { /* Chrome, Safari */
   color: #aaa;
   font-size: 14px;
}

:-moz-placeholder {           /* Firefox 18- */
   color: #aaa;
   font-size: 14px;
}

::-moz-placeholder {          /* Firefox 19+ */
  color: #aaa;
  font-size: 14px;
}

:-ms-textarea-placeholder {      /* Internet Explorer */
  color: #aaa;
  font-size: 14px;
}

/* Switch toggle */
@charset "UTF-8";
/*
* CSS TOGGLE SWITCH
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* Supported values are px, rem-calc, em-calc */
/* Functions */
/* Toggle Switches */
/* Shared */
/* Checkbox
*/
/* Radio Switch
*/
/* Hide by default
*/
.switch-toggle a, .switch-light span span {
  display: none; }

/* We can't test for a specific feature,
* so we only target browsers with support for media queries.
*/
@media only screen {
  /* Checkbox switch
  */
  .switch-light {
    display: block;
    min-height: 1.875em;
    /* Outline the toggles when the inputs are focused
  */
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 6.25em;
    /* Position the label over all the elements, except the slide-button (<a>)
  * Clicking anywhere on the label will change the switch-state
  */
    /* Don't hide the input from screen-readers and keyboard access
  */ }
    .switch-light * {
      box-sizing: border-box; }
    .switch-light a {
      display: block;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .switch-light label, .switch-light > span {
      line-height: 1.875em;
      vertical-align: middle; }
    .switch-light input:focus ~ a, .switch-light input:focus + label {
      outline: 1px dotted #888; }
    .switch-light label {
      position: relative;
      z-index: 3;
      display: block;
      width: 100%; }
    .switch-light input {
      position: absolute;
      opacity: 0;
      z-index: 5; }
      .switch-light input:checked ~ a {
        right: 0%; }
    .switch-light > span {
      position: absolute;
      left: -6.25em;
      width: 100%;
      margin: 0;
      padding-right: 6.25em;
      text-align: left; }
      .switch-light > span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 6.25em;
        text-align: center; }
        .switch-light > span span:last-child {
          left: 50%; }
    .switch-light a {
      position: absolute;
      right: 50%;
      top: 0;
      z-index: 4;
      display: block;
      width: 50%;
      height: 100%;
      padding: 0; }
  /* Radio switch
  */
  .switch-toggle {
    display: block;
    min-height: 1.875em;
    /* Outline the toggles when the inputs are focused
  */
    position: relative;
    display: table;
    table-layout: fixed;
    /* For callout panels in foundation
  */
    padding: 0 !important;
    /* Generate styles for the multiple states */ }
    .switch-toggle * {
      box-sizing: border-box; }
    .switch-toggle a {
      display: block;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .switch-toggle label, .switch-toggle > span {
      line-height: 1.875em;
      vertical-align: middle; }
    .switch-toggle input:focus ~ a, .switch-toggle input:focus + label {
      outline: 1px dotted #888; }
    .switch-toggle * {
      font-size: 1em; }
    .switch-toggle input {
      position: absolute;
      opacity: 0; }
    .switch-toggle input + label {
      position: relative;
      z-index: 2;
      display: table-cell;
      width: 50%;
      padding: 0 0.5em;
      margin: 0;
      text-align: center; }
    .switch-toggle a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 1;
      width: 50%;
      height: 100%; }
    .switch-toggle input:last-of-type:checked ~ a {
      left: 50%; }
    .switch-toggle.switch-3 label, .switch-toggle.switch-3 a {
      width: 33.3333333333%; }
    .switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a {
      left: 33.3333333333%; }
    .switch-toggle.switch-3 input:checked:last-of-type ~ a {
      left: 66.6666666667%; }
    .switch-toggle.switch-4 label, .switch-toggle.switch-4 a {
      width: 25%; }
    .switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a {
      left: 25%; }
    .switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a {
      left: 50%; }
    .switch-toggle.switch-4 input:checked:last-of-type ~ a {
      left: 75%; }
    .switch-toggle.switch-5 label, .switch-toggle.switch-5 a {
      width: 20%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a {
      left: 20%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a {
      left: 40%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a {
      left: 60%; }
    .switch-toggle.switch-5 input:checked:last-of-type ~ a {
      left: 80%; }
  /* Standalone Themes */
  /* Candy Theme
  * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
  * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
  */
  .switch-candy {
    background-color: #2d3035;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    /*text-shadow: 1px 1px 1px #191b1e;*/
    /*box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); */
	}
    .switch-candy label {
      color: #fff;
      -webkit-transition: color 0.2s ease-out;
      -moz-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
    .switch-candy input:checked + label {
      color: white;
      background: #E8443A;
      /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); */
  	}
    .switch-candy a {
      border: 1px solid #333;
      background-color: #70c66b;
      border-radius: 3px;
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent);
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45); }
    .switch-candy > span {
      color: #333;
      text-shadow: none; }
    .switch-candy span {
      color: #fff; }
    .switch-candy.switch-candy-blue a {
      background-color: #38a3d4; }
    .switch-candy.switch-candy-yellow a {
      background-color: #f5e560; }

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
* http://css-tricks.com/webkit-sibling-bug/
*/
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light, .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0); }

  to {
    -webkit-transform: translate3d(0, 0, 0); } }

hr{
	margin: 10px;
}

/* Highcharts annotations related styling*/
#highcharts-edit-annotation {
    background-color: white;
    color:rgb(78,79,77);
    box-shadow: 0 0 4px 0 #7d7d7d;
    display: none;
    float: left;
    padding-bottom: 10px;
    position: absolute;
    width: 150px;
    z-index: 9999;
    font-size: 12px;
    font-weight:bold;
}

.cancel {
    position: absolute;
    right: 0;
    align:'middle';
    background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 10px;
    margin-right: 10px;
    margin-top: 5px;
    width: 10px;
    font-weight:bold;
}


.highchart-edit-annotation-row {
    float: left;
    width: 100%;
    font-size: 12px;
}

.highchart-edit-annotation-row.with-title .highcharts-title-edit-box, .highchart-edit-annotation-row.without-title span {
    background-color: #f2f2f2;
    float: left;
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}


.highchart-edit-annotation-row.without-title label {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 130px;
}

.highchart-edit-annotation-row .label-colorPicker {
    width: 95px !important;
}

.highchart-edit-annotation-row .menu-btn {
    border: 1px solid #cccccc;
    float: left;
    margin-top: 8px;
}
.colorPicker {
    height: 20px;
    width: 20px;
}
.menu-btn {
    background-color: #fff;
    border: 1px solid #cccccc;
    color: #000;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
    padding: 4px 10px;
}

#highcharts-remove-annotation {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    text-decoration: underline;
}

#highcharts-change-annotation {
    float: right;
    margin-right:10px;
}

.colorpicker{
    box-shadow: 0 0 4px 0 #7d7d7d;
    width: 216px !important;
    z-index: 10000 !important;
}

.colorpicker_field, .colorpicker_hex, .colorpicker_submit, .colorpicker_new_color, .colorpicker_current_color{
	display: none !important;
}

.highchart-edit-annotation-row input.menu-btn {
    border-right: 1px solid #cccccc;
    cursor: text;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 72%;
}

input.menu-btn {
    border-right: 0 none;
    padding: 4px 1px;
}

.ml-m41{margin-left: -41px;} .ml-m17{margin-left: -17px;}

.pl-0{padding-left:0px !important;}
.pr-0{padding-right:0px !important;} .pb-10{    padding-bottom: 10px;}
.pl-14{ padding-left: 14px;}
.pt-62{padding-top: 62px;}
.mt-0{ margin-top: 0px;} .mt-5{ margin-top: 5px;}  .mb-0{ margin-bottom: 0px;} .ml-0{ margin-left: 0px;} .mr-0{ margin-right: 0px;}
.upper-c{text-transform: uppercase;}
.font22{font-size: 22px;} .font24{font-size: 24px;} .font18{font-size: 18px;} .font16{font-size: 16px;} 
.fw-600{font-weight: 600;}
.text-under{text-decoration:underline;}
.w-67{width: 67px;}
.center-content{
	display: flex;
    justify-content: center;
}
.brdr-black{border: 1px solid #000;} .report-table{border: none !important;}
.report-table .table .table-bordered , .report-table .table tbody  tr  td, , .report-table tr{
    border: 1px solid #000 !important;
}
.report-table .table-bordered > tbody > tr > td{ border: 1px solid #000 !important;}
.report-table table{margin-bottom:0px;} .hgt-306{height:306px;}
.plr-18{padding-left: 18px; padding-right: 19px;}
.brdr-left{border-left:1px solid #ddd;} .brdr-right{border-right:1px solid #ddd;} .br-none{border-right:none !important;}
.bt-none{border-top:none !important;}
.brdr-top{border-top:1px solid #000 !important;} .brdr-bottom{border-bottom:1px solid #ddd;}
.w-100{width:100%;} .w-50{width: 50%;} .right-table2{float: right;} .w-25{width:25%;}
.rand-table tbody tr td{border-right:1px solid #000;padding:7px 15px 2px 8px;}
.p-cell tbody tr td{
	padding:7px 15px 2px 8px;
}

.mt-m5{ margin-top: -4px;}
.pl-27{ padding-left: 27px !important;}
.br-lr{border-left: none !important;
    border-right: none !important;}
.br-7{border-radius: 7px;}
.pt-10{padding-top: 10px;}
.float-rgt{float:right;} .color-black{color:#000;}
.font-16{font-size: 16px;}.font-12{font-size: 12px;}
.bg-head h1{vertical-align:middle;font-size: 13px;text-transform:uppercase;margin-top:0px;font-weight: 600; line-height: 26px;margin-bottom: 0px;}
.bg-head h1 span{font-size: 27px;
    color: #2c2c2c;
    font-weight: normal;
    /* line-height: 25px; */}
.bg-head h1 sub{color:#000;} .font-10{font-size: 10px !important;}
.red{color:#e8443a;} .violet{color:#321c5e;} .brown{color:#7f4665;} .green{color:#00692c;} .vm{color:#900054;} .blue{color:#25588d;} .gray{color:#707070;}
.clear-est{clear: both; display: block; margin-top: -10px;}
.lh-38{line-height: 38px;} .lh-19{line-height: 19px;}
.br-3{border-radius:3px;}.br-c{border: 1px solid #ccc;}
.hr-8{margin:0px;} .mb-3{margin-bottom:3px;}
.zoom-doc{zoom:document;}
.color-blacks{color:#000;}
.font-15{font-size:15px;}

 @media screen and (max-width: 360px) {
  .hidden-xs .mobile-menu-icon{
	display: block;
  }
 
}