/*!
 * ClientScoop v1.1 Default Template
 * Copyright 2014 - 2015 Internet Biz Services
 * Author: Ariel Retes
 * Email: yhengdesigns@gmail.com
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 *
 */
/* @import (../lib/magnify/bootstrap-magnify.min.css); */ 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

body {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	/* background: url(../images/bgtile.jpeg) repeat; */
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, 
.side-nav, .wpxnavtop, #wpx-content-navcollapse,
#loginwrap, .tablesorter-header {
	font-weight: 700;
}

.breadcrumb {
	background-color: #4a4a4a;
}

ol.breadcrumb a, #page-wrapper ol.breadcrumb li {
	color: #ffffff;
}

#page-wrapper ol.breadcrumb li.active {
	color: #999999;
}

ol.breadcrumb a:hover {
	color: #29a9e1;
	text-decoration: none;
}

.hrule {
	border-bottom: 1px solid #ebebeb;
}

.wpxlogo {
	left: 0;
	margin-top: -15px;
	position: absolute;
}

.logout {
	background: #922a8d;
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(255,255,255,0.3),0px 3px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0px 2px 3px 0px rgba(255,255,255,0.3),0px 3px 4px 0px rgba(0,0,0,0.2);
  box-shadow: inset 0px 2px 3px 0px rgba(255,255,255,0.3),0px 3px 4px 0px rgba(0,0,0,0.2);
}

/* .wpxnavtop, .storenavwrap .nav-header {
	background: #45484d; /* Old browsers */
/*	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	
/*	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(255,255,255,0.3),0px 3px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0px 2px 3px 0px rgba(255,255,255,0.3),0px 3px 4px 0px rgba(0,0,0,0.2);
  box-shadow: inset 0px 2px 3px 0px rgba(255,255,255,0.3),0px 3px 4px 0px rgba(0,0,0,0.2);
} */

.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus,
.storenavwrap >li>a:hover, .storenavwrap >li>a:focus  {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #2087b4;
	border-color: #bce8f1;
	color: #ffffff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.subdrop {
	margin-top: 3px;
}

.subnav {
	padding: 0 15px;
}

.activeSub {
	background: #b741b1 !important;
}

.navbar-inverse .navbar-brand {
	color: #ffffff;
}

.side-nav {
	/* background-color: #29a9e1; */
	-moz-box-shadow:inset -2px 0px 12px transparent;
	-webkit-box-shadow:inset -2px 0px 12px transparent;
	box-shadow:inset -2px 0px 12px transparent;
}

#clientmenudrop, 
#membershipmenudrop {
	padding: 0;
}

.navbar-inverse .navbar-nav>li>a,
a.sideMenu {
	color: #ffffff;
}

.subnav,
.side-nav li>ul>li:hover {
	background-color: #2087b4 !important;
}

.side-nav li>ul>li a:hover {
	background: none !important;
	text-decoration: none;
	padding-left: 15px;
}

.side-nav li>ul>li {
	list-style: none;
}

.side-nav li>ul>li>a {
	padding: 15px;
	display: block;
	position: relative;
}

.side-nav li>ul>li>a:hover {
	/* background: #922a8d !important; */
	padding-left: 30px;
}

.activeClientNav {
	/* background: #922a8d !important; */
}

.side-nav li,
.side-nav li>ul>li {
	/* border-bottom: 1px solid #148fc5; */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1);
}

.side-nav li:first-child,
.side-nav li>ul>li:first-child {
	border-top: none;
}

.side-nav li>ul>li:last-child {
	border-bottom: none;
}

.side-nav li a:hover,
.navbar-inverse .side-nav li.dropdown a:hover {
	/* background-color: #922a8d !important; */
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	padding-left: 30px;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus,
.side-nav .navbar-inverse .navbar-nav li.dropdown a:hover,
.navbar-inverse .navbar-nav li.dropdown a:focus {
	background-color: #922a8d !important;
}

.nav > li.disabled.nav-header > a {
	cursor: default;
	font-weight: bold;
	text-transform: uppercase;	
}

/* ============================
		New Version Sidebar Menu
	============================= */
#sidenavcollapse {
	border-right: 1px solid #ebebeb;	
}
		
#sidenavcollapse a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}	
#sidenavcollapse .list-group {
	margin-bottom: 0;
}	

#sidenavcollapse .panel,
#sidenavcollapse .panel-default {
	/* background: none; */
	margin-top: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#sidenavcollapse .panel {
	border: none;
}

#sidenavcollapse .panel-body {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 10px 15px;
}

#sidenavcollapse .panel-heading {
	/*background: none; */
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 12px;
}

#sidenavcollapse .panel-group .panel+.panel {
	margin: 0;
}

#sidenavcollapse .panel-title>a,
#sidenavcollapse .list-group-item>a {
	display: block;
}

#sidenavcollapse .list-group-item {
	padding: 0;
}

#sidenavcollapse a:hover,
#sidenavcollapse .list-group-item:hover {
	text-decoration: none;
	padding-left: 15px;
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
}

#sidenavcollapse .list-group {
	background: #3E123F;
}

#sidenavcollapse .list-group-item {
	background: none;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#sidenavcollapse .list-group>li>a.sideMenu,
#sidenavcollapse .list-group>li>a.adminMenu,
#sidenavcollapse .list-group>li>a.adminMenuNew {
	display: block;
  padding: 10px 12px;
  font-size: 12px;
}

#sidenavcollapse .list-group>li>a.clientMenu {
  display: block;
  padding: 10px 12px;
  font-size: 12px;
}

#sidenavcollapse .list-group-item:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/*#sidenavcollapse .list-group-item:hover,
/*#sidenavcollapse .panel-heading:hover,*/
/*#sidenavcollapse .list-group .active {
	background-color: #922a8d !important; /* Purple BG */
/*} */

.storenavwrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.storenavwrap>li.dropdown>ul.dropdown-menu {
	position: relative;
	min-width: 225px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
  }

.storenavwrap li {
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1);
}

.storenavwrap li a {
	color: #999;
}

.storenavwrap li a:hover {
	color: #000;
}

.storenavwrap li.nav-header:hover,
.storenavwrap li.nav-header a:hover {
	transition: 0 !important;
	-webkit-transition: 0 !important;
	-moz-transition: 0 !important;
	-o-transition: 0 !important;
}

.storenavwrap li a:hover {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

#orders .progress {
	margin-bottom: 0;
}

.nav-header a {
	color: #fff !important;
}

.nav-header a:hover {
	color: #fff !important;
}

.widget {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
	border-radius: 6px;
}

/*	============================================================
	Panel Color Variations 
	============================================================ */
h3.panel-title {
	color: #ffffff;
	text-shadow: 0px 0px 2px #333333;
}

/* Panel style fx ------------------------- */
.widget .panel-default > .panel-heading,
.widget .panel-primary > .panel-heading,
.widget .panel-success > .panel-heading,
.widget .panel-warning > .panel-heading,
.widget .panel-danger > .panel-heading,	
.widget .panel-info > .panel-heading {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
}

.widget .panel-default > .panel-heading {
	background: #999999;
}

/*.widget .panel-primary > .panel-heading {
	background: #53bae7; /* Old browsers */
/*	background: -moz-linear-gradient(top,  #53bae7 0%, #29a9e1 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53bae7), color-stop(100%,#29a9e1)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #53bae7 0%,#29a9e1 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #53bae7 0%,#29a9e1 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #53bae7 0%,#29a9e1 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  #53bae7 0%,#29a9e1 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53bae7', endColorstr='#29a9e1',GradientType=0 ); /* IE6-9 */
/*} */ 

.widget .panel-success > .panel-heading {
	background: #5cb85c;
}

.widget .panel-warning > .panel-heading {
	background: #f0ad4e;
}

.widget .panel-danger > .panel-heading {
	background: #d9534f;
}

.widget .panel-info > .panel-heading {
	background: #5bc0de;
}

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

.panel-accordion-grey .panel-body {
	border: 1px solid #eeeeee;
}


/*	============================================================
	Widgets for Dashboard 
	============================================================ */
.widget-dash .panel {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
}

.widget-dash .panel-footer {
	background-color: #ffffff;
}

p.announcement-heading {
	text-shadow: 1px 1px 1px #ffffff;
}

/*	============================================================
	Button Effects 
	============================================================ */	
.btn-purple,	
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.navbar-wpx .dropdown-menu > li > a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}	

.btn-purple:hover,
.btn-default:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.btn-purple {
  color: #fff;
  background-color: #922a8d;
  border-color: #742170;
}

.btn-purple:hover, .btn-purple:focus {
	color: #ffffff;
}

/*	============================================================
	Nav menu within pages 
	============================================================ */
.navbar-wpx {
  border-color: #435e7a;
  background: #2498ca; /* Old browsers */
	background: -moz-linear-gradient(top,  #2498ca 0%, #1c769d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2498ca), color-stop(100%,#1c769d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2498ca 0%,#1c769d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2498ca 0%,#1c769d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2498ca 0%,#1c769d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2498ca 0%,#1c769d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2498ca', endColorstr='#1c769d',GradientType=0 ); /* IE6-9 */

  -moz-box-shadow: 0px 2px 7px #6b6b6b;
  -webkit-box-shadow: 0px 2px 7px #6b6b6b;
  box-shadow: 0px 2px 7px #6b6b6b;
}

.navbar-wpx .navbar-brand {
  color: #ffffff;
}

.navbar-wpx .navbar-brand:hover,
.navbar-wpx .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}

.navbar-wpx .navbar-text {
  color: #ffffff;
}

.navbar-wpx .navbar-nav > li:last-child > a {
  border-right: 1px solid #435e7a;
}

.navbar-wpx .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #435e7a;
}

.navbar-wpx .dropdown-menu > li > a {
	padding: 10px 20px;
}

#wpx-content-navcollapse .navbar-nav li:hover,
.navbar-wpx .navbar-nav > li > a:hover,
.navbar-wpx .navbar-nav > li > a:focus,
.navbar-wpx .dropdown-menu > li > a:hover, 
.navbar-wpx .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #1c769d !important;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.navbar-wpx .navbar-nav > .active > a,
.navbar-wpx .navbar-nav > .active > a:hover,
.navbar-wpx .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #186587;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.navbar-wpx .navbar-nav > .disabled > a,
.navbar-wpx .navbar-nav > .disabled > a:hover,
.navbar-wpx .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: #186587;
}

.navbar-wpx .navbar-toggle {
  border-color: #dddddd;
}

.navbar-wpx .navbar-toggle:hover,
.navbar-wpx .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-wpx .navbar-toggle .icon-bar {
  background-color: #cccccc;
}

.navbar-wpx .navbar-collapse,
.navbar-wpx .navbar-form {
  border-color: #425d78;
}

.navbar-wpx .navbar-nav > .dropdown > a:hover .caret,
.navbar-wpx .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}

.navbar-wpx .navbar-nav > .open > a,
.navbar-wpx .navbar-nav > .open > a:hover,
.navbar-wpx .navbar-nav > .open > a:focus {
  background-color: #435e7a;
  color: #c0c0c0;
  
}

.navbar-wpx .navbar-nav > .open > a .caret,
.navbar-wpx .navbar-nav > .open > a:hover .caret,
.navbar-wpx .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}

.navbar-wpx .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}


.navbar-wpx .navbar-link {
  color: #ffffff;
}

.navbar-wpx .navbar-link:hover {
  color: #c0c0c0;
}

/*	============================================================
	Login Page 
	============================================================ */
body.login { 
	padding-top: 20px;
	color: #000000;
}

#loginwrap {
	width: 360px;
	background: rgba(255, 255, 255, 0.9);
	margin: 30px auto 0 auto;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.panel-title {
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

.panel-title h2.panel-title {
	color: #333333;
}

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

/*	============================================================
	Table Sorter styles 
	============================================================ */
.tablesorter-pager {
	padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
	background-color: #e6eeee;
	margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
	vertical-align: middle;
	margin-right: 2px;
	cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
	padding: 0 5px 0 5px;
	width: auto;
	white-space: nowrap;
	text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
	margin: 0;
	padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
	display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
	/* visibility: hidden */
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}

.tablesorter-header.tablesorter-reorder-helper {
  cursor: move;
}

.tablesorter-reorder-helper-bar {
  width: 1px;
  background: #000;
}


/*	============================================================
	Form styles & adjustments 
	============================================================ */
.formpad {
	padding-bottom: 20px;
}

.formpadtop {
	padding-top: 12px;
}

a.continue-shop {
	color: #fff;
	
}

.wpxloader {
	color: #ffffff;
	font-size: 80px;
	position: absolute;
	left: 52%;
	top: 45%;
	text-shadow: 0px 0px 10px #000000;
}

.form-control:focus {
	background: #ecf6ff;
}

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

.error {
	color: #ff0000;
	font-style: italic;
	font-weight: normal;
}

/*	============================================================
	Form Wizard 
	============================================================ */
.wizard {
  position: relative;
  overflow: hidden;
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.wizard:before,
.wizard:after {
  display: table;
  line-height: 0;
  content: "";
}

.wizard:after {
  clear: both;
}

.wizard ul {
  width: 4000px;
  padding: 0;
  margin: 0;
  list-style: none outside none;
}

.nav-pills .wizardpill >li.active>a, 
.nav-pills .wizardpill >li.active>a:hover, 
.nav-pills .wizardpill>li.active>a:focus {
	color: #fff;
	background-color: #ededed;
}

#formwizard .nav-pills>li>a {
	border-radius: 0px !important;
}

.wizard ul li .chevron {
	position: absolute;
	top: -4px;
	right: -14px;
	z-index: 1;
	display: block;
	border: 24px solid transparent;
	border-right: 0;
	border-left: 14px solid #ededed;
}

.wizard ul li .chevron:before {
	position: absolute;
	top: -24px;
	right: 1px;
	display: block;
	border: 24px solid transparent;
	border-right: 0;
	border-left: 14px solid #f9f9f9;
	content: "";
}

.wizard ul li:hover .chevron:before {
	display: block;
	border: 24px solid transparent;
	border-right: 0;
	border-left: 14px solid #eeeeee;
	content: "";
}

.wizard ul li.active .chevron:after {
	border-color: #ededed;
}

.wizard ul li.active {
	color: #5795CA;
	background: #f1f6fc;
}

.wizard ul li.active .chevron:before {
	border-left: 14px solid #29a9e1;
}

#formwizard .nav-pills>li a {
	padding-left: 26px;
}

.wizard ul li {
	position: relative;
	float: left;
	height: 40px;
	margin: 0;
	cursor: default;
}

.prevsummary {
	position: absolute !important;
	right: 0;
	z-index: 1000;
}

.prevsummary a {
	background: #5cb85c;
	padding-left: 15px !important;
	color: #ffffff;
}

.prevsummary a:hover {
	background: #4cae4c !important;
}


.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

#deploy-selector {
	height: 250px;
}

#deploy-selector .jumbotron {
	background: none;
}

#deploy-selector .carousel-indicators li {
	background-color: #dddddd;
}

#deploy-selector .carousel-control.left,
#deploy-selector .carousel-control.right {
	background: none;
	background-image: none;
}

#deploy-selector .glyphicon {
	color: #333333;
}

#deploy-selector .carousel-control {
	width: 3%;
}

.list-striped, .list-line {
	list-style: none;
	padding-left: 0;
}

.list-striped > li {
	padding:5px 5px;
	border-bottom:1px solid rgba(0,0,0,0.07);
}

.list-striped > li:nth-of-type(odd) { 
	background:#f7f7f7;
}

.list-striped > li:first-child {
	border-top:1px solid rgba(0, 0, 0, 0.07);
}

.list-line > li:nth-child(n+2) {
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid rgba(0,0,0,0.07);
}

/*	============================================================
	Pricing Table 
	============================================================ */
.pricing-table {
	padding-bottom: 20px;	
}	

.pricing-table .plan {
	border-radius: 5px;
	text-align: center;
	background-color: #f3f3f3;
	-moz-box-shadow: 0 0 6px 2px #b0b2ab;
	-webkit-box-shadow: 0 0 6px 2px #b0b2ab;
	box-shadow: 0 0 6px 2px #b0b2ab;
}
 
.plan:hover {
	background-color: #fff;
	-moz-box-shadow: 0 0 12px 3px #b0b2ab;
	-webkit-box-shadow: 0 0 12px 3px #b0b2ab;
	box-shadow: 0 0 12px 3px #b0b2ab;
}
 
.plan {
	padding: 20px;
	color: #ff;
	background-color: #5e5f59;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
  
.plan-name-bronze {
	padding: 20px;
	color: #fff;
	background-color: #665D1E;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
  
.plan-name-silver {
	padding: 20px;
	color: #fff;
	background-color: #C0C0C0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
  
.plan-name-gold {
	padding: 20px;
	color: #fff;
	background-color: #FFD700;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
} 
  
.pricing-table-bronze  {
	padding: 20px;
	color: #fff;
	background-color: #f89406;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
  
.pricing-table .plan .plan-name span {
	font-size: 20px;
}
 
.pricing-table .plan ul {
	list-style: none;
	margin: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
 
.pricing-table .plan ul li.plan-feature {
	padding: 15px 10px;
	border-top: 1px solid #c5c8c0;
}
 
.pricing-three-column {
	margin: 0 auto;
}
 
.pricing-variable-height .plan {
	float: none;
	margin-left: 2%;
	vertical-align: bottom;
	display: inline-block;
	zoom:1;
	*display:inline;
}
 
.plan-mouseover .plan-name {
	background-color: #4e9a06 !important;
}
 
.btn-plan-select {
	padding: 8px 25px;
	font-size: 18px;
}

.planlist {
	padding-left: 0;
}

/*	============================================================
	Bootstrap Toggle v1.1 
	============================================================ */
.toggle {
	min-width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
}
.toggle input[type="checkbox"] {
	display: none;
}
.toggle-group {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: 0;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.toggle.off .toggle-group {
	left: -100%;
}
.toggle-on {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.toggle-off {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.toggle-handle {
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
	width: 0px;
	border-width: 0 1px;
}
.toggle-handle.btn-mini {
	top: -1px;
}
.toggle.btn { min-width: 30px; }
.toggle-on.btn { padding-right: 24px; }
.toggle-off.btn { padding-left: 24px; }

.toggle.btn-large { min-width: 40px; }
.toggle-on.btn-large { padding-right: 35px; }
.toggle-off.btn-large { padding-left: 35px; }

.toggle.btn-small { min-width: 25px; }
.toggle-on.btn-small { padding-right: 20px; }
.toggle-off.btn-small { padding-left: 20px; }

.toggle.btn-mini { min-width: 20px; }
.toggle-on.btn-mini { padding-right: 12px; }
.toggle-off.btn-mini { padding-left: 12px; }	

/*	============================================================
	Button Effects 
	============================================================ */	
.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #29a9e1; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { 
	margin-top: -24px; 
	border: 1px solid #e0e0e0; 
	padding: 15px 0 10px 0; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: 0px 3px 4px #2e2e2e;
	-webkit-box-shadow: 0px 3px 4px #2e2e2e;
	box-shadow: 0px 3px 4px #2e2e2e;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.box > .icon:hover > .info { border-color: #e0e0e0; }
.box > .icon > .info > p { margin: 20px;}
.box > .icon > .info > .more a { text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { background-color: #63B76C; }

/*	============================================================
	Product Page
	============================================================ */
.product {
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: center;
}
	
.prodwrap {
	border: 1px #eee solid;
	min-height: 280px;
	max-height: 380px;
	max-width: 250px;
	margin: 10px auto;
	padding: 10px 10px;	
}

.prod-items {
	padding-bottom: 15px;
	padding-top: 15px;
}

.prodwrap:hover {
	background: #f8ffe8;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-moz-box-shadow: 0px 0px 6px #333;
	-webkit-box-shadow: 0px 0px 6px #333;
	box-shadow: 0px 0px 6px #333;
}

.prodimg {
	max-height: 150px;
}	

.prodimg img {
	margin: 0 auto;
	height: 150px;
	width: 250px;
}

.prod-title {
	margin-bottom: 0px;
	padding-top: 20px;
}

.pricetag {
	font-weight: bold;
}

hr.separator {
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}

.status {
	position: absolute;
}

/*	============================================================
	Directional Nav
	============================================================ */
.ui-group-buttons .separator { position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px }
.ui-group-buttons .separator:before { position:absolute;top:50%;left:50%;content:'or';background-color:#5a5a5a;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.ui-group-buttons .separator:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);border-top:.6em solid #5a5a5a;border-bottom:.6em solid #5a5a5a}
.ui-group-buttons { display:inline-block;vertical-align:middle}
.ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-group-buttons .btn{float:left;border-radius:0}
.ui-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px}
.ui-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px}	

/*	============================================================
	Magnify Image
	============================================================ */
.glass {
  width: 175px;
  height: 175px;
  position: absolute;
  border-radius: 50%;
  cursor: crosshair;
  
  /* Multiple box shadows to achieve the glass effect */
  box-shadow:
    0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25), 
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  
  /* hide the glass by default */
  display: none;
}

/*	============================================================
	Form Wizard v2
	============================================================ */
.formnav {
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
	box-shadow: #333333 0px 0px 1px;
}

.formnav li {
	/* background: -webkit-linear-gradient(#87a9fd 0%, #ffffff 100%) */
	/* background: #f9f9f9; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #f9f9f9 0%, #efefef 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #f9f9f9 0%,#efefef 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #a7a7a7;
}

.formnav li.active a {
	border-radius: 0 !important;
}

.formnav li.active a:after {
	border-left: 1px solid #ebebeb;
	content: '';
	position: absolute;
	left: 100%;
	top: 40%;
	margin-top: -15px;
	border-left: 0;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	/* border-left: 14px solid #29a9e1; */
}

/*	============================================================
	Bootstrap Toggle for VPC forms
	============================================================ */
.toggle {
	min-width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
}
.toggle input[type="checkbox"] {
	display: none;
}
.toggle-group {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: 0;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.toggle.off .toggle-group {
	left: -100%;
}
.toggle-on {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.toggle-off {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.toggle-handle {
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
	width: 0px;
	border-width: 0 1px;
}
.toggle-handle.btn-mini {
	top: -1px;
}
.toggle.btn { min-width: 30px; }
.toggle-on.btn { padding-right: 24px; }
.toggle-off.btn { padding-left: 24px; }

.toggle.btn-large { min-width: 40px; }
.toggle-on.btn-large { padding-right: 35px; }
.toggle-off.btn-large { padding-left: 35px; }

.toggle.btn-small { min-width: 25px; }
.toggle-on.btn-small { padding-right: 20px; }
.toggle-off.btn-small { padding-left: 20px; }

.toggle.btn-mini { min-width: 20px; }
.toggle-on.btn-mini { padding-right: 12px; }
.toggle-off.btn-mini { padding-left: 12px; }	


/*	============================================================
	Form Builder
	============================================================ */
ul.components {
	padding-left: 0;
}	

ul.components li, #frm-elements li {
	list-style: none;
	padding-bottom: 4px;
}

ul.components li a:hover {
	text-decoration: none;
}

#frm-elements {
	padding-left: 0;
}

#components .narrow {
	padding-left: 8px !important;
	padding-right: 8px !important;
}


/* ==========================================================
	Import from Admin Form Builder CSS
   ========================================================== */
#wpx-form-builder #frm-elements li,
#wpx-form-builder #frm-elements li.active {
	padding-bottom: 0;
}

#wpx-form-builder .choices-holder ul{
	border: 1px solid #DDDDDD;
	padding-top: 5px;
	padding-bottom: 5px;
}
#wpx-form-builder .choices-holder ul li{	
	padding-top: 2px;
	padding-bottom: 2px;
}


/* =============== ELEMENT CSS =================================*/
.ui-sortable-helper { 
	background: #ffffee;
	border: 2px dashed #ebebeb;
}
#frm-elements {
	position: relative;
}
#frm-elements li { 
	position: inherit;
	margin-left: 0; 
	/*margin-left: -1.3em; */
}
.wpxformbuilder .collapse.in {
	position: absolute;
	background: #ffffff;
	min-width: 300px;
	min-height: 100px;
	z-index: 9999;
	border: 1px solid #ebebeb;
	box-shadow: 1px 1px 5px #ccc;
	margin-top: -15px;
	border: 1px solid #ebebeb;
	padding: 0 10px;
}
.form-group {
	cursor: pointer;
}
.popover-content {
	width: 272px;
}
.tab-content {
	padding-top: 15px; 
	margin-bottom:15px
}
.nav-tabs {
	padding-top: 10px;
}

.dropdown-choices,
.rb-choices,
.ms-choices,
.cb-choices,
.list-choices,
.field-choices
 {
	padding-left: 0;
}

ul.field-choices li {
	list-style: none;
	padding-bottom: 4px;
}

/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    /*width: 1.2em; */
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }


/*!
 * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014
 * @package bootstrap-fileinput
 * @version 1.8.0
 *
 * File input styling for Bootstrap 3.0
 * Built for Yii Framework 2.0
 * Author: Kartik Visweswaran
 * Year: 2013
 * For more Yii related demos visit http://demos.krajee.com
 */
.file-loading {
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    font-size: 999px;
    text-align: right;
    color: #fff;
    background: transparent url('../images/loading.gif') top left no-repeat;
    border: none;
}
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

.file-caption .glyphicon {
    display: inline-block;
    min-width: 18px;
    float: left;
    margin-top: 2px;
}

.file-caption-name {
    display: inline-block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
}

.file-caption-disabled {
    background-color: #EEEEEE;
    cursor: not-allowed;
    opacity: 1;
}

.file-input .btn[disabled], .file-input .btn .disabled {
    cursor: not-allowed;
}

.file-preview {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
}

.file-preview-frame {
    display: table;
    margin: 8px;
    height: 160px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px 0px #a2958a;
    padding: 6px;
    float: left;
    text-align: center;
}

.file-preview-frame:hover {
    background-color: #eee;
    box-shadow: 2px 2px 5px 0px #333;
}

.file-preview-image {
    height: 150px;
    vertical-align: text-center;
}

.file-preview-text {
    display: table-cell;
    width: 150px;
    height: 150px;
    color: #29a9e1;
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
}

.file-preview-other {
    display: table-cell;
    width: 150px;
    height: 150px;
    font-family: Monaco, Consolas, monospace;
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
}

.file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button {
    display: none;
}

.loading {
    background: transparent url('../images/loading.gif') no-repeat scroll center center content-box !important;
}

.wrap-indicator {
    font-weight: bold;
    color: #245269;
    cursor: pointer;
}

.wpxbadge { 
  color: #ffffff; 
  background-color: #f0ad4e; 
  border-color: #ffffff; 
} 

.searchIcon i {
    position: absolute;
    right: 0px;
    padding: 10px 25px;
    pointer-events: none;
}

.searchField {
	padding-right: 30px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background-color: #29a9e1;
}

.ui-datepicker select.ui-datepicker-month {
	color: #000000;
}

/*	============================================================
	Password Meter
	============================================================ */
@charset "utf-8";
/* CSS Document */

.strength_meter{
  display: inline-block;
  background:silver;
}
.strength_meter div{
  text-align:center;
  color:black;
  font-weight:bold;
  border: 1px solid white;
}
.veryweak{
  background-color: #FFA0A0;
  border-color: #F04040;
}
.weak{
  background-color: #FFB78C;
  border-color: #FF853C;
}
.medium{
  background-color: #FFEC8B;
  border-color: #FC0;
}
.strong{
  background-color: #C3FF88;
  border-color: #8DFF1C;
}

/* strength and show hide in a wrapper (places all the chrome inside the input box) */

.strength_wrapper input {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  padding-left: 35px !important;
  background: transparent !important;
  font-size: 1em !important;
}
.strength_wrapper input::-ms-reveal {
  display: none !important;
}
.strength_wrapper .strength_meter{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  border-radius: 3px;
  background-color: #fff;
}
.strength_wrapper .strength_meter div {
  height: 100%;
  text-indent: -9999em;
  border: none
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.strength_wrapper .strength_meter div:before {
    content: '\2752';
    position: absolute;
    top: 50%;
    left: 0.2em;
    margin-top: -0.5em;
    color: #bbb;
    font-family: strength-icon;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1;
    text-indent: 0;
}
.strength_wrapper .veryweak{
  background-color: #FFDDDD;
  width:25%;
}
.strength_wrapper .veryweak:before{
  content: '\2639' !important;
  color: #F04040 !important;
}
.strength_wrapper .weak{
  background-color: #FDDFD0;
  width: 50%;
}
.strength_wrapper .weak:before{
  content: '\25ef' !important;
  color: #FF853C !important;
}
.strength_wrapper .medium{
  background-color: #FFF6C5;
  width:75%;
}
.strength_wrapper .medium:before{
  content: '\263a' !important;
  color: #F5A623 !important;
}
.strength_wrapper .strong{
  background-color: #DFFEC2;
  width:100%;
}
.strength_wrapper .strong:before{
  content: '\25d3' !important;
  color: #65B913 !important;
}
.strength_wrapper .button_showhide {
  position: absolute;
  right: 0.5em;
  top: 50%;
  z-index: 2;
  margin-top: -0.5em;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .strength_wrapper .button_showhide {
    text-indent: -999em;
  }
  .strength_wrapper .button_showhide:before {
    content: '\25ce';
    position: absolute;
    top: 0;
    right: 0;
    font-family: strength-icon;
    font-size: 1.2em;
    text-indent: 0;
  }
  .strength_wrapper .hide_button_showhide:before {
    content: '\25cc';
  }
}

/* icon font */

@font-face {
  font-family: 'strength-icon';
  src:url('fonts/icomoon.eot?-h3y351');
  src:url('fonts/icomoon.eot?#iefix-h3y351') format('embedded-opentype'),
    url(data:font/woff;base64,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) format('woff'),
    url('fonts/icomoon.ttf?-h3y351') format('truetype'),
    url('fonts/icomoon.svg?-h3y351#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lock:before {
  content: "\2752";
}
.icon-happy:before {
  content: "\25d3";
}
.icon-smiley:before {
  content: "\263a";
}
.icon-sad:before {
  content: "\2639";
}
.icon-neutral:before {
  content: "\25ef";
}
.icon-search:before {
  content: "\25ce";
}
.icon-zoom-out:before {
  content: "\25cc";
}

.us-form-input {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 200ms, box-shadow 200ms;
  -moz-transition: border-color 200ms, box-shadow 200ms;
  -o-transition: border-color 200ms, box-shadow 200ms;
  transition: border-color 200ms, box-shadow 200ms;
  display: inline-block;
  padding: 0.35em 0.5em;
  height: 2.2em;
  border-radius: 0.1875em;
  box-shadow: none;
  border: 1px solid #cbcccc;
  outline: 0;
  font-size: 1em;
  color: #2f3335;
}
.us-form-input::-webkit-input-placeholder, .us-form-input:-moz-placeholder, .us-form-input::-moz-placeholder, .us-form-input:-ms-input-placeholder {
  color: #97999a;
}
.us-form-input:hover {
  border-color: #00b8ff;
}
.us-form-input:focus {
  border-color: #00b8ff;
  box-shadow: 0px 0px 3px #00b8ff;
}
.us-form-input:focus::-webkit-input-placeholder, .us-form-input:focus:-moz-placeholder, .us-form-input:focus::-moz-placeholder, .us-form-input:focus:-ms-input-placeholder {
  color: #cbcccc;
}
.us-form-input:disabled {
  border-color: #f2f2f2;
  background-color: white;
}
.us-form-input.large {
  padding: 0.635em 0.5em;
  height: auto;
  font-size: 1.2em;
}

.side-nav {
	padding-bottom: 250px;
}

.personal_s3_objects tr.default-folder-row td  a.s3_sub_folder i.fa {
	color: #428bca;
}

.personal_s3_objects tr td a.s3_sub_folder i.fa {
	color: #922a8d;
}

.personal_s3_objects tr.default-folder-row td span.lbl-my-folder {
	background-color: #428bca;
}

.personal_s3_objects tr td span.lbl-my-folder {
	background-color: #922a8d;
}

.blog-post h1 {
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.post-content,
.post-content p {
	font-size: 18px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}

.blog-post-wrapper {
	margin-bottom: 40px;
	overflow: hidden;
}

.post-gradient {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

/* s3plugin */
.filemanagers3 .fmwidget .breadcrumb, .filemanagers3 .fmwidget .fmtools{
	z-index: 999;
	position: relative;
}

#background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

.container h1 {
  color: white;
}

body {
  height: 100%;
  font-size: 18px;	
}

.wpxnavtop {
	margin: 15px 25px;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}

/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}

/*
 * Cover
 */

.cover {
  padding: 100px;
}

/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}

.copyright {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 20px;
	background-color: #000000;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
	padding: 0 10px;
	color: #ffffff;
}

.loginbtn {
	margin-top: 25px;
}

.site-wrapper .cover {
	color: #ffffff;
	text-shadow: -2px 1px 3px #000000;
}

#page-wrapper {
	border-top: 1px solid #dddddd;
	padding-top: 10px;
}

.navbar {
	margin-bottom: 6px;
}

.navbar-toggle {
	background-color: #cccccc;
	border: 2x solid #ffffff;
	-moz-box-shadow: 0px 1px 2px #000000;
	-webkit-box-shadow: 0px 1px 2px #000000;
	box-shadow: 0px 1px 2px #000000;
	
	background: #53bae7;
    background: -moz-linear-gradient(top, #53bae7 0%, #29a9e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53bae7), color-stop(100%,#29a9e1));
    background: -webkit-linear-gradient(top, #53bae7 0%,#29a9e1 100%);
    background: -o-linear-gradient(top, #53bae7 0%,#29a9e1 100%);
    background: -ms-linear-gradient(top, #53bae7 0%,#29a9e1 100%);
    background: linear-gradient(to bottom, #53bae7 0%,#29a9e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53bae7', endColorstr='#29a9e1',GradientType=0 );
}

.navbar-toggle span.icon-bar {
	background-color: #ebebeb;
}

#trademark-heading,
#trademark-heading a {
	padding: 0px 14px !important;
}

h4.trademark small {
	color: #ebebeb;	
}

h4.trademark {
	margin: -4px auto !important;
}

.wpxnavtop {
	margin: 15px 25px;
}

.navbar {
    margin-bottom: 6px;
}

/*	============================================================
	Media Queries
	============================================================ */
/* Tabbed menu to stay in position when in smaller screen size ----------- */
@media screen and (max-width : 991px) {
	.formnav {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		margin-top: 0 !important;
	}
	.fixto-fixed {
		top: 0 !important;
		left: 0 !important;
		margin-top: 0 !important;
		position: relative !important;
	}
}

.navbar-brand {
	font-size: 34px;
	height: 80px;
	padding: 0;
}

.panel-heading {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.nav-pills>li>a,
.panel-group .panel {
	border-radius: 0px;
}

#training .panel .panel-heading h4.panel-title a {
  font-weight: normal;
}

#training .panel a.list-group-item{
	font-size:15px;
}  

#training .panel .panel-body .list-group .list-group a.list-group-item{
	font-size: 14px;
}

.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}
.embed-responsive::before{display:block;content:""}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-21by9::before{padding-top:42.857143%}
.embed-responsive-16by9::before{padding-top:56.25%}
.embed-responsive-4by3::before{padding-top:75%}
.embed-responsive-1by1::before{padding-top:100%}

.llms-video-wrapper .center-video {
	height: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 56.25%;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.llms-video-wrapper .center-video .fluid-width-video-wrapper {
    padding-top: 0 !important;
}

.llms-video-wrapper .center-video>.wp-video, 
.llms-video-wrapper .center-video .fluid-width-video-wrapper, 
.llms-video-wrapper .center-video iframe, 
.llms-video-wrapper .center-video object, 
.llms-video-wrapper .center-video embed {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	width: 100%;
	border:0;
}

.llms-video-wrapper .center-video .fluid-width-video-wrapper video{
	width:100%;
	height:100% !important;
}

@media screen and (max-width: 600px) {
	.responsive_iframe img{
		width:100%;
		height: auto;
	}

	.responsive_iframe img.arrow_img{
		width: 200px;
		height: auto;
	}
}


.tabloader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	margin:0 auto;
}
  
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.lead_reminder_sidebar{
	clear:both;
}


/* The sidepanel menu */
.lead_reminder_sidepanel {
	height: 100%; /* Specify a height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0;
	right: 0;
	background-color: #111; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
	font-size:13px;
	color:#fff;
}
  
  /* The sidepanel links */
.lead_reminder_sidepanel a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}
  
/* When you mouse over the navigation links, change their color */
.lead_reminder_sidepanel a:hover {
	color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.lead_reminder_sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
.openbtn {
	font-size: 20px;
	cursor: pointer;
	color: white;
	padding: 10px 15px;
	border: none;
}

.lead_reminder_sidepanel .btn-popup-lead-alert{
    width:120px;
    padding:5px 10px;
    margin:0px 2px;
    border-radius:5px;
    font-size:12px;
}

.btn-popup-lead-alert{
    width:180px;
    padding:10px 20px;
    margin:0px 10px;
    border-radius:5px;
}

.modal #new_leads_popup_div_modal_body {
    font-size: 14px;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 420px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}
    
/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}


.demo {
padding-top: 60px;
padding-bottom: 110px;
}

.btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
}

.btn-demo:focus {
outline: 0;
}

.demo-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    text-align: center;
}

.demo-footer > a {
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.modal #new_leads_popup_div_modal_body{font-size:14px;}
.modal.right #new_leads_popup_div_modal_body{
    font-size:12px;
}

.reminder_leads_popup_div_modal{font-size:14px;}


.modal .form-group{cursor:default;}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.modal.right .form-group {
    cursor:auto !important;
}

.barfiller {
    width: 100%;
    height: 12px;
    background: #fcfcfc;
    border: 1px solid #ccc;
    position: relative;
    margin-bottom: 2px;
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
  }
  
  .barfiller .fill {
    display: block;
    position: relative;
    width: 0px;
    height: 100%;
    background: #333;
    z-index: 1;
  }
  
  .barfiller .tipWrap { display: none; }
  
  .barfiller .tip {
    margin-top: -22px;
    padding: 0px 4px;
    font-size: 11px;
    color: #fff;
    left: 0px !important;
    position: absolute;
    z-index: 2;
    background: #333;
  }
  
  .barfiller .tip:after {
    border: solid;
    border-color: rgba(0,0,0,.8) transparent;
    border-width: 6px 6px 0 6px;
    content: "";
    display: block;
    position: absolute;
    left: 9px;
    top: 100%;
    z-index: 9
  }
  

.modal.right .modal-header {
    width: 100%;
    background: #3b3939;
    background: -moz-linear-gradient(left, #8f8f8f 0%, #3b3939 100%);
    background: -webkit-linear-gradient(left, #8f8f8f 0%,#3b3939 100%);
    background: linear-gradient(to right, #8f8f8f 0%,#3b3939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3939', endColorstr='#8f8f8f',GradientType=1 );
    padding: 20px;
    text-align: center;
    color: #fff;
}


.modal.right .modal-footer {
    bottom: 0;
    height: 60px;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: #8c8c8c;
    padding: 20px;
}

.modal.right .modal-footer button{
    background:none;
    border:0px;
    outline:none;
    color:#fff;
}

.btn-popup-lead-alert{
    width:180px;
    padding:10px 20px;
    margin:0px 10px;
    border-radius:5px;
}

#reminder_leads_popup_div_modal .btn-popup-lead-alert{
    width:120px;
    padding:5px 10px;
    margin:0px 2px;
    border-radius:5px;
    font-size:12px;
}

#reminder_leads_popup_div_modal_body .card{margin-bottom:10px;border: 1px solid #968d8d;}
#new_leads_popup_div_modal_body .card {margin-bottom: 10px;border: 1px solid #968d8d;}

.record_total_reminder{
	color: #fff;
    background: red;
    border-radius: 50%;
    float: left;
    border: 1px solid #000;
    width: 50px;
    vertical-align: middle;
    font-size: 22px;
    padding: 5px;
}

#lead_count_top{
	padding: 5px;
    font-weight: bold;
	font-family: 'Ubuntu', sans-serif;
}

.facheck_exists {
    color: #fff;
    padding: 5px;
    border: 1px solid #0c0c0c;
    margin-right: 10px;
    border-radius: 50%;
    background: red;
}


/* The switchcontainer - the box around the slider_switch */
.popupswitchcontainer {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.popupswitchcontainer input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider_switch */
.popupswitchcontainer .slider_switch {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.popupswitchcontainer .slider_switch:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.popup_switch_container input:checked + .slider_switch {
	background-color: red;
}

input:checked + .slider_switch {
	background-color: #2196F3;
}

input:focus + .slider_switch {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_switch:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider_switch.round {
	border-radius: 34px;
}

.slider_switch.round:before {
	border-radius: 50%;
}

.green-bg{
	background:green;
}

.btn-sm-reminder{
	width:150px;
	margin-right:10px;
	display: inline;
}

.btn-reminder.disabled, .btn-reminder[disabled], .btn-reminder[disabled]:hover{background:grey;}

.mce-ico.mce-i-s3plugin.fa.fa-upload{font:normal normal normal 14px/1 FontAwesome !important;}
.mce-ico.mce-i-vdp.fa.fa-file-pdf-o{font:normal normal normal 14px/1 FontAwesome !important;}
.search_firstrow i{text-align:left;color:#000;}
.search_firstrow .search-rs-text{padding-left:10px;}
#seach-list{
    float:left;
    list-style:none;
    padding:0;
    width:221px;
    position: absolute;
    z-index: 99999;
    word-break: break-all;
}
#seach-list li{
    padding: 10px; 
    background: #f0f0f0; 
    border-bottom: #bbb9b9 1px solid;
}
#seach-list li:hover{
    background:#d9e0f2;
    cursor: pointer;
}
#search-box{
    padding: 10px;
    border: #a8d4b1 1px solid;
    border-radius:4px;
}
#add_contact_condition_div .chosen-container{width:200px !important;}
#scheduled_popup_div_modal .chosen-container{width:100% !important;}