body{
	font-size:14px;	
	font-family:Roboto-Regular;
	font-weight:normal; color:#666;
}


@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot');
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Roboto-Regular.woff') format('woff'), 
  url('../fonts/Roboto-Regular.ttf') format('truetype'), 
  url('../fonts/Roboto-Regular.svg#ftl') format('svg');
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light.eot');
  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Roboto-Light.woff') format('woff'), 
  url('../fonts/Roboto-Light.ttf') format('truetype'), 
  url('../fonts/Roboto-Light.svg#ftl') format('svg');
}

@font-face {
  font-family: 'roboto-medium';
  src: url('../fonts/roboto-medium.eot');
  src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/roboto-medium.woff') format('woff'), 
  url('../fonts/roboto-medium.ttf') format('truetype'), 
  url('../fonts/roboto-medium.svg#ftl') format('svg');
}


a {
  color: #e66437;
  text-decoration: none;
}
a:focus, a:hover {
  color: #e66437;
  text-decoration: underline;
}
.sfa-main-container {
 
  position: relative;
  height: 100%;
  width: 100%;
}

.sfa-sidebar-1 {
  background: #1d1d1d;
  color: #a0a0a0;
}

.sfa-sidebar-1 {
  width: 260px;
}
.sfa-sidebar {
  height: 100%;
  vertical-align: top;
}

.sfa-head-container {
  width: 100%;
  height: 100%;
  background:#fff;
}

.sfa-container {
  width: 100%;
  height: 100%;
  background:#f8f8f8;
}

.sfa-side-box {
  zoom: 1;
  padding-bottom: 0;
  text-align:center;
}

.sfa-switcher-side {
  color: #ccc;
  background: #1d1d1d;
  border-bottom: 1px solid #111;
  
}
.sfa-switcher-side:hover {
  color: #e66437;
  background: #090909;
}
.switcher {
  display: block;
  padding: 18px 17px 17px;
  line-height: 1;
}

.my-profile{width:100%; margin:0px; padding:0px; background:#161616; padding-top: 10px;}
.my-profile-img{width:80px; float:left; text-align: center!important; padding:10px 0px;}
.my-profile-img .upload-profile-pic{width: 18px; border-radius: 0px; border: none; padding: 2px; left: 15px; top: 65px;
position:absolute; background-color: #000; border-radius: 5px; display:none;}
.my-profile-img .upload-profile-pic:hover{width: 18px; border-radius: 0px; border: none; padding: 2px; display:block; cursor:pointer;}
.my-profile-img img {  border: 1px solid #aaa;  z-index:999; }
.my-profile-img img:hover{ border: 1px solid #e66437;}
.my-profile-img img{ padding: 7px;  -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%; width:60px;}
.my-profile-detail{width:160px; float:left;  margin-bottom: 15px;}
.profile-toggle{width:100%; text-align:center;}
.profile-img-toggle{width:78px;}
ul.my-profile-title{list-style:none;color:#fff; margin:0px; padding:0px;}
ul.my-profile-title h3{margin:0px; margin-top:10px;}
.sign-out{color:#aaa; padding:3px 5px; border:1px solid #000; border-radius:2px; margin-top:10px;}
.sign-out:hover{color:#e66437; text-decoration:none;}
.btn-default {  color: #333;  background-color: #fff;  border-color: #ccc;  outline: none !important;  border-radius: 2px; font-weight:bold;   transition: all 0.5s ease-in-out 0s;}
.btn-group .btn:hover { background-color: #e66437;  color: #fff;  border-color: #e66437;}
.btn-primary-md{  background: #e66437;  border-radius: 2px;  border: 1px solid #e8734a; padding:10px 15px; transition: all 0.5s ease-in-out 0s;}
.btn-primary-md:hover{  background: #e66437;  border-radius: 2px;  border: 1px solid #e8734a; padding:10px 15px; opacity:0.9;}
.btn-full{width:100%;}
.side-menu {
  /*position: fixed;
  width: 300px;
  height: 100%;*/
  background-color: #1d1d1d;
  border-right: 1px solid #1d1d1d;
  width:100%;
  height:auto;
}
.side-menu .navbar {
  border: none;
}
.side-menu .navbar-header {
  width: 100%;
  border-bottom: 1px solid #1d1d1d;
}
.side-menu .navbar-nav .active a {
  background-color: transparent;
  margin-right: -1px;
}
.side-menu .navbar-nav li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #1d1d1d;
}
.side-menu .navbar-nav li a {
  padding: 15px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  color: #e66437;
  background-color:#111;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color: #e66437;
  background-color: #111;
}

.side-menu .navbar-nav li a .glyphicon {
  padding-right: 10px;
}
.side-menu .dropdown {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.side-menu .dropdown .caret {
  float: right;
  margin: 9px 5px 0;
}
.side-menu .dropdown .indicator {
  float: right;
}
.side-menu .dropdown > a {
  /*border-bottom: 1px solid #161616;*/
}
.navbar-inverse {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}
.side-menu .dropdown .panel-body {
  padding: 0;
  background-color: #111;
}
.side-menu .dropdown .panel-body .navbar-nav {
  width: 100%;
}
.side-menu .dropdown .panel-body .navbar-nav li {
/*  padding-left: 15px;*/
  border-bottom: 1px solid #111;
}
.side-menu .dropdown .panel-body .navbar-nav li:last-child {
  border-bottom: none;
}
.side-menu .dropdown .panel-body .panel > a {
  margin-left: -20px;
  padding-left: 35px;
}
.side-menu .dropdown .panel-body .panel-body {
  margin-left: -15px;
}
.side-menu .dropdown .panel-body .panel-body li {
  padding-left: 15px;
}
.side-menu .dropdown .panel-body .panel-body li:last-child {
  border-bottom: 1px solid #111;
}
.side-menu #search-trigger {
  background-color: #f3f3f3;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
  min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
  display: block;
}
.side-menu #search {
  position: relative;
  z-index: 1000;
}
.side-menu #search .panel-body {
  padding: 0;
}
.side-menu #search .panel-body .navbar-form {
  padding: 0;
  padding-right: 50px;
  width: 100%;
  margin: 0;
  position: relative;
  border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
  width: 100%;
  position: relative;
}
.side-menu #search .panel-body .navbar-form input {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  padding: 15px 18px;
}
/* Main body section */
.side-body {
  margin-left: 310px;
}
/* small screen */
@media (max-width: 768px) {
  .side-menu {
    position: relative;
    width: 100%;
    height: 0;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .side-menu .brand-name-wrapper .navbar-brand {
    display: inline-block;
  }
  /* Slide in animation */
  @-moz-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-webkit-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  /* Slide side menu*/
  /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
  .side-menu-container > .navbar-nav.slide-in {
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .side-menu-container > .navbar-nav {
    /* Add position:absolute for scrollable menu -> see top comment */

 
    top: 43px;
    height: 100%;
     border-right: 1px solid #1D1D1D;
  background-color: #1D1D1D;
    -moz-animation: slideout 300ms forwards;
    -o-animation: slideout 300ms forwards;
    -webkit-animation: slideout 300ms forwards;
    animation: slideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Uncomment for scrollable menu -> see top comment */
  /*.absolute-wrapper{
        width:285px;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }*/
	
	.navbar-nav {
  margin: 7.5px 0px;
}
 
  /* Slide side body*/
  .side-body {
    margin-left: 5px;
    margin-top: 70px;
    position: relative;
    -moz-animation: bodyslideout 300ms forwards;
    -o-animation: bodyslideout 300ms forwards;
    -webkit-animation: bodyslideout 300ms forwards;
    animation: bodyslideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Hamburger */
  .navbar-toggle {
    border: 0;
    float: left;
    padding: 18px;
    margin: 0;
    border-radius: 0;
    background-color: #f3f3f3;
  }
  /* Search */
  #search .panel-body .navbar-form {
    border-bottom: 0;
  }
  #search .panel-body .navbar-form .form-group {
    margin: 0;
  }
  .navbar-header {
    /* this is probably redundant */
   /* position: fixed;*/
    z-index: 3;
    background-color: #f8f8f8;
  }
  /* Dropdown tweek */
  .dropdown .panel-body .navbar-nav {
    margin: 0;
  }
}

.toggle-arrow{
	background-color: #1d1d1d;
  	padding: 5px;
  	position: absolute;
  	z-index: 1002;
  	right: 0;
	cursor:pointer;
}
.toggle-arrow:hover{
	color: #f15a2b;
	cursor:pointer;
	background:#111;
}

/* HEADER */

.header{background-color:#fff; min-height:70px; border-bottom:1px solid #ddd;}

.navbar {
    position: relative;
    min-height: 40px;
    /* margin-bottom: 20px; */
    border: 1px solid transparent;
    padding: 0px 0px;
	margin:0px;
     
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 1px 0px 3px #E4E4E4;
	margin-top:15px;
}

.navbar-default .navbar-nav>li>a {
    color: #444;
	font-size:16px;
	line-height:30px;
	padding:10px 30px;
	border-right:1px solid #e6e6e6;
	transition: all .2s;
}

.top-search{
	background-color:#f4f4f4;
	border:none;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	min-height: 50px;
    line-height: 30px;
    border-radius: 0px 4px 4px 0px !important;
    width: 250px;
	font-size:16px;
	position:relative;
}

.region-search{
	min-height: 36px !important;
	border:1px solid #e6e6e6;
	border-radius:3px !important;
}

.top-S-icon{
	position: absolute;
    margin: -39px 15px 0px 0px;
    right: 0px;
    font-size: 24px !important;	
	cursor:pointer;
	color:#444;
}
.top-S-icon2{
    margin: -26px 15px 0px 0px;
    font-size: 16px !important;	
}


.top-S-icon:hover{
	color:#e66437;
}




.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #e66437;
    background-color: #f4f4f4;
	border-bottom:3px solid #e66437;
	line-height:27px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #e66437;
    background-color: #f4f4f4;
	
}


/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #e66437;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


.navbar-brand {
  padding: 0px 15px;

}

.notification{  color: #fff;  position: absolute;  top: 18px;  right: 10px; background:#e66437;}
.notification a{color:#b9b9bf;}
.notification a:hover{color:#e66537;}


.cd-pricing-switcher {
  text-align: center;
}

.cd-pricing-switcher .fieldset {
  display: inline-block;
  position: relative;
  padding: 2px;
  border-radius: 50em;
  border: 1px solid #22BAA0;
}
.cd-pricing-switcher input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.cd-pricing-switcher label {
  position: relative;
  z-index: 1;
  display: inline-block;
  float: left;
  width: 90px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-size: 1.4rem;
  color: #5f5f5f;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cd-pricing-switcher input[type="radio"]:checked+label {
  color: #fff;
}

.cd-pricing-switcher .cd-switch {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 40px;
  width: 90px;
  background-color: #22BAA0;
  border-radius: 50em;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}

.overview{width:100%; height:auto; margin:15px auto; padding:0px 15px 15px 15px; background:#fff; border: 1px solid #e6e6e6; border-radius: 4px; 
box-shadow: 1px 0px 3px #E4E4E4; min-height: 550px}
.overview-min-height{min-height: 650px;}
.overview-btn{width:400px;}
.overview-btn2{width:320px;}
.vis-h{display:none !important; cursor:default !important;}
.report-active{ background:#e66437; border-radius:30px; border:2px solid #fff; color:#fff !important;}
.report-active:hover{ background:#e66437; border-radius:30px; border:2px solid #fff; color:#fff !important;}
.overview-container{background-color:#fff; width:100%; min-height:110px; border:1px solid #ededed; clear:both; margin:20px 0px 20px;}
.overview-container-gray{background-color:#f8f8f8; width:100%; min-height:auto; clear:both; margin:0px  auto !important; padding:0px !important;}
.overview-container-gray2{background-color:#f8f8f8; width:100%; min-height:auto; clear:both; margin:20px 0px 20px !important; padding:15px 15px 5px 15px !important;}
.overview-container-dark-gray{background-color:#eeeeee; width:100%; min-height:auto; clear:both; margin:0px  auto !important; padding:0px !important;     border: 1px dashed #ccc;}
.border-R-lt{border-right:1px solid #ededed; max-height:125px;}
.report-visit{margin:15px 0px 15px 15px; padding:0px;}
.report-visit2{margin:15px 0px 15px 0px; padding:0px;}
.report-visit3{margin:15px 15px 15px 0px; padding:0px;}
.visit-h3{font-size:16px; font-weight:bold; text-transform:uppercase; color:#535353;  border-bottom: 1px dashed #eee;  padding-bottom: 10px;}
.refresh-icon{font-size:11px !important; float:right; color:#b9b9bf; cursor:pointer;}
.refresh-icon:hover{font-size:11px !important; float:right; color:#e66437; cursor:pointer;}
.visit-body{width:100%;}
.eye-icon-md{font-size:24px; color:#b9b9bf;}
.visit-amount{font-size:24px; color:#e66437; font-weight:bold; padding-left:10px;}
.width-sm{width:80px !important;}
.hd-txt{display:inline-block}


@media (max-width:767px){
	#sb-left{display:none;}
	.mob-nav{display:inline-block;}
	.graph-mob{display:none;}
	
	.overview-btn {  width: 280px;}
}

.perc{color:#555 !important;}
.panel-white{background-color:#fff; margin-bottom:20px; float:left; width:100%; clear:both;   box-shadow: 0px 0px 2px #ccc;}

.well-sm-radious {
  border-radius: 0px;
  padding: 10px 0px;
}

.filter-tb{
	height:48px; border:1px solid #ccc; border-radius:2px;  -webkit-box-shadow: none;
  	box-shadow: none;
  	-webkit-transition: none;
  	-o-transition:none;
  	transition: none;
	margin-right:10px;
}

.btn-main-lg{height:48px; background:#e66437; border-radius:2px; border:1px solid #e8734a; font-size:18px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  
  }
.btn-main-lg:hover{height:48px; background:#333; border-radius:2px; border:1px solid #333; font-size:18px;}

.calender {
  background: #fff url(../img/calender.png) no-repeat right;
}

.btn-primary.focus, .btn-primary:focus {  color: #fff;  background-color: #E66437;  border-color: #E66437;}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {  color: #fff;  background-color: #E66437 !important;  border-color: #E66437 !important;}

.search-By{font-size:18px; text-transform:uppercase; padding:0px; margin:10px 15px 10px 15px; font-weight:bold;}
.enquiry-table.table-bordered>thead>tr>th{ background-color:#f7f6f6;vertical-align: bottom;border-bottom: 1px solid #ddd; padding-top:10px; padding-bottom:10px;     vertical-align: middle;}
.enquiry-table.table-striped>tbody>tr:nth-child(odd) {background-color: #ffffff;}
.enquiry-table.table-striped>tbody>tr:nth-child(even) {background-color: #f9f9f9;}
.table.enquiry-table>tbody>tr>td, .table.enquiry-table>thead>tr>th,{ line-height:1.12857143 !important;}

.table-hover>tbody>tr:nth-child(even):hover,.table-hover>tbody>tr:nth-child(odd):hover {background-color: #FFFAF4;}
.text-primary {color: #e66437;}

.sprite{background:url(../img/sprite.png) no-repeat; display:block;}
.acquisition{background-position:-13px 3px; width:28px; height:35px; display:inline-block;}
.conversion{  background-position: -54px -4px;  width: 28px;  height: 35px;  display: inline-block;}
.retention{background-position: -91px -3px;  width: 28px;  height: 35px;  display: inline-block;}
.other{background-position:-128px -4px;  width: 28px;  height: 35px;  display: inline-block;}
.total-dealer-visits{  background-position: -12px -38px;  width: 28px;  height: 27px;  display: inline-block;}
.total-unique-visits{  background-position: -88px -39px;  width: 28px;  height: 27px;  display: inline-block;}
.visit-per-dealer{  background-position:-133px -42px;  width: 28px;  height: 27px;  display: inline-block;}
.visit-duration{  background-position: -53px -40px;  width: 28px;  height: 27px;  display: inline-block;}
.phone{  background-position: -165px 0px; width: 60px; height: 60px; display: inline-block; vertical-align:middle;}
.email{background-position:-230px 0px;  width: 60px;  height: 60px;  display: inline-block; vertical-align:middle;}
.phone-g{  background-position:-165px -60px; width: 60px; height: 60px; display: inline-block; vertical-align:middle;}
.email-g{background-position:-225px -60px;  width: 60px;  height: 60px;  display: inline-block; vertical-align:middle;}
.newRegion{background-position:-10px -99px;  width: 24px;  height: 24px;  display: inline-block; vertical-align:middle;}
.upload-exl{background-position:-35px -100px;  width: 24px;  height: 24px;  display: inline-block; vertical-align:middle;}
.input-sm {width: 160px;  padding:0px;  padding-right:10px;}
.input-large{width: 300px !important;}
.input-large-md{width: 210px !important;}
.input-lg {  padding: 10px 10px;}

.menu-mob{display:none;}
.menu-mob-up{display:none;}
.mob-nav{display:none !important;}
.txt-t{ text-transform:none; color: #777;}

/* FOOTER */
.footer-container{	height:auto;	color:#777;	font-size:12px;
}
/* LOGIN PAGE */
.login-main-bg {
  background: url(../img/login-bg-main.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  position:fixed;
}

.form-signin {  max-width: 40%;  padding: 0px 20px 20px 20px;  margin: 100px auto;  border-radius: 5px;}
.login-textbox{height:60px; border-radius:30px !important; padding:10px 30px; font-size:18px; background-color:#fff !important;}
.login-btn{height:60px; border-radius:30px; padding:10px 30px; width:100%;}
.login-btn:hover{height:60px; border-radius:30px; padding:10px 30px; width:100%; background-color:#e66437; border:1px solid #e66437; opacity:0.9;}
.login-checkbox{  margin-top: 15px;  margin-bottom: 10px;  margin-left: -15px;  color: #fff;}
.heading-main{font-size:30px; font-weight:bold; color:#fff; text-align:center;}
.heading-container{width:100%; border-bottom:1px solid #e6e6e6;}
.heading-main-gray{font-size:18px; font-weight:normal; color:#444; text-align:left; line-height:18px;}
.heading-border{width:70px; height:4px; background:#e66437;display: inline-block; text-align: center;}

.dropdown-menu>li>a {
    padding: 10px 10px;

}

/* INPUT */

input[type="checkbox"], input[type="radio"] {
    display:none;
}
input[type="checkbox"] + label span, input[type="radio"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/sprite.png) -33px -71px no-repeat;
    cursor:pointer; 
}

input[type="checkbox"] + label:hover span {
   background-position: -76px -71px;
}

input[type="checkbox"]:checked + label span { background-position: -55px -71px; }
.ie8 input[type="checkbox"]{ display:inline-block;}
.ie8 input[type="checkbox"] + label span { display:none;}

input[type="checkbox"] + label, input[type="radio"] + label  {   margin-right:1px; font-size:14px; }
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label  {    background-image: none;      }



input[type="radio"] + label span{   background-position: -99px -71px;}
input[type="radio"] + label:hover span {
   background-position:  -141px -71px;
}
input[type="radio"]:checked + label span { background-position: -121px -71px;}
.form-control {
  -webkit-box-shadow:none;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   border-radius:2px;
}

/* ADD ZSM */
.center-container{  max-width: 50%;  padding: 0px 20px 20px 20px;  margin: 20px auto; }
.center-container-sm{  max-width: 40%;  padding: 0px 20px 20px 20px;  margin: 20px auto; }
.center-container-md{  max-width: 80%;  padding: 0px 20px 20px 20px;  margin: 20px auto; }
.input-medium{height:42px; border-radius:2px;   padding: 10px 15px; background-color:#F8F8F8;}
.input-medium-white{height:42px; border-radius:2px;   padding: 10px 15px; background-color:#fff;}
.select-medium{height:42px; border-radius:2px;   padding: 10px 10px; background-color:#F8F8F8;}
.content-MN{border:none; border-radius:0px;
	-webkit-background-clip: padding-box;  
	background-clip: padding-box;  
 	outline: 0; 
   -webkit-box-shadow: none; 
   box-shadow: none; 
  border-radius: 2px;}
  
  .text-left {
    text-align: left !important;
}

.bootstrap-timepicker-widget table td input {
    width: 30px !important;
    margin: 0;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 2px;
    padding: 3px;
    font-size: 13px;
}
.input-group-addon {
    border-radius: 2px;
}
.full-widht{width:100% !important;}
.reasonFor-meeting {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
	font-size:14px;
	padding:0px 15px 0px 5px;
}
.reasonFor-meeting-drop{width:95%; height:250px; overflow-y:scroll;}
.dropdown-menu {z-index:1100; margin-top: -1px !important; padding:0px; border:1px solid rgba(255, 255, 255, 0.15);}
.total-time-spent{margin-top:30px;}
.meni-border{border-bottom:1px solid #e6e6e6;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #E66437;
    text-decoration: none;
    background-color: #f5f5f5;
}

@media (max-width:767px){
	.overview-mob{  width: 100%;  height: auto;  margin: 80px auto 40px;}
	.notification-mob{width:100%; background:#eee;  padding: 0px 0px 10px;}
	.glyphicon-bell{float:right;}
	.menu-mob{display:block; cursor:pointer; padding: 5px 6px 7px 6px; border:1px solid #DADADA; display: block; margin:12px 10px 5px 14px; background-color: #fff; border-radius: 2px;}
	.menu-mob:hover{background-color:#e66437; color:#fff;}
	.menu-mob-up{position: absolute; left: 6px; top: 31px;  font-size: 20px;  color: #090909;}
	.sfa-sidebar { position: absolute;  width: 100%;  top: 118px;  left: 0px;  z-index: 1010;}
	.header {height: 53px;}
	.refresh-icon { margin-right: 15px;   margin-top: 20px;}
	.report-visit2 { margin: 15px 0px 15px 15px;  padding: 0px;}
	.report-visit3 {  margin: 15px 0px 15px 15px;  padding: 0px;}
	.input-large {  width: 100%!important;}
	.input-sm { width: 100%!important;}
	.searchBtn-center{text-align:center; width:100%;}
	.btn-main-lg{width:100%;}
	.mob-nav{display:block !important;}
	.input-sm {padding-right: 0px;}
	.form-signin {  max-width: 100%;  padding: 0px 20px 20px 20px;  margin: 100px auto;  border-radius: 5px;}
	.center-container{  max-width: 100%;}
	.center-container-sm{  max-width: 100%;  padding: 0px 20px 20px 20px;  margin: 28px auto; }
	.center-container-md{  max-width: 100%;  padding: 0px 20px 20px 20px;  margin: 28px auto; }
	.searchBy-M{margin-top:80px !important;}
	.total-time-spent{margin-top:10px;}
}


/* Region Management */

.region-cont-sec{width:100%; margin:15px 0px;}
.region-box{height:auto; width:100%; border:1px solid #e6e6e6; min-height:300px; border-radius:4px; box-shadow: 1px 0px 15px #E4E4E4; margin-bottom:30px;}
.region-box-head{background-color:#f9f9f9; min-height:130px; width:100%; border-bottom:1px solid #e6e6e6;}
.region-box-head-txt{font-size:22px; color:#e66437; text-align:center; padding:60px 0px; margin:0px; font-weight:bold;}
.txt-disabled{color:#999;}
.region-box-body{background-color:#fff; height:auto; padding:15px;}
.region-box-body ul{list-style:none; padding:0; margin:0;}
.region-box-body ul li{height:auto; padding:15px 0px;}
.hilight-badge{color: #E66437; background-color: #FFF; border-radius: 3px; border: 1px solid #E66437; padding: 6px 10px; font-weight:bold; font-size:16px;}
.border-b-dotted{border-bottom:1px dotted #e6e6e6;}
.region-box-footer{ border-top:1px solid #e6e6e6; padding:7px 15px; background:#fff;}
.txt-success{color:#009b00;}
.txt-red{color:#dc4242;}
.small{color:#999999;}
.region-disabled{ background:#f9f9f9;}
.disabled-badge{color: #999; background-color: #f9f9f9; border-radius: 3px; border: 1px solid #e6e6e6; padding: 6px 10px; font-weight:bold; font-size:16px;}
.manage-reg-btn{ padding: 5px 10px; border-radius: 0px; position: absolute;  right: 16px;  top: 113px; transition: all .2s;}
.manage-reg-btn:hover{ padding: 5px 10px; border-radius: 0px;}
.add-bdr{border:1px solid #ddd;}
.hilight{color:#e66437;}
.log-out{padding: 5px 12px !important; font-size:14px; margin:10px 0px 0px 20px;}


/* Add Region */
.add-region-box{margin:0px auto;}
.nav-tabs {border-bottom: 0px solid #ddd;}
.fP{margin-left:20px;}
.reset-input{width:65% !important; float:left; margin-right:10px;}
.ok-btn{padding:6px 12px;}
.ok-btn:hover{padding:6px 12px;}

.file-heading { font-size: 18px; font-weight: normal; color: #444; line-height: 18px ;text-align:center; margin:0px;}
.file-txt { font-size: 14px; font-weight: normal; color: #5cb85c; line-height: 18px ;text-align:center; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.file-size { font-size: 12px; font-weight: normal; color: #999; line-height: 18px ;text-align:center; padding:10px 20px 0px; margin-bottom:0px;}
.progress {border-radius: 2px;}
.file-img{display:initial; text-align:center;}

/* Manage Region */
.panel-heading {
    padding: 15px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
	background-color: #f9f9f9;
    border-color: #e6e6e6;
	color: #444 !important;
}
.fltr{background: #e6e6e6;  border: 1px solid #e6e6e6;  color: #666666;  font-weight: normal;}
@media (max-width:767px){
	.region-box{margin-top:20px;}
	.nav>li { margin: 0px !important;}
	.top-search{width:100%;     border: 1px solid #e6e6e6; margin-top:10px; margin-bottom:10px;}
	.navbar-default .navbar-nav>li>a {border-right: 0px solid #e6e6e6;}
	.navbar-static-top{margin-top:-10px;}
	.overview-mob { margin: 30px auto 20px; border-radius:0px;}
	.add-rgn-btn-m{width:100%;}
	.dn-mob{display:none !important;}
	.mob-logout{ position: absolute !important;  z-index: 1002; right: 15px;}
	
	.navbar-header { z-index: 3; background-color: #fff; margin-top:0px;}
	.fP{margin-left:0px;}

}








/* ADD NEW REGION */
.addRegion { background-position: -284px -7px; width: 24px;  height: 24px; display: inline-block; vertical-align: middle; }
.backIcon { background-position: -317px -7px; width: 12px;  height: 12px; display: inline-block; vertical-align: middle; }

.back-option { margin-top: 20px }
a.region-back { font-size: 14px; color: #444; text-decoration: none; }
a.region-back:hover { color: #e66437 }
a.region-back:hover .backIcon { background-position: -337px -7px; }

/* Region Tabs */
.regionWrapper { display: block; width: 100%; margin-top: 20px }

.regionWrapper .region-tabs { width: 460px; margin: 0 auto; }
.regionWrapper .spec-form { width: 460px; margin: 0 auto; }
.regionWrapper .region-tabs>li>a { color: #444; font-size:14px; font-family: roboto-medium;	line-height:30px; padding:10px 30px; border-bottom: 3px solid #ddd; transition: all .2s; }
.regionWrapper .region-tabs>li:first-child>a { margin-right: 5px }
.regionWrapper .region-tabs>li:hover>a, .regionWrapper .region-tabs>.active>a, .regionWrapper .region-tabs>.active>a:focus, .regionWrapper .region-tabs>.active>a:hover { color: #e66437; background-color: #fff; border-bottom:3px solid #e66437; }
.regionWrapper .region-tabs>li>a:focus, .regionWrapper .region-tabs>li>a:hover { color: #e66437; background-color: #fff; }

.regionWrapper .region-tabs .region-badge { border-radius: 2px; background: #999; padding: 4px 7px; margin-right: 5px; }
.regionWrapper .region-tabs>li:hover>a .region-badge, .regionWrapper .region-tabs>.active>a .region-badge, .regionWrapper .region-tabs>.active>a:focus .region-badge, .regionWrapper .region-tabs>.active>a:hover .region-badge { background: #e66437; }

.region-tabPanel { padding-top: 15px; padding-bottom:15px; }
.region-tabPanel .form-control { height: 52px; border: 1px solid #e6e6e6; border-radius: 2px; background-color: #f9f9f9; font-size: 16px; color: #999; transition: all 0.4s }
.region-tabPanel .form-control:focus { border-color: #ddd; background-color: #fff; color: #444; box-shadow: none  }

.region-tabPanel .regionNext { background: #e66437; border: 1px solid #e66437; border-radius: 2px; box-shadow: none; outline: 0px; height: 52px; color: #fff; text-transform: uppercase; font-size: 16px; display: block; width: 100%; line-height: 38px; transition: all 0.4s }
.region-tabPanel .regionNext:hover { background: #dd582a; border-color: #C5562F }

.region-tabPanel .btn-group { width: 100% }
.region-tabPanel .multiselect .caret{ right: 12px; position: absolute; top: 50%; margin-top: -2px; }
.region-tabPanel .multiselect, .region-tabPanel .multiselect:hover { width: 100%; text-align: left; height: 52px; font-weight: normal; border: 1px solid #e6e6e6; border-radius: 2px; background: #f9f9f9; font-size: 16px; color: #999; transition: all 0.4s }
.region-tabPanel .multiselect:focus, .region-tabPanel .btn-group.open .dropdown-toggle { border-color: #ddd; background: #fff; color: #444; box-shadow: none }

.region-tabPanel input[type="checkbox"] { display: inline-block }
.region-tabPanel .multiselect-container { border: 1px solid #ddd; border-radius: 2px; max-height: 260px; overflow-y: auto; height: auto; margin-bottom: 20px; }
.region-tabPanel .multiselect-item .input-group-addon { background: #f6f6f6; border-color: #e6e6e6 }
.region-tabPanel .multiselect-item .input-group-addon i { color: #777; }
.region-tabPanel .multiselect-item .multiselect-search { height: 40px; font-size: 14px; }
.region-tabPanel .multiselect-item .multiselect-clear-filter { height: 40px; border-color: #e6e6e6 }
.region-tabPanel .multiselect-container>li>a>label { padding: 8px 20px 8px 35px; margin: 0 !important; font-weight: normal !important }
.region-tabPanel .dropdown-menu>.active>a, .region-tabPanel .dropdown-menu>.active>a:focus, .region-tabPanel .dropdown-menu>.active>a:hover { background: #f9f9f9; color: #333; }
.region-tabPanel .multiselect-container>li>a.multiselect-all label { font-weight: normal; font-family: roboto-medium;  }
.region-tabPanel .multiselect-container>li>a { padding: 3px 0px; outline: 0px }


.head-region { font-size: 18px; color: #444; text-align: center; font-weight: normal; margin-top: 0px }
.region-details .alert { padding: 0px }
.region-details .alert-dismissible .close { top: 50%; right: 0; margin-top: -18px; }
.region-details .panel-heading { padding:15px }
.sub-title { font-size: 12px; color: #666; margin-left: 5px }

.city-box { position: relative; display:inline-block; padding: 6px 24px 6px 8px; margin-right: 5px; margin-bottom: 5px; font-size: 12px; border: 1px solid #ddd; border-radius: 2px; background: #f9f9f9; }
.city-box .close { position: absolute; right: 5px !important; top: 50% !important; margin-top: -10px !important; font-size: 18px !important; color: #333 !important }
.close:focus { outline: 0px }

.region-tabPanel .confirmNext { background: #e66437; border: 1px solid #e66437; border-radius: 2px; box-shadow: none; outline: 0px; height: 52px; color: #fff; text-transform: uppercase; font-size: 16px; display: block; width: 340px; margin: 0 auto; line-height: 38px; transition: all 0.4s }
.region-tabPanel .confirmNext:hover { background: #dd582a; border-color: #C5562F }
.btn-fix{width:auto !important; display:inline-block;}
.btn-fix-2{padding:10px 15px;}

@media (max-width: 767px) {
	.regionWrapper { width: 100%; padding: 0px 15px }
	.addRegion { display: none }
	.regionWrapper .region-tabs { width: 100%; margin: 0 auto; }
	.regionWrapper .spec-form { width: 100%; margin: 0 auto; }
	.region-tabPanel .confirmNext { width: 100% }
}

/* USER MANAGEMENT */

.add-drpdwn-menu { right: 0px; left: auto; }

.region-box-head { position: relative }
.manage-reg-btn { right: 0px !important; top: auto !important; bottom: 0px }
.usr-img-box img { display: inline-block }
.region-box-head-txt { padding: 55px 0px; }
.user-box .region-box-body ul li { padding: 12px 0px; }
.usr-name { color: #333; font-size: 16px; font-weight: 600  }

/* ADD NEW USER */

.addUser { background-position: -286px -38px; width: 23px;  height: 24px; display: inline-block; vertical-align: middle; }
.regionWrapper .user-tabs { width: 100%; margin: 0 auto; }
.regionWrapper .user-tabs>li>a { color: #444; font-size:13px; font-family: roboto-medium; line-height:30px; padding:10px; margin-right: 5px; border-bottom: 3px solid #ddd; transition: all .2s; }
.regionWrapper .user-tabs>li:last-child>a { margin-right: 0px }
.regionWrapper .user-tabs>li:hover>a, .regionWrapper .user-tabs>.active>a, .regionWrapper .user-tabs>.active>a:focus, .regionWrapper .user-tabs>.active>a:hover { color: #e66437; background-color: #fff; border-bottom:3px solid #e66437; }
.regionWrapper .user-tabs>li>a:focus, .regionWrapper .user-tabs>li>a:hover { color: #e66437; background-color: #fff; }

.regionWrapper .user-tabs .region-badge { border-radius: 2px; background: #999; padding: 4px 7px; margin-right: 5px; font-weight: normal; }
.regionWrapper .user-tabs>li:hover>a .region-badge, .regionWrapper .user-tabs>.active>a .region-badge, .regionWrapper .user-tabs>.active>a:focus .region-badge, .regionWrapper .user-tabs>.active>a:hover .region-badge { background: #e66437; }

.step-back { text-align: center }
.step-back a { color: #333; font-size: 14px; text-decoration: underline; transition: all 0.4s }
.step-back a:hover { color: #e66437; text-decoration: none; }

.calender-icon { background: #fff url(../img/calender-icon.png) no-repeat right; }
.border-R { border-color: #ddd }


/* UPDATE DESIGN STYLE :: 15-01-2016 */

/* Tab Styles :: Region Management */

.tab-region-specs { background-position: -326px -31px; width: 42px;  height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s }
.tab-confirm { background-position: -373px -31px; width: 42px;  height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s }


.regionWrapper .region-tabs>li:hover>a .tab-region-specs, .regionWrapper .region-tabs>.active>a .tab-region-specs, .regionWrapper .region-tabs>.active>a:focus .tab-region-specs, .regionWrapper .region-tabs>.active>a:hover .tab-region-specs { background-position: -326px -80px; }

.regionWrapper .region-tabs>li:hover>a .tab-confirm, .regionWrapper .region-tabs>.active>a .tab-confirm, .regionWrapper .region-tabs>.active>a:focus .tab-confirm, .regionWrapper .region-tabs>.active>a:hover .tab-confirm { background-position: -373px -80px; }

.regionWrapper .region-tabs>li:hover>a:after, .regionWrapper .region-tabs>.active>a:after, .regionWrapper .region-tabs>.active>a:after:focus, .regionWrapper .region-tabs>.active>a:after:hover { left: 50%; top: 100%; border: solid transparent; content: " ";	height: 0; width: 0; position: absolute;pointer-events: none; border-color: rgba(241, 241, 241, 0);	border-top-color: #e66437; border-width: 12px; margin-left: -12px; }

.tb-txt { display: block; text-align: center } 
.sm-font { font-family: roboto-medium; color: #333; } 
.font-medium { font-family: roboto-medium; } 

a.edit-switch { display: inline-block; text-align:center; padding: 0px 20px; width: auto; height: 28px; border: 1px solid #bbb; background: #fff; border-radius: 14px; line-height: 26px; color: #bbb; font-size: 12px; box-shadow: none; text-decoration: none; transition: all 0.4s  }
a.edit-switch:hover { background: #e66437; color: #fff; border-color: #d85629 }


/* Tab Styles :: User Management */
.tab-assign-role { background-position: -326px -129px; width: 42px;  height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s }
.tab-business { background-position: -373px -129px; width: 42px;  height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s }
.tab-reporting { background-position: -424px -30px; width: 42px;  height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s }
.tab-basic-details { background-position: -472px -30px; width: 42px;  height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s }

.regionWrapper .user-tabs>li:hover>a .tab-assign-role, .regionWrapper .user-tabs>.active>a .tab-assign-role, .regionWrapper .user-tabs>.active>a:focus .tab-assign-role, .regionWrapper .user-tabs>.active>a:hover .tab-assign-role { background-position: -326px -179px; }

.regionWrapper .user-tabs>li:hover>a .tab-business, .regionWrapper .user-tabs>.active>a .tab-business, .regionWrapper .user-tabs>.active>a:focus .tab-business, .regionWrapper .user-tabs>.active>a:hover .tab-business { background-position: -373px -179px; }

.regionWrapper .user-tabs>li:hover>a .tab-region-specs, .regionWrapper .user-tabs>.active>a .tab-region-specs, .regionWrapper .user-tabs>.active>a:focus .tab-region-specs, .regionWrapper .user-tabs>.active>a:hover .tab-region-specs { background-position: -326px -80px; }

.regionWrapper .user-tabs>li:hover>a .tab-reporting, .regionWrapper .user-tabs>.active>a .tab-reporting, .regionWrapper .user-tabs>.active>a:focus .tab-reporting, .regionWrapper .user-tabs>.active>a:hover .tab-reporting { background-position: -424px -80px; }

.regionWrapper .user-tabs>li:hover>a .tab-basic-details, .regionWrapper .user-tabs>.active>a .tab-basic-details, .regionWrapper .user-tabs>.active>a:focus .tab-basic-details, .regionWrapper .user-tabs>.active>a:hover .tab-basic-details { background-position: -472px -80px; }

.regionWrapper .user-tabs>li:hover>a .tab-confirm, .regionWrapper .user-tabs>.active>a .tab-confirm, .regionWrapper .user-tabs>.active>a:focus .tab-confirm, .regionWrapper .user-tabs>.active>a:hover .tab-confirm { background-position: -373px -80px; }

.regionWrapper .user-tabs>li:hover>a:after, .regionWrapper .user-tabs>.active>a:after, .regionWrapper .user-tabs>.active>a:after:focus, .regionWrapper .user-tabs>.active>a:after:hover { left: 50%; top: 100%; border: solid transparent; content: " ";	height: 0; width: 0; position: absolute;pointer-events: none; border-color: rgba(241, 241, 241, 0);	border-top-color: #e66437; border-width: 12px; margin-left: -12px; }

/* User Profile Picture */
.user-profile { width: 160px; text-align: center !important; padding:10px 0px; display: block; margin: 0 auto; position:relative;}
.user-profile img { border: 1px solid #aaa; z-index:999; transition: border 0.4s }
.user-profile img:hover { border: 1px solid #666; }
.user-profile img { padding: 3px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width:156px;height:150px; }

.profile-upload { text-align: center; margin: 5px 0 50px; }
.profile-upload .input-group { display: block }
.btn-upload { background: #f3f3f3; color: #666; border: 1px solid #bbb; border-radius: 2px; transition: all 0.4s }
.btn-upload:hover { background: #fff; color: #444; border-color: #999 }

.col-required { color: #E66437 !important; }

/* Edit User Confirmation */
.boxWrapper-edit { width: 100%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .12); margin-bottom: 15px; border: 1px solid #ddd; border-radius: 2px; padding:10px; }
ul.tab-details-edit { width: 100%; list-style: none; padding: 0; margin: 0; }
ul.tab-details-edit li { width: 33.3334%; float: left; font-size: 14px; padding: 5px 8px; border-bottom: 0px solid #ddd; border-right: 0px solid #ddd }
.boxWrapper-edit .form-control {
    height: 44px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #f9f9f9;
    font-size: 16px;
    color: #444;
    transition: all 0.4s;
}

.edit-emp-info{ margin-top:0px; transition: all .3s ease-in-out; background:#e7521e; border-radius:2px; border:1px solid #e7521e;}
.edit-emp-info:hover{ margin-top:0px; background:#e7521e; color:#fff; border:1px solid #e7521e;}
.close-mrg{margin-top:-30px !important;}
.close:focus, .close:hover {color: #E7521E; text-decoration: none;  cursor: pointer; filter: alpha(opacity=50); opacity: 1;}

.bg-details .form-control {
    height: 44px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #fff;
    font-size: 16px;
    color: #444;
    transition: all 0.4s;
}

.editPic-cross{
	position: absolute;
    bottom: 20px;
    left: 75px;
    font-size: 18px !important;
    opacity: 0.5;
	cursor:pointer;
}

.editPic-cross:hover{
    opacity: 1;

}

/* User Confirmation */
.boxWrapper { width: 100%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .12); margin-bottom: 15px; border: 1px solid #ddd; border-radius: 2px; }

.bg-details { background: #f9f9f9 !important }
ul.user-details { width: 100%; list-style: none; padding: 0; margin: 0 }
ul.user-details li { border-top: 1px solid #ddd; padding: 10px; font-size: 14px }
ul.user-details li:first-child { border-top: 0px }
ul.user-details li .text-muted { color: #aaa }

.title-heading { font-size: 20px; color: #333; margin-top: 0px }

.toggle-option .tog-btn { padding: 3px 12px; font-size: 12px; border-radius: 2px; border: 1px solid #ddd; color: #444; background: #fff; transition: all 0.4s }
.toggle-option .tog-positive:hover, .toggle-option .tog-positive.active { background: #83c36f; color: #fff; border-color: #83BB72; }
.toggle-option .tog-negative:hover, .toggle-option .tog-negative.active { background: #d45d5d; color: #fff; border-color: #BF5959; }

ul.tab-details { width: 100%; list-style: none; padding: 0; margin: 0; }
ul.tab-details li { width: 33.3334%; float: left; font-size: 14px; padding: 12px 8px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd }
ul.tab-details li span.detailsTxt { color: #333; margin-left: 5px; }

.gray-background { background: #f9f9f9 }
.largeTxt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }


.padR { padding-right: 5px; }
.padL { padding-left: 5px }

.box-panel { padding: 15px; }
.zone-box { padding: 5px 0px; border-bottom: 1px solid #ddd; }
.zone-box .panel-body { padding: 10px 0px }

.city-box-confirm { position: relative; display: inline-block; padding: 6px 12px; margin-right: 5px; margin-bottom: 5px; font-size: 14px; border: 1px solid #ddd;
    border-radius: 2px; background: #f0f0f0; color: #555; }
	.bdr-lt-b{border-bottom: 1px solid #e6e6e6;}
	
/* placeholder-animation */	
.cont-holder{position:relative;}
.cont-holder .label-ani{/*position:absolute; left:15px; top:15px;*/ font-size: 16px; color:#999; font-weight:normal;}
/*.cont-holder .form-control{border: 1px solid #e6e6e6;}*/

/*
.group            { 
  position:relative; 
  margin-bottom:45px; 
}
input               {
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
}
input:focus         { outline:none; }

label                {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}


input:focus ~ label, input:valid ~ label        {
  top:-20px;
  font-size:14px;
  color:#5264AE;
}


.bar    { position:relative; display:block; width:300px; }
.bar:before, .bar:after     {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}


input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}*/


.search-city-mob{margin-top:30px;}


@media (max-width: 767px) {
	/*.mob-tabs { margin-left: -15px; margin-right: -15px }*/
	.regionWrapper { padding: 0; margin-top: 0 }
	.mob-tabs .nav-justified>li { float: left; width: 50%; }
	.mob-tabs .user-tabs>li>a { font-size: 12px; padding: 2px; margin-right: 1px; border-bottom: 1px solid #ddd; }
	.mob-tabs .sprite { display: none !important }
	.regionWrapper .user-tabs>li:hover>a, .regionWrapper .user-tabs>.active>a, .regionWrapper .user-tabs>.active>a:focus, .regionWrapper .user-tabs>.active>a:hover { border-bottom: 1px solid #e66437 }
	.mob-tabs .user-tabs>li:hover>a:after, .mob-tabs .user-tabs>.active>a:after, .mob-tabs .user-tabs>.active>a:after:focus, .mob-tabs .user-tabs>.active>a:after:hover { display: none }
.padR { padding-right: 15px; }
 .padL { padding-left: 15px }
 
 .mob-padLR { padding-left: 15px; padding-right: 15px; }
 
 ul.tab-details li { width: 100% }
 
 .search-city-mob{margin-top:20px; width:100%;}
 .top-S-icon2 {margin: -36px 15px 0px 0px;}
 ul.tab-details-edit li {width:100%;}
 .container-fluid-mob{padding:0px;}
}


/* Manage User Tabs */
.manage-list { font-size: 12px; }
.manage-list .nav-tabs { border-bottom: 1px solid #ddd }
.manage-list .nav-tabs > li { margin-bottom: 0 }
.manage-list .nav-tabs > li > a { background: #fff !important; color: #444 !important; text-transform: uppercase; position: relative; padding: 8px 12px; margin-right: 10px; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: 14px; border-bottom: 0 !important; border: 1px solid #ddd; transition: all 0.4s  }
.manage-list .nav > li > a:hover { color: #fff !important; background: #e66437 !important; border-bottom: 0 !important; border: 1px solid #e66437; }
.manage-list .nav-tabs > li.active > a, .manage-list .nav-tabs > li.active > a:hover { color: #fff !important; background: #e66437 !important; border-bottom: 0 !important; border: 1px solid #e66437; }

.manage-list .tab-content { margin-top: 25px;  margin-bottom: 25px; }

@media (min-width:768px) and (max-width:991px){
	.manage-list .nav-tabs > li > a { padding: 10px 4px; }
}


/* ## Manage User TABLE ## */
.lg-drpdwn-wrapper { display: block }
.xs-drpdwn-wrapper { display: none }

.manageList.display { margin-bottom: 10px }
.manageList th, .dataTables_filter label{ font-weight:normal !important; font-size:12px; color: #555; font-family: "roboto-medium"}
.manageList .new-rctag { background-color: #e66437; color: #fff; padding: 3px 6px; font-size: 10px; font-weight: normal }
.manageList.dataTable tbody th, .manageList.dataTable tbody td { padding: 5px 10px; vertical-align: middle; }
.manageList.dataTable tbody td .label { font-size: 12px; font-weight: normal }

.dataTables_filter { margin-bottom: 10px }
.dataTables_filter label input { border: 1px solid #ddd; border-radius: 2px; box-shadow: none; padding: 10px 8px; width: 210px; background-color: #f9f9f9; font-size: 14px; font-weight: normal !important; background: url(../img/search-icon.png) right no-repeat; padding-right: 30px; transition: background-color 0.4s }
.dataTables_filter label input:focus { outline: none }
.dataTables_length { display: none }

.archive-box { position: absolute; left: 0; top: 0; padding: 10px 15px; border: 1px solid #ddd; border-radius: 2px; font-family: roboto-medium; text-transform: uppercase; font-size: 14px; color: #666; background-color: #f9f9f9; }


/* ## Table Pagination ## */
.dataTables_wrapper .dataTables_paginate a.paginate_button { background: #fff !important; border-color: #bbb !important; color: #aaa !important; padding: 4px 9px; transition: all 0.4s }
.dataTables_wrapper .dataTables_paginate a.paginate_button.current, .dataTables_wrapper .dataTables_paginate a.paginate_button.active, .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover { background: #e66437 !important; border-color: #e66437 !important; color: #fff !important }
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover { background: #e66437 !important; border-color: #e66437 !important; color: #fff !important }

.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled, .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:active { background: #fff !important; border-color: #ccc !important; color: #ccc !important; cursor: not-allowed }

/* ## Zonal Table ##  */
.fx-layout { table-layout: fixed }

.zonal-tab-arrow { background-position: -362px -7px; width: 9px;  height: 16px; display: inline-block; vertical-align: middle; }

.zonal-table .left-col { float: left; padding-left: 15px; padding-right: 15px; width: 17% }
.zonal-table .right-col { float: left; padding-left: 15px; padding-right: 15px; width: 83%  }

.zonal-table .zonal-tabs li+li { margin-top: -1px }
.zonal-table .zonal-tabs li a { border: 1px solid #ddd; border-radius: 0px; padding: 15px 15px; font-size: 14px; color: #444; transition: all 0.5s; background:#f9f9f9; }
.zonal-table .zonal-tabs li a:hover { color: #e66437 !important;  background: transparent !important; border-color: #ddd !important; border-bottom: 1px solid #ddd !important;  }
.zonal-table .zonal-tabs>li.active>a, .zonal-table .zonal-tabs>li.active>a:focus, .zonal-table .zonal-tabs>li.active>a:hover { color: #e66437; border-right: 0; background: transparent }

.zonal-arrow-icon { display: none; float: right; padding-right: 15px; transition: all 0.3s }
.zonal-table .zonal-tabs li a:hover .zonal-arrow-icon, .zonal-table .zonal-tabs>li.active>a  .zonal-arrow-icon, .zonal-table .zonal-tabs>li.active>a:focus  .zonal-arrow-icon, .zonal-table .zonal-tabs>li.active>a:hover  .zonal-arrow-icon { display: block }

.zonal-table .tab-content { margin-top: 0px }

.btn-default-text { color: #999; font-weight: normal }

/* Table Row */

table.dataTable thead th { padding: 10px 6px !important; }
.zonal-table .dataTable tbody th, .zonal-table .dataTable tbody td { padding: 6px; vertical-align: middle; color: #333 }

.zonal-table .user-pic { display: inline-block; vertical-align: middle }
.zonal-table .pic-box { display: table; position: relative; text-align: center; width: 34px; height: 34px; min-height: 34px; margin-right: 5px }
.zonal-table .pic-box .pic-list { display: table-cell; vertical-align: middle; }
.zonal-table .pic-box .pic-list img { display: inline-block; max-height: 34px; max-width: 34px; border: 1px solid #ddd; border-radius: 2px }

.table-lg-text { text-overflow: ellipsis; overflow: hidden; }
.table-name { font-size: 12px; text-transform: uppercase; color: #333; font-family: roboto-medium; vertical-align: middle }

.active-info { color: #009e0b !important }
.inactive-info { color: #ff0000 !important }

.option-drpdwn { background-position: -381px -5px; width: 20px;  height: 20px; display: inline-block; vertical-align: middle; }
.btn-group.open a.more-option { box-shadow: none }
a.more-option:hover .option-drpdwn, .btn-group.open a.more-option .option-drpdwn { background-position: -408px -5px; }

.more-option-box .dropdown-menu { left: auto; right: 0px; margin-top: 5px !important; border: 1px solid #ddd; border-radius: 2px; font-size: 12px; }
.zonal-table .table-responsive { overflow-x: inherit }
.more-option-box .dropdown-menu li { border-bottom: 1px solid #ddd }
.more-option-box .dropdown-menu li:last-child { border-bottom: 0px }
.more-option-box .dropdown-menu li a { transition: all 0.4s }
.more-option-box .dropdown-menu li a:hover { background: #e66437; color: #fff }

.list-btn { text-align: right }

@media (max-width: 767px) {
	.lg-drpdwn-wrapper { display: none }
	.xs-drpdwn-wrapper { display: block }
	.manage-list .nav-tabs { border: 0px }
	.manage-list .nav-tabs > li { min-width: 50%; max-width: 100%; margin-right: -1px !important; margin-bottom: -1px !important; border-bottom: 1px solid #ddd; }
	.manage-list .nav-tabs > li > a { padding: 10px 12px; margin-right: 0; border-radius: 0px; text-align: center; font-size: 14px; }
	
	/* ## Mobile Dropdown List of Users ## */
		
	.ms-list .btn-group { width: 100% }
	.ms-list .btn-group .custom-drpdwn { width: 100%; display: block; text-align: left; font-family: roboto-medium; font-weight: normal; padding: 12px 8px; background: #f9f9f9; color: #444; border-color: #ddd; box-shadow: none; border: 1px solid #ddd; border-radius: 2px; font-size: 14px; cursor: pointer; transition: all 0.3s }
	.ms-list .btn-group .custom-drpdwn:hover, .ms-list .btn-group .custom-drpdwn:focus { background: #fff; border-color: #ccc; color: #555; outline: 0px !important }
	.ms-list .btn-group .custom-drpdwn .caret { position: absolute; right: 10px; top: 50%; margin-top: -2px; }
	
	.ms-list .btn-group .drpdwn-list { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 100%; padding: 0px; margin: 1px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px dashed #ddd; border-radius: 2px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }   
	.ms-list .btn-group .drpdwn-list li { border-bottom: 1px dashed #ddd }
	.ms-list .btn-group .drpdwn-list li:last-child { border-bottom: 0px }
	.ms-list .btn-group .drpdwn-list li a { padding: 12px 10px; color: #444; text-decoration: none; background: #fff; display: block; transition: all 0.4s }
	.ms-list .btn-group .drpdwn-list li a:hover { background: #f9f9f9; color: #e66437 }
	 
	.ms-list .btn-group .drpdwn-list>.active>a, .ms-list .btn-group .drpdwn-list>.active>a:focus, .ms-list .btn-group .drpdwn-list>.active>a:hover {     background-color: #f9f9f9; color: #e66437  }
		
	/* ## end ## */
	
	.list-btn { text-align: left; margin-bottom: 15px }
	.fx-layout { table-layout: auto }
	.zonal-table .left-col, .zonal-table .right-col { float: none; padding-left: 15px; padding-right: 15px; width: 100%; margin-bottom: 15px }
	.zonal-table .zonal-tabs li { margin-top: -1px !important }
	
	.mob-bg { padding: 0px }
	.m-background { border-radius: 0px; box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, .10); border: 1px solid #ededed; }
	
	.dataTables_wrapper .dataTables_filter { text-align: right !important }
	.dataTables_filter label { margin-top: 3px; margin-right: 5px; }
	.dataTables_filter label input { width: 172px; padding: 7px 5px; font-size: 12px; }
	.archive-box { top: 3px; margin-left: 5px; padding: 7px 10px; font-size: 12px; }
	
	.dataTables_wrapper .dataTables_paginate { margin-bottom: 15px }
}

/* ## Footer Styles ## */
.copyright-text { float: left }
.helpline-number { float: right }

@media (max-width: 767px) {
	.copyright-text, .helpline-number { float: none; text-align: center }
	.helpline-number { margin-top: 15px; }	
}


/* Reporting */
.reportingManager {
    display: block;
    width: 100%;
    margin-top: 20px;
	    
}
.reportingManager ul{border-bottom: 1px solid #ddd;}
.reportingManager .user-tabs { width: 100%; margin: 0; }
.reportingManager .user-tabs>li>a { float:left; width:auto; color: #444; font-size:13px; font-family: roboto-medium; line-height:30px; padding:10px; margin-right: 5px; border-bottom: 2px solid #ddd; transition: all .2s; }
.reportingManager .user-tabs>li:last-child>a { margin-right: 0px }
.reportingManager .user-tabs>li:hover>a, .reportingManager .user-tabs>.active>a, .reportingManager .user-tabs>.active>a:focus, .reportingManager .user-tabs>.active>a:hover { color: #e66437 !important; background-color: #fff !important; border:0px solid #fff; border-bottom:2px solid #e66437 !important; }
.reportingManager .user-tabs>li>a:focus, .reportingManager .user-tabs>li>a:hover { color: #e66437; background-color: #fff; }

.reportingManager .user-tabs .region-badge { border-radius: 2px; background: #999; padding: 4px 7px; margin-right: 5px; font-weight: normal; }
.reportingManager .user-tabs>li:hover>a .region-badge, .reportingManager .user-tabs>.active>a .region-badge, .reportingManager .user-tabs>.active>a:focus .region-badge, .regionWrapper .user-tabs>.active>a:hover .region-badge { background: #fff; }
.reportingManager .user-tabs>li:hover>a:after, .reportingManager .user-tabs>.active>a:after, .reportingManager .user-tabs>.active>a:after:focus, .reportingManager .user-tabs>.active>a:after:hover { left: 50%; top: 100%; border: solid transparent; content: " ";	height: 0; width: 0; position: absolute;pointer-events: none; border-color: rgba(241, 241, 241, 0);	border-top-color: #e66437; border-width: 0px; margin-left: -12px; }



.similarlist{border-bottom:none !important;}
.similarlist>li .thumbnail{ padding:0px; min-height: 375px;}
.similarlist>li .img_thumb{ background-image:none; height:200px; overflow:hidden; position:relative;}
.similarlist>li .img_thumb img{ max-width:100%;}
.pipelist>li{ padding-right:0px; font-size:14px; line-height:25px;}
.pipelist>li:last-child:after{ display:none;}
.actionbar{ background:rgba(51,51,51,0.85); position:fixed; bottom:0px; padding:15px; left:0; display:none; width:100%; transition:all 0.3s;}
.list-unstyled {border-bottom:none !important;}
.list-unstyled ul li{width:100%;}
.media-heading{background: rgba(0,0,0,0.65); position: absolute; margin:0px; width: 100%; padding: 5px 0px 0px 0px; bottom: 0px; color: #fff; padding-left: 15px; font-weight: normal; font-size:16px;}
.text-muted {color: #999;}
.text-dark{color:#444;}

.pipelist-footer{border-top:1px solid #ddd; padding:5px 10px;}


@media( max-width:1279){	
}


@media( max-width:767){	
.similarlist>li .img_thumb{ background-image:none; height:400px; overflow:hidden; position:relative;}
}








.glyphicon { margin-right:5px; }
.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 0px;
	border:none;
	padding:0px 10px 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #fff;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #fff;
	border:none;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}

.well {
    min-height: 10px;
    padding: 10px 15px;
    margin-bottom: 15px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	border-left:none;
	border-right:none;
}

.grid-ico-box{width:auto !important; float:right;}

 #products .img_thumb{ background-image:none; height:200px; overflow:hidden; position:relative;}
  #products .img_thumb img{max-width:100%;}
 #products .img_thumb-list{ background-image:none; height:100px; overflow:hidden; position:relative; float:left;}
 .img_thumb-list img{max-width:100px !important;}
 #products .media-heading{background: rgba(0,0,0,0.65); line-height: 20px; position: absolute; margin:0px; width: 100%; padding: 5px 0px; bottom: 0px; color: #fff; padding-left: 15px; font-weight: normal; font-size:16px;}
  #products .media-heading-list{background: #fff; width:80% !important; float:left; position: relative; margin:0px; width: auto; margin-left:5px; padding: 15px 0px 5px 0px; bottom: 0px; color: #444; font-weight: normal; font-size:16px;}
  .thumb-head{position:relative;}
  .pipelist-footer-mob {
    border-top: 0px solid #ddd;
    padding: 0px 10px 10px;
	display:inline-block;
}

.pipelist>li {
    padding-right: 15px;
}
  
.addDownload ul{ width:100%; height:auto; list-style:none; float:left; padding:0px; margin:20px 0px;}
.addDownload ul li{width:49%; float:left; background:#fff; padding:5px 10px 0px; margin:0px;}
  
@media (max-width: 767px) {
 .grid-ico-box{display:none;}
}



/* ## Footer Styles ## */
.copyright-text { float: left }
.helpline-number { float: right }

@media (max-width: 767px) {
	.copyright-text, .helpline-number { float: none; text-align: center }
	.helpline-number { margin-top: 15px; display: none }	
}

/* Mobile Header */
.lg-logo { display: block !important } 
.xs-logo { display: none !important } 

.notification { top: 2px; right: 0px }
.right-header { margin-top: 10px }
.right-header .nav>li>a:focus, .right-header .nav>li>a:hover, .right-header .nav .open>a, .right-header.nav .open>a:focus, .right-header .nav .open>a:hover { background: transparent }

.right-header .navbar-nav>li>a { padding: 0px 15px }

.profile-box { display: inline-block; vertical-align: middle; }
.profile-wrapper { display: table; position: relative; text-align: center; width: 44px; height: 44px; min-height: 44px; }
.profile-wrapper .profile-pic { display: table-cell; vertical-align: middle; }
.profile-wrapper .profile-pic img { display: inline-block; max-height: 42px; max-width: 42px; border: 1px solid #ddd; border-radius: 50%; padding: 1px; }

.profile-menu { font-size: 16px !important; color: #999 }

.right-header .dropdown-menu { border: 1px solid #eee; margin-top: 5px !important; }
.right-header .dropdown-menu li { border-bottom: 1px solid #eee; }
.right-header .dropdown-menu li:last-child { border: 0px }
.right-header .dropdown-menu li a { transition: all 0.5s }

@media (max-width: 767px) {
	.lg-logo { display: none !important } 
	.xs-logo { display: block !important; height: 44px; margin-top: 5px; margin-left: 45px; }
	
	.navbar-brand { padding: 0 }
	.navbar { min-height: 10px }
	.navbar-default { background: transparent }
	.navbar-toggle, .navbar-toggle:hover { top: -55px; background: transparent !important; position: absolute; left: -10px; }	
	
	.mr-header.navbar-collapse { position: absolute; top: 0; right: 15px; }
	
	.mob-logout { top: 5px; }
	.notification-mob { background: transparent }
	
	.overview-mob { margin: 20px auto 20px; }
	
	.right-header { display: inline-block; }
	.right-header ul { position: absolute; right: 0; top: 5px; }
	.right-header ul li { float: left; }
	
	.right-header ul li .dropdown-menu, .right-header ul li.open .dropdown-menu { background: #fff; position: absolute; left: -85px; right: 20px; margin-top: 5px !important; border: 1px solid #eee; top: 46px; border-radius: 2px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2) }
	
	.right-header ul li .dropdown-menu li { float: none }	
	.right-header ul li.open .dropdown-menu li a { padding: 10px 8px; text-align: left; }
	
	#navbar.navbar-collapse { border-radius: 0px }
	
}



/* ## ROLE MANAGEMENT ## */

.addRole { background-position: -289px -73px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; }

.tab-role-info { background-position: -424px -129px; width: 42px; height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s; }
.regionWrapper .user-tabs>li:hover>a .tab-role-info, .regionWrapper .user-tabs>.active>a .tab-role-info, .regionWrapper .user-tabs>.active>a:focus .tab-role-info, .regionWrapper .user-tabs>.active>a:hover .tab-role-info { background-position: -424px -179px; }

.tab-assign-rights { background-position: -473px -129px; width: 42px; height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s; }
.regionWrapper .user-tabs>li:hover>a .tab-assign-rights, .regionWrapper .user-tabs>.active>a .tab-assign-rights, .regionWrapper .user-tabs>.active>a:focus .tab-assign-rights, .regionWrapper .user-tabs>.active>a:hover .tab-assign-rights { background-position: -473px -178px; }

.msg-area { height: 180px !important }
.assign-label { font-family: roboto-medium; font-size: 15px; color: #e66437; margin-bottom: 8px; font-weight: normal }


.role-feature .role-feature-box { box-shadow: 0 0px 2px 0px rgba(0, 0, 0, .18); border: 1px solid #ddd; }
.role-feature .list-group { border-right: 1px solid #ddd; margin-bottom: 0px; padding: 15px 10px; }
.role-feature .list-group.no-brdr-right { border-right: 0px }
.role-feature .list-group-item:first-child, .role-feature .list-group-item:last-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.role-feature .list-group-item { border: 0px; padding: 10px 0px }

/* ROLE MANAGEMENT FEATURES (CHECKBOX) */

.role-feature input[type="checkbox"] { display: none !important; }

.role-feature input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; margin:-1px 2px 0 0; vertical-align:middle; background:url(../img/sprite.png) -433px -5px no-repeat; cursor:pointer; }

.role-feature input[type="checkbox"] + label:hover span {
   background-position: -476px -5px;
}

.role-feature input[type="checkbox"]:checked + label span { background-position: -455px -5px; }
.ie8 .role-feature input[type="checkbox"]{ display:inline-block;}
.ie8 .role-feature input[type="checkbox"] + label span { display:none;}

.role-feature input[type="checkbox"] + label { margin-right:1px; font-size:14px; font-weight: normal; color: #999; cursor:pointer; transition: color 0.4s }
.role-feature input[type="checkbox"] + label:hover { background-image: none; color: #333; }
.role-feature input[type="checkbox"]:checked + label { background-image: none; color: #333; }

.role-details { display: block; font-size: 14px; color: #444 }

.cell-wrapper { position: relative; padding-right: 50px !important }
.description-box { height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; transition: all 0.5s !important }
.description-expand { height: 100% !important; white-space: normal !important }
.decrip-btn { position: absolute; right: 8px; top: 12px; }

/*ul.feature-list { padding: 15px 20px }
ul.feature-list li { float: left; width: 33.3334%; list-style: none; background: url(../img/check-icon.png) no-repeat 0px 1px transparent; padding-left: 25px; padding-right: 10px; margin-bottom: 15px }
ul.feature-list li:last-child { margin-bottom: 0px }*/

ul.feature-list { padding: 15px 20px }
ul.feature-list li.checked { float: left; width: 33.3334%; list-style: none; background: url(../img/check-icon.png) no-repeat 0px 1px transparent; padding-left: 25px; padding-right: 10px; margin-bottom: 15px }
ul.feature-list li.unchecked { float: left; width: 33.3334%; list-style: none; background: url(../img/uncheck-icon.png) no-repeat 0px 1px transparent; padding-left: 25px; padding-right: 10px; margin-bottom: 15px }
ul.feature-list li:last-child { margin-bottom: 0px }

.manage-list .table-responsive { overflow-x: inherit }
.role-table.dataTable tbody th, .role-table.dataTable tbody td { padding: 10px }


@media (min-width: 1200px){
	.rights-box { width: 1170px }
}

@media (max-width: 767px) {
	.role-feature .list-group { border-bottom: 1px solid #ddd; border-right: 0px; }	
	.description-box { white-space: inherit !important }
	.description-expand { height: 100% !important; }
}

.col-red{color:#ff7070 !important;}

/* Manage Dealer Mapping */


.callSupportLi a .callSupport {
	background-position: -4px -128px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
	transition: all 0.3s;
}

.callSupportLi a:hover .callSupport {
	background-position: -4px -159px;
}

.dealerMappingLi a .dealerMapping {
	background-position: -52px -128px;
    width: 31px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
	transition: all 0.3s;
}

.dealerMappingLi a:hover .dealerMapping {
	background-position: -52px -159px;
}

.broadCastLi a .broadCast {
	background-position: -105px -128px;
    width: 35px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
	transition: all 0.3s;
}

.broadCastLi a:hover .broadCast {
	background-position: -105px -159px;
}


#nav_right>li>a {
    padding: 8px 20px;
}



/* BROADCAST */

.callSupportLi.active a .callSupport, .callSupportLi.active a:hover .callSupport {
	background-position: -4px -159px;
}

.dealerMappingLi.active a .dealerMapping, .dealerMappingLi.active a:hover .dealerMapping {
	background-position: -52px -159px;
}

.broadCastLi.active a .broadCast, .broadCastLi.active a:hover .broadCast {
	background-position: -105px -159px;
}

/* BROADCAST HISTORY */
.newBroadcast { background-position: -288px -104px; width: 23px; height: 19px; display: inline-block; vertical-align:middle; margin-right: 5px; }
.newBroadcastGroup { background-position: -288px -132px; width: 23px; height: 19px; display: inline-block; vertical-align:middle; margin-right: 5px; }

.manageList td { font-size: 12px }
.broadcastTable .table-responsive { overflow-x: inherit; }

a.brdcst-groups { position: relative; padding: 12px 15px; height: 42px; margin-left: 15px; border: 1px solid #ddd; border-radius: 2px; font-family: roboto-medium; text-transform: uppercase; font-size: 12px; color: #999; background-color: #fff; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  }
a.brdcst-groups:hover { color: #e66437; background-color: #f4f4f4; border-color: #ccc }

.brdcst-box .region-box-head { min-height: 170px }
.brdcst-box .region-box-head-txt { color: #444; padding: 55px 10px; font-size: 22px; font-weight: normal; font-family: roboto-medium; }
.brdcst-box .region-box-body { color: #777 }
.brdcst-box .region-box-body .detailsTxt { font-size: 16px; color: #333 } 

.brdcst-filter { margin-bottom: 25px; padding-top: 15px }
.brdcst-filter .form-control { padding: 10px 5px; }
.brdcst-filter .btn-srch { font-weight: normal; font-size: 14px; background: #f9f9f9; font-family: roboto-medium; text-transform: uppercase; border: 1px solid #ccc; border-radius: 2px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.brdcst-filter .btn-srch:hover { background: #e66437; color: #fff; border-color: #e66437 }

@media (max-width: 767px) {
	a.brdcst-groups {  top: 3px; margin-left: 0px; margin-right: 5px; float: right; height: auto; padding: 8px 5px; font-size: 11px; }
	a.brdcst-groups span { display: none }
}

.broadcastSection h3.messageTitle { font-size: 18px; color: #444; line-height: 21px; }
.broadcastSection .postDate { color: #444 }
.broadcastSection .brdcst-message { font-size: 14px; color: #666; text-align: justify; margin-top: 15px; }

.broadcastSection .more-option-box a { text-decoration: none; color: #444 }
.moreStatus { float: right }
.msgBox { border-right: 1px solid #ddd }
.usersBox { border-left: 1px solid #ddd; margin-left: -1px }

ul.usrGroups { padding: 0; margin: 0; border-bottom: 1px solid #ddd; padding-bottom: 15px }

ul.usrGroups li { width: 32%; float: left; margin-right: 1%; list-style: none; background: #f4f4f4; font-size: 12px; color: #444; padding: 10px 5px; border-radius: 2px; text-align: center; border: 1px solid #ddd }
ul.usrGroups li:first-child { width: 34% }
ul.usrGroups li:last-child { margin-right: 0px }
ul.usrGroups li .newBroadcastGroup { margin-right: 2px }

#broadcastUsers_filter { display: none }
.dataTables_wrapper .dataTables_info { font-size: 12px }
.dataTables_wrapper .dataTables_paginate a.paginate_button { font-size: 12px }

.readGreen { background-position: -498px -9px; width: 15px; height: 9px; display: inline-block; vertical-align:middle; }
.readGray { background-position: -522px -9px; width: 15px; height: 9px; display: inline-block; vertical-align:middle; }

.posRelative { position: relative }
.brdcstFilterBox { position: absolute; z-index: 11; top: 8px; }
.brdcstFilterBox.brdcst-filter { margin-bottom: 0; padding-top: 0 }
.brdcstFilterBox .form-control { padding: 6px 4px; font-size: 12px; background-color: #fdfdfd }
.calender-sm { background: #fff url(../img/calender.png) no-repeat right; }

.editbrdcstGrp { background-position: -522px -31px; width: 15px; height: 17px; display: inline-block; vertical-align:middle; margin-left: 15px }
.brdcstgrpTitle { font-size: 18px; color: #999; margin-right: 15px; display: inline-block }
.editgrpBox { display: inline-block }
.brdcstgrpDetails { font-size: 18px; color: #444 }

.editUserName { font-size: 18px; color: #444 }
.editgrpBtn { padding: 0; width: 32px; height: 32px; font-size: 14px; border-radius: 2px; background-color: #f9f9f9; color: #999; text-align: center; float: left; margin-right: 3px; margin-top: -1px; border: 1px solid #bfbfbf; outline: 0; transition: all 0.5s; }
.editgrpBtn:hover { border-color: #e66437; color: #e66437; background-color: #fff }

.mageArchGrps { float: right }

a.archGrps { position: relative; padding: 9px 12px; border: 1px solid #ddd; border-radius: 2px; font-family: roboto-medium; text-transform: capitalize; font-size: 14px; color: #999; background-color: #f9f9f9; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  }
a.archGrps:hover { color: #e66437; background-color: #fff; border-color: #e66437 }

.btn-delRow { padding: 2px 8px; }

.newUserGroup { background-position: -284px -154px; width: 32px; height: 23px; display: inline-block; vertical-align:middle; margin-right: 10px; }
.modalTxt { color: #444; font-size: 14px; margin-top: 5px }

.messageText-box { text-align: center; color: #6ec031;  }
.successTick { font-size: 72px; display: block }
.messageText { font-size: 22px; margin-top: 0px }

.success-footer { margin-top: 25px; display: block; text-align: center; }
.btn-broadcast { background: #fff; color: #b22626; border-color: #b22626; outline: 0; border-radius: 2px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  }
.btn-broadcast:hover { background: #b22626; color: #fff; }

.btn-dismiss { background: #fff; color: #777; border-color: transparent; outline: 0; border-radius: 2px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.btn-dismiss:hover { background: transparent; color: #444; }

/* AutoSuggest Styles */
.autosuggest .ms-ctn-focus { box-shadow: none; }
.autosuggest .ms-ctn input, .autosuggest .ms-ctn input:focus { background-color: transparent; height: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }

.autosuggest .ms-res-ctn { border: 1px solid #ddd; margin-top: 2px !important; border-radius: 2px; background-color: #fefefe }
.autosuggest .ms-res-ctn .ms-res-item { padding: 5px 12px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.autosuggest .ms-res-ctn .ms-res-item-active { background-color: #e66437; color: #fff }

.autosuggest .ms-sel-ctn { margin-top: 15px; max-height: 210px; height: auto; overflow-y: auto }
.autosuggest .ms-sel-ctn .ms-sel-item { border-radius: 2px; margin-right: 5px; background-color: #fbfbfb; padding: 6px 8px; font-size: 12px; color: #444;
    border-color: #bbb; }
.autosuggest .ms-sel-ctn .ms-sel-item:hover { border-color: #aaa; background-color: #fff; }
.autosuggest .ms-sel-ctn .ms-sel-item .ms-close-btn { background-image: url(../img/del-icon.png); background-repeat: no-repeat; width:10px; height: 10px; background-position: 0 0; opacity: .8; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.autosuggest .ms-sel-ctn .ms-sel-item .ms-close-btn:hover { opacity: 1 }

@media (max-width: 767px) {
	.msgBox { border-bottom: 1px solid #ddd; border-right: 0 }
	.usersBox  { border-left: 0 }
	ul.usrGroups li .newBroadcastGroup { display: none }
	.mageArchGrps { float: none; padding-top: 10px }
}

@media (max-width: 991px) {
	.brdcstFilterBox { display: none }	
}



/*--- sumit changes --*/
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.vm{ vertical-align:middle; margin-top:-5px;}
.largeText { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block }
/*table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #ddd;
    vertical-align: middle;
}*/

ul.dlrmapping li .form-control{ font-size: 12px; padding: 6px 8px 6px 4px; }

.addCallSupport { background-position: -291px -184px; width: 19px;  height: 22px; display: inline-block; vertical-align: middle; margin-right: 5px }
.regionWrapper .region-tabs>li:hover>a .tab-business, .regionWrapper .region-tabs>.active>a .tab-business, .regionWrapper .region-tabs>.active>a:focus .tab-business, .regionWrapper .region-tabs>.active>a:hover .tab-business { background-position: -373px -179px; }

.tab-callSupport { background-position: -325px -232px; width: 42px;  height: 42px; display: inline-block; vertical-align: middle; transition: all 0.4s }
.regionWrapper .region-tabs>li:hover>a .tab-callSupport, .regionWrapper .region-tabs>.active>a .tab-callSupport, .regionWrapper .region-tabs>.active>a:focus .tab-callSupport, .regionWrapper .region-tabs>.active>a:hover .tab-callSupport { background-position: -325px -280px; }
.border-BN{border-bottom:none;}
.executive-detail{  border:1px solid #ddd; background:#f6f6f6; border-radius:2px;}

@media (max-width: 767px) {
	ul.dlrmapping li { width: 100%; margin-bottom: 15px; }
	.executive-detail{ text-align:center;}
}

/*--- sumit changes 14 march 2016--*/
.border-TB{border-top:1px solid #ddd !important; border-bottom:1px solid #ddd!important;}
.border-B{ border-bottom:1px solid #ddd!important; }
.border-BD{ border-bottom:1px dashed #ddd!important; }
.border-T{ border-top:1px solid #ddd!important; }
.border-L{ border-left:1px solid #ddd!important; }
.border-R{ border-right:1px solid #ddd!important; }
.border-all{ border:1px solid #ddd!important; }
.color-black44{color:#444}
.report-box{background: #f9f9f9; border: 1px solid #ddd; border-radius:6px;}

rect{ background-color:#f9f9f9 !important;}
.regionWrapper .new-report {
    width: 100%;
    margin: 0 auto;
}
.regionWrapper .new-report{
    color: #e66437;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
	
}
.regionWrapper .new-report>li>a {
    color: #999;
    background-color: #fff;
    border-bottom: 3px solid #ddd;
}
.regionWrapper .new-report>li:hover>a, .regionWrapper .new-report>.active>a, .regionWrapper .new-report>.active>a:focus, .regionWrapper .new-report>.active>a:hover {
    color: #e66437;
    background-color: #fff;
    border-bottom: 3px solid #e66437;
}
.month-style{
    background-color: #f4f4f4;
    padding: 11px 12px;
    border-radius: 3px;
}

.exe-info{color:#444; text-transform:uppercase; font-weight:500}
.exe-info1{color:#444; font-style:italic; }
.visit-info{color:#444;}
.col-arrowr{color:#439904;}
.col-arrowl{color:#e23131;}
.attendance-head {
    font-size: 16px;
    color: #999;
    display: inline-block;
}

.attendance-txt {
    font-size: 16px;
    color: #444;
}

.attendance-Box {
    padding-top: 15px;
	margin-left: -15px;
	
}

@media (max-width: 1366px) {
	.attendance-head {
    font-size: 15px;
    color: #999;
    display: inline-block;
}

.attendance-txt {
    font-size: 15px;
    color: #444;
}
}



.popupLink{ cursor:pointer;}
.dealer-visit { display:none;
	position:absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 300px;
    height: auto;
    -webkit-box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
    box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
}

.vr{position:relative;}
.dealer-visit-view{ display:none;
	position:absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 300px;
    height: auto;
    -webkit-box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
    box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
    z-index: 999;
}

.dealer-visit-view-R {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 300px;
    height: auto;
    -webkit-box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
    box-shadow: 0px 2px 21px 1px rgba(138,138,138,1);
    right: 10px;
    z-index: 999;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
     font: normal normal normal 14px/1 FontAwesome;
     content: "\f106";
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
	font-size:24px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107";
}
.g-heading {
    color: #444 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.g-bord {
    border-color: #fff !important;
	border-bottom: 1px dashed #878787 !important;
	border-radius:none !important;
}
.acc-heading{ font-size:14px !important; color:#444 !important; border-bottom:1px solid #ddd !important;}

/*--- danish changes --*/
@media (max-width: 767px) {
	ul.dlrmapping li { width: 100%; margin-bottom: 15px; }
	.executive-detail{ text-align:center;}
	
	.color-black44 {
    color: #444;
    padding: 5px;
}
}

@media (min-width: 767px) {
	
	.color-black44 {
    color: #444;
    padding: 5px;
	
	
}

.down1{
    float: right;
}
}





 .grn{ color:#6ec031 !important;}
 .it{ font-style:italic !important;}

.rd{ color:#e66437 !important;}
#report-list .hlf{ color:#444444 !important;}
#report-list .styl-txt{vertical-align: middle !important;}

#report-list_filter{ position: absolute; right: 0;top: -68px}

.down {border: 1px solid #ddd;border-radius: 2px;box-shadow: none;padding: 10px 20px;font-size: 14px;font-weight: normal !important;transition: background-color 0.4s;position: relative;top: -10px;}
.attendance{ font-size:16px; color:#444; display:block;}
.bak{ font-weight:bold;}


.attendance-head {
    font-size: 16px;
    color: #999;
    display: inline-block;
}

.attendance-txt {
    font-size: 16px;
    color: #444;
}

.attendance-Box {
    padding-top: 15px;
	margin-left: -15px;
	
}

.largeText1 {
   
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: visible;
   
}

.color-black44{color:#444}
.month-style{
    background-color: #f4f4f4;
    padding: 3px 5px;
    border-radius: 3px;
}

.present{
    background-color: #6ec031;
    padding: 3px 7px;
    border-radius: 50px;
	color:#fff;
}

.absent{
    background-color: #FF0000;
    padding: 3px 7px;
    border-radius: 50px;
	color:#fff
}

.half{
    background-color: #fff0a0;
    padding: 3px 7px;
    border-radius: 50px;
	color:#000;
}
.leave{
    background-color: #ff7575;
    padding: 3px 7px;
    border-radius: 50px;
	color:#fff;
}
.weekoff{
    background-color: #5bc0de;
    padding: 3px 7px;
    border-radius: 50px;
    color:#fff;
}

@media (max-width: 1366px) {
	.attendance-head {
    font-size: 15px;
    color: #999;
    display: inline-block;
}

.attendance-txt {
    font-size: 15px;
    color: #444;
}
}

@media (min-width: 768px)
.nav-justified>li>a {
    margin-bottom: 0;
    color: #999;
}



/* Form
==================================== */
.group 			  { 
  position:relative; 
  margin-bottom:20px; 
}
/* input 				{
    font-size:20px;
    padding:10px 10px 10px 15px;
    display:block; width:100%;
    background: #ffffff;
    border-radius: 2px;
    border: solid 1px #d5d5d5;
} */
input:focus 		{ outline:none;  }


.input-append label 				 {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:5px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label		{
  top:-10px; left:5px;
  font-size:13px; padding: 0 10px;
  color:#999; background: url(../img/lablebg.jpg) repeat-x; 
}
input:focus ~ label{ color:#999;}
input:focus{ border-color:#e66437;}


/* Visit Report Multi Select */
.region-tabPanel.ms-report-list ul li { padding-left: 15px !important; }
.region-tabPanel.ms-report-list ul li a { padding-left: 10px !important; }
.region-tabPanel.ms-report-list ul li:first-child { padding-left: 0px !important; }
.region-tabPanel.ms-report-list ul li:first-child .input-group-addon { display: none }
.region-tabPanel.ms-report-list ul li:first-child .input-group-btn { display: none }

.region-tabPanel.ms-report-list { padding-top: 0 !important; padding-bottom: 0 !important; }
.region-tabPanel.ms-report-list .form-control { height: 34px !important; }
.region-tabPanel.ms-report-list .multiselect, .region-tabPanel.ms-report-list .multiselect:hover { height: 34px; font-size: 14px;  }
.region-tabPanel.ms-report-list .multiselect-container > li > a > label { padding: 0px 10px 0px 10px !important; font-weight: normal !important }
ul.detailJoint{padding: 0px; margin: 0px; list-style: none;}
ul.detailJoint li{margin-bottom:10px;}
ul.detailJoint li.more-list{margin-bottom:10px; float: left; width: 124px; margin-left:5px; margin-right: 5px;}
ul.detailJoint li:last-child{margin-bottom:0px;}

/* danish 21-04-15 */

.sz{font-size: 16px !important; color:#e66437 !important;}


.pakage-box { 
background: #fff none repeat scroll 0 0;
    display: block;
    left: 0;
    top: 0;
    width: 500px;position: absolute; z-index: 1; display:none;    box-shadow: 1px 2px 10px 4px #ddd;}
.pakage-box-main { position:relative; overflow:unset; }

.pakage-box-comn{ width:300px !important;}
.pakage-box-comn6{ width:350px !important;}


.pakage-box .pkg{ border-bottom:1px solid #ddd; font-size:14px; color:#444; font-weight:bold;padding-bottom: 10px;}
.pakage-box .pkg-txt{ font-size:12px; color:#444;}
.mb{ margin-bottom:0px !important;}

.clk{ text-align:center; color:#e66437;}
.two{}

@media screen and (max-width: 1100px) {
	.pakage-box {  max-width:500px; right:0;}
}
@media screen and (max-width: 991px) {
	.pakage-box {  max-width:400px; right:0;}
}


@media screen and (max-width: 768px) {
   .tab-mrg{ margin:0px !important;}
	.pakage-box {  max-width:340px; right:0;}
	.pakage-box-comn{ width:230px !important;}
	
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #F15A2B;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li>a.active  {
    z-index: 3;
    color: #FFFFFF;
    background-color: #F16032;
    border-color: #F16032;
}
.report-download-button {
    text-align: left;
    position:absolute;
    margin-top:8px;
    z-index: 10;
    width:20%;
}

.tooltip_dashboard {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
}

.tooltip_dashboard .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-size: 13px;
}

.tooltip_dashboard:hover .tooltiptext {
    visibility: visible;
}

.notification-ico{position: absolute;
    right: 21px;
    top: 5px;}

    .sort{
        background-image: url("../img/sort_both.png");
        background-position: right center;
        background-repeat: no-repeat;
        color: #fff;
        cursor: pointer;
    }
    .DESC{
        background-image: url("../img/sort_desc.png");
        background-position: right center;
        background-repeat: no-repeat;
    }
    
    .ASC{
        background-image: url("../img/sort_asc.png");
        background-position: right center;
        background-repeat: no-repeat;
    }

    
    .role-feature.orng-chk input[type="checkbox"]:checked + label span { background-position: -55px -71px; }
    .role-feature input[type="checkbox"]:checked + label span.green-chk { background-position: -455px -5px; }