/* Minification failed. Returning unminified contents.
(268,12): run-time error CSS1030: Expected identifier, found ' '
(422,32): run-time error CSS1019: Unexpected token, found ' '
(422,32): run-time error CSS1019: Unexpected token, found ' '
(422,32): run-time error CSS1042: Expected function, found ' '
(422,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(423,29): run-time error CSS1019: Unexpected token, found ' '
(423,29): run-time error CSS1019: Unexpected token, found ' '
(423,29): run-time error CSS1042: Expected function, found ' '
(423,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(459,1): run-time error CSS1019: Unexpected token, found '@charset'
(459,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(459,17): run-time error CSS1019: Unexpected token, found ';'
 */
a:hover {
  text-decoration: none;
}

.join-form {
  padding-top: 40px;
}

.wrapp-submit {
  text-align: center;
  line-height: 40px;
}

.wrapp-submit span {
  padding: 5px 15px;
  border: 3px #fff solid;
  color: #fff;
}

.forgot-pass {
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
}

.forgot-pass a {
  color: #fff;
}

.row.tmd-full-height {
  background-image: url('/content/images/join-in-background.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}

.tmd-full-height .col-md-6,
.tmd-full-height .col-sm-6,
.tmd-full-height .col-md-12,
.tmd-full-height .col-sm-12
{
  float: left;
}

.col-md-12 input {
  width: 100%;
}

.row.join-wrapper {
  width: 100%;
  max-width: 707px;
  margin: 70px auto;
}

.link-container {
  margin: 45px auto 0 auto;
  text-align: center;
}

.link-container > div {
  display: inline-block;
  background-color: rgba(126, 153, 170, 0.7);
  padding: 10px;
}

.link-container a {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
}

.link-container a:hover,
.link-container-registered a:hover,
.link-container-role a:hover
{
  text-decoration: none;
  color: #fff;
}

.link-container-registered,
.link-container-role
{
  display: inline-block;
  background-color: rgba(126, 153, 170, 0.7);
  padding: 5px;
  float: right;
  margin-top: 5px;
  margin-left: 5px;
}

.link-container-registered a,
.link-container-role a
{
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

.row.join-wrapper h3 {
  font-size: 33px;
  border-bottom: 2px solid #fff;
  text-align: center;
  color: #fff;
  padding-bottom: 15px;
  margin-bottom: 43px;
  width: 80%;
  margin: 0 auto 43px;
}

.row.wrapp-submit {
  margin: 0;
}

.new-patient {
  background-color: rgba(97,198,241,0.65);
  float: left;
  width: 161px;
  height: 270px;
  padding: 33px 11px 0 11px;
  text-align: center;
}

.new-doctor {
  background-color: rgba(116,192,68,0.65);
  margin-left: 20px;
  float: left;
  width: 161px;
  height: 270px;
  padding: 33px 11px 0 11px;
  text-align: center;
}

.new-practice {
  background-color: rgba(5,123,180,0.65);
  margin-left: 20px;
  float: left;
  width: 161px;
  height: 270px;
  padding: 33px 11px 0 11px;
  text-align: center;
}

.new-facility {
  background-color: rgba(5,123,108,0.65);
  margin-left: 20px;
  float: left;
  width: 161px;
  height: 270px;
  padding: 33px 11px 0 11px;
  text-align: center;
}


.join-wrapper i, .join-wrapper .fa.fa-user-md {
  color: #fff;
  font-size: 63px;
}

.join-wrapper h4 {
  color: #fff;
  border-top: 2px solid #fff;
  text-align: center;
  margin-top: 31px;
  padding-top: 11px;
  font-weight: bold;
}

.join-wrapper input[type=submit] {
  width: 116px;
  height: 36px;
  background-color: transparent;
  border: 3px solid #fff;
  margin-top: 10px;
  color: #fff;
}

.join-form {
  color: #fff;
  font-size: 16px;
}

.create-patient {
  width: 100%;
  background-color: rgba(97,198,241,0.65);
  padding: 20px;
}

.create-doctor {
  width: 100%;
  background-color: rgba(116,192,68,0.65);
  padding: 20px;
}

.create-practice {
  width: 100%;
  background-color: rgba(5,123,180,0.65);
  padding: 20px;
}

.create-facility {
  width: 100%;
  background-color: rgba(5,123,108,0.65);
  padding: 20px;
}

.create-patient .link-container,
.create-practice .link-container,
.create-doctor .link-container,
.create-facility .link-container
{
  margin-top: 10px;
  display: inline-block;
}

.create-patient .link-container > a,
.create-practice .link-container > a,
.create-doctor .link-container > a,
.create-facility .link-container > a
{
  font-size: 16px;
  color: #fff;
}

.join-form .title {
  display: inline-block;
  color: #fff;
  margin-bottom: 14px;
  font-size: 17px;
  font-weight: bold;
}

.join-form input[type=text] {
  margin-bottom: 18px;
  height: 40px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding-left: 10px;
  font-weight: lighter;
}

.join-form input[type=password] {
  margin-bottom: 18px;
  height: 40px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding-left: 10px;
  font-weight: lighter;
}

.join-form select {
  margin-bottom: 18px;
  height: 40px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding-left: 10px;
  font-weight: lighter;
}

.join-form select option{
  background-color: rgba(97,198,241,0.65);
}
.join-form.create-doctor select option{
  background-color: rgba(116,192,68,0.65)
}
.join-form. select.practice-signup-select option{
    background-color: rgba(5,123,180,0.65)
}
.join-form select.facility-signup-select option{
    background-color: rgba(5,123,108,0.65)
}


.wrapp-phone .dropdown {
  display: inline-block;
  width: 23%;
  float: left;
}

.wrapp-phone .dropdown button,
.wrapp-specialty.dropdown button
{
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  height: 40px;
  padding: 0 3px 0 3px;
  width: 100%;
  line-height: 10px;
  text-align: left;
  padding-left: 10px;
}

.wrapp-flag,
.wrapp-specialty-text
{
  display: inline-block;
  color: #fff;
  font-weight: normal;
}

.wrapp-phone .dropdown .fa,
.wrapp-specialty.dropdown > button > .fa
{
  font-size: 10px;
  float: right;
}

.wrapp-phone .dropdown-menu,
.wrapp-specialty.dropdown > ul
{
  border-radius: 0;
  top: 38px;
  left: -1px;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus
{
  background-color: transparent;
  border: 1px solid #fff;
  outline: none;
}

input:focus {
  outline: none;
}

input.clinic-name {
  width: 100%;
}

input.chevron {
  width: 10%;
}

input.phone {
  float: right;
  width: 75%;
}

input.first-name {
  width: 100%;
}

input.last-name {
  width: 100%;
}

.join-form input[type=submit] {
  float: right;
  width:auto;
}

.gender-male, .gender-female {
  cursor: pointer;
  font-weight: lighter;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color: #f7f7f7;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #f7f7f7;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #f7f7f7;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #f7f7f7;
}

@media (max-width: 768px) {
  .new-wrapper {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    padding-top: 0;
  }

  .gral-wrapper {
    width: 100%;
    display: inline-block;
    padding: 0 50px;
  }

  .wrapp-icon {
    display: inline-block;
    width: 50%;
    float: left;
    height: 100%;
  }

  .wrapp-icon i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  .wrapp-data {
    display: inline-block;
    width: 50%;
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);

    border-left: 2px #fff solid;
    margin: 10px 0 10px 0;
  }

  .wrapp-data h4 {
    border: 0;
    margin-top: 60px;
  }
}


a.join-doctor {
  width: 116px;
  height: 36px;
  background-color: transparent;
  border: 3px solid #fff;
  margin-top: 10px;
  color: #fff;
  display:inline-block;
  line-height:2
}

.join-wrapper input[type=button] {
  width: 116px;
  height: 36px;
  background-color: transparent;
  border: 3px solid #fff;
  margin-top: 10px;
  color: #fff;
}

.join-form input[type=button] {
  float: right;
}
@charset "utf-8";
/* Smart Pricing Tables  
--------------------------------------- */

/* Open Sans google font import 
--------------------------------------- */

/*
html, body{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;		
	font: inherit;
}
*/
/* @pricing table wrappers 
---------------------------------- */
.smart-grids{ max-width:1140px; margin:0 auto; }
.smart-wrapper{ display:block; padding:20px; }
.smart-pricing, 
.smart-pricing *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.smart-pricing {
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	line-height: 1.231;
	font-weight: 400;
	font-size: 14px;
	color: #626262;
}


/* @pricing table grid 
--------------------------------- */
.smart-pricing .pricing-tables, 
.smart-pricing .pricing-tables .colm-list{ display:block;  position:relative; }
.smart-pricing .pricing-tables:before,
.smart-pricing .pricing-tables:after { display: table; content: ""; line-height: 0; }
.smart-pricing .pricing-tables:after{ clear: both; }

/* @pricing table columns 
--------------------------------------------------------- */
.smart-pricing .pricing-tables .colm{ 
	min-height:1px; 
	position:relative; 
	float:left; 
}

/* seperated pricing table columns 
---------------------------------------------------------- */
.smart-pricing .separated-tables{ margin:0 -10px; }
.smart-pricing .separated-tables .colm{	padding-left:10px; padding-right:10px;}

/* pricing table columns 
---------------------------------------------------------- */
.smart-pricing .six-colm .colm		{	width:16.66%;	} 
.smart-pricing .five-colm .colm		{	width:20%;		}
.smart-pricing .four-colm .colm		{	width:25%;		} 
.smart-pricing .three-colm .colm	{	width:33.33%; 	} 
.smart-pricing .two-colm .colm		{	width:50%; 		} 
.smart-pricing .one-colm .colm		{	width:100%; 	}

/* @general pricing table styling
------------------------------------------ */
.smart-pricing .pricing-tables .pricing-header{ position:relative; }
.smart-pricing .pricing-tables ul, 
.smart-pricing .pricing-tables ul li, 
.smart-pricing .pricing-tables .pricing-header h1, 
.smart-pricing .pricing-tables .pricing-header h2{
	padding:0;
	margin:0;
}
.smart-pricing .pricing-tables .pricing-header h1, 
.smart-pricing .pricing-tables .pricing-header h2{
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:300;
}
.smart-pricing .pricing-tables ul, 
.smart-pricing .pricing-tables ul li{ list-style-type:none; }
.smart-pricing .pricing-tables ul li i{ font-size:14px; margin:0 5px; }

/* @pricing table styles || elegant + dark 
------------------------------------------------------------ */
.smart-pricing .dark-style .colm-list, 
.smart-pricing .elegant-style .colm-list{	
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);
	-moz-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);
	-o-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.smart-pricing .dark-style ul, 
.smart-pricing .elegant-style ul{ margin-left:-1px;  }
.smart-pricing .elegant-style ul {
	border: 1px solid #d2d2d2;
	background-color:#F5F5F5;
	border-top:0;
}

.smart-pricing .dark-style ul{ background: #333;  border: 1px solid #000; }
.smart-pricing .dark-style ul li, 
.smart-pricing .elegant-style ul li {
	padding: 12px; 
	text-align:center;
}

.smart-pricing .elegant-style ul li { 
	color: #666;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #d2d2d2;
	text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}

.smart-pricing .dark-style ul li{
	color: #D0D0D0; 
    background-color: #333;
    border: 1px solid #444;
	border-bottom:1px solid #111;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.6);
}
.smart-pricing .dark-style .pricing-footer,
.smart-pricing .elegant-style .pricing-footer{
	padding: 20px;
	margin-top: -2px;
	margin-left: -1px;
	text-align: center;
}
.smart-pricing .elegant-style .pricing-footer{  
	border: 1px solid #d2d2d2;
	background-color: #f9f9f9; 	
	background-image: -webkit-linear-gradient(top,  #fbfbfb, #ededed);
    background-image: -moz-linear-gradient(top,  #fbfbfb, #ededed);
	background-image: -ms-linear-gradient(top,  #fbfbfb, #ededed);
    background-image: -o-linear-gradient(top,  #fbfbfb, #ededed);
    background-image: linear-gradient(to bottom,  #fbfbfb, #ededed);
    -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.smart-pricing .dark-style .pricing-footer{
	background-color: #1C1C1C;
    background-image: -webkit-linear-gradient(top,  #1C1C1C, #070707);
    background-image: -moz-linear-gradient(top,  #1C1C1C, #070707);
	background-image: -ms-linear-gradient(top,  #1C1C1C, #070707);
    background-image: -o-linear-gradient(top,  #1C1C1C, #070707);
    background-image: linear-gradient(to bottom,  #1C1C1C, #070707);
    -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px #353535, inset 0 0 0 1px rgba(255, 255, 255, 0.1);	
	border: 1px solid #000;
}

.smart-pricing .dark-style .pricing-header, 
.smart-pricing .elegant-style .pricing-header{margin-left: -1px; text-align:center; }
.smart-pricing .pricing-tables .header-colored h1, 
.smart-pricing .pricing-tables .header-colored h2{ color:#fff; } 
.smart-pricing .dark-style .pricing-header h1, 
.smart-pricing .elegant-style .pricing-header h1 {
	font-size: 13px;
	font-weight: 400;
	padding: 15px 15px;
	letter-spacing: 1px;
	text-transform:uppercase;
}

.smart-pricing .dark-style .pricing-header h2, 
.smart-pricing .elegant-style .pricing-header h2 {
	text-transform:uppercase;
	padding: 30px 15px;	
	font-size: 11px;  
	font-weight:400;
}

.smart-pricing .dark-style .pricing-header h2 span, 
.smart-pricing .elegant-style .pricing-header h2 span { display: block; font-size: 46px; font-weight:300; }

.smart-pricing .dark-style .pricing-header h2, 
.smart-pricing .elegant-style .pricing-header h2, 
.smart-pricing .dark-style .pricing-header h2 span, 
.smart-pricing .elegant-style .pricing-header h2 span{	
	-webkit-transition: font-size 0.4s;
	-moz-transition: font-size 0.4s;
	-ms-transition: font-size 0.4s;
	-o-transition: font-size 0.4s;
	transition: font-size 0.4s;
}

/* featured columns 
----------------------------------------------------------- */
.smart-pricing .dark-style .featured-package,
.smart-pricing .elegant-style .featured-package{ 	
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0 0 9px 0; 
	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;
	-o-box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0; 
	box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;
	box-shadow: rgba(0,0,0,0.25) 0 0 12px 0 \0/IE9;
	margin: -20px 0 0 0;
	position:relative; 
	z-index:99; 
	top:0;
}

.smart-pricing .dark-style .featured-package .pricing-footer, 
.smart-pricing .elegant-style .featured-package .pricing-footer{ padding:25px 20px; }
.smart-pricing .dark-style .featured-package .pricing-header h2 span, 
.smart-pricing .elegant-style .featured-package .pricing-header h2 span { font-size: 62px; }

.smart-pricing .dark-style .featured-package{
	-webkit-box-shadow:rgba(0, 0, 0, 1) 0 0 9px 0; 
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;
	-o-box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0; 
	box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;
	box-shadow: rgba(0,0,0,1) 0 0 12px 0 \0/IE9;
}

/* animate pricing table columns on :hover
----------------------------------------------------------- */
.smart-pricing:hover,
.smart-pricing:hover .dark-style .featured-package, 
.smart-pricing:hover .elegant-style .featured-package{ 
	z-index:1; 
	-webkit-box-shadow:none; 
	-moz-box-shadow:none;
	-o-box-shadow:none;  
	box-shadow:none;
}

.smart-pricing:hover .dark-style .featured-package, 
.smart-pricing:hover .elegant-style .featured-package{ margin:0; }
.smart-pricing:hover .dark-style .featured-package .pricing-footer, 
.smart-pricing:hover .elegant-style .featured-package .pricing-footer{ padding:20px; }
.smart-pricing:hover .dark-style .featured-package .pricing-header h2 span, 
.smart-pricing:hover .elegant-style .featured-package .pricing-header h2 span { font-size:46px; }

.smart-pricing .dark-style .colm-list:hover,
.smart-pricing .elegant-style .colm-list:hover, 
.smart-pricing .dark-style .featured-package:hover,
.smart-pricing .elegant-style .featured-package:hover{
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0 0 9px 0; 
	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;
	-o-box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0; 
	box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;
	box-shadow: rgba(0,0,0,0.25) 0 0 12px 0 \0/IE9;
	margin: -20px 0 0 0;
	position:relative; 
	z-index:99; 
	top:0;
}

.smart-pricing .dark-style .colm-list:hover,
.smart-pricing .dark-style .featured-package:hover{
	-webkit-box-shadow:rgba(0, 0, 0, 1) 0 0 9px 0; 
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;
	-o-box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0; 
	box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;
	box-shadow: rgba(0,0,0,1) 0 0 12px 0 \0/IE9;
}

.smart-pricing .dark-style .colm-list:hover .pricing-footer,
.smart-pricing .elegant-style .colm-list:hover .pricing-footer,
.smart-pricing .dark-style .featured-package:hover .pricing-footer, 
.smart-pricing .elegant-style .featured-package:hover .pricing-footer{ padding:25px 20px; }
.smart-pricing .dark-style .colm-list:hover .pricing-header h2 span,
.smart-pricing .elegant-style .colm-list:hover .pricing-header h2 span,
.smart-pricing .dark-style .featured-package:hover .pricing-header h2 span, 
.smart-pricing .elegant-style .featured-package:hover .pricing-header h2 span{ font-size: 62px;   }

/* features column 
------------------------------------------------------ */
.smart-pricing .dark-style .features-list:hover,
.smart-pricing .elegant-style .features-list:hover{
	z-index:1;
	margin:0;
	-webkit-box-shadow:none; 
	-moz-box-shadow:none;
	-o-box-shadow:none;  
	box-shadow:none;
}
.smart-pricing .dark-style .features-list:hover,
.smart-pricing .elegant-style .features-list:hover{
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);
	-moz-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);
	-o-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);
}

.smart-pricing .dark-style .features-list .pricing-header h2 span,
.smart-pricing .elegant-style .features-list .pricing-header h2 span,
.smart-pricing .dark-style .features-list:hover .pricing-header h2 span,
.smart-pricing .elegant-style .features-list:hover .pricing-header h2 span{ 
	text-transform:none;
	margin-top:46px; 
	font-size:46px; 
}

.smart-pricing .elegant-style .features-list ul{
	border: 1px solid #d2d2d2;
	border-bottom:0;
	margin-top:-1px;
}

.smart-pricing .dark-style .features-list ul{ border-bottom:0; }
.smart-pricing .dark-style .features-list ul li,
.smart-pricing .elegant-style .features-list ul li{ text-align:left; }

/* zebra stripped pricing tables 
------------------------------------------------------------------------------- */
.smart-pricing .dark-style.stripped-tables ul li:nth-child(even) { background: #272727; }
.smart-pricing .elegant-style.stripped-tables ul li:nth-child(even) { background: #EBEBEB;  }

/* buttons 
--------------------------------------------------------------- */
.smart-pricing .pricing-button{
	border:0;
	width:100%;
	height:50px;
	color:#444444;
	padding:0 2em;
	cursor: pointer;
	font-weight: 400;
	font-size: 1.4em;
	text-decoration:none;
	background-color:#ddd;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	-webkit-border-radius :3px;
	-moz-border-radius :3px;
	-o-border-radius :3px;
	border-radius :3px;	
	display:inline-block;
	*display:inline;
	zoom:1;
}
.smart-pricing a.pricing-button{ line-height:50px; }
.smart-pricing .pricing-button:hover, 
.smart-pricing .pricing-button:active{ background:#C2C2C2; }
.smart-pricing .six-colm .pricing-button{ font-size:1em; }

/* buttons gradient IE8+ 
--------------------------------------------------- */
.smart-pricing .grad-button{
   border             		:1px solid rgba(0,0,0,.2);
   border-bottom      		:1px solid rgba(0,0,0,.4);
   box-shadow         		:0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,.3);
   background-image   		:-moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1)); 
   background-image   		:-webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1)); 
   background-image   		:-o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1)); 
   background-image   		:-ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1)); 
   filter             		:progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); 
}
.smart-pricing .dark-style .grad-button{
   border             		:1px solid rgba(225,225,225,.4);
   border-bottom      		:1px solid rgba(225,225,225,.08);
   border-top      		    :1px solid rgba(225,225,225,.6);
   box-shadow         		:0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,0);   
}
.smart-pricing .grad-button:hover{
   background-image   		:-moz-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1));
   background-image   		:-webkit-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1));
   background-image   		:-o-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1));
   background-image   		:-ms-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1));
   filter            		:progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF');
}



/* top header themes + buttons 
------------------------------------------------------------------------------- */
.smart-pricing .grey-btn,
.smart-pricing .grey-lite { background-color: #909090; color:#fff; }
.smart-pricing .grey-dark, 
.smart-pricing .grey-btn:hover{ background-color: #808080; color:#fff; }
.smart-pricing .black-btn,
.smart-pricing .black-lite { background-color: #333333; color:#fff; }
.smart-pricing .black-dark, 
.smart-pricing .black-btn:hover { background-color: #222222; color:#fff; }
.smart-pricing .blue-btn,
.smart-pricing .blue-lite{ background-color: #3399FF; color:#fff; }
.smart-pricing .blue-dark, 
.smart-pricing .blue-btn:hover{ background-color: #0078F0; color:#fff; }
.smart-pricing .green-btn,
.smart-pricing .green-lite { background-color: #93C230; color:#fff;  }
.smart-pricing .green-dark, 
.smart-pricing .green-btn:hover  { background-color: #7BA428; color:#fff; }
.smart-pricing .orange-btn,
.smart-pricing .orange-lite { background-color: #FFAE35; color:#fff; }
.smart-pricing .orange-dark, 
.smart-pricing .orange-btn:hover{ background-color: #FF8000; color:#fff; }
.smart-pricing .red-btn,
.smart-pricing .red-lite{ background-color: #F03D00; color:#fff; }
.smart-pricing .red-dark,
.smart-pricing .red-btn:hover{ background-color: #CC3300; }

.smart-pricing .monoblue1-btn,
.smart-pricing .monoblue-top-1 { background-color: #52B5D5; color:#fff; }
.smart-pricing .monoblue-bottom-1, 
.smart-pricing .monoblue1-btn:hover { background-color: #64C3DE; color:#fff; }
.smart-pricing .monoblue2-btn,
.smart-pricing .monoblue-top-2 { background-color: #3591CA; color:#fff; }
.smart-pricing .monoblue-bottom-2, 
.smart-pricing .monoblue2-btn:hover { background-color: #44A3D5; color:#fff; }
.smart-pricing .monoblue3-btn,
.smart-pricing .monoblue-top-3 { background-color: #1F5F9F; color:#fff; }
.smart-pricing .monoblue-bottom-3, 
.smart-pricing .monoblue3-btn:hover { background-color: #2972B0; color:#fff; }
.smart-pricing .monoblue4-btn,
.smart-pricing .monoblue-top-4 { background-color: #1A3E7B; color:#fff; }
.smart-pricing .monoblue-bottom-4, 
.smart-pricing .monoblue4-btn:hover { background-color: #224A88; color:#fff; }

.smart-pricing .monogreen1-btn,
.smart-pricing .monogreen-top-1 { background-color: #83C145; color:#fff; }
.smart-pricing .monogreen-bottom-1, 
.smart-pricing .monogreen1-btn:hover { background-color: #96CD56; color:#fff; }
.smart-pricing .monogreen2-btn,
.smart-pricing .monogreen-top-2 { background-color: #44982B; color:#fff; }
.smart-pricing .monogreen-bottom-2, 
.smart-pricing .monogreen2-btn:hover { background-color: #55A938; color:#fff; }
.smart-pricing .monogreen3-btn,
.smart-pricing .monogreen-top-3 { background-color: #186D31; color:#fff; }
.smart-pricing .monogreen-bottom-3, 
.smart-pricing .monogreen3-btn:hover { background-color: #208240; color:#fff; }
.smart-pricing .monogreen4-btn,
.smart-pricing .monogreen-top-4 { background-color: #0A4945; color:#fff; }
.smart-pricing .monogreen-bottom-4, 
.smart-pricing .monogreen4-btn:hover { background-color: #0E5B56; color:#fff; }

.smart-pricing .monobrown1-btn,
.smart-pricing .monobrown-top-1 { background-color: #F0B128; color:#fff; }
.smart-pricing .monobrown-bottom-1, 
.smart-pricing .monobrown1-btn:hover { background-color: #F3BF34; color:#fff; }
.smart-pricing .monobrown2-btn,
.smart-pricing .monobrown-top-2 { background-color: #ED8000; color:#fff; }
.smart-pricing .monobrown-bottom-2, 
.smart-pricing .monobrown2-btn:hover { background-color: #F19300; color:#fff; }
.smart-pricing .monobrown3-btn,
.smart-pricing .monobrown-top-3 { background-color: #D85200; color:#fff; }
.smart-pricing .monobrown-bottom-3,
.smart-pricing .monobrown3-btn:hover { background-color: #E06400; color:#fff; }
.smart-pricing .monobrown4-btn,
.smart-pricing .monobrown-top-4 { background-color: #B5280B; color:#fff; }
.smart-pricing .monobrown-bottom-4, 
.smart-pricing .monobrown4-btn:hover { background-color: #C3350F; color:#fff; }

.smart-pricing .monopurple1-btn,
.smart-pricing .monopurple-top-1 { background-color: #7468A4; color:#fff; }
.smart-pricing .monopurple-bottom-1, 
.smart-pricing .monopurple1-btn:hover { background-color: #867CAF; color:#fff; }
.smart-pricing .monopurple2-btn,
.smart-pricing .monopurple-top-2 { background-color: #605386; color:#fff; }
.smart-pricing .monopurple-bottom-2, 
.smart-pricing .monopurple2-btn:hover { background-color: #70619B; color:#fff; }
.smart-pricing .monopurple3-btn,
.smart-pricing .monopurple-top-3 { background-color: #514172; color:#fff; }
.smart-pricing .monopurple-bottom-3,
.smart-pricing .monopurple3-btn:hover { background-color: #604D87; color:#fff; }
.smart-pricing .monopurple4-btn,
.smart-pricing .monopurple-top-4 { background-color: #44315B; color:#fff; }
.smart-pricing .monopurple-bottom-4, 
.smart-pricing .monopurple4-btn:hover { background-color: #533D71; color:#fff; }

.smart-pricing .monoblack1-btn,
.smart-pricing .monoblack-top-1 { background-color: #4D4D4D; color:#fff; }
.smart-pricing .monoblack-bottom-1, 
.smart-pricing .monoblack1-btn:hover { background-color: #606060; color:#fff; }
.smart-pricing .monoblack2-btn,
.smart-pricing .monoblack-top-2 { background-color: #303030; color:#fff; }
.smart-pricing .monoblack-bottom-2, 
.smart-pricing .monoblack2-btn:hover { background-color: #3F3F3F; color:#fff; }
.smart-pricing .monoblack3-btn,
.smart-pricing .monoblack-top-3 { background-color: #101010; color:#fff; }
.smart-pricing .monoblack-bottom-3,
.smart-pricing .monoblack3-btn:hover { background-color: #1D1D1D; color:#fff; }
.smart-pricing .monoblack4-btn,
.smart-pricing .monoblack-top-4 { background-color: #000000; color:#fff; }
.smart-pricing .monoblack-bottom-4, 
.smart-pricing .monoblack4-btn:hover { background-color: #0E0E0E; color:#fff; }


/* @ribbon
----------------------------------------- */
.smart-pricing .ribbon,
.smart-pricing .ribbon-large{
	width:75px;
	height:78px;
	overflow:hidden;
	position:absolute;
	right: -2px;
	top: -2px;
	z-index:1;
}

.smart-pricing .ribbon-inner{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;	
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	letter-spacing:4px;
	text-align:center;
	position:relative;
	font-weight:700;
	font-size:14px;
	padding:7px 0;
	width:100px;
	color:#fff;
	z-index:1;
	left:3px;
	top:6px;
}

.smart-pricing .ribbon-inner:before,
.smart-pricing .ribbon-inner:after{
	content:"";
	border-top:3px solid;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	position:absolute;
	bottom:-3px;
}

.smart-pricing .ribbon-inner:before{ left:0px; }
.smart-pricing .ribbon-inner:after{ right:0px; }
.smart-pricing .ribbon-large{ width:115px; height:118px; }
.smart-pricing .ribbon-large .ribbon-inner{
	width:160px;
	left:-8px;
	top:28px;
}

.smart-pricing .ribbon-inner-green{ background:#0E993C; }
.smart-pricing .ribbon-inner-green:before,
.smart-pricing .ribbon-inner-green:after{ border-top-color:#0B792F; }

.smart-pricing .ribbon-inner-lite-green{ background: #4ebd4a; }
.smart-pricing .ribbon-inner-lite-green:before,
.smart-pricing .ribbon-inner-lite-green:after{ border-top-color:#3c9b39; }

.smart-pricing .ribbon-inner-black{ background:#333333; }
.smart-pricing .ribbon-inner-black:before,
.smart-pricing .ribbon-inner-black:after{ border-top-color:#111111; }

.smart-pricing .ribbon-inner-red{ background: #ee4f3d; }
.smart-pricing .ribbon-inner-red:before,
.smart-pricing .ribbon-inner-red:after{ border-top-color:#e42914; }

.smart-pricing .ribbon-inner-yellow{ background: #faa226; }
.smart-pricing .ribbon-inner-yellow:before,
.smart-pricing .ribbon-inner-yellow:after{ border-top-color:#e88a05; }

.smart-pricing .ribbon-inner-purple{ background:#9464e2; }
.smart-pricing .ribbon-inner-purple:before,
.smart-pricing .ribbon-inner-purple:after{ border-top-color:#7639da; }

.smart-pricing .ribbon-inner-blue{ background: #00acee;}
.smart-pricing .ribbon-inner-blue:before,
.smart-pricing .ribbon-inner-blue:after{ border-top-color:#0087bb; }

/* tooltips 
------------------------------------------------- */
.sptip{
	text-decoration: none;
	position: relative;
	margin-left:4px;
	outline: none;
	float: right;
	cursor: help;
}

.sptip .sptip-content { 
	-webkit-transition: margin 0.6s, opacity 0.6s, visibility 0.6s;
	-moz-transition: margin 0.6s, opacity 0.6s, visibility 0.6s;
	-ms-transition: margin 0.6s, opacity 0.6s, visibility 0.6s;
	-o-transition: margin 0.6s, opacity 0.6s, visibility 0.6s;
	transition: margin 0.6s, opacity 0.6s, visibility 0.6s;
	margin-bottom: -20px;
	padding: 0.8em 1em;
	position: absolute;
	visibility:hidden;
	text-shadow:none;
	text-align:left;
	left: -9999em;
	bottom: 100%;
	color: #fff;
	opacity:0;  
	 
}

.sptip:hover .sptip-content{
	visibility: visible;
	background-color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
	opacity: 0.95;
	width: 14em;
	z-index:99;
	left:-12em;
}

.sptip .sptip-content:after {
	content: ''; 
	position: absolute;
	border-top: 8px solid #000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	right:12px;
	top:100%;
}

/* @responsive adjustments for mobile + tablet devices  
--------------------------------------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 980px) {
	.smart-pricing .six-colm .pricing-button,
	.smart-pricing .four-colm .pricing-button,
	.smart-pricing .five-colm .pricing-button{ font-size:1em; }
	.smart-pricing .six-colm .pricing-button{ font-size:1.4em; }
	.smart-pricing .six-colm ul li,
	.smart-pricing .four-colm ul li,
	.smart-pricing .five-colm ul li{ font-size:13px; }
	.smart-pricing .six-colm .pricing-button{ font-size:1.4em; }	
	.smart-pricing .six-colm .colm, 
	.smart-pricing .five-colm .colm{ width:33.33%;  margin-bottom:25px; }
	.smart-pricing .four-colm .colm{ width:50%;  margin-bottom:25px; }
}

@media (max-width: 768px) {
	.smart-pricing:hover,
	.smart-pricing:hover .dark-style .featured-package, 
	.smart-pricing:hover .elegant-style .featured-package,
	.smart-pricing .dark-style .colm-list:hover,
	.smart-pricing .dark-style .featured-package:hover,
	.smart-pricing .dark-style .featured-package,
	.smart-pricing .elegant-style .featured-package,	 
	.smart-pricing .dark-style .colm-list:hover,
	.smart-pricing .elegant-style .colm-list:hover, 
	.smart-pricing .dark-style .featured-package:hover,
	.smart-pricing .elegant-style .featured-package:hover{
		-webkit-box-shadow:none; 
		-moz-box-shadow:none;
		-o-box-shadow:none;  
		box-shadow:none;
		z-index:1;
	}
	.smart-pricing:hover .dark-style .featured-package, 
	.smart-pricing:hover .elegant-style .featured-package{ margin:0; }
	.smart-pricing:hover .dark-style .featured-package .pricing-footer, 
	.smart-pricing:hover .elegant-style .featured-package .pricing-footer, 
	.smart-pricing .dark-style .colm-list:hover .pricing-footer,
	.smart-pricing .elegant-style .colm-list:hover .pricing-footer,
	.smart-pricing .dark-style .featured-package .pricing-footer, 
	.smart-pricing .elegant-style .featured-package .pricing-footer,	
	.smart-pricing .dark-style .featured-package:hover .pricing-footer, 
	.smart-pricing .elegant-style .featured-package:hover .pricing-footer{ padding:20px; }
	.smart-pricing .dark-style .featured-package .pricing-header h2 span, 
	.smart-pricing .elegant-style .featured-package .pricing-header h2 span,
	.smart-pricing:hover .dark-style .featured-package .pricing-header h2 span, 
	.smart-pricing:hover .elegant-style .featured-package .pricing-header h2 span,
	.smart-pricing .dark-style .colm-list:hover .pricing-header h2 span,
	.smart-pricing .elegant-style .colm-list:hover .pricing-header h2 span,
	.smart-pricing .dark-style .featured-package:hover .pricing-header h2 span, 
	.smart-pricing .elegant-style .featured-package:hover .pricing-header h2 span { font-size:46px; }
	.smart-pricing .dark-style .colm-list:hover,
	.smart-pricing .elegant-style .colm-list:hover, 
	.smart-pricing .dark-style .featured-package:hover,
	.smart-pricing .elegant-style .featured-package:hover{
		margin:0 0 0 0;
		position:relative;  
		top:0;
	}
	
	.smart-pricing .pricing-tables{ margin:0;  }
	.smart-pricing .five-colm .colm,
	.smart-pricing .four-colm .colm,
	.smart-pricing .pricing-tables .colm-list{  
		margin-top:0; 
		margin-bottom:30px; 
	}
	.smart-pricing .pricing-tables .colm{  
		width: 100%; 
		float:none; 
		padding:0; 
	}
	.smart-pricing .six-colm .pricing-button{ font-size:1.4em; }
	.smart-pricing .comparison-table .features-list{ display:none; }
    .smart-pricing .comparison-table ul li:before {
			font-weight:700;
            content: attr(data-feature);
			text-align: center;
			margin-bottom:5px;
            display: block;
     }
}