@charset "UTF-8";
/* 25022016 Start */
header {
  height: 73px;
  margin-bottom: 40px;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 5, scss/_header.scss */
header .header-top {
  height: 49px;
  background-color: #666666;
  margin: 0;
  padding: 0;
  position: relative;
}
/* line 11, scss/_header.scss */
header .header-top .logo {
  background-color: #1c81c7;
  float: left;
  padding: 0 40px;
  height: 49px;
  position: relative;
  overflow:hidden;
}
/* line 17, scss/_header.scss */
header .header-top .logo:before {
  content: '';
  height: 100%;
  width: 6px;
  background-color: #8ebf49;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
}
/* line 29, scss/_header.scss */
header .header-top .logo:after {
  content: '';
  height: 100%;
  z-index: 9;
  width: 6px;
  background-color: #1c81c7;
  position: absolute;
  right: 0px;
  top: 0;
  transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}
/* line 46, scss/_header.scss */
header .header-top .logo:hover:after {
  background-color: #1c81c7;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
}
/* line 55, scss/_header.scss */
header .header-top .header-right {
  float: right;
  margin: 23px 40px 0 0;
}
/* line 58, scss/_header.scss */
header .header-top .header-right nav {
  float: right;
}
/* line 60, scss/_header.scss */
header .header-top .header-right nav ul {
  margin: 0;
  padding: 0;
}
/* line 63, scss/_header.scss */
header .header-top .header-right nav ul li {
  list-style: none;
  float: left;
}
/* line 66, scss/_header.scss */
header .header-top .header-right nav ul li a {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 30px;
  position: relative;
}
/* line 74, scss/_header.scss */
header .header-top .header-right nav ul li a:hover {
  color: #f39302;
}
/* line 77, scss/_header.scss */
header .header-top .header-right nav ul li a.active {
  color: #f39302;
}
/* line 79, scss/_header.scss */
header .header-top .header-right nav ul li a.active.active:hover {
  color: #f39302;
}
/* line 83, scss/_header.scss */
header .header-top .header-right nav ul li a span.arrow-up {
  display: none;
}
/* line 86, scss/_header.scss */
header .header-top .header-right nav ul li a.active span.arrow-up {
  border-bottom: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -13px;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 0;
  display: block;
}
/* line 101, scss/_header.scss */
header .header-top .header-right nav .header-bottom {
  height: 24px;
  border-bottom: 1px solid #bdbbb9;
  background-color: #ffffff;
  box-shadow: 0px 7px 13px -4px #292929;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 50px;
}
/* line 110, scss/_header.scss */
header .header-top .header-right nav .header-bottom nav {
  text-align: right;
}
/* line 112, scss/_header.scss */
header .header-top .header-right nav .header-bottom nav.dashboard-menu {
  float: right;
  width: 740px;
}
/* line 115, scss/_header.scss */
header .header-top .header-right nav .header-bottom nav.dashboard-menu ul {
  margin: 0;
  padding: 0;
}
/* line 118, scss/_header.scss */
header .header-top .header-right nav .header-bottom nav.dashboard-menu ul li {
  float: left;
  line-height: 23px;
  list-style: none;
  margin: 0;
}
/* line 123, scss/_header.scss */
header .header-top .header-right nav .header-bottom nav.dashboard-menu ul li a {
  text-decoration: none;
  font-size: 12px;
  color: #000000;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 990px) {
  /* line 136, scss/_header.scss */
  header .header-top .header-right nav .header-bottom {
    top: 34px;
    position: absolute;
  }
  /* line 141, scss/_header.scss */
  header .header-top .header-right nav nav.dashboard-menu {
    margin: 0px;
    top: 0px;
    padding: 0px;
    background: none;
  }
  /* line 147, scss/_header.scss */
  header .header-top .header-right nav nav.dashboard-menu ul li {
    margin: 0 10px;
    width: auto;
  }
  /* line 150, scss/_header.scss */
  header .header-top .header-right nav nav.dashboard-menu ul li a {
    font-size: 11px;
  }
}
@media screen and (max-width: 990px) {
  /* line 161, scss/_header.scss */
  header .header-top .logo {
    padding: 0 10px;
  }
  /* line 164, scss/_header.scss */
  header .header-top .header-right {
    margin: 20px 10px 0 0;
  }
  /* line 166, scss/_header.scss */
  header .header-top .header-right nav {
    background: rgba(102, 102, 102, 0.95);
    display: block;
    float: none;
    left: 0;
    padding: 7px;
    position: absolute;
    top: 49px;
    width: 100%;
    z-index: 3;
    text-align: center;
    display: none;
  }
  /* line 179, scss/_header.scss */
  header .header-top .header-right nav ul li {
    float: left;
    width: 16%;
    text-align: center;
  }
  /* line 183, scss/_header.scss */
  header .header-top .header-right nav ul li a {
    font-size: 13px;
    margin-right: 0px;
  }
  /* line 186, scss/_header.scss */
  header .header-top .header-right nav ul li a.active span.arrow-up {
    bottom: -10px;
  }
  /* line 196, scss/_header.scss */
  header .header-top .header-right nav .header-bottom nav.dashboard-menu ul li {
    margin: 0 10px;
  }
}
@media screen and (max-width: 580px) {
  /* line 208, scss/_header.scss */
  header .header-top .logo {
    width: 200px;
    line-height: 49px;
    padding: 0 10px;
    border-right: 3px solid #8ebf49;
  }
  /* line 213, scss/_header.scss */
  header .header-top .logo img {
    width: 100%;
  }
  /* line 219, scss/_header.scss */
  header .header-top .header-right nav ul {
    line-height: 30px;
  }
  /* line 221, scss/_header.scss */
  header .header-top .header-right nav ul li {
    float: none;
    width: 100%;
  }
  /* line 226, scss/_header.scss */
  header .header-top .header-right nav .header-bottom {
    height: 100px;
    position: relative;
    top: 0;
    border-bottom: none;
    min-height: 50px;
  }
  /* line 233, scss/_header.scss */
  header .header-top .header-right nav .header-bottom nav.dashboard-menu {
    margin-right: 0px;
    width: 100%;
  }
  /* line 236, scss/_header.scss */
  header .header-top .header-right nav .header-bottom nav.dashboard-menu ul {
    line-height: 30px;
  }
  /* line 238, scss/_header.scss */
  header .header-top .header-right nav .header-bottom nav.dashboard-menu ul li {
    float: none;
  }
}
/* line 250, scss/_header.scss */
header .user-icon {
  background-image: url("../img/sprite.svg");
  background-position: right -23px;
  float: right;
  position: relative;
  padding-bottom: 9px;
  height: 19px;
  width: 16px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:-4px 0 0 0;
}
/* line 259, scss/_header.scss */
header .user-icon .user-dropdown {
  background-color: rgba(136, 136, 136, 0.95);
  display: none;
  position: absolute;
  right: -2px;
  top: 29px;
  width: 200px;
  z-index: 3;
  padding: 10px 0;
  font-size: 12px;
  color: #ffffff;
  line-height: 20px;
}
/* line 271, scss/_header.scss */
header .user-icon .user-dropdown .heading {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 10px;
}
/* line 277, scss/_header.scss */
header .user-icon .user-dropdown .user-email {
  font-size: 10px;
  color: #ffffff;
  font-style: italic;
  padding: 0 10px 0 20px;
}
/* line 283, scss/_header.scss */
header .user-icon .user-dropdown ul {
  margin: 0;
  padding: 0;
}
/* line 286, scss/_header.scss */
header .user-icon .user-dropdown ul li {
  float: none;
  list-style: none;
}
/* line 289, scss/_header.scss */
header .user-icon .user-dropdown ul li a {
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 0 10px;
}
/* line 295, scss/_header.scss */
header .user-icon .user-dropdown ul li a:hover {
  background-color: #1f80c3;
}
/* line 301, scss/_header.scss */
header .user-icon .user-dropdown:before {
  border-bottom: 5px solid #868686;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 5px;
  top: -5px;
  width: 0;
  opacity: 0.95;
}
/* line 316, scss/_header.scss */
header .toggle-menu-bar {
  float: right;
  margin: 3px 20px;
  color: #FFF;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 990px) {
  /* line 324, scss/_header.scss */
  header .toggle-menu-bar {
    display: block;
  }
}

@media screen and (max-width: 990px) {
  /* line 330, scss/_header.scss */
  header {
    height: 49px;
  }
}
/* line 15, scss/_global.scss */
.clr {
  clear: both;
  line-height: 0;
  font-size: 0;
}
.dn{
	display:none;
}
.db{
	display:block;
}
/* 25022016 End */
/* 26022016 Start */
/* line 3, scss/_footer.scss */
footer {
  margin: 0 40px;
  border-top: 2px solid #000000;
  padding: 15px 0;
  font-size: 11px;
  color: #000000;
}
/* line 9, scss/_footer.scss */
footer.mydata-footer {
  width: 960px;
  margin: 0 auto;
}
/* line 13, scss/_footer.scss */
footer.summary-footer {
  width: 1000px;
  margin: 0 auto;
}
/* line 17, scss/_footer.scss */
footer .footer-left {
  float: left;
}
/* line 19, scss/_footer.scss */
footer .footer-left ul {
  margin: 0;
  padding: 0;
}
/* line 22, scss/_footer.scss */
footer .footer-left ul li {
  margin: 0;
  padding: 0 5px;
  list-style: none;
  float: left;
  font-size: 10px;
  border-right: 1px solid #000;
}
/* line 29, scss/_footer.scss */
footer .footer-left ul li:last-child {
  border-right: 0;
}
/* line 32, scss/_footer.scss */
footer .footer-left ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
}
/* line 36, scss/_footer.scss */
footer .footer-left ul li a.applied {
  background-image: url("../img/applied-alalysis-logo.svg");
  background-size: 13%;
  background-repeat: no-repeat;
  padding: 2px 0 7px 20px;
}
/* line 46, scss/_footer.scss */
footer .footer-right {
  float: right;
}
/* line 48, scss/_footer.scss */
footer .footer-right ul {
  margin: 0;
  padding: 0;
}
/* line 51, scss/_footer.scss */
footer .footer-right ul li {
  margin: 0;
  padding: 0 5px;
  list-style: none;
  float: left;
  font-size: 10px;
  border-right: 1px solid #000;
}
/* line 58, scss/_footer.scss */
footer .footer-right ul li:last-child {
  border-right: none;
  padding-right: 0px;
}
/* line 62, scss/_footer.scss */
footer .footer-right ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
}
/* line 66, scss/_footer.scss */
footer .footer-right ul li a.applied {
  background-image: url("../img/applied-alalysis-logo.svg");
  background-size: 13%;
  background-repeat: no-repeat;
  padding: 2px 0 7px 20px;
}
@media screen and (max-width: 945px) {
  /* line 77, scss/_footer.scss */
  footer .footer-left {
    width: 432px;
    float: none;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  /* line 83, scss/_footer.scss */
  footer .footer-right {
    width: 430px;
    float: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 550px) {
  /* line 90, scss/_footer.scss */
  footer .footer-left {
    width: auto;
    float: none;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  /* line 97, scss/_footer.scss */
  footer .footer-left ul li {
    float: none;
    border-right: none;
    margin-bottom: 5px;
  }
  /* line 104, scss/_footer.scss */
  footer .footer-right {
    width: auto;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  /* line 110, scss/_footer.scss */
  footer .footer-right ul li {
    float: none;
    border-right: none;
    margin-bottom: 5px;
  }
}
.loader-overlay{
	background-color:rgba(26, 26, 26, 0.7);
	width:100%;
	height:100%;
	position:fixed;
	z-index:20;
	top:0px;
}
.loader{
	position: absolute;
    z-index: 99999;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -38px;
}
.alert-overlay{
	background-color:rgba(26, 26, 26, 0.7);
	width:100% !important;
	height:100% !important;
	position:fixed;
	z-index:10000;
	top:0px !important;
	left:0px  !important;
}
/* 26022016 End */
/* 02032016 Start */
.h3-set{
	background:#acacac none repeat scroll 0 0;
	color: #fff;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0;
	text-transform: uppercase;
	margin-bottom:1px;
	cursor:pointer;
}
.h3-set.active{
	background: #1c81c7 
}
.after-h3-set{
	padding: 7px 7px 10px 7px;
	background:#dddddd;
}
/* 02032016 End */
/* JConfirm Popup start 03032016 */
#popup-alert .popup  {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -115px;
    margin-left: -175px;
    z-index: 999999;
	width:350px;	
	border: none;
    box-shadow: none;
}
#popup-alert, #popup-confirm {
	display: none;
	margin:0 !important
}
#popup-confirm .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -115px;
    margin-left: -175px;
    z-index: 999999;
	width:360px;
	border: none;
    box-shadow: none;
}
#popup-alert .sub-header h2 img, #popup-confirm .sub-header h2 img{
	float: left;
    margin-top: -1px;
}
#popup-alert .sub-header h2 span, #popup-confirm .sub-header h2 span{
	float: left;
    margin-left: 0px;
    margin-top: 1px;
}
#popup-alert button, #popup-confirm button {
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -50px
}
#popup-alert .popup-content , #popup-confirm .popup-content {
    position: relative;
    padding: 10px;
	background:#fff;
}
#popup-alert .popup-content .inner, #popup-confirm .popup-content .inner {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0;
    text-align: left;
}
#popup-alert .popup-content button, #popup-confirm .popup-content button{
	bottom: auto;
    left: auto;
    margin: 15px 0 0;
    padding: 7px 30px;
    position: relative;
    background: #1c81c7;
    border: none;
    color: #fff;
    text-transform: uppercase;
	cursor:pointer;
	height:42px;
}
#popup-confirm .popup-content button.for-cancel{	
    padding: 7px 30px;
	background-color:#aaaaaa;
	cursor:pointer;
	margin:0 7px;
}
#popup-detail {
    width: 534px
}
#popup-detail .hover-arrow {
    width: 18px;
    height: 30px;
    background: url(../img/popup-detail-arrow.png) top left no-repeat;
    z-index: 1001;
    position: relative
}
.alert-overlay .popup,
.alert-overlay .popup_dash {
    z-index: 1000;
    position: fixed;
    top: 1;
    left: -99999px;
    overflow: hidden
}
.box-shadow {
    -moz-box-shadow: 0 0 1px #d4d4d4;
    -webkit-box-shadow: 0 0 1px #d4d4d4;
    box-shadow: 0 0 1px #d4d4d4;
    border: 1px solid #1c81c7
}
.alert-overlay .sub-header{
	background:#1c81c7;
    display: block;
    overflow: hidden;
    color: #FFF;
	line-height:49px;
	padding:0;
}
.alert-overlay .sub-header h2{
	font-size:16px;
	font-weight:normal;
	padding-left:10px;
	color:#fff;
	text-shadow:none;
}
.alert-overlay .sub-header h2 span{
	float: left;
	text-transform:uppercase;
}
.alert-overlay .popup .icon-close {
    float: right;
    cursor: pointer;
    width: 35px;
    height: 50px;
    background: url(../img/popup-cross-sprite.svg) no-repeat top left;
    display: block;
	position:relative;
	right:-1px;
	transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
}
.alert-overlay .popup .icon-close:hover{
	background: url(../img/popup-cross-sprite.svg) no-repeat bottom left;
}
.alert-overlay .popup .icon {
    margin: 0 0 0 4px;
}
/* JConfirm Popup End  03032016*/
/* Table loader (On Popup Loader) Start 04032016 */
.onpopup-loader-overlay{
	background-color:rgba(28, 129, 199, 0.5);
	width:100%;
	height:100%;
	position:absolute;
	z-index:20;
	top:0px;
	left:0;
}
.onpopup-loader{
	position: absolute;
    z-index: 99999;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -38px;
}
/* Table loader (On Popup Loader) End 04032016 */
/* 11032016 Start */
.highcharts-title, .highcharts-subtitle{
	display:none;
}
/*! noUiSlider */

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.noUi-target {
    position: relative;
    direction: ltr
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px
}
.noUi-handle {
    position: relative;
    z-index: 1
}
.noUi-stacking .noUi-handle {
    z-index: 10
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}
.noUi-state-drag * {
    cursor: inherit!important
}
.noUi-horizontal {
    height: 10px
}
.noUi-horizontal .noUi-handle {
    height: 18px;
    left: -8px;
    top: -5px;
    width: 16px
}
.noUi-vertical {
    width: 18px
}
.noUi-vertical .noUi-handle {
    height: 16px;
    left: -8px;
    top: -4px;
    width: 16px
}
.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}
.noUi-connect {
    background: #4e4f4f;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}
.noUi-target {
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}
.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB
}
.noUi-dragable {
    cursor: w-resize
}
.noUi-vertical .noUi-dragable {
    cursor: n-resize
}
.noUi-handle {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: default
}
.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}
.noUi-handle:after,
.noUi-handle:before {
    background: #ccc;
    content: "";
    display: block;
    height: 8px;
    left: 5px;
    position: absolute;
    top: 3px;
    width: 1px
}
.noUi-handle:after {
    left: 8px
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}
.noUi-vertical .noUi-handle:after {
    top: 17px
}
[disabled] .noUi-connect,
[disabled].noUi-connect {
    background: #B8B8B8
}
[disabled] .noUi-handle {
    cursor: not-allowed
}
.example-val {
    float: left;
    font-size: 12px;
    margin: 6px 0 10px;
    font-weight: 700
}
#event-end {
    float: right
}
/*! noUiSlider*/

.noUi-marker,
.noUi-pips,
.noUi-value {
    position: absolute
}
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.noUi-pips {
    font: 400 12px Arial;
    color: #999
}
.noUi-value {
    width: 40px;
    text-align: center
}
.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}
.noUi-marker {
    background: #CCC
}
.noUi-marker-large,
.noUi-marker-sub {
    background: #AAA
}
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 50px;
    top: 100%;
    left: 0;
    width: 100%
}
.noUi-value-horizontal {
    margin-left: -20px;
    padding-top: 20px
}
.noUi-value-horizontal.noUi-value-sub {
    padding-top: 15px
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}
.noUi-value-vertical {
    width: 15px;
    margin-left: 20px;
    margin-top: -5px
}
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

/* Colorpicker Css Strat */
.colpick,
.colpick_color {
    position: absolute;
    overflow: hidden
}
.colpick,
.colpick_full_ns .colpick_current_color,
.colpick_full_ns .colpick_submit,
.colpick_hex .colpick_hsb_b,
.colpick_hex .colpick_hsb_h,
.colpick_hex .colpick_hsb_s,
.colpick_hex .colpick_rgb_b,
.colpick_hex .colpick_rgb_g,
.colpick_hex .colpick_rgb_r,
.colpick_hex_ns .colpick_current_color,
.colpick_hex_ns .colpick_submit,
.colpick_rgbhex .colpick_hsb_b,
.colpick_rgbhex .colpick_hsb_h,
.colpick_rgbhex .colpick_hsb_s,
.colpick_rgbhex_ns .colpick_current_color,
.colpick_rgbhex_ns .colpick_submit {
    display: none
}
.colpick {
    width: 346px;
    height: 170px;
    font-family: Arial, Helvetica, sans-serif;
    background: #ebebeb;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
.colpick_color {
    left: 7px;
    top: 7px;
    width: 156px;
    height: 156px;
    outline: #aaa solid 1px;
    cursor: crosshair
}
.colpick_field_arrs,
.colpick_hue {
    cursor: n-resize;
    position: absolute
}
.colpick_color_overlay1,
.colpick_color_overlay2 {
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    position: absolute
}
.colpick_color_overlay1 {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff')
}
.colpick_color_overlay2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}
.colpick_selector_outer {
    background: 0 0;
    position: absolute;
    width: 11px;
    height: 11px;
    margin: -6px 0 0 -6px;
    border: 1px solid #000;
    border-radius: 50%
}
.colpick_selector_inner {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    border-radius: 50%
}
.colpick_hue {
    top: 6px;
    left: 175px;
    width: 19px;
    height: 156px;
    border: 1px solid #aaa
}
.colpick_hue_arrs {
    position: absolute;
    left: -8px;
    width: 35px;
    height: 7px;
    margin: -7px 0 0
}
.colpick_hue_larr,
.colpick_hue_rarr {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}
.colpick_hue_larr {
    border-left: 7px solid #858585
}
.colpick_hue_rarr {
    right: 0;
    border-right: 7px solid #858585
}
.colpick_current_color,
.colpick_new_color {
    top: 6px;
    height: 27px;
    background: red;
    border: 1px solid #8f8f8f;
    width: 60px;
    position: absolute
}
.colpick_new_color {
    left: 207px
}
.colpick_current_color {
    left: 277px
}
.colpick_field,
.colpick_hex_field {
    position: absolute;
    height: 20px;
    width: 60px;
    overflow: hidden;
    background: #f3f3f3;
    color: #b8b8b8;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.colpick_rgb_r {
    top: 40px;
    left: 207px
}
.colpick_rgb_g {
    top: 67px;
    left: 207px
}
.colpick_rgb_b {
    top: 94px;
    left: 207px
}
.colpick_hsb_h {
    top: 40px;
    left: 277px
}
.colpick_hsb_s {
    top: 67px;
    left: 277px
}
.colpick_hsb_b {
    top: 94px;
    left: 277px
}
.colpick_hex_field {
    width: 68px;
    left: 207px;
    top: 121px
}
.colpick_focus {
    border-color: #999
}
.colpick_field_letter {
    position: absolute;
    width: 12px;
    height: 20px;
    line-height: 20px;
    padding-left: 4px;
    background: #efefef;
    border-right: 1px solid #bdbdbd;
    font-weight: 700;
    color: #777
}
.colpick_field input,
.colpick_hex_field input {
    position: absolute;
    right: 11px;
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    background: 0 0;
    border: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    text-align: right;
    outline: 0
}
.colpick_hex_field input {
    right: 4px
}
.colpick_field_arrs {
    top: 0;
    right: 0;
    width: 9px;
    height: 21px
}
.colpick_field_darr,
.colpick_field_uarr {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute
}
.colpick_field_uarr {
    top: 5px;
    border-bottom: 4px solid #959595
}
.colpick_field_darr {
    bottom: 5px;
    border-top: 4px solid #959595
}
.colpick_submit {
    position: absolute;
    left: 207px;
    top: 149px;
    width: 130px;
    height: 22px;
    line-height: 22px;
    background: #efefef;
    text-align: center;
    color: #555;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.colpick_hex .colpick_hex_field div,
.colpick_hex .colpick_hex_field input,
.colpick_hex .colpick_submit {
    line-height: 25px;
    height: 25px
}
.colpick_submit:hover {
    background: #f3f3f3;
    border-color: #999;
    cursor: pointer
}
.colpick_full_ns .colpick_new_color {
    width: 130px;
    height: 25px
}
.colpick_full_ns .colpick_hsb_h,
.colpick_full_ns .colpick_rgb_r {
    top: 42px
}
.colpick_full_ns .colpick_hsb_s,
.colpick_full_ns .colpick_rgb_g {
    top: 73px
}
.colpick_full_ns .colpick_hsb_b,
.colpick_full_ns .colpick_rgb_b {
    top: 104px
}
.colpick_full_ns .colpick_hex_field {
    top: 135px
}
.colpick_rgbhex {
    width: 282px
}
.colpick_rgbhex .colpick_field,
.colpick_rgbhex .colpick_submit {
    width: 68px
}
.colpick_rgbhex .colpick_new_color {
    width: 34px;
    border-right: none
}
.colpick_rgbhex .colpick_current_color {
    width: 34px;
    left: 240px;
    border-left: none
}
.colpick_rgbhex_ns .colpick_new_color {
    width: 68px;
    border: 1px solid #8f8f8f
}
.colpick_rgbhex_ns .colpick_rgb_r {
    top: 42px
}
.colpick_rgbhex_ns .colpick_rgb_g {
    top: 73px
}
.colpick_rgbhex_ns .colpick_rgb_b {
    top: 104px
}
.colpick_rgbhex_ns .colpick_hex_field {
    top: 135px
}
.colpick_hex {
    width: 206px;
    height: 201px
}
.colpick_hex .colpick_hex_field {
    width: 72px;
    height: 25px;
    top: 168px;
    left: 80px
}
.colpick_hex .colpick_new_color {
    left: 9px;
    top: 168px;
    width: 30px;
    border-right: none
}
.colpick_hex .colpick_current_color {
    left: 39px;
    top: 168px;
    width: 30px;
    border-left: none
}
.colpick_hex .colpick_submit {
    left: 164px;
    top: 168px;
    width: 30px
}
.colpick_hex_ns .colpick_hex_field {
    width: 80px
}
.colpick_hex_ns .colpick_new_color {
    width: 60px;
    border: 1px solid #8f8f8f
}
.colpick_dark {
    background: #161616;
    border-color: #2a2a2a
}
.colpick_dark .colpick_color {
    outline-color: #333
}
.colpick_dark .colpick_hue {
    border-color: #555
}
.colpick_dark .colpick_field,
.colpick_dark .colpick_hex_field {
    background: #101010;
    border-color: #2d2d2d
}
.colpick_dark .colpick_field_letter {
    background: #131313;
    border-color: #2d2d2d;
    color: #696969
}
.colpick_dark .colpick_field input,
.colpick_dark .colpick_hex_field input {
    color: #7a7a7a
}
.colpick_dark .colpick_field_uarr {
    border-bottom-color: #696969
}
.colpick_dark .colpick_field_darr {
    border-top-color: #696969
}
.colpick_dark .colpick_focus {
    border-color: #444
}
.colpick_dark .colpick_submit {
    background: #131313;
    border-color: #2d2d2d;
    color: #7a7a7a
}
.colpick_dark .colpick_submit:hover {
    background-color: #101010;
    border-color: #444
}
/* Colorpicker css end */
/* 11062016 End */

/* 14032016 Start */
.wizard-con {
    width:100%;
}
.breadcrumb {
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    margin: 25px 0 0
}
.breadcrumb li {
    float: left
}
.breadcrumb li a {
    color: #a9a9a9;
    text-decoration: none;
    padding: 10px 0 10px 18px;
    background: #efefef;
    position: relative;
    display: block;
    float: left;
    height: 66px;
    width: 130px;
    font-size: 12px;
    font-weight: 700;
	text-align:center;
}
.breadcrumb li a:after,
.breadcrumb li a:before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    display: block
}
.breadcrumb li a:after {
    border-left: 10px solid #efefef;
    z-index: 2
}
.breadcrumb li a:before {
    border-left: 10px solid #fff;
    margin-left: 1px;
    z-index: 1;
    transition: all .5s
}
.breadcrumb li a span {
    float: left;
    font-size: 26px;
    margin: 4px 8px 0 0;
    text-align: center;
    width: 15px;
    font-weight: 400
}
.breadcrumb li a h6 {
    color: #a9a9a9;
    height: 41px;
    font-family: helvetica;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 0 0;
    text-shadow: none;
    text-transform: none
}
.breadcrumb li:first-child a {
    padding: 10px 0 10px 7px
}
.breadcrumb li:last-child a {
    background: #fff!important;
    color: #A9A9A9;
    pointer-events cursor: default;
    padding: 15px 0 0 14px;
    font-size: 27px;
    width: auto;
    font-weight: 400
}
.breadcrumb li a.active h6 {
    color: #fff
}
.breadcrumb li:last-child a.active {
    color: #A9AC55
}
.breadcrumb li:last-child a:after {
    border: 0
}
.breadcrumb li a.active {
    background: #A9AC55;
    color: #fff
}
.breadcrumb li a.active:after {
    border-left-color: #A9AC55!important
}
.wizard {
    background: #1d81c7;
    border: 1px solid #196fac;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    padding: 7px 22px;
    margin-top: 0
}
.wizard-error {
    color: red;
    float: left;
    height: 23px;
    margin: 0 0 0 159px;
    text-transform: capitalize;
    width: 68%;
    font-weight: 700
}
/* 14032016 End */
/* 18032016 Start */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; height: auto !important;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:0px; right:0px; display:block; background:url(../img/popup-cross-sprite.svg) no-repeat top left; width:34px; height:50px; text-indent:-9999px;
		transition:0.3s ease 0s;
			-moz-transition:0.3s ease 0s;
			-webkit-transition:0.3s ease 0s;
		}
        #cboxClose:hover{background-position:bottom left;}
#cboxPin{position:absolute; top:0px; right:35px; display:block; background:url(../img/popup-cross-sprite.svg) no-repeat -39px 0; width:34px; height:50px; text-indent:-9999px;}
#cboxPin:hover{background-position: -39px bottom;}

.popup-area .blue-bar {
  background-color: #1c81c7;
  padding: 5px 10px;
  font-size: 12px;
  color: #000000;
  height: 40px;
}
.popup-area .blue-bar .pop-title {
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 40px;
}
.popup-area.update-data .blue-bar .pop-title {
  line-height: 23px;
}
.popup-area.update-data .blue-bar .name-subtitle {
  color: #ffffff;
}
.popup-area .blue-bar .pop-title .info-icon {
  background-image: url("../img/sprite.svg");
  width: 40px;
  height: 40px;
  background-position: -186px -64px;
  float: left;
  margin-right: 7px;
}
.popup-area .blue-bar .pop-title .quick-icon {
  background-image: url("../img/sprite.svg");
  width: 40px;
  height: 40px;
  background-position: -227px -66px;
  float: left;
  margin-right: 7px;
}
.popup-area .blue-bar .pop-title img {
  width: 40px;
}
.popup-area .blue-bar .go-back {
  float: left;
  background-image: url("../img/sprite.svg");
  width: 35px;
  height: 50px;
  background-position: -41px -1px;
  cursor: pointer;
  margin-top: -5px;
  padding: 0px;
  margin-left: -10px;
  border-right: 1px solid #FFF;
  margin-right: 10px;
}
.popup-area .blue-bar .go-back:hover {
  background-position: -41px -52px;
  transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
}
.popup-area .white-bar {
  background-color: #ffffff;
  padding: 10px;
  color: #000000;
  font-size: 12px;
  position: relative;
}
.popup-area .white-bar .body-title {
  font-size: 16px;
  color: #000000;
  text-transform: uppercase;
  padding: 20px;
}
.popup-area .white-bar .body-title.p-set {
  padding: 10px 0 20px;
}
.popup-area .white-bar .mb30 {
  margin-bottom: 30px;
}
.popup-area .white-bar .btn {
  font-size: 14px;
  color: #FFFFFF;
  border: none;
  width: 215px;
  text-transform: uppercase;
  height: 42px;
  cursor: pointer;
  position: relative;
}
.popup-area .white-bar .btn.blue-btn {
  background: #1c81c7;
  transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
}
.popup-area .white-bar .btn.blue-btn:hover {
  background: #1b78b9;
}
.popup-area .white-bar .btn.blue-btn.wizard-btn {
  width: 140px;
  transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
}
.popup-area .white-bar .btn.blue-btn.wizard-btn:hover {
  background: #1b78b9;
}
.popup-area .white-bar .btn.blue-btn.popular-import-btn {
  width: 270px;
  transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
}
.popup-area .white-bar .btn.blue-btn.popular-import-btn:hover {
  background: #1b78b9;
}
.popup-area .white-bar .btn.gray-btn {
  background: #aaaaaa;
  transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
}
.popup-area .white-bar .btn.gray-btn:hover {
  background: #949393;
}
.popup-area .white-bar .btn.gray-btn.wizard-btn {
  width: 430px;
  transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
}
.popup-area .white-bar .btn.gray-btn.wizard-btn:hover {
  background: #949393;
}
.popup-area .white-bar .btn .btn-loader {
  position: absolute;
  right: 11px;
  top: 11px;
  z-index: 20;
}
.popup-area .white-bar .btn-margin {
  margin: 0 15px;
}
.popup-area .white-bar p {
  line-height: 20px;
}
@media screen and (max-width: 640px) {
  .popup-area .white-bar .btn {
    font-size: 12px;
    width: auto;
    padding: 0 10px;
  }
}
/* 18032016 End */

/* 05092016 */
.error-msg {
  padding: 10px 50px;
  font-size: 12px;
  background: #d53f00;
  color: #FFFFFF;
  display: none;
  pointer: relative;
}
/* line 53, scss/_all-type-msgs.scss */
.error-msg .text-only {
  float: left;
  line-height: 24px;
}
/* line 56, scss/_all-type-msgs.scss */
.error-msg .text-only a {
  color: #FFF;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}
/* line 61, scss/_all-type-msgs.scss */
.error-msg .text-only a:hover {
  text-decoration: none;
}
/* line 66, scss/_all-type-msgs.scss */
.error-msg span {
  text-transform: uppercase;
}
/* line 69, scss/_all-type-msgs.scss */
.error-msg .msg-cross {
  position: absolute;
  right: 10px;
  top: 10px;
}
/* line 73, scss/_all-type-msgs.scss */
.error-msg .msg-cross i {
  background: #fff;
  border-radius: 50%;
  color: #000;
  padding: 4px 6px;
  height: 24px;
  width: 24px;
  color: #ababab;
  font-size: 15px;
}
/* line 82, scss/_all-type-msgs.scss */
.error-msg .msg-cross i:hover {
  color: #666666;
}
.popular-dashboard-area.update-data .blue-bar .pop-title{
	line-height: 21px;
}
.popular-dashboard-area.update-data .blue-bar .name-subtitle{
	color: #fff;
	font-size: 14px;
}
.popular-dashboard-area.update-data .mr-column.column4 .imp-icon{
	color: #505050;
	font-size: 15px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
}
.popular-dashboard-area.update-data .mr-column.column4 .imp-icon a{
	color: #505050;
}
.popular-dashboard-area.update-data .mr-column.column4 .imp-icon .fa-refresh{
	font-size: 13px;
	position: relative;
	top: -3px;
}
.popular-dashboard-area.update-data .mr-column.column4 .imp-icon .fa-user{
	font-size: 13px;
	position: relative;
	top: -3px;
}
.popular-dashboard-area.update-data .mr-column.column4 .imp-icon .fa-sign-in{
	position: relative;
	top: -2px;
}
.border-set .info-right .imp-icon{
	color: #505050;
	font-size: 15px;
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
}
.border-set .info-right .imp-icon .fa-refresh, .border-set .info-right .imp-icon .fa-user{
	font-size: 13px;
}
.border-set .info-right .imp-icon :hover{
	color: #505050;
}