/* Generated by less 2.5.1 */
/*                               \^/
                  _     _|_     _|=|_     _|_     _
       ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
----------------------------------"----------------------------------
                      LESS VARIABLES AND MIXINS                    */
/* style variant weight size/line-height family */
/* backslash character must be escaped to prevent LESS from dividing */
/* |||||| EZ-DIVs ||||||| */
/* Nest this little mixin inside your div style to invoke a shorthand string of common sizing declarations.

EXAMPLE .ezdiv(@abs,100px,@a,@a,0px,1,100%,0,@n,@a,0,@n);

  results in this -->     position: absolute;
                          top: 100px;
                          right: auto;
                          bottom: auto;
                          left: 0px;
                          z-index: 1;
                          width: 100%;
                          min-width: 0;
                          height: auto;
                          min-height: 0;

Note that auto, (x)%, em, en, px, vh, vw are all valid units for position and dimension variables. Min-width/height defaults are 0px.
*/
/* |||||| COLUMNS ||||||| */
/* |||||| BORDER IMAGE ||||||| */
/*  SYNTAX:
    border-image:image-path top-right-width, top-left-width, bottom-right-width, bottom-left-width */
/*  EXAMPLES:
    border-style:solid; <--- for older browser compatibility
    border-color:transparent; <--- for older browser compatibility, can be set to a fallback color of choice
    border-width:20px 21px 20px 20px; <--- for older browser compatibility
    .border_image (@bih2, 40, 20, 40, 20);
*/
/* |||||| ROUNDED CORNERS ||||||| */
/*  SYNTAX: .border-radius: 5px 10px 15px 20px; (top-left, top-right, bottom-right, bottom-left */
/* |||||| BOX SHADOW ||||||| */
/*  SYNTAX:
    box-shadow:inset (on or off), x offset, y-offset, feather, choke, color; */
/*  EXAMPLES:
// single shadow using RGBA
  box-shadow(5px 5px rgba(0,0,0,0.5));

// Multiple box shadows
  box-shadow(0 0 10px 5px black,
             40px -30px lime,
             40px 30px 50px red,
             inset -40px 30px yellow,
             -40px -30px 50px blue;);
*/
/* |||||| BOX SIZING ||||||| */
/* Changes how box sizing is calculated */
/*
content-box:
the default. Width and height values apply to the element's
content only. The padding and border are added to the outside of the box.

padding-box:
Width and height values apply to the element's content
and its padding. The border is added to the outside of the box.
Currently, only Firefox supports the padding-box value.

border-box:
Width and height values apply to the content, padding,
and border.

inherit:
Inherits the box sizing of the parent element.
*/
/* |||||| USER SELECT ||||||| */
/* disables text select on the specified element */
/* |||||| BACKGROUND GRADIENTS ||||||| */
/*  EXAMPLE:
  .gradient(#F5F5F5, #EEE, FFF);
*/
/* |||||| BACKGROUND GRADIENTS for surveys ||||||| */
/* |||||| BACKGROUND GRADIENTS for surveys ||||||| */
/* |||||| JAVASCRIPT FUNCTION EMBEDDING ||||||| */
/* EXAMPLE
   @var:`Math.round(45/8)`;
   #specialtest    {width:"@{var}px";}
*/
/* |||||| OPACITY FOR ALL BROWSERS ||||||| */
/* Add this class to a parent container to clear floated children. */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}
/* IE7 */
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||  END LESS MIXINS  ||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

                                  ^
                               ./|_|\.
                             |`````````|
                             |  EDITS  |
                             |  BELOW  |
                             |         |
                             |    #    |
                             |    #    |
                             |    #    |
                             |  #####  |
                             |   ###   |
                             |    #    |
                             |___   ___|
                               `\|_|/`
                                 <|>
                                  ^
                  _     _|_     _|=|_     _|_     _
       ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
----------------------------------"----------------------------------
                      GLOBAL RESETS AND DEFAULTS                   */
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||  GLOBAL COLORS  |||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* Color Gradients for inputs */
/* this is the main unselected color */
/* Selected or checked color gradient */
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||  RESET VALUES  |||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: 400;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: none;
}
/* Removes Firefox outline */
a {
  outline: none;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||  GLOBAL DEFAULTS  ||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
html {
  height: 100%;
  background: white url(../img/brda_bg.jpg) no-repeat center top;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -khtml-background-size: 100% auto;
  -moz-background-size: 100% auto !important;
  background-size: 100% auto;
}
.no_background {
  background: transparent;
}
body {
  top: 0px;
  height: 100%;
  min-width: 980px;
  max-width: 1800px;
  padding-top: 1px;
  font: 16px/20px Arial, sans-serif;
  color: #51555c;
  text-align: center;
  background: transparent url(../img/brida_html_bg.png) no-repeat center top;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -khtml-background-size: 100% auto;
  -moz-background-size: 100% auto !important;
  background-size: 100% auto;
}
h1 {
  margin: 16px 0 12px 0;
  padding: 10px 0px 8px 40px;
  font: 24px/28px agane_regular, Arial, sans-serif;
}
h2 {
  margin: 12px -60px 12px -40px;
  padding: 4px 3% 4px 40px;
  font: 22px/26px agane_regular, Arial, sans-serif;
  color: white;
  background: #60829f;
  background: -webkit-linear-gradient(left, #60829f, rgba(96, 130, 159, 0));
  background: -moz-linear-gradient(left, #60829f, rgba(96, 130, 159, 0));
  background: -o-linear-gradient(left, #60829f, rgba(96, 130, 159, 0));
  background: -ms-linear-gradient(left, #60829f, rgba(96, 130, 159, 0));
  background: linear-gradient(left, #60829f, rgba(96, 130, 159, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(96, 130, 159, 0)', endColorstr='#60829f', GradientType=0);
}
h2:before {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 34px;
  height: 34px;
  margin-top: -4px;
  margin-left: -55px;
  border-left: 8px solid #60829f;
}
#What > h2:before {
  content: '';
  background: #60829f url(../img/what_is_it.png) center center;
  -o-background-size: 110% auto;
  -webkit-background-size: 110% auto;
  -khtml-background-size: 110% auto;
  -moz-background-size: 110% auto !important;
  background-size: 110% auto;
}
#How > h2:before {
  content: '';
  background: #60829f url(../img/how_it_works.png) center center;
  -o-background-size: 110% auto;
  -webkit-background-size: 110% auto;
  -khtml-background-size: 110% auto;
  -moz-background-size: 110% auto !important;
  background-size: 110% auto;
}
#Numbers > h2:before {
  content: '';
  background: #60829f url(../img/by_the_numbers.png) center center;
  -o-background-size: 110% auto;
  -webkit-background-size: 110% auto;
  -khtml-background-size: 110% auto;
  -moz-background-size: 110% auto !important;
  background-size: 110% auto;
}
#Pros > h2:before {
  content: '';
  background: #60829f url(../img/pros.png) center center;
  -o-background-size: 110% auto;
  -webkit-background-size: 110% auto;
  -khtml-background-size: 110% auto;
  -moz-background-size: 110% auto !important;
  background-size: 110% auto;
}
#Cons > h2:before {
  content: '';
  background: #60829f url(../img/cons.png) center center;
  -o-background-size: 110% auto;
  -webkit-background-size: 110% auto;
  -khtml-background-size: 110% auto;
  -moz-background-size: 110% auto !important;
  background-size: 110% auto;
}
#Risks > h2:before {
  content: '';
  background: #60829f url(../img/risks.png) center center;
  -o-background-size: 110% auto;
  -webkit-background-size: 110% auto;
  -khtml-background-size: 110% auto;
  -moz-background-size: 110% auto !important;
  background-size: 110% auto;
}
#PRO > h2:before {
  content: '';
  background: #60829f url(../img/how_do_women_feel.png) center center;
  -o-background-size: 110% auto;
  -webkit-background-size: 110% auto;
  -khtml-background-size: 110% auto;
  -moz-background-size: 110% auto !important;
  background-size: 110% auto;
}
h3 {
  margin: 12px auto 10px auto;
  font: 18px/22px agane_bold, Arial, sans-serif;
}
h4 {
  margin: 12px auto 10px auto;
  font: 16px/20px agane_bold, Arial, sans-serif;
}
h4.title {
  margin: -7px auto 20px auto;
  padding: 14px 0 6px 0;
  font: 16px/16px agane_regular, Arial, sans-serif;
  background: rgba(255, 255, 255, 0.6);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6));
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6));
  background: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.6)', endColorstr='rgba(255, 255, 255, 0.2)', GradientType=0);
}
h4.title:after {
  content: '';
  position: absolute;
  top: auto;
  left: 49%;
  z-index: 1;
  width: 0px;
  height: 0px;
  margin: 22px 0 0 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgba(255, 255, 255, 0.6);
}
p {
  margin: 0px 0px 8px 0px;
}
br {
  content: "";
  display: block;
  margin-bottom: 6px;
}
ul,
ol {
  margin: 4px auto 8px 20px;
}
ul li,
ol li {
  margin: 2px auto 6px auto;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 4px auto 8px 30px;
}
ul ul li,
ol ul li,
ul ol li,
ol ol li {
  margin: 2px auto 6px auto;
}
tr:nth-child(odd) {
  padding: 5px;
}
tr:nth-child(even) {
  padding: 5px;
}
/*                               \^/
                  _     _|_     _|=|_     _|_     _
       ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
----------------------------------"----------------------------------
                    COMMON ELEMENTS AND UI WIDGETS                 */
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||  LOGIN  ||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.login_h1 {
  margin: 0;
  padding: 12px 0px 10px 0px;
  color: white;
  font: 26px/32px agane_regular, Arial, sans-serif;
  background: #60829f;
  background: -webkit-linear-gradient(top, #60829f, #3a4e5f);
  background: -moz-linear-gradient(top, #60829f, #3a4e5f);
  background: -o-linear-gradient(top, #60829f, #3a4e5f);
  background: -ms-linear-gradient(top, #60829f, #3a4e5f);
  background: linear-gradient(top, #60829f, #3a4e5f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a4e5f', endColorstr='#60829f', GradientType=0);
}
.login_p {
  margin: 0;
  padding: 20px 0 0 50px;
  text-align: left;
  font: 24px/28px agane_regular, Arial, sans-serif;
  background: white;
}
.login_message {
  padding: 10px 0 10px 0;
  font: 18px/20px Arial, sans-serif;
  color: #39419b;
  background: #d4d6ed;
  border-top: 1px solid #39419b;
  border-bottom: 1px solid #39419b;
  display: block;
  clear: both;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||  CONSENT  |||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.consent h3 {
  margin: -30px -40px 0px -40px;
  padding: 20px 0px 20px 40px;
  font: 20px/24px agane_regular, Arial, sans-serif;
  color: white;
  background: #60829f;
}
.consent .are_you_sure {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 10;
  width: 94%;
  height: auto;
  margin: 0 auto 0 -40px;
  padding: 0px 3% 5px 3%;
  color: #39419b;
  background: #d4d6ed;
  border-top: 1px solid #39419b;
  border-bottom: 1px solid #39419b;
  text-align: center;
  -webkit-box-shadow: 0px 0px 150px #39419b;
  -moz-box-shadow: 0px 0px 150px #39419b;
  box-shadow: 0px 0px 150px #39419b;
  display: none;
}
.consent .are_you_sure h1 {
  margin: 10px auto 10px auto;
  padding: 0px;
}
.consent_window {
  position: relative;
  top: 0px;
  left: auto;
  z-index: 1;
  width: 92%;
  height: 350px;
  margin: 0px auto 0px auto;
  padding: 4%;
  text-align: left;
  background: #eee;
  overflow-y: scroll;
  border-top: 10px solid white;
}
.consent_window h2 {
  margin: 10px 0 10px 0;
  padding: 0;
  color: black;
  background: transparent;
}
.consent_window h2:before,
.consent_window h2:after {
  content: '';
  display: none;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||  ACCOUNT CREATION  |||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.pass_message,
.fail_message {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 0 0 0 20px;
  padding: 4px 10px 4px 10px;
  color: white;
  font: 16px/16px agane_regular, Arial, sans-serif;
  background: #10566a;
  display: inline-block;
  cursor: pointer;
}
.fail_message {
  background: #cc3000;
}
.pass_message:before,
.fail_message:before {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 0px;
  height: 0px;
  margin: -4px 0 0 -30px;
  border-right: 20px solid #10566a;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.fail_message:before {
  content: "";
  border-right: 20px solid #cc3000;
}
.comment_box {
  margin: 0 -40px 30px -40px;
  padding: 15px 40px 15px 40px;
  font: 18px/20px Arial, sans-serif;
  color: #39419b;
  background: #d4d6ed;
  border-top: 1px solid #39419b;
  display: block;
}
.comment_box h3 {
  margin-top: 0px;
}
.comment_box p {
  margin: 5px 0px 5px 0px;
}
.comment_box ul {
  margin-top: 10px;
}
.comment_box:nth-of-type(2) {
  margin-top: 30px;
}
.comment_box:after {
  content: "";
  position: absolute;
  top: auto;
  left: 100px;
  z-index: 1;
  width: 0px;
  height: 0px;
  margin: 15px 0 0 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #d4d6ed;
}
#id_password1 {
  width: 300px;
}
#id_password2 {
  width: 300px;
}
#id_contact_phone {
  width: 200px;
}
#id_sms_phone {
  width: 200px;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||  BRIDA MENU  |||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.brida_tools {
  position: absolute;
  top: 13px;
  left: auto;
  z-index: 10;
  width: 110px;
  height: 103px;
  right: 140px;
  cursor: pointer;
}
.brida_tools .brida_menu {
  position: relative;
  top: auto;
  left: 65px;
  z-index: 1;
  width: 333px;
  height: 95px;
  padding-top: 8px;
  text-align: left;
  background: transparent url('../img/menu_bg.png') no-repeat top left;
  -o-background-size: 333px 103px;
  -webkit-background-size: 333px 103px;
  -khtml-background-size: 333px 103px;
  -moz-background-size: 333px 103px !important;
  background-size: 333px 103px;
  display: none;
}
.brida_tools .brida_menu a,
.brida_tools .brida_menu a:active,
.brida_tools .brida_menu a:visited {
  margin: 1px 60px 1px 20px;
  padding: 3px 0px 3px 10px;
  font: 14px/14px agane_regular, Arial, sans-serif;
  color: #39419b;
  text-decoration: none;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.brida_tools .brida_menu a:hover {
  color: white;
  background: #4049ae;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  transition: all 0.25s;
}
.brida_tools .brida_menu a:nth-of-type(1) {
  margin-left: 52px;
  border-bottom: 1px dotted #959ad8;
}
.brida_tools .brida_menu a:nth-of-type(2) {
  margin-left: 61px;
  border-bottom: 1px dotted #959ad8;
}
.brida_tools .brida_menu a:nth-of-type(3) {
  margin-left: 59px;
  border-bottom: 1px dotted #959ad8;
}
.brida_tools .brida_menu a:nth-of-type(4) {
  margin-left: 48px;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||  MENU  ||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.site_name_short {
  position: relative;
  top: 5px;
  left: auto;
  z-index: 1;
  width: 318px;
  height: 144px;
  margin: 10px auto 0 auto;
  background: transparent url('../img/brida_logo_alt.png') center center no-repeat;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -khtml-background-size: 100% auto;
  -moz-background-size: 100% auto !important;
  background-size: 100% auto;
}
nav {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  height: 170px;
  text-align: center;
}
nav .site_name {
  position: relative;
  top: 5px;
  left: auto;
  z-index: 1;
  width: 465.5px;
  height: 144px;
  margin: 10px auto 0 auto;
  background: transparent url('../img/brida_logo_main.png') center center no-repeat;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -khtml-background-size: 100% auto;
  -moz-background-size: 100% auto !important;
  background-size: 100% auto;
}
nav .site_name:hover {
  background: transparent url('../img/brida_logo_main_hover.png') center center no-repeat;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -khtml-background-size: 100% auto;
  -moz-background-size: 100% auto !important;
  background-size: 100% auto;
}
nav .site_links {
  position: absolute;
  top: 134px;
  left: auto;
  z-index: 10;
  width: 100%;
  height: 36px;
  background: -webkit-linear-gradient(top, rgba(207, 220, 233, 0), #cfdce9);
  background: -moz-linear-gradient(top, rgba(207, 220, 233, 0), #cfdce9);
  background: -o-linear-gradient(top, rgba(207, 220, 233, 0), #cfdce9);
  background: -ms-linear-gradient(top, rgba(207, 220, 233, 0), #cfdce9);
  background: linear-gradient(top, rgba(207, 220, 233, 0), #cfdce9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfdce9', endColorstr='rgba(207, 220, 233, 0)', GradientType=0);
  border-bottom: 1px solid #1e2250;
}
nav .site_links a,
nav .site_links a:active,
nav .site_links a:visited {
  width: 200px;
  margin: 6px 1px 0px 0px;
  padding: 6px 0px 6px 0px;
  font: 16px/18px agane_regular, Arial, sans-serif;
  color: #e2e4f8;
  text-decoration: none;
  background: #1e2250;
  cursor: pointer;
  display: inline-block;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
nav .site_links a:hover {
  color: white;
  background: #4049ae;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  transition: all 0.25s;
}
nav .site_links .logout,
nav .site_links .logout:active,
nav .site_links .logout:visited {
  color: #39419b;
  text-decoration: none;
  background: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
nav .site_links a.active {
  background: #4049ae;
  cursor: default;
}
.tools_layer {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: auto;
  height: auto;
  min-height: 100%;
  right: 0px;
  padding: 0px 60px 40px 40px;
  text-align: left;
  color: white;
  background: #60829f;
}
.tools_layer h1 {
  margin-top: 0px;
  padding-left: 40px;
  color: #60829f;
  background: white;
}
.tools_layer h2 {
  margin-top: 0px;
  padding-left: 40px;
  color: #60829f;
  background: white;
}
.tools_layer h3 {
  margin: 30px 40px 10px 40px;
  padding-bottom: 8px;
  font: 20px/24px agane_light, Arial, sans-serif;
  border-bottom: 1px dotted white;
}
.tools_layer h4 {
  margin-top: 0px;
}
.tools_layer .faq {
  padding: 0 40px 0 40px;
}
.tools_layer th {
  padding: 4px;
  font: 20px/24px agane_light, Arial, sans-serif;
  background: #60829f;
  border-bottom: 1px dotted white;
}
.tools_layer tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.tools_layer td {
  padding: 8px 10px 8px 4px;
  font: 16px/22px agane_regular, Arial, sans-serif;
  vertical-align: text-top;
  border-bottom: 1px dotted white;
}
.tools_layer td:nth-of-type(1) {
  width: 30%;
}
.tools_layer .term {
  font-weight: bold;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||  WELCOME TOUR  ||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.welcome_tour {
  -webkit-box-shadow: 0px 0px 40px 30px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: 0px 0px 40px 30px rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 40px 30px rgba(255, 255, 255, 0.7);
}
#Welcome {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 50px auto 20px auto;
  min-width: 250px;
  max-width: 900px;
  background: rgba(107, 123, 191, 0.3);
  border: 2px dotted #10566a;
  -webkit-box-shadow: 0px 0px 40px 10px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: 0px 0px 40px 10px rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 40px 10px rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#Welcome form {
  margin: 0;
  padding: 2px 40px 10px 80px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#Welcome h1,
#Welcome h3,
#Welcome h4 {
  margin-left: 0px;
  padding-left: 0px;
}
#Welcome h1 {
  margin-bottom: 0px;
}
#Welcome .button {
  position: absolute;
  right: 20px;
}
#Welcome .fact {
  margin: 0 -40px 0px -80px;
  padding: 15px 20px 15px 20px;
  color: white;
  font: 20px/22px agane_regular, Arial, sans-serif;
  background: #262b60;
  display: block;
}
#Welcome .and_next {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 160px;
  height: auto;
  margin: -490px 0 0 60px;
  padding: 100px 0 100px 0;
  color: white;
  text-align: right;
  background: #7dacc4;
  display: block;
  cursor: pointer;
}
#Welcome .and_next:after {
  content: "";
  position: absolute;
  top: 0px;
  left: auto;
  z-index: -1;
  width: 0px;
  height: 0px;
  right: -80px;
  border-left: 80px solid #7dacc4;
  border-top: 112px solid transparent;
  border-bottom: 112px solid transparent;
}
#Welcome .overview_image_1,
#Welcome .overview_image_2 {
  position: relative;
  top: auto;
  left: auto;
  z-index: 10;
  width: auto;
  height: auto;
  width: 95%;
  margin-top: 40px;
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #60829f;
  display: block;
  cursor: pointer;
}
#Welcome:before {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 10;
  width: 177px;
  height: 177px;
  margin: 0px auto auto -100px;
  background: transparent url(../img/brida_icon_1.png) no-repeat top left;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -khtml-background-size: 100% auto;
  -moz-background-size: 100% auto !important;
  background-size: 100% auto;
  display: block;
}
#Welcome:after {
  content: "";
  display: table;
  clear: both;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||  RECONSTRUCTION OPTIONS  |||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.branches {
  position: relative;
  top: auto;
  left: auto;
  z-index: 3;
  width: 220px;
  height: auto;
  margin: 20px 10px 0 0;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(255, 255, 255, 0)', GradientType=0);
  text-align: left;
  vertical-align: top;
  display: inline-block;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.branches .title {
  padding: 8px 0px 6px 0px;
  font: 18px/18px agane_regular, Arial, sans-serif;
  color: #828791;
  text-align: center;
  display: block;
}
.sec_last {
  position: relative;
  top: auto;
  left: auto;
  z-index: 3;
  width: 435px;
  height: auto;
}
.last {
  margin: 20px 0px 0 0;
}
.additional_procedures {
  position: relative;
  top: 50px;
  left: auto;
  z-index: 3;
  width: 881px;
  height: auto;
  margin-bottom: 200px;
  padding-left: 19px;
  display: inline-block;
}
.tile {
  display: inline-block;
  overflow: hidden;
}
.tile a {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 180px;
  height: 100px;
  margin: 10px 0px 0px 10px;
  padding: 40px 10px 10px 10px;
  font: 22px/26px agane_regular, Arial, sans-serif;
  color: white;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  display: block;
  cursor: pointer;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tile a.t1,
.tile a.t2 {
  background: #50226d;
}
.tile a.t3,
.tile a.t4,
.tile a.t5 {
  background: #0b6c84;
  display: inline-block;
}
.tile a.t6,
.tile a.t7 {
  background: #8e1f53;
}
.tile a.t8 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 127px;
  height: 100px;
  margin: 10px 3px 0px 0px;
  font: 18px/22px agane_regular, Arial, sans-serif;
  background: #6871a6;
  display: inline-block;
}
.tile a.no_interest {
  background: rgba(81, 85, 92, 0.5);
}
.tile .no_compare {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 160px;
  height: 140px;
  margin: 10px 0px 0px 10px;
  padding: 10px 30px 10px 10px;
}
.tile .slide_info:before {
  content: '\25E2';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 43px 0 0 70px;
  font: 50px/50px Arial, sans-serif;
  color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.tile .slide_info:hover:before {
  content: '\25E2';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 93px 0 0 130px;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  transition: all 0.25s;
}
.tile a.t8.slide_info:before {
  content: '\25E2';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 35px 0 0 70px;
  font: 35px/35px Arial, sans-serif;
  color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.tile a.t8.slide_info:hover:before {
  content: '\25E2';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 68px 0 0 112px;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  transition: all 0.25s;
}
.select {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 10;
  width: 199px;
  height: 188px;
  margin: 10px 0px 0px 10px;
  background-image: url('../img/compare_empty.png');
  background-color: transparent;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  display: block;
  -o-background-size: 30px auto;
  -webkit-background-size: 30px auto;
  -khtml-background-size: 30px auto;
  -moz-background-size: 30px auto !important;
  background-size: 30px auto;
  cursor: url('../img/addItem.png'), default;
}
.select:hover::before {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  z-index: -1;
  width: 0px;
  height: 0px;
  margin: 24px auto auto 8px;
  border-bottom: 10px solid white;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  display: block;
}
.select:hover::after {
  content: "Add to compare list";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 90px;
  height: auto;
  margin: 34px auto auto -32px;
  padding: 4px 10px 4px 10px;
  font: 13px/14px Arial, sans-serif;
  color: #777;
  text-shadow: none;
  letter-spacing: 0px;
  background: white;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #999;
  display: block;
}
.marked {
  background: transparent url('../img/compare_check.png') no-repeat 5px 5px;
  cursor: url('../img/removeItem.png'), default;
  -o-background-size: 30px auto;
  -webkit-background-size: 30px auto;
  -khtml-background-size: 30px auto;
  -moz-background-size: 30px auto !important;
  background-size: 30px auto;
}
.marked:hover {
  cursor: url('../img/removeItem.png'), default;
}
.stopclick {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 10;
  width: 200px;
  height: 150px;
  margin: 10px 0px 0px 10px;
  background: rgba(255, 255, 255, 0.5);
  display: inline-block;
}
.bg_screen,
.bg_screen_1 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: auto;
  height: auto;
  bottom: 0px;
  right: 0px;
  background: rgba(150, 150, 150, 0.8);
  cursor: pointer;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||  DETAIL VIEW  ||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.breadcrumbs {
  z-index: 100;
  margin: -20px 0 0 0;
  padding: 10px 40px 8px 40px;
  font: 20px/24px agane_regular, Arial, sans-serif;
  text-align: center;
}
.breadcrumbs a {
  color: white;
  text-decoration: none;
}
.breadcrumbs a:after {
  content: ">";
  margin-left: 20px;
  margin-right: 20px;
}
.breadcrumbs a:before {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 54px;
  height: 22px;
  border-bottom: 1px solid white;
}
.breadcrumbs a:hover:before {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 54px;
  height: 22px;
  border-bottom: 1px solid white;
}
.breadcrumbs h1 {
  margin: 0;
  padding: 0;
  color: white;
  font: 20px/24px agane_regular, Arial, sans-serif;
  display: inline;
}
#content,
.report {
  margin: 0 0 0 0;
  padding: 20px 0 50px 0;
  text-align: left;
  background: rgba(255, 255, 255, 0.7);
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(255, 255, 255, 0)', GradientType=0);
}
#content .read_more,
.report .read_more {
  color: #6970bf;
}
#content .read_more:hover,
.report .read_more:hover {
  color: #39419b;
}
#content h1,
.report h1 {
  padding: 0px;
}
#content h3.read_more,
.report h3.read_more {
  color: #6970bf;
  border: 1px solid #6970bf;
}
#content h3.read_more:hover,
.report h3.read_more:hover {
  background: #6970bf;
}
#content li.read_more:before,
.report li.read_more:before {
  content: "+";
  background: #b0b4de;
}
#content li.read_more:hover::before,
.report li.read_more:hover::before {
  background: #6970bf;
  -webkit-box-shadow: 0px 0px 1px 1px white, 0px 0px 3px 2px #6970bf;
  -moz-box-shadow: 0px 0px 1px 1px white, 0px 0px 3px 2px #6970bf;
  box-shadow: 0px 0px 1px 1px white, 0px 0px 3px 2px #6970bf;
}
#content .by_the_numbers,
.report .by_the_numbers {
  background: #ffffff;
  border: 1px solid #6970bf;
}
#content .open,
.report .open {
  color: white;
  background: #6970bf;
  border-top: 1px solid #39419b;
}
#content .open:hover,
.report .open:hover {
  color: white;
  background: #7b81c7;
}
#content .section,
.report .section {
  margin: auto 38% 20px 60px;
}
#content .time_step,
.report .time_step {
  margin: 0;
  padding: 0 2% 10px 20px;
}
#content .time_step ul,
.report .time_step ul {
  margin-left: 30px;
}
#content .time_step > span,
.report .time_step > span {
  width: 70px;
  margin-left: -100px;
  padding: 10px 5px 10px 5px;
  font: 14px/16px Arial, sans-serif;
  text-align: center;
  text-shadow: 0px 1px 1px white;
  display: inline-block;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#content .time_step:nth-of-type(1) > span,
.report .time_step:nth-of-type(1) > span {
  background: rgba(255, 255, 255, 0.5);
}
#content .time_step:nth-of-type(2) > span,
.report .time_step:nth-of-type(2) > span {
  background: rgba(255, 255, 255, 0.6);
}
#content .time_step:nth-of-type(3) > span,
.report .time_step:nth-of-type(3) > span {
  background: rgba(255, 255, 255, 0.7);
}
#content .time_step:nth-of-type(4) > span,
.report .time_step:nth-of-type(4) > span {
  background: rgba(255, 255, 255, 0.8);
}
#content .time_step:nth-of-type(5) > span,
.report .time_step:nth-of-type(5) > span {
  background: #ffffff;
}
#content .time_step > span:after,
.report .time_step > span:after {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 0px;
  height: 0px;
  margin-top: 10px;
  margin-left: -5px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  display: block;
}
#content .time_step:nth-of-type(1) > span:after,
.report .time_step:nth-of-type(1) > span:after {
  border-top: 20px solid rgba(255, 255, 255, 0.5);
}
#content .time_step:nth-of-type(2) > span:after,
.report .time_step:nth-of-type(2) > span:after {
  border-top: 20px solid rgba(255, 255, 255, 0.6);
}
#content .time_step:nth-of-type(3) > span:after,
.report .time_step:nth-of-type(3) > span:after {
  border-top: 20px solid rgba(255, 255, 255, 0.7);
}
#content .time_step:nth-of-type(4) > span:after,
.report .time_step:nth-of-type(4) > span:after {
  border-top: 20px solid rgba(255, 255, 255, 0.8);
}
#content .time_step:nth-of-type(5) > span:after,
.report .time_step:nth-of-type(5) > span:after {
  border-top: 20px solid #ffffff;
}
#content .time_step:last-of-type > span:after,
.report .time_step:last-of-type > span:after {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 0px;
  height: 0px;
  margin-top: 10px;
  margin-left: -5px;
  border-top: 10px solid #fff;
  border-left: 40px solid #fff;
  border-right: 40px solid #fff;
  display: block;
}
#content .time_step > span:first-line,
.report .time_step > span:first-line {
  font: bold 20px/20px Arial, sans-serif;
}
#content .time_step > h3,
.report .time_step > h3 {
  margin-left: 30px;
  display: inline-block;
}
#content .time_step > ul,
.report .time_step > ul {
  margin-top: -6px;
}
#content .bordered,
.report .bordered {
  margin: 20px 0 20px 0;
  padding: 0 0 2px 0;
  border: 1px solid white;
}
#content .bordered h3,
.report .bordered h3 {
  margin-top: 0px;
  padding: 10px;
  background: white;
}
#content .illo,
.report .illo {
  position: fixed;
  top: 5%;
  left: 5%;
  z-index: 1;
  width: auto;
  height: auto;
  margin: auto auto auto auto;
  padding: 10px;
  background: white;
  border: 1px solid #51555c;
  -webkit-box-shadow: 0px 0px 30px 10px #51555c;
  -moz-box-shadow: 0px 0px 30px 10px #51555c;
  box-shadow: 0px 0px 30px 10px #51555c;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: none;
}
#content .illo img,
.report .illo img {
  width: auto;
  max-height: 90%;
}
#content .hide_illo,
.report .hide_illo {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 10;
  width: auto;
  height: auto;
  margin-top: -5px;
  right: 4px;
  padding: 4px 10px 4px 30px;
  color: white;
  font: 14px/16px Arial, sans-serif;
  text-transform: uppercase;
  background: #51555c;
  border: 1px solid black;
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
#content .hide_illo:before,
.report .hide_illo:before {
  content: 'X';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 10;
  width: 16px;
  height: 16px;
  margin: -1px auto auto -24px;
  color: black;
  font: 19px/17px Arial, sans-serif;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #333;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
#content .show_illo,
.report .show_illo {
  position: relative;
  top: 10px;
  left: auto;
  z-index: 1;
  width: 350px;
  height: 150px;
  margin: 0 10px 10px 0;
  cursor: zoom-in;
  -webkit-box-shadow: 5px 5px 0px rgba(20, 0, 40, 0.2);
  -moz-box-shadow: 5px 5px 0px rgba(20, 0, 40, 0.2);
  box-shadow: 5px 5px 0px rgba(20, 0, 40, 0.2);
}
#content ._implant,
.report ._implant {
  background: transparent url(../img/illustrations/implant.jpg) no-repeat right center;
  -o-background-size: 200% auto;
  -webkit-background-size: 200% auto;
  -khtml-background-size: 200% auto;
  -moz-background-size: 200% auto !important;
  background-size: 200% auto;
}
#content ._backflap,
.report ._backflap {
  background: transparent url(../img/illustrations/back_flap.jpg) no-repeat right center;
  -o-background-size: 200% auto;
  -webkit-background-size: 200% auto;
  -khtml-background-size: 200% auto;
  -moz-background-size: 200% auto !important;
  background-size: 200% auto;
}
#content ._abflap,
.report ._abflap {
  background: transparent url(../img/illustrations/ab_flap.jpg) no-repeat -146px -60px;
  -o-background-size: 200% auto;
  -webkit-background-size: 200% auto;
  -khtml-background-size: 200% auto;
  -moz-background-size: 200% auto !important;
  background-size: 200% auto;
}
#content ._altflap,
.report ._altflap {
  background: transparent url(../img/illustrations/alt_flaps.jpg) no-repeat 0px -130px;
  -o-background-size: 200% auto;
  -webkit-background-size: 200% auto;
  -khtml-background-size: 200% auto;
  -moz-background-size: 200% auto !important;
  background-size: 200% auto;
}
#content ._nipple,
.report ._nipple {
  background: transparent url(../img/illustrations/n_recon_icon.jpg) no-repeat center center;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -khtml-background-size: 100% auto;
  -moz-background-size: 100% auto !important;
  background-size: 100% auto;
}
#content .read_more,
.report .read_more {
  list-style: none;
  cursor: pointer;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -ms-transition: color 0.5s;
  transition: color 0.5s;
}
#content .read_more:hover,
.report .read_more:hover {
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -ms-transition: color 0.5s;
  transition: color 0.5s;
}
#content h3.read_more,
.report h3.read_more {
  padding: 5px 10px 5px 10px;
  background: white;
  display: inline-block;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#content h3.read_more:hover,
.report h3.read_more:hover {
  padding: 5px 10px 5px 10px;
  color: white;
  border: 1px solid white;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#content li.read_more:before,
.report li.read_more:before {
  content: "+";
  margin-left: -15px;
  margin-right: 10px;
  margin-top: 4px;
  padding: 1px 6px 4px 6px;
  font: 20px/20px agane_bold, sans-serif;
  color: #fff;
  display: inline-block;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#content li.read_more:hover::before,
.report li.read_more:hover::before {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#content .by_the_numbers,
.report .by_the_numbers {
  margin-left: 5px;
  padding: 3px 20px 3px 20px;
  display: inline-block;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#content .open > .by_the_numbers,
.report .open > .by_the_numbers {
  margin-left: 4px;
  padding: 0px;
  color: white;
  background: transparent;
  border: none;
  display: inline;
}
#content .expanded_list,
.report .expanded_list {
  margin: 6px -60px 8px -15px;
  padding: 6px 10px 10px 25px;
  color: #51555c;
  background: white;
  background: -webkit-linear-gradient(top, #fbfbfe, #e2e4f8);
  background: -moz-linear-gradient(top, #fbfbfe, #e2e4f8);
  background: -o-linear-gradient(top, #fbfbfe, #e2e4f8);
  background: -ms-linear-gradient(top, #fbfbfe, #e2e4f8);
  background: linear-gradient(top, #fbfbfe, #e2e4f8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e4f8', endColorstr='#fbfbfe', GradientType=0);
  border-top: 1px solid rgba(107, 123, 191, 0.3);
  border-bottom: 1px solid rgba(107, 123, 191, 0.3);
  display: block;
}
#content .expanded_list ul,
.report .expanded_list ul,
#content .expanded_list ol,
.report .expanded_list ol {
  margin-left: 15px;
}
#content .expanded,
.report .expanded {
  margin: 6px -60px 8px 0px;
  padding: 6px 20px 0px 20px;
  color: white;
  display: block;
  cursor: pointer;
}
#content .expanded .waves,
.report .expanded .waves {
  margin: -7px -20px auto -20px;
  padding: 8px 10px 10px 30px;
  font: 22px/26px aganextra_bold, Arial, sans-serif;
  background: transparent url(../img/h_waves.png) no-repeat left bottom;
  -o-background-size: 150% auto;
  -webkit-background-size: 150% auto;
  -khtml-background-size: 150% auto;
  -moz-background-size: 150% auto !important;
  background-size: 150% auto;
}
#content .expanded h4,
.report .expanded h4 {
  margin: 6px auto 8px auto;
  font: 18px/22px agane_bold, Arial, sans-serif;
}
#content .expanded .callout,
.report .expanded .callout {
  margin: auto -20px auto -20px;
  padding: 7px 20px 15px 30px;
  background: rgba(255, 255, 255, 0.2);
  border-top: 1px dotted white;
}
#content .expanded .note,
.report .expanded .note {
  margin: auto -20px auto -20px;
  padding: 7px 20px 10px 30px;
  font: 14px/18px Arial, sans-serif;
  text-indent: -9px;
  background: rgba(255, 255, 255, 0.2);
  border-top: 1px dotted white;
  display: block;
}
#content .expanded .note_2,
.report .expanded .note_2 {
  margin: auto -20px auto -20px;
  padding: 7px 20px 10px 30px;
  background: rgba(255, 255, 255, 0.2);
  border-top: 1px dotted white;
  display: block;
}
#content .open,
.report .open {
  margin: 6px -60px -6px -15px;
  padding: 3px 60px 7px 34px;
  font: bold 16px/20px Arial, sans-serif;
  text-indent: -10px;
  display: block;
}
#content .open.read_more:before,
.report .open.read_more:before,
#content .open:hover.read_more:before,
.report .open:hover.read_more:before {
  content: "-";
  margin-left: -15px;
  margin-right: 10px;
  margin-top: 4px;
  padding: 0px 5px 3px 17px;
  font: 20px/20px agane_bold, sans-serif;
  color: #39419b;
  display: inline-block;
  background: white;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#content .open:hover,
.report .open:hover {
  text-decoration: none;
}
#content .sidebar_container,
.report .sidebar_container {
  position: relative;
  top: 0px;
  left: auto;
  z-index: 12;
  width: 360px;
  height: 680px;
  padding: 0;
  font: 20px/20px agane_regular, sans-serif;
  text-align: center;
  background: transparent url("../img/sidebar_circles.png") no-repeat 75px top;
  -o-background-size: 680px auto;
  -webkit-background-size: 680px auto;
  -khtml-background-size: 680px auto;
  -moz-background-size: 680px auto !important;
  background-size: 680px auto;
  float: right;
  display: flex;
  align-items: center;
}
#content .sidebar_1,
.report .sidebar_1 {
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
  width: 350px;
  height: auto;
  margin: 0px 10px 10px 0px;
  padding-top: 2px;
}
#content .sidebar_1 video,
.report .sidebar_1 video {
  width: 350px;
  -webkit-box-shadow: 5px 5px 0px rgba(20, 0, 40, 0.2);
  -moz-box-shadow: 5px 5px 0px rgba(20, 0, 40, 0.2);
  box-shadow: 5px 5px 0px rgba(20, 0, 40, 0.2);
  cursor: pointer;
}
#content .sidebar_1 video:nth-of-type(2),
.report .sidebar_1 video:nth-of-type(2) {
  margin-top: 10px;
}
#content .sidebar_2,
.report .sidebar_2 {
  position: relative;
  top: auto;
  left: auto;
  z-index: 3;
  width: 350px;
  height: auto;
  margin: 0px;
  padding-top: 2px;
  display: block;
}
#content .sidebar_2 h3,
.report .sidebar_2 h3 {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 110px;
  height: 80px;
  margin: -130px auto 0 115px;
  padding: 30px 0px 0px 0px;
  color: #252060;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  display: block;
  -webkit-box-shadow: 0px 0px 10px 2px white;
  -moz-box-shadow: 0px 0px 10px 2px white;
  box-shadow: 0px 0px 10px 2px white;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #39419b;
  cursor: zoom-in;
}
#content .risk_flag,
.report .risk_flag {
  position: relative;
  top: auto;
  left: -15px;
  z-index: 12;
  width: auto;
  height: 20px;
  margin: 8px 5px 8px 25px;
  padding: 1px 10px 1px 0px;
  background: white;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#content .pictograph,
.report .pictograph {
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
  width: 110px;
  height: 140px;
  margin: 3px 5px 10px 15px;
  padding: 5px;
  font: 0px/4px arial, sans-serif;
  text-align: left;
  border: 1px solid #2b3176;
  background: -webkit-linear-gradient(top, white, #fefefe);
  background: -moz-linear-gradient(top, white, #fefefe);
  background: -o-linear-gradient(top, white, #fefefe);
  background: -ms-linear-gradient(top, white, #fefefe);
  background: linear-gradient(top, white, #fefefe);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='white', GradientType=0);
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: right;
}
#content .pictograph_cells,
.report .pictograph_cells {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#content .cell_empty,
.report .cell_empty,
#content .cell_filled,
.report .cell_filled,
#content .cell_range,
.report .cell_range {
  width: 5px;
  height: 5px;
  margin: 1px 2px 1px 2px;
  padding: 0;
  background: #dadbdd;
  border: 1px solid #dadbdd;
  display: inline-block;
}
#content .cell_range,
.report .cell_range {
  background: #ffb199;
  border: 1px solid #ffb199;
}
#content .cell_filled,
.report .cell_filled {
  background: #cc3000;
  border: 1px solid #cc3000;
}
#content .numbers,
.report .numbers {
  margin: 4px -5px 0 -5px;
  padding: 9px 0px 9px 0px;
  font: 14px/14px arial, sans-serif;
  color: white;
  text-align: center;
  background: #2b3176;
  display: block;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#content .pro_charts,
.report .pro_charts {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 0 10px 20px;
}
#content .pro_stacker,
.report .pro_stacker {
  margin-top: 15px;
}
#content .pro_title,
.report .pro_title {
  font: bold 18px/20px arial, sans-serif;
  margin-top: 30px;
  padding: 10px 0 5px 0;
  border-top: 1px solid #a4a7ad;
  display: block;
}
.add_height {
  min-height: 200px;
}
#Risks .expanded_list {
  min-height: 160px;
}
.columns {
  width: 48%;
  margin-bottom: 10px;
  vertical-align: text-top;
  display: inline-block;
}
.columns:nth-of-type(2) {
  margin-left: 3%;
}
.report {
  padding: 10px 60px 20px 40px;
}
.report h2 {
  padding-left: 10px;
}
.breadcrumbs.implants {
  background: #50226d;
  background: -webkit-linear-gradient(top, #50226d, #331646);
  background: -moz-linear-gradient(top, #50226d, #331646);
  background: -o-linear-gradient(top, #50226d, #331646);
  background: -ms-linear-gradient(top, #50226d, #331646);
  background: linear-gradient(top, #50226d, #331646);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#331646', endColorstr='#50226d', GradientType=0);
  border-bottom: 1px solid #170a1f;
}
.implants .time_step {
  border-left: 80px solid #7b40a0;
  border-top: 1px dotted #7b40a0;
}
.implants .time_step > span {
  color: #5f317c;
}
.implants .bordered h3 {
  color: #50226d;
}
.implants .expanded {
  border-top: 1px solid #170a1f;
  border-bottom: 1px solid #170a1f;
  background: #50226d;
  background: -webkit-linear-gradient(bottom, #50226d, #331646);
  background: -moz-linear-gradient(bottom, #50226d, #331646);
  background: -o-linear-gradient(bottom, #50226d, #331646);
  background: -ms-linear-gradient(bottom, #50226d, #331646);
  background: linear-gradient(bottom, #50226d, #331646);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#331646', endColorstr='#50226d', GradientType=0);
}
.breadcrumbs.natural_tissue {
  background: #0b6c84;
  background: -webkit-linear-gradient(top, #0b6c84, #074555);
  background: -moz-linear-gradient(top, #0b6c84, #074555);
  background: -o-linear-gradient(top, #0b6c84, #074555);
  background: -ms-linear-gradient(top, #0b6c84, #074555);
  background: linear-gradient(top, #0b6c84, #074555);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#074555', endColorstr='#0b6c84', GradientType=0);
  border-bottom: 1px solid #031f26;
}
.natural_tissue .time_step {
  border-left: 80px solid #279cb9;
  border-top: 1px dotted #279cb9;
}
.natural_tissue .time_step > span {
  color: #1e798f;
}
.natural_tissue .bordered h3 {
  color: #0b6c84;
}
.natural_tissue .expanded {
  border-top: 1px solid #031f26;
  border-bottom: 1px solid #031f26;
  background: #0b6c84;
  background: -webkit-linear-gradient(bottom, #0b6c84, #074555);
  background: -moz-linear-gradient(bottom, #0b6c84, #074555);
  background: -o-linear-gradient(bottom, #0b6c84, #074555);
  background: -ms-linear-gradient(bottom, #0b6c84, #074555);
  background: linear-gradient(bottom, #0b6c84, #074555);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#074555', endColorstr='#0b6c84', GradientType=0);
}
.breadcrumbs.other_options {
  background: #8e1f53;
  background: -webkit-linear-gradient(top, #8e1f53, #64163b);
  background: -moz-linear-gradient(top, #8e1f53, #64163b);
  background: -o-linear-gradient(top, #8e1f53, #64163b);
  background: -ms-linear-gradient(top, #8e1f53, #64163b);
  background: linear-gradient(top, #8e1f53, #64163b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64163b', endColorstr='#8e1f53', GradientType=0);
  border-bottom: 1px solid #3b0d22;
}
.other_options .time_step {
  border-left: 80px solid #c43b7b;
  border-top: 1px dotted #c43b7b;
}
.other_options .time_step > span {
  color: #9d2f62;
}
.other_options .bordered h3 {
  color: #8e1f53;
}
.other_options .expanded {
  border-top: 1px solid #3b0d22;
  border-bottom: 1px solid #3b0d22;
  background: #8e1f53;
  background: -webkit-linear-gradient(bottom, #8e1f53, #64163b);
  background: -moz-linear-gradient(bottom, #8e1f53, #64163b);
  background: -o-linear-gradient(bottom, #8e1f53, #64163b);
  background: -ms-linear-gradient(bottom, #8e1f53, #64163b);
  background: linear-gradient(bottom, #8e1f53, #64163b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64163b', endColorstr='#8e1f53', GradientType=0);
}
.breadcrumbs.additional {
  background: #6871a6;
  background: -webkit-linear-gradient(top, #6871a6, #515a8a);
  background: -moz-linear-gradient(top, #6871a6, #515a8a);
  background: -o-linear-gradient(top, #6871a6, #515a8a);
  background: -ms-linear-gradient(top, #6871a6, #515a8a);
  background: linear-gradient(top, #6871a6, #515a8a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515a8a', endColorstr='#6871a6', GradientType=0);
  border-bottom: 1px solid #3e456a;
}
.additional .time_step {
  border-left: 80px solid #a5accf;
  border-top: 1px dotted #a5accf;
}
.additional .time_step > span {
  color: #848dbd;
}
.additional .bordered h3 {
  color: #6871a6;
}
.additional .expanded {
  border-top: 1px solid #3e456a;
  border-bottom: 1px solid #3e456a;
  background: #6871a6;
  background: -webkit-linear-gradient(bottom, #6871a6, #515a8a);
  background: -moz-linear-gradient(bottom, #6871a6, #515a8a);
  background: -o-linear-gradient(bottom, #6871a6, #515a8a);
  background: -ms-linear-gradient(bottom, #6871a6, #515a8a);
  background: linear-gradient(bottom, #6871a6, #515a8a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515a8a', endColorstr='#6871a6', GradientType=0);
}
.hider {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: 0px;
  z-index: 5;
  width: 100%;
  min-width: 0px;
  height: auto;
  min-height: 0px;
  padding-bottom: 10px;
  text-align: left;
  background: white;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  display: none;
}
.hider .proc_name {
  color: white;
  font: 16px/18px agane_bold, Arial, sans-serif;
  background: #60829f;
}
.hider .compare_2 {
  width: 48%;
  background: #f2f5f7;
}
.hider .compare_3 {
  width: 32%;
  background: #f2f5f7;
}
.hider .comparison_grid {
  margin: 1%;
  background: white;
  width: 97%;
}
.hider td {
  padding: 6px 15px 6px 15px;
  vertical-align: text-top;
  border-left: 4px solid white;
  border-right: 4px solid white;
}
.hider tr:first-of-type > td.compare_label {
  padding: 5px 0px 0px 0px;
  font: 0px/0px arial;
  color: white;
}
.hider .procedure {
  color: white;
  font: 20px/20px agane_regular, Arial, sans-serif;
  text-align: center;
  background: #60829f;
}
.hider .compare_label {
  padding: 20px 15px 6px 15px;
  color: #60829f;
  font: 16px/16px agane, Arial, sans-serif;
  letter-spacing: 1px;
  border-bottom: 1px solid #60829f;
  background: white;
}
.hider td[colspan="3"] {
  text-align: center;
}
.hider td[colspan="2"] {
  text-align: left;
}
.hider .outline {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 20;
  width: auto;
  height: auto;
  margin: 5px auto auto -2px;
  padding: 0;
  background: rgba(41, 145, 64, 0.1);
  border: 3px dotted #299140;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: url('../img/removeItem.png'), default;
}
.hider .outline:after {
  content: "Remove from my favorites";
  position: absolute;
  top: auto;
  left: 0%;
  z-index: 20;
  width: 100%;
  height: 38px;
  margin: -20px 0 0 0;
  padding-top: 10px;
  font: 16px/28px agane_light, Arial, sans-serif;
  background: transparent url("../img/flagged_big.png") no-repeat center center;
  text-shadow: none;
  -o-background-size: 75% 100%;
  -webkit-background-size: 75% 100%;
  -khtml-background-size: 75% 100%;
  -moz-background-size: 75% 100% !important;
  background-size: 75% 100%;
}
.star_option {
  font: 16px/24px agane_light, Arial, sans-serif;
  color: white;
  text-align: center;
  text-shadow: 0px -1px 0px #1e2250;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: url('../img/addItem.png'), default;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
span.star_option {
  position: absolute;
  top: auto;
  left: 40px;
  z-index: 1;
  width: 110px;
  height: 70px;
  margin: -100px auto auto auto;
  padding: 30px 10px 0px 10px;
  font: 18px/20px agane_light, Arial, sans-serif;
  text-transform: uppercase;
  display: block;
  background: transparent url("../img/flagme.png") no-repeat;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100% !important;
  background-size: 100% 100%;
}
.starred,
span.starred {
  height: 78px;
  padding-top: 22px;
  text-shadow: none;
  background: transparent url("../img/flagged.png") no-repeat;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100% !important;
  background-size: 100% 100%;
  cursor: url('../img/removeItem.png'), default;
}
th.star_option {
  border: 1px solid white;
  height: 46px;
  background: #3b4182;
  background: white url("../img/flagme_big.png") no-repeat center center;
  -o-background-size: 75% 100%;
  -webkit-background-size: 75% 100%;
  -khtml-background-size: 75% 100%;
  -moz-background-size: 75% 100% !important;
  background-size: 75% 100%;
  text-align: center;
}
th.starred {
  background: #299140;
  -o-background-size: 100% 150%;
  -webkit-background-size: 100% 150%;
  -khtml-background-size: 100% 150%;
  -moz-background-size: 100% 150% !important;
  background-size: 100% 150%;
  cursor: url('../img/removeItem.png'), default;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||  UI WIDGETS  |||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.print-btn,
.survey_buttons {
  clear: both;
  height: 60px;
}
.button,
button,
input[type=submit],
.previous,
.next,
#restart_report,
#setup_account_button,
#control-site-link {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 20px auto 10px auto;
  padding: 6px 19px 6px 19px;
  font: 18px/20px Arial, sans-serif;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px -1px 0px #1e2250;
  letter-spacing: 1px;
  background: #1e2250;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px 0px 40px #4a54bd, 0px 0px 0px 1px #4a54bd;
  -moz-box-shadow: inset 0px 0px 40px #4a54bd, 0px 0px 0px 1px #4a54bd;
  box-shadow: inset 0px 0px 40px #4a54bd, 0px 0px 0px 1px #4a54bd;
  border: 1px solid #2b3176;
  display: table;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button:hover,
input[type=submit]:hover,
.previous:hover,
.next:hover,
#control-site-link:hover {
  background: #4049ae;
  -webkit-box-shadow: inset 0px 0px 40px #7077ca, 0px 0px 0px 3px #4a54bd;
  -moz-box-shadow: inset 0px 0px 40px #7077ca, 0px 0px 0px 3px #4a54bd;
  box-shadow: inset 0px 0px 40px #7077ca, 0px 0px 0px 3px #4a54bd;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
input[type=submit],
button,
.next {
  display: inline-block;
  float: right;
}
.welcome_home,
.home {
  position: absolute;
  top: auto;
  left: 47%;
  z-index: 1;
  width: 75px;
  height: 25px;
  bottom: -38px;
  padding-top: 50px;
  font: 12px/12px Arial, sans-serif;
  color: white;
  text-align: center;
  text-shadow: 0px -1px 0px #1e2250;
  letter-spacing: 1px;
  background: #1e2250 url("../img/home_icon.png") no-repeat center 10px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 40px #4a54bd;
  -moz-box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 40px #4a54bd;
  box-shadow: inset 0px 0px 0px 2px white, inset 0px 0px 40px #4a54bd;
  border: 2px dotted #10566a;
  display: table;
  -o-background-size: 55% auto;
  -webkit-background-size: 55% auto;
  -khtml-background-size: 55% auto;
  -moz-background-size: 55% auto !important;
  background-size: 55% auto;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.previous,
#restart_report {
  margin: 20px 20px 10px 0px;
  color: white;
  text-shadow: 0px 0px 10px #2934b3;
  background: #8f96e6;
  -webkit-box-shadow: inset 0px 0px 40px #8f96e6, 0px 0px 0px 1px #b8bdef;
  -moz-box-shadow: inset 0px 0px 40px #8f96e6, 0px 0px 0px 1px #b8bdef;
  box-shadow: inset 0px 0px 40px #8f96e6, 0px 0px 0px 1px #b8bdef;
  border: 1px solid #656fdc;
  display: inline-block;
  text-decoration: none;
}
.previous {
  margin-left: -10px;
}
#restart_report,
#control-site-link {
  float: left;
}
.previous:hover {
  background: #8f96e6;
  -webkit-box-shadow: inset 0px 0px 40px #b8bdef, 0px 0px 0px 3px #a4a9ea;
  -moz-box-shadow: inset 0px 0px 40px #b8bdef, 0px 0px 0px 3px #a4a9ea;
  box-shadow: inset 0px 0px 40px #b8bdef, 0px 0px 0px 3px #a4a9ea;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#take_survey_1b,
#changeAnswer {
  float: right;
}
#consentSubmit {
  text-shadow: 0px -1px 0px #661800;
  background: #661800;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px 0px 40px #992400, 0px 0px 0px 1px #ff3c00;
  -moz-box-shadow: inset 0px 0px 40px #992400, 0px 0px 0px 1px #ff3c00;
  box-shadow: inset 0px 0px 40px #992400, 0px 0px 0px 1px #ff3c00;
  border: 1px solid #992400;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  float: left;
}
#consentSubmit:hover {
  background: #e63600;
  -webkit-box-shadow: inset 0px 0px 40px #ff6333, 0px 0px 0px 3px #ff3c00;
  -moz-box-shadow: inset 0px 0px 40px #ff6333, 0px 0px 0px 3px #ff3c00;
  box-shadow: inset 0px 0px 40px #ff6333, 0px 0px 0px 3px #ff3c00;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#areYouSure {
  margin: 20px auto 10px 0px;
}
.home {
  position: relative;
  top: auto;
  left: 47%;
  z-index: 10;
  width: 75px;
  height: 25px;
  margin-top: -50px;
}
.close_compare {
  margin: 33px 0 0 40px;
}
.close {
  z-index: 50;
  bottom: 46px;
  box-sizing: content-box;
}
.close:hover {
  background: #1e2250;
}
.close_tools {
  z-index: 1000;
}
.print_button {
  margin-right: 40px;
  text-shadow: 0px 0px 10px rgba(33, 35, 38, 0.5);
  background: rgba(57, 60, 65, 0.5);
  -webkit-box-shadow: inset 0px 0px 40px rgba(57, 60, 65, 0.5), 0px 0px 0px 1px rgba(81, 85, 92, 0.5);
  -moz-box-shadow: inset 0px 0px 40px rgba(57, 60, 65, 0.5), 0px 0px 0px 1px rgba(81, 85, 92, 0.5);
  box-shadow: inset 0px 0px 40px rgba(57, 60, 65, 0.5), 0px 0px 0px 1px rgba(81, 85, 92, 0.5);
  border: 1px solid rgba(33, 35, 38, 0.5);
  float: right;
}
.hidden {
  display: none;
}
.footer {
  position: relative;
  top: auto;
  left: 0px;
  z-index: 2;
  width: 100%;
  height: 40px;
  background: -webkit-linear-gradient(top, #cecee9, rgba(206, 206, 233, 0));
  background: -moz-linear-gradient(top, #cecee9, rgba(206, 206, 233, 0));
  background: -o-linear-gradient(top, #cecee9, rgba(206, 206, 233, 0));
  background: -ms-linear-gradient(top, #cecee9, rgba(206, 206, 233, 0));
  background: linear-gradient(top, #cecee9, rgba(206, 206, 233, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(206, 206, 233, 0)', endColorstr='#cecee9', GradientType=0);
  border-top: 2px dotted #10566a;
  padding-top: 45px;
}
.fyi {
  margin-top: 15px;
  padding: 10px 0 10px 0;
  text-align: center;
  border-top: 1px solid #60829f;
}
/*                              \^/
                 _     _|_     _|=|_     _|_     _
      ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
---------------------------------"----------------------------------
                          PRINT STYLESHEETS                       */
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  nav,
  .button,
  input[type=submit],
  form > p > a,
  #restart_report,
  button,
  .footer {
    display: none;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
  */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .consent_window {
    height: auto;
  }
}
/*                                \^/
                   _     _|_     _|=|_     _|_     _
        ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
 ----------------------------------"----------------------------------
                              FORM STYLING
        Use a parent wrapper to target form element formatting         */
.slider {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 90%;
  height: 30px;
  margin: 30px auto auto auto;
  background: #e2e4f8;
  border: 1px solid #b8bdef;
  -webkit-box-shadow: inset 0px 0px 18px white;
  -moz-box-shadow: inset 0px 0px 18px white;
  box-shadow: inset 0px 0px 18px white;
  -webkit-border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.slider:before {
  content: 'Less important to me';
  position: absolute;
  top: -20px;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  font: 14px/14px agane_regular, Arial, sans-serif;
}
.slider:after {
  content: 'More important to me';
  position: absolute;
  top: -20px;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  right: 10px;
  font: 14px/14px agane_regular, Arial, sans-serif;
}
.click_cursor {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 2;
  width: 28px;
  height: 28px;
  margin-left: -100px;
  background: rgba(96, 130, 159, 0.7);
  -webkit-box-shadow: inset 0px 0px 20px white;
  -moz-box-shadow: inset 0px 0px 20px white;
  box-shadow: inset 0px 0px 20px white;
  border: 1px solid #60829f;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: none;
}
.clicked_position {
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
  width: 28px;
  height: 28px;
  margin-left: -15px;
  background: #39419b;
  -webkit-box-shadow: inset 0px 0px 20px #1e2250;
  -moz-box-shadow: inset 0px 0px 20px #1e2250;
  box-shadow: inset 0px 0px 20px #1e2250;
  border: 1px solid #39419b;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form,
.signup_screens {
  margin: 0px 0 40px 0;
  padding: 30px 40px 20px 40px;
  font: 18px/24px dosisregular, arial, sans-serif;
  text-align: left;
  color: #0b1e2c;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(255, 255, 255, 0)', GradientType=0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||  MATRIX QUESTIONS  ||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
  /*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||  LIST QUESTIONS  |||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
}
form h2,
.signup_screens h2 {
  top: 0px;
  margin: -30px -40px 20px -40px;
  padding: 15px 60px 15px 40px;
  color: white;
  font: 20px/24px agane_regular, Arial, sans-serif;
  text-align: left;
  background: #60829f;
  background: -webkit-linear-gradient(top, #60829f, #4d687f);
  background: -moz-linear-gradient(top, #60829f, #4d687f);
  background: -o-linear-gradient(top, #60829f, #4d687f);
  background: -ms-linear-gradient(top, #60829f, #4d687f);
  background: linear-gradient(top, #60829f, #4d687f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d687f', endColorstr='#60829f', GradientType=0);
  border-bottom: 1px solid #3a4e5f;
  display: block;
}
form p,
.signup_screens p {
  margin-top: 20px;
  margin-left: 10px;
  padding: 0px;
}
form label,
.signup_screens label {
  cursor: pointer;
}
form label input,
.signup_screens label input {
  cursor: pointer;
}
form table,
.signup_screens table {
  width: 98%;
  margin-bottom: 20px;
  empty-cells: hide;
  border-bottom: 1px dotted #51555c;
}
form tr,
.signup_screens tr {
  border-top: 5px solid transparent;
  vertical-align: center;
}
form tbody > tr:nth-child(odd),
.signup_screens tbody > tr:nth-child(odd) {
  background: #eee;
}
form td,
.signup_screens td {
  vertical-align: top;
}
form input[type="radio"],
.signup_screens input[type="radio"],
form input[type="checkbox"],
.signup_screens input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  outline: 0;
  display: none;
}
form input[type="text"],
.signup_screens input[type="text"],
form textarea,
.signup_screens textarea,
form input[type="password"],
.signup_screens input[type="password"],
form input[type="email"],
.signup_screens input[type="email"] {
  width: 50%;
  margin: 2px 0px 0px 10px;
  padding: 2px;
  font: 18px/24px dosisregular, arial, sans-serif;
  border: 1px solid #39419b;
}
form textarea,
.signup_screens textarea {
  width: 95%;
}
form select,
.signup_screens select {
  min-width: 20%;
  margin: 2px 0px 0px 10px;
  font: 18px/24px dosisregular, arial, sans-serif;
  background: #e2e4f8;
}
form select::-ms-expand,
.signup_screens select::-ms-expand {
  display: none;
}
form h1:empty,
.signup_screens h1:empty,
form h2:empty,
.signup_screens h2:empty,
form h3:empty,
.signup_screens h3:empty,
form .survey_prompt:empty,
.signup_screens .survey_prompt:empty {
  display: none;
}
form .survey_question,
.signup_screens .survey_question {
  border-bottom: 1px dotted #51555c;
  margin-bottom: 20px;
}
form .survey_prompt,
.signup_screens .survey_prompt {
  padding: 0px 10px 0px 10px;
  display: block;
}
form tr:last-child > .survey_prompt > div,
.signup_screens tr:last-child > .survey_prompt > div {
  min-height: 50px;
  border-bottom: 10px solid transparent;
}
form .survey_question_group,
.signup_screens .survey_question_group {
  border-bottom: 1px dotted #51555c;
  margin-bottom: 20px;
}
form .survey_question_group_item .survey_responses,
.signup_screens .survey_question_group_item .survey_responses {
  display: inline-block;
}
form .survey_responses,
.signup_screens .survey_responses {
  margin-top: 10px;
  margin-bottom: 20px;
}
form .survey_error,
.signup_screens .survey_error,
form .errorlist li,
.signup_screens .errorlist li {
  margin: 10px auto 10px 0px;
  padding: 10px;
  font: 20px/26px dosisregular, arial, sans-serif;
  color: #cc3000;
  background: white;
  border: 1px solid #cc3000;
  border-left: 50px solid #cc3000;
}
form .errorlist li,
.signup_screens .errorlist li {
  list-style: none;
}
form .survey_error:before,
.signup_screens .survey_error:before,
form .errorlist li:before,
.signup_screens .errorlist li:before {
  content: "!";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 2;
  width: auto;
  height: auto;
  margin: -10px 0 0 -55px;
  font: 30px/30px dosis_bold, arial, sans-serif;
  padding: 7px 15px 7px 15px;
  color: white;
}
form .count4:first-child,
.signup_screens .count4:first-child {
  width: 50%;
}
form .count4,
.signup_screens .count4 {
  width: 10%;
}
form .count5:first-child,
.signup_screens .count5:first-child {
  width: 40%;
}
form .count5,
.signup_screens .count5 {
  width: 10%;
}
form thead > tr > th,
.signup_screens thead > tr > th {
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
  width: auto;
  height: 40px;
  padding: 4px 8px 4px 8px;
  font: 12px/15px agane_bold, arial, sans-serif;
  color: white;
  text-align: center;
  background: #60829f;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
form thead > tr > th:after,
.signup_screens thead > tr > th:after {
  content: "";
  position: absolute;
  top: auto;
  left: 40%;
  z-index: -1;
  width: 0px;
  height: 0px;
  bottom: -10px;
  border-top: 10px solid #60829f;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
form thead > tr > th:nth-child(1),
.signup_screens thead > tr > th:nth-child(1),
form thead > tr > th:nth-child(1)::after,
.signup_screens thead > tr > th:nth-child(1)::after {
  background: transparent;
  border: none;
}
form tbody,
.signup_screens tbody {
  border-top: 15px solid transparent;
}
form .survey_matrix input[type=radio],
.signup_screens .survey_matrix input[type=radio],
form .survey_matrix input[type=checkbox],
.signup_screens .survey_matrix input[type=checkbox] {
  width: 0px;
  height: 0px;
  display: inline;
  visibility: hidden;
}
form .survey_matrix input[type=radio] + span:before,
.signup_screens .survey_matrix input[type=radio] + span:before,
form .survey_matrix input[type=checkbox] + span:before,
.signup_screens .survey_matrix input[type=checkbox] + span:before {
  content: "";
  position: relative;
  top: auto;
  left: 0px;
  z-index: 10;
  width: 90%;
  height: 40px;
  margin-top: 2px;
  padding: 0px;
  border: 1px solid #6f7d96;
  display: inline-block;
}
form .survey_matrix label > input[type=radio] + span:before,
.signup_screens .survey_matrix label > input[type=radio] + span:before {
  background: rgba(107, 123, 191, 0.3) url(mts_survey/custom_checkbox.png) 22px 8px no-repeat;
  background: url(mts_survey/custom_checkbox.png) no-repeat center 8px, -webkit-gradient(linear, left top, left bottom, from(rgba(107, 123, 191, 0.3)), to(rgba(120, 136, 203, 0.3)), color-stop(0.7, rgba(120, 136, 203, 0.3)));
  background: url(mts_survey/custom_checkbox.png) no-repeat center 8px, -moz-linear-gradient(90deg, rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3) 50%);
  background: url(mts_survey/custom_checkbox.png) no-repeat center 8px, -o-linear-gradient(rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3));
  background: url(mts_survey/custom_checkbox.png) no-repeat center 8px, linear-gradient(rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3));
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form .survey_matrix label > input[type=radio]:hover + span:before,
.signup_screens .survey_matrix label > input[type=radio]:hover + span:before {
  border: 1px solid #6f7d96;
  -webkit-box-shadow: inset 0px 0px 50px 0px #959ad8;
  -moz-box-shadow: inset 0px 0px 50px 0px #959ad8;
  box-shadow: inset 0px 0px 50px 0px #959ad8;
}
form .survey_matrix label > input[type=radio]:checked + span:before,
.signup_screens .survey_matrix label > input[type=radio]:checked + span:before {
  background: #39419b url(mts_survey/custom_checkbox.png) 22px -94px no-repeat;
  background: url(mts_survey/custom_checkbox.png) no-repeat center -93px, -webkit-gradient(linear, left top, left bottom, from(#39419b), to(#2b3176), color-stop(0.7, #2b3176));
  background: url(mts_survey/custom_checkbox.png) no-repeat center -93px, -moz-linear-gradient(90deg, #39419b, #2b3176 50%);
  background: url(mts_survey/custom_checkbox.png) no-repeat center -93px, -o-linear-gradient(#39419b, #2b3176);
  background: url(mts_survey/custom_checkbox.png) no-repeat center -93px, linear-gradient(#39419b, #2b3176);
  color: #fff;
  border: 1px solid #39419b;
  -webkit-box-shadow: 0px 0px 6px 0px #2b3176;
  -moz-box-shadow: 0px 0px 6px 0px #2b3176;
  box-shadow: 0px 0px 6px 0px #2b3176;
}
form .survey_responses,
.signup_screens .survey_responses,
form #id_consent,
.signup_screens #id_consent,
form #id_research,
.signup_screens #id_research {
  /*
    // ADD HOVER EFFECT TO RANGE LABELS
    li:hover>label>span {
    }

    // TURNS ANCHOR LABELS "ON"
    li:first-child>label>span {
    }

    li:last-child>label>span {
    }

    li:hover:first-child>label>span,
    li:hover:last-child>label>span {
    }
*/
}
form .survey_responses li,
.signup_screens .survey_responses li,
form #id_consent li,
.signup_screens #id_consent li,
form #id_research li,
.signup_screens #id_research li,
form .survey_responses li > label,
.signup_screens .survey_responses li > label,
form #id_consent li > label,
.signup_screens #id_consent li > label,
form #id_research li > label,
.signup_screens #id_research li > label {
  width: auto;
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
  vertical-align: top;
}
form .survey_responses label > span,
.signup_screens .survey_responses label > span,
form #id_consent label > span,
.signup_screens #id_consent label > span,
form #id_research label > span,
.signup_screens #id_research label > span {
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
  width: 80%;
  height: auto;
  margin: 0px 10px 10px 0px;
  padding: 8px 10px 8px 20px;
  text-align: left;
  display: block;
  background: #e2e4f8;
}
form .survey_responses label > span:before,
.signup_screens .survey_responses label > span:before,
form #id_consent label > span:before,
.signup_screens #id_consent label > span:before,
form #id_research label > span:before,
.signup_screens #id_research label > span:before {
  content: "";
  position: absolute;
  top: 4%;
  left: auto;
  z-index: -1;
  width: 0px;
  height: 0px;
  right: -18px;
  border-left: 18px solid #e2e4f8;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}
form .survey_responses input[type=radio],
.signup_screens .survey_responses input[type=radio],
form #id_consent input[type=radio],
.signup_screens #id_consent input[type=radio],
form #id_research input[type=radio],
.signup_screens #id_research input[type=radio],
form .survey_responses input[type=checkbox],
.signup_screens .survey_responses input[type=checkbox],
form #id_consent input[type=checkbox],
.signup_screens #id_consent input[type=checkbox],
form #id_research input[type=checkbox],
.signup_screens #id_research input[type=checkbox] {
  width: 0px;
  height: 0px;
  display: block;
  visibility: hidden;
}
form .survey_responses input[type=radio] + span:after,
.signup_screens .survey_responses input[type=radio] + span:after,
form #id_consent input[type=radio] + span:after,
.signup_screens #id_consent input[type=radio] + span:after,
form #id_research input[type=radio] + span:after,
.signup_screens #id_research input[type=radio] + span:after,
form .survey_responses input[type=checkbox] + span:after,
.signup_screens .survey_responses input[type=checkbox] + span:after,
form #id_consent input[type=checkbox] + span:after,
.signup_screens #id_consent input[type=checkbox] + span:after,
form #id_research input[type=checkbox] + span:after,
.signup_screens #id_research input[type=checkbox] + span:after {
  content: "";
  position: absolute;
  top: 0px;
  left: auto;
  z-index: 1;
  width: 12%;
  height: 40px;
  margin: 0px 0px 20px 101%;
  border: 1px solid #6f7d96;
  display: block;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form .survey_responses label > input[type=radio] + span:after,
.signup_screens .survey_responses label > input[type=radio] + span:after,
form #id_consent label > input[type=radio] + span:after,
.signup_screens #id_consent label > input[type=radio] + span:after,
form #id_research label > input[type=radio] + span:after,
.signup_screens #id_research label > input[type=radio] + span:after {
  background: rgba(107, 123, 191, 0.3) url(mts_survey/custom_checkbox.png) 8px 8px no-repeat;
  background: url(mts_survey/custom_checkbox.png) no-repeat center 8px, -webkit-gradient(linear, left top, left bottom, from(rgba(107, 123, 191, 0.3)), to(rgba(120, 136, 203, 0.3)), color-stop(0.7, rgba(120, 136, 203, 0.3)));
  background: url(mts_survey/custom_checkbox.png) no-repeat center 8px, -moz-linear-gradient(90deg, rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3) 50%);
  background: url(mts_survey/custom_checkbox.png) no-repeat center 8px, -o-linear-gradient(rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3));
  background: url(mts_survey/custom_checkbox.png) no-repeat center 8px, linear-gradient(rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3));
}
form .survey_responses label > input[type=checkbox] + span:after,
.signup_screens .survey_responses label > input[type=checkbox] + span:after,
form #id_consent label > input[type=checkbox] + span:after,
.signup_screens #id_consent label > input[type=checkbox] + span:after,
form #id_research label > input[type=checkbox] + span:after,
.signup_screens #id_research label > input[type=checkbox] + span:after {
  background: rgba(107, 123, 191, 0.3) url(mts_survey/custom_checkbox.png) -392px 8px no-repeat;
  background: url(mts_survey/custom_checkbox.png) no-repeat center -392px, -webkit-gradient(linear, left top, left bottom, from(rgba(107, 123, 191, 0.3)), to(rgba(120, 136, 203, 0.3)), color-stop(0.7, rgba(120, 136, 203, 0.3)));
  background: url(mts_survey/custom_checkbox.png) no-repeat center -392px, -moz-linear-gradient(90deg, rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3) 50%);
  background: url(mts_survey/custom_checkbox.png) no-repeat center -392px, -o-linear-gradient(rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3));
  background: url(mts_survey/custom_checkbox.png) no-repeat center -392px, linear-gradient(rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3));
}
form .survey_responses input:hover + span:after,
.signup_screens .survey_responses input:hover + span:after,
form #id_consent input:hover + span:after,
.signup_screens #id_consent input:hover + span:after,
form #id_research input:hover + span:after,
.signup_screens #id_research input:hover + span:after {
  border: 1px solid #6f7d96;
  -webkit-box-shadow: inset 0px 0px 50px 0px #959ad8;
  -moz-box-shadow: inset 0px 0px 50px 0px #959ad8;
  box-shadow: inset 0px 0px 50px 0px #959ad8;
}
form .survey_responses label > input[type=radio]:checked + span:after,
.signup_screens .survey_responses label > input[type=radio]:checked + span:after,
form #id_consent label > input[type=radio]:checked + span:after,
.signup_screens #id_consent label > input[type=radio]:checked + span:after,
form #id_research label > input[type=radio]:checked + span:after,
.signup_screens #id_research label > input[type=radio]:checked + span:after {
  background: #39419b url(mts_survey/custom_checkbox.png) -93px -94px no-repeat;
  background: url(mts_survey/custom_checkbox.png) no-repeat center -93px, -webkit-gradient(linear, left top, left bottom, from(#39419b), to(#2b3176), color-stop(0.7, #2b3176));
  background: url(mts_survey/custom_checkbox.png) no-repeat center -93px, -moz-linear-gradient(90deg, #39419b, #2b3176 50%);
  background: url(mts_survey/custom_checkbox.png) no-repeat center -93px, -o-linear-gradient(#39419b, #2b3176);
  background: url(mts_survey/custom_checkbox.png) no-repeat center -93px, linear-gradient(#39419b, #2b3176);
  color: #fff;
  border: 1px solid #39419b;
  -webkit-box-shadow: 0px 0px 6px 0px #2b3176;
  -moz-box-shadow: 0px 0px 6px 0px #2b3176;
  box-shadow: 0px 0px 6px 0px #2b3176;
}
form .survey_responses label > input[type=checkbox]:checked + span:after,
.signup_screens .survey_responses label > input[type=checkbox]:checked + span:after,
form #id_consent label > input[type=checkbox]:checked + span:after,
.signup_screens #id_consent label > input[type=checkbox]:checked + span:after,
form #id_research label > input[type=checkbox]:checked + span:after,
.signup_screens #id_research label > input[type=checkbox]:checked + span:after {
  background: #39419b url(mts_survey/custom_checkbox.png) -492px -94px no-repeat;
  background: url(mts_survey/custom_checkbox.png) no-repeat center -492px, -webkit-gradient(linear, left top, left bottom, from(#39419b), to(#2b3176), color-stop(0.7, #2b3176));
  background: url(mts_survey/custom_checkbox.png) no-repeat center -492px, -moz-linear-gradient(90deg, #39419b, #2b3176 50%);
  background: url(mts_survey/custom_checkbox.png) no-repeat center -492px, -o-linear-gradient(#39419b, #2b3176);
  background: url(mts_survey/custom_checkbox.png) no-repeat center -492px, linear-gradient(#39419b, #2b3176);
  color: #fff;
  border: 1px solid #39419b;
  -webkit-box-shadow: 0px 0px 6px 0px #2b3176;
  -moz-box-shadow: 0px 0px 6px 0px #2b3176;
  box-shadow: 0px 0px 6px 0px #2b3176;
}
/* end form element */
/*                               \^/
                  _     _|_     _|=|_     _|_     _
       ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
----------------------------------"----------------------------------
                             DASHBOARD                              */
.dashboard {
  margin-top: -1px;
  padding: 0px 0px 40px 0px;
  font: 16px/20px Arial, sans-serif;
  text-align: left;
  background: white;
}
.dashboard nav {
  height: auto;
  margin-bottom: 20px;
  text-align: justify;
  background: #e5e5e5;
}
.dashboard h1 {
  margin: auto 20px auto auto;
  padding: 10px 0px 8px 15px;
  font: 28px/28px agane_regular, Arial, sans-serif;
  display: inline-block;
}
.dashboard h3 {
  margin: 10px auto 6px 15px;
  font: 22px/26px agane_bold, Arial, sans-serif;
}
.dashboard .part_name {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 5;
  width: auto;
  height: auto;
  margin: -28px auto 0 -15px;
  padding: 8px 10px 8px 10px;
  color: black;
  background: white;
  display: block;
}
.dashboard .success {
  margin: 0 0 0 -20px;
  padding: 5px 20px 5px 20px;
  color: #00892a;
  background: #c5ffd7;
  border-top: 1px solid #00892a;
  border-bottom: 1px solid #00892a;
  display: block;
}
.dashboard table {
  width: 100%;
  border-bottom: 1px solid #333;
}
.dashboard th {
  padding: 4px 0 4px 0;
  text-align: center;
  font: 13px/15px Arial, sans-serif;
}
.dashboard tr {
  border-top: 1px dotted #aaa;
}
.dashboard tr:nth-of-type(1) {
  border-top: 1px solid #333;
}
.dashboard tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.8);
}
.dashboard tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.6);
}
.dashboard tr:hover {
  background: white;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.dashboard td {
  padding: 8px 0 8px 0;
  text-align: center;
  vertical-align: top;
}
.dashboard #searchParticipants {
  font: 18px/24px Arial, sans-serif;
  vertical-align: text-bottom;
}
.dashboard .participant_total,
.dashboard .participant_list {
  padding: 0 1% 1% 1%;
  width: 96%;
  clear: both;
}
.dashboard .participant_list th {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dashboard .participant_list th:hover::before {
  content: "Click to sort";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: -22px 0 0 -14px;
  padding: 2px;
  background: white;
  border: 1px solid #333;
}
.dashboard .study_arm {
  padding: 0 1% 1% 1%;
  width: 96%;
  font: 18px/22px Arial, sans-serif;
}
.dashboard .study_arm span {
  display: block;
}
.dashboard .col0,
.dashboard .col1,
.dashboard .col2,
.dashboard .col3,
.dashboard .col4,
.dashboard .col5,
.dashboard .col6,
.dashboard .col7,
.dashboard .col8,
.dashboard .col9,
.dashboard .col10,
.dashboard .col11 {
  width: 7%;
}
.dashboard .col0,
.dashboard .col8,
.dashboard .col9,
.dashboard .col11 {
  width: 10%;
}
.dashboard .col1 {
  background: #dddddd;
}
.dashboard .col2 {
  background: #dddddd;
}
.dashboard .col3 {
  background: #dddddd;
}
.dashboard .col4 {
  background: #ecd2f9;
}
.dashboard .col5 {
  background: #ecd2f9;
}
.dashboard .col6 {
  background: #ecd2f9;
}
.dashboard .col7 {
  background: #d0f6fe;
}
.dashboard .col8 {
  background: #dddddd;
}
.dashboard .col9 {
  background: #dddddd;
}
.dashboard .col10 {
  background: #dddddd;
}
.dashboard .col11 {
  background: #dddddd;
}
.dashboard .total {
  font: 26px/26px Arial, sans-serif;
  vertical-align: middle;
}
.dashboard .v_date,
.dashboard .v_nodate,
.dashboard .v_canttake,
.dashboard .v_notset {
  height: 18px;
  margin-left: 0px;
  padding: 2px 10px 2px 10px;
  letter-spacing: 1px;
  color: white;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dashboard .v_date {
  background: #00892a;
  border: 1px solid #00892a;
}
.dashboard .v_nodate,
.dashboard .v_canttake {
  border: 1px solid #333;
}
.dashboard .v_canttake,
.dashboard .v_notset {
  background: #cc3000;
  border: 1px solid #cc3000;
  cursor: pointer;
}
.dashboard .h_date {
  padding: 0px 9px 0px 9px;
  letter-spacing: 1px;
  color: white;
  display: none;
}
.dashboard .s_complete {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 2;
  width: auto;
  height: 19px;
  min-width: 20px;
  margin: -1px 0 0 -10px;
  padding: 1px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
}
.dashboard .s_complete:hover {
  margin-left: -38px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
}
.dashboard .s_complete {
  background: #00892a;
}
.dashboard_form {
  position: absolute;
  top: auto;
  left: 10%;
  z-index: 100;
  width: 80%;
  height: auto;
  text-align: center;
  margin: auto auto auto auto;
}
.dashboard_form form {
  padding: 10px 10px 10px 20px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #60829f;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px -60px 60px 0px white, 0px 0px 40px black;
  -moz-box-shadow: inset 0px -60px 60px 0px white, 0px 0px 40px black;
  box-shadow: inset 0px -60px 60px 0px white, 0px 0px 40px black;
}
.dashboard_form .form_header {
  margin: -10px -10px auto -20px;
  padding: 10px 10px 10px 20px;
  color: white;
  font: bold 20px/22px Arial, sans-serif;
  background: #60829f;
}
.dashboard_form .form_section {
  margin: 10px 0 10px 0;
  font: bold 20px/22px Arial, sans-serif;
  border-bottom: 1px dotted #888;
}
.dashboard_form .input_label {
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
  width: 20%;
  height: auto;
  margin: 0px 10px 4px 0px;
  padding: 2px 10px 2px 10px;
  text-align: left;
  display: inline-block;
  background: white;
}
.dashboard_form .input_label:before {
  content: "";
  position: absolute;
  top: 4%;
  left: auto;
  z-index: -1;
  width: 0px;
  height: 0px;
  right: -12px;
  border-left: 12px solid white;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}
.dashboard_form input[type=radio],
.dashboard_form input[type=checkbox] {
  width: 0px;
  height: 0px;
  display: block;
  visibility: hidden;
}
.dashboard_form input[type=radio] + span:after {
  content: "";
  position: absolute;
  top: -2px;
  left: auto;
  z-index: 1;
  width: 45px;
  height: 30px;
  margin: 0px 0px 20px 103%;
  border: 1px solid #6f7d96;
  display: block;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dashboard_form input[type=radio] + span:after {
  background: rgba(107, 123, 191, 0.3) url(mts_survey/custom_checkbox.png) center 2px no-repeat;
  background: url(mts_survey/custom_checkbox.png) no-repeat 10px 2px, -webkit-gradient(linear, left top, left bottom, from(rgba(107, 123, 191, 0.3)), to(rgba(120, 136, 203, 0.3)), color-stop(0.7, rgba(120, 136, 203, 0.3)));
  background: url(mts_survey/custom_checkbox.png) no-repeat 10px 2px, -moz-linear-gradient(90deg, rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3) 50%);
  background: url(mts_survey/custom_checkbox.png) no-repeat 10px 2px, -o-linear-gradient(rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3));
  background: url(mts_survey/custom_checkbox.png) no-repeat 10px 2px, linear-gradient(rgba(107, 123, 191, 0.3), rgba(120, 136, 203, 0.3));
}
.dashboard_form input:hover + span:after {
  border: 1px solid #6f7d96;
  -webkit-box-shadow: inset 0px 0px 50px 0px #959ad8;
  -moz-box-shadow: inset 0px 0px 50px 0px #959ad8;
  box-shadow: inset 0px 0px 50px 0px #959ad8;
}
.dashboard_form input[type=radio]:checked + span:after {
  background: #39419b url(mts_survey/custom_checkbox.png) center -98px no-repeat;
  background: url(mts_survey/custom_checkbox.png) no-repeat 10px -98px, -webkit-gradient(linear, left top, left bottom, from(#39419b), to(#2b3176), color-stop(0.7, #2b3176));
  background: url(mts_survey/custom_checkbox.png) no-repeat 10px -98px, -moz-linear-gradient(90deg, #39419b, #2b3176 50%);
  background: url(mts_survey/custom_checkbox.png) no-repeat 10px -98px, -o-linear-gradient(#39419b, #2b3176);
  background: url(mts_survey/custom_checkbox.png) no-repeat 10px -98px, linear-gradient(#39419b, #2b3176);
  color: #fff;
  border: 1px solid #39419b;
  -webkit-box-shadow: 0px 0px 6px 0px #2b3176;
  -moz-box-shadow: 0px 0px 6px 0px #2b3176;
  box-shadow: 0px 0px 6px 0px #2b3176;
}
.dashboard .button,
.dashboard_form .button,
.dashboard .add_button,
.dashboard_form .add_button {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 10px 10px auto auto;
  padding: 4px 12px 4px 12px;
  font: 16px/18px Arial, sans-serif;
  color: white;
  text-align: center;
  text-decoration: none;
  background: #51555c;
  border: 1px solid #393c41;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: right;
}
.dashboard #resend_welcome,
.dashboard_form #resend_welcome {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 5px 10px auto auto;
  padding: 4px 12px 4px 12px;
  font: 16px/16px Arial, sans-serif;
  color: white;
  text-align: center;
  text-decoration: none;
  background: #51555c;
  -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dashboard #resend_welcome:before,
.dashboard_form #resend_welcome:before {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 0px;
  height: 0px;
  margin: -5px 0px 0px -32px;
  border-right: 20px solid #51555c;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  display: inline-block;
  vertical-align: top;
}
.dashboard input[value=Save],
.dashboard_form input[value=Save],
.dashboard .cancel_action,
.dashboard_form .cancel_action,
.dashboard .withdraw,
.dashboard_form .withdraw {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 20px 20px 10px auto;
  padding: 6px 19px 6px 19px;
  font: 18px/20px Arial, sans-serif;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0px -1px 0px #212326;
  background: #212326;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px 0px 40px #393c41, 0px 0px 0px 1px #696e77;
  -moz-box-shadow: inset 0px 0px 40px #393c41, 0px 0px 0px 1px #696e77;
  box-shadow: inset 0px 0px 40px #393c41, 0px 0px 0px 1px #696e77;
  border: 1px solid #393c41;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dashboard .withdraw,
.dashboard_form .withdraw {
  text-shadow: 0px -1px 0px #661800;
  background: #661800;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px 0px 40px #992400, 0px 0px 0px 1px #ff3c00;
  -moz-box-shadow: inset 0px 0px 40px #992400, 0px 0px 0px 1px #ff3c00;
  box-shadow: inset 0px 0px 40px #992400, 0px 0px 0px 1px #ff3c00;
  border: 1px solid #992400;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.dashboard .withdraw,
.dashboard_form .withdraw {
  float: right;
}
.dashboard .cancel_action,
.dashboard_form .cancel_action,
.dashboard .save,
.dashboard_form .save {
  float: left;
}
.dashboard input[value=Save]:hover,
.dashboard_form input[value=Save]:hover {
  background: #00a332;
  -webkit-box-shadow: inset 0px 0px 40px #00ef49, 0px 0px 0px 3px #00bc3a;
  -moz-box-shadow: inset 0px 0px 40px #00ef49, 0px 0px 0px 3px #00bc3a;
  box-shadow: inset 0px 0px 40px #00ef49, 0px 0px 0px 3px #00bc3a;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.dashboard .cancel_action:hover,
.dashboard_form .cancel_action:hover,
.dashboard .withdraw:hover,
.dashboard_form .withdraw:hover {
  background: #e63600;
  border: 1px solid #661800;
  -webkit-box-shadow: inset 0px 0px 40px #ff6333, 0px 0px 0px 3px #ff3c00;
  -moz-box-shadow: inset 0px 0px 40px #ff6333, 0px 0px 0px 3px #ff3c00;
  box-shadow: inset 0px 0px 40px #ff6333, 0px 0px 0px 3px #ff3c00;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.dashboard .add_button,
.dashboard_form .add_button {
  margin: auto auto 4px 10px;
  background: #333;
  border: 1px solid black;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dashboard .logout,
.dashboard_form .logout,
.dashboard .restart,
.dashboard_form .restart {
  background: #cc3000;
  border: 1px solid #661800;
}
.dashboard .open_dialog,
.dashboard_form .open_dialog {
  cursor: pointer;
}
.dashboard .edit_me,
.dashboard_form .edit_me {
  padding-left: 15px;
}
.dashboard .edit_me:before,
.dashboard_form .edit_me:before {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin: -1px auto auto -28px;
  background: #60829f url("../img/edit_icon.png") no-repeat 3px -2px;
  border: 1px solid #efc205;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dashboard .edit_me:hover,
.dashboard_form .edit_me:hover {
  padding-left: 15px;
  color: #d6ad00;
}
/*                               \^/
                  _     _|_     _|=|_     _|_     _
       ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
----------------------------------"----------------------------------
                                   FONTS                           */
@font-face {
  font-family: 'agane_regular';
  src: url('molengo-regular-webfont.woff2') format('woff2'), url('molengo-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 3, 2017 */
@font-face {
  font-family: 'agane_light';
  src: url('agane_45_light-webfont.woff2') format('woff2'), url('agane_45_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aganes_regular';
  src: url('agane_55_roman_sign-webfont.woff2') format('woff2'), url('agane_55_roman_sign-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'agane_regular';
  src: url('agane_55_roman-webfont.woff2') format('woff2'), url('agane_55_roman-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aganes_bold';
  src: url('agane_65_bold_sign-webfont.woff2') format('woff2'), url('agane_65_bold_sign-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'agane_bold';
  src: url('agane_65_bold-webfont.woff2') format('woff2'), url('agane_65_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aganes_extra_bold';
  src: url('agane_75_extra_bold_sign-webfont.woff2') format('woff2'), url('agane_75_extra_bold_sign-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aganextra_bold';
  src: url('agane_75_extra_bold-webfont.woff2') format('woff2'), url('agane_75_extra_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}