.alpha-00 { opacity: 0; }
.alpha-10 { opacity: 0.1; }
.alpha-20 { opacity: 0.2; }
.alpha-30 { opacity: 0.3; }
.alpha-40 { opacity: 0.4; }
.alpha-50 { opacity: 0.5; }
.alpha-60 { opacity: 0.6; }
.alpha-70 { opacity: 0.7; }
.alpha-80 { opacity: 0.8; }
.alpha-90 { opacity: 0.9; }
.alpha-100 { opacity: 1; }
/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.badge {
  position: absolute;
  top: -8px;
  right: -0.5rem;
  font-size: 0.6rem;
  background-color: rgb(255, 46, 136);
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  border-radius: 7.1px;
  color: white;
  font-weight: 600;
  min-width: 20px;
  text-align: center;
}
.company-delete-container {
  position: absolute;
  top: 0px;
  right: 0px;
}
textarea#company_note {
  /*
    textarea height = 0.4 + (1.2 * lineCount)
    for now, 3em is ~ 2 lines
  */
  height: 3em;
  width: 100%;
  border: 1px solid #e8e9f0;
}
.bookmark-event-text, .flex > .bookmark-event-text {
  font-size: 0.75rem;
}

.widget-container .progress {
}

.widget-container .total-count {
  margin: 0px;
  padding: 0px;
}

.widget-row {
  height: 50%;
  width: 100%;
}

.widget {
  display: grid;
  grid-template-rows: 30px 70px 20px;
  width: 100%;
  height: fit-content;
}

.widget.sub-section {
  padding: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.widget .title {
  display: flex;
  align-items: center;
}
.widget-content {
  height: 100%;
  display: flex;
  justify-content: center;
}
.widget-content > div {
  height: 100%;
}
.widget .subtitle {
  display: flex;
  align-items: center;
}
.event-delete-container {
  align-content: center;
}
.open-event-form-button {
  cursor: pointer;
  position: relative;
  margin-top: -15px;
  margin-left: -10px;
}

.close-event-form-button {
  cursor: pointer;
  position: relative;
  margin-top: -15px;
  margin-left: -10px;
}

.date-input {
  border: 1px solid #e8e9f0;
  border-radius: 3px;
  padding: 8.5px;
}

.event-form-wrapper form {
  width: 100%;
}
.flex {
  display: flex;
}
.flex > * {
  margin-left: 2px;
  margin-right: 2px;
}
.flex > .push-right {
  margin-left: auto;
}
.flex.row {
  margin: 0px;
  flex-direction: row;
}
.flex.column {
  margin: 0px;
  flex-direction: column;
}
.flex.left {
  justify-content: flex-start;
}
.flex.right {
  justify-content: flex-end;
}
.flex.spread {
  justify-content: space-between;
}
.flex.space {
  justify-content: space-around;
}
.flex.vspace {
  height: 100%;
  justify-content: space-evenly;
}
.flex.align-center {
  align-items: center;
}

.flex-basis-1 { flex-basis: 12.5%; }
.flex-basis-2 { flex-basis: 25%; }
.flex-basis-3 { flex-basis: 37.5%; }
.flex-basis-4 { flex-basis: 50%; }
.flex-basis-5 { flex-basis: 62.5%; }
.flex-basis-6 { flex-basis: 75%; }
.flex-basis-7 { flex-basis: 87.5%; }
.flex-basis-8 { flex-basis: 100%; }

.flex-grow-0 { flex-grow: 0; }
.flex-grow-1 { flex-grow: 1; }
.flex-grow-2 { flex-grow: 2; }
.flex-grow-3 { flex-grow: 3; }
.flex-grow-4 { flex-grow: 4; }
.flex-grow-5 { flex-grow: 5; }
.flex-grow-6 { flex-grow: 6; }
.flex-grow-7 { flex-grow: 7; }
.flex-grow-8 { flex-grow: 8; }
.flex-grow-9 { flex-grow: 9; }
.flex-grow-10 { flex-grow: 10; }
.flex-grow-11 { flex-grow: 11; }
.flex-grow-12 { flex-grow: 12; }
.flex-grow-13 { flex-grow: 13; }
.flex-grow-14 { flex-grow: 14; }
.flex-grow-15 { flex-grow: 15; }
.flex-grow-16 { flex-grow: 16; }
html{font-size:12px}*{box-sizing:border-box;text-rendering:geometricPrecision}body{font-size:1rem;line-height:1.5rem;margin:0;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;word-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.3em}fieldset{border:none;padding:0;margin:0}pre{padding:2rem;margin:1.75rem 0;background-color:#fff;border:1px solid #ccc;overflow:auto}code[class*=language-],pre[class*=language-],pre code{font-weight:100;text-shadow:none;margin:1.75rem 0}a{cursor:pointer;color:#ff2e88;text-decoration:none;border-bottom:1px solid #ff2e88}a:hover{background-color:#ff2e88;color:#fff}.grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid.\-top{-ms-flex-align:start;align-items:flex-start}.grid.\-middle{-ms-flex-align:center;align-items:center}.grid.\-bottom{-ms-flex-align:end;align-items:flex-end}.grid.\-stretch{-ms-flex-align:stretch;align-items:stretch}.grid.\-baseline{-ms-flex-align:baseline;align-items:baseline}.grid.\-left{-ms-flex-pack:start;justify-content:flex-start}.grid.\-center{-ms-flex-pack:center;justify-content:center}.grid.\-right{-ms-flex-pack:end;justify-content:flex-end}.grid.\-between{-ms-flex-pack:justify;justify-content:space-between}.grid.\-around{-ms-flex-pack:distribute;justify-content:space-around}.cell{-ms-flex:1;flex:1;box-sizing:border-box}@media screen and (min-width:768px){.cell.\-1of12{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}.cell.\-2of12{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}.cell.\-3of12{-ms-flex:0 0 25%;flex:0 0 25%}.cell.\-4of12{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}.cell.\-5of12{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%}.cell.\-6of12{-ms-flex:0 0 50%;flex:0 0 50%}.cell.\-7of12{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%}.cell.\-8of12{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%}.cell.\-9of12{-ms-flex:0 0 75%;flex:0 0 75%}.cell.\-10of12{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%}.cell.\-11of12{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%}}@media screen and (max-width:768px){.grid{-ms-flex-direction:column;flex-direction:column}.cell{-ms-flex:0 0 auto;flex:0 0 auto}}.hack,.hack blockquote,.hack code,.hack em,.hack h1,.hack h2,.hack h3,.hack h4,.hack h5,.hack h6,.hack strong{font-size:1rem;font-style:normal;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}.hack blockquote,.hack code,.hack em,.hack strong{line-height:20px}.hack blockquote,.hack code,.hack footer,.hack h1,.hack h2,.hack h3,.hack h4,.hack h5,.hack h6,.hack header,.hack li,.hack ol,.hack p,.hack section,.hack ul{float:none;margin:0;padding:0}.hack blockquote,.hack h1,.hack ol,.hack p,.hack ul{margin-top:20px;margin-bottom:20px}.hack h1{position:relative;display:inline-block;display:table-cell;padding:20px 0 30px;margin:0;overflow:hidden}.hack h1:after{content:"====================================================================================================";position:absolute;bottom:10px;left:0}.hack h1+*{margin-top:0}.hack h2,.hack h3,.hack h4,.hack h5,.hack h6{position:relative;margin-bottom:1.75rem}.hack h2:before,.hack h3:before,.hack h4:before,.hack h5:before,.hack h6:before{display:inline}.hack h2:before{content:"## "}.hack h3:before{content:"### "}.hack h4:before{content:"#### "}.hack h5:before{content:"##### "}.hack h6:before{content:"###### "}.hack li{position:relative;display:block;padding-left:20px}.hack li:after{position:absolute;top:0;left:0}.hack ul>li:after{content:"-"}.hack ol{counter-reset:a}.hack ol>li:after{content:counter(a) ".";counter-increment:a}.hack ol li:nth-child(n+10):after{left:-7px}.hack blockquote{position:relative;padding-left:17px;padding-left:2ch;overflow:hidden}.hack blockquote:after{content:">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";white-space:pre;position:absolute;top:0;left:0;line-height:20px}.hack em:after,.hack em:before{content:"*";display:inline}.hack pre code:after,.hack pre code:before{content:""}.hack code{font-weight:700}.hack code:after,.hack code:before{content:"`";display:inline}.hack hr{position:relative;height:20px;overflow:hidden;border:0;margin:20px 0}.hack hr:after{content:"----------------------------------------------------------------------------------------------------";position:absolute;top:0;left:0;line-height:20px;width:100%;word-wrap:break-word}@-moz-document url-prefix(){.hack h1{display:block}}.hack-ones ol>li:after{content:"1."}p{margin:0 0 1.75rem}.container{max-width:70rem}.container,.container-fluid{margin:0 auto;padding:0 1rem}.inner{padding:1rem}.inner2x{padding:2rem}.pull-left{float:left}.pull-right{float:right}.progress-bar{height:8px;opacity:.8;background-color:#ccc;margin-top:12px}.progress-bar.progress-bar-show-percent{margin-top:38px}.progress-bar-filled{background-color:gray;height:100%;transition:width .3s ease;position:relative;width:0}.progress-bar-filled:before{content:"";border:6px solid transparent;border-top-color:gray;position:absolute;top:-12px;right:-6px}.progress-bar-filled:after{color:gray;content:attr(data-filled);display:block;font-size:12px;white-space:nowrap;position:absolute;border:6px solid transparent;top:-38px;right:0;-ms-transform:translateX(50%);transform:translateX(50%)}table{width:100%;border-collapse:collapse;margin:1.75rem 0;color:#778087}table td,table th{vertical-align:top;line-height:15px;padding:10px}table thead th{font-size:10px}table tbody td:first-child{font-weight:700;color:#333}.form{width:30rem}.form-group{margin-bottom:1.75rem;overflow:auto}.form-group label{border-bottom:2px solid #ccc;color:#333;width:10rem;display:inline-block;height:38px;line-height:38px;padding:0;float:left;position:relative}.form-group.form-success label{color:#4caf50!important;border-color:#4caf50!important}.form-group.form-warning label{color:#ff9800!important;border-color:#ff9800!important}.form-group.form-error label{color:#f44336!important;border-color:#f44336!important}.form-control{outline:none;border:none;border-bottom:2px solid #ccc;padding:.5rem 0;width:20rem;height:38px;background-color:transparent}.form-control:focus{border-color:#555}.form-group.form-textarea label:after{position:absolute;content:"";width:2px;background-color:#fff;right:-2px;top:0;bottom:0}textarea.form-control{height:auto;resize:none;padding:1rem 0;border-bottom:2px solid #ccc;border-left:2px solid #ccc;padding:.5rem}select.form-control{border-radius:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none}.help-block{color:#999;margin-top:.5rem}.form-actions{margin-bottom:1.75rem}.btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;outline:none;padding:.65rem 2rem;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;z-index:1}.btn:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}.btn.btn-ghost{border-color:#757575;color:#757575;background-color:transparent}.btn.btn-ghost:focus,.btn.btn-ghost:hover{border-color:#424242;color:#424242;z-index:2}.btn.btn-ghost:hover{background-color:transparent}.btn-block{width:100%;display:-ms-flexbox;display:flex}.btn-default{color:#fff;background-color:#e0e0e0;border:1px solid #e0e0e0;color:#333}.btn-default:focus:not(.btn-ghost),.btn-default:hover{background-color:#dcdcdc;border-color:#dcdcdc}.btn-success{color:#fff;background-color:#4caf50;border:1px solid #4caf50}.btn-success:focus:not(.btn-ghost),.btn-success:hover{background-color:#43a047;border-color:#43a047}.btn-success.btn-ghost{border-color:#4caf50;color:#4caf50}.btn-success.btn-ghost:focus,.btn-success.btn-ghost:hover{border-color:#388e3c;color:#388e3c;z-index:2}.btn-error{color:#fff;background-color:#f44336;border:1px solid #f44336}.btn-error:focus:not(.btn-ghost),.btn-error:hover{background-color:#e53935;border-color:#e53935}.btn-error.btn-ghost{border-color:#f44336;color:#f44336}.btn-error.btn-ghost:focus,.btn-error.btn-ghost:hover{border-color:#d32f2f;color:#d32f2f;z-index:2}.btn-warning{color:#fff;background-color:#ff9800;border:1px solid #ff9800}.btn-warning:focus:not(.btn-ghost),.btn-warning:hover{background-color:#fb8c00;border-color:#fb8c00}.btn-warning.btn-ghost{border-color:#ff9800;color:#ff9800}.btn-warning.btn-ghost:focus,.btn-warning.btn-ghost:hover{border-color:#f57c00;color:#f57c00;z-index:2}.btn-info{color:#fff;background-color:#00bcd4;border:1px solid #00bcd4}.btn-info:focus:not(.btn-ghost),.btn-info:hover{background-color:#00acc1;border-color:#00acc1}.btn-info.btn-ghost{border-color:#00bcd4;color:#00bcd4}.btn-info.btn-ghost:focus,.btn-info.btn-ghost:hover{border-color:#0097a7;color:#0097a7;z-index:2}.btn-primary{color:#fff;background-color:#2196f3;border:1px solid #2196f3}.btn-primary:focus:not(.btn-ghost),.btn-primary:hover{background-color:#1e88e5;border-color:#1e88e5}.btn-primary.btn-ghost{border-color:#2196f3;color:#2196f3}.btn-primary.btn-ghost:focus,.btn-primary.btn-ghost:hover{border-color:#1976d2;color:#1976d2;z-index:2}.btn-group{overflow:auto}.btn-group .btn{float:left}.btn-group .btn-ghost:not(:first-child){margin-left:-1px}.card{border:1px solid #ccc}.card .card-header{color:#333;text-align:center;background-color:#ddd;padding:.5rem 0}.alert{color:#ccc;padding:1rem;border:1px solid #ccc;margin-bottom:1.75rem}.alert-success{color:#4caf50;border-color:#4caf50}.alert-error{color:#f44336;border-color:#f44336}.alert-info{color:#00bcd4;border-color:#00bcd4}.alert-warning{color:#ff9800;border-color:#ff9800}.media:not(:last-child){margin-bottom:1.25rem}.media-left{padding-right:1rem}.media-left,.media-right{display:table-cell;vertical-align:top}.media-right{padding-left:1rem}.media-body{display:table-cell;vertical-align:top}.media-heading{font-size:1.16667rem;font-weight:700}.media-content{margin-top:.3rem}.avatarholder,.placeholder{background-color:#f0f0f0;text-align:center;color:#b9b9b9;font-size:1rem;border:1px solid #f0f0f0}.avatarholder{width:48px;height:48px;line-height:46px;font-size:2rem;background-size:cover;background-position:50%;background-repeat:no-repeat}.avatarholder.rounded{border-radius:33px}.loading{display:inline-block;content:" ";height:20px;width:20px;margin:0 .5rem;animation:a .6s infinite linear;border:2px solid #e91e63;border-right-color:transparent;border-radius:50%}.btn .loading{margin-bottom:0;width:14px;height:14px}.btn div.loading{float:left}.alert .loading{margin-bottom:-5px}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.menu{width:100%}.menu .menu-item{display:block;color:#616161;border-color:#616161}.menu .menu-item.active,.menu .menu-item:hover{color:#000;border-color:#000;background-color:transparent}@media screen and (max-width:768px){.form-group label{display:block;border-bottom:none;width:100%}.form-group.form-textarea label:after{display:none}.form-control{width:100%}textarea.form-control{border-left:none;padding:.5rem 0}pre::-webkit-scrollbar{height:3px}}@media screen and (max-width:480px){.form{width:100%}}
.icon-button {
  background-color: unset;
  border: none;
  box-shadow: none;
  margin: 5px;
  padding: 5px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: contrast(0.5);
}

.icon-button:hover {
  background-color: unset;
}

.icon-button.pending:hover,
.icon-button:hover,
.icon-button.active {
  filter: brightness(0) saturate(100%) invert(35%) sepia(52%) saturate(2752%) hue-rotate(314deg) brightness(101%) contrast(84%);
}

.icon-button.pending {
  filter: brightness(0) saturate(100%) invert(34%) sepia(99%) saturate(2863%) hue-rotate(196deg) brightness(99%) contrast(88%);
}

.icon-no-button {
  filter: contrast(0.5);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font: inherit;
	font-size: 100%;

	margin: 0;
	padding: 0;

	vertical-align: baseline; 

	border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-spacing: 0; 
	border-collapse: collapse;
}

html {
	font-family: sans-serif;
	line-height: 1.15;

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}

body {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6;

	margin: 0;

	color: #2f3542;
	background-color: #ffffff;

	direction: ltr;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;

	color: rgb(255, 46, 136);
	background-color: transparent;

	-webkit-text-decoration-skip: objects;
}
a:hover {
	text-decoration: none; 

	color: #2f3542;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.5;

	margin: 0 0 10px; 

	color: #2f3542;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-size: 85%;
	font-weight: normal;
	line-height: 1.5; 

	color: #555555;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.25rem;
}

h5 {
	font-size: 1rem;
}

h6 {
	font-size: .875rem;
}

p {
	font-family: inherit;
	font-weight: normal;

	margin: 0 0 10px 0; 

	color: #2f3542;
}

mark {
	padding: 1px 3px; 

	color: #2f3542;
	background: #fbffeb;
}

b,
strong {
	font-weight: bold;
}

code {
	font-family: "Courier New", monospace;
	font-size: 100%;

	padding: 3px 5px;

	color: #ffffff;
	border-radius: 3px;
	background: #333333;

	direction: ltr !important;
}

ol,
ul {
	margin-bottom: 10px; 
	padding-left: 20px;
}
ol li,
ul li {
	padding-left: 10px;
}

ol {
	list-style: decimal;
}

ul {
	list-style: circle;
}

hr {
	display: inline-block;

	width: 100%;
	margin: 20px 0; 

	border: 0;
	border-top: 1px solid #e1e4ec;
}

.container {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin-right: -15px;
	margin-left: -15px;
}
@media (max-width: 767px) {
	.row {
		display: block;
	}
}

.col {
	padding-right: 15px;
	padding-left: 15px; 

	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
}
@media (max-width: 767px) {
	.col {
		width: 100%;
	}
}

.col-1 {
	max-width: 8.33333%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 8.33333%;
	    flex: 0 0 8.33333%;
}

.col-2 {
	max-width: 16.66667%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.66667%;
	    flex: 0 0 16.66667%;
}

.col-3 {
	max-width: 25%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	    flex: 0 0 25%;
}

.col-4 {
	max-width: 33.33333%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33333%;
	    flex: 0 0 33.33333%;
}

.col-5 {
	max-width: 41.66667%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.66667%;
	    flex: 0 0 41.66667%;
}

.col-6 {
	max-width: 50%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
}

.col-7 {
	max-width: 58.33333%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.33333%;
	    flex: 0 0 58.33333%;
}

.col-8 {
	max-width: 66.66667%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.66667%;
	    flex: 0 0 66.66667%;
}

.col-9 {
	max-width: 75%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	    flex: 0 0 75%;
}

.col-10 {
	max-width: 83.33333%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.33333%;
	    flex: 0 0 83.33333%;
}

.col-11 {
	max-width: 91.66667%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.66667%;
	    flex: 0 0 91.66667%;
}

.col-12 {
	max-width: 100%; 

	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	padding-right: 15px;
	padding-left: 15px;
}
@media (max-width: 767px) {
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		width: 100%;
		max-width: none;
	}
}

input[type=submit],
.button,
button,
button[type=submit],
button[type=reset],
button[type=button] {
	font-family: inherit;
	font-size: .8125rem;
	font-weight: normal;
	font-style: normal;
	line-height: 1.1;

	display: inline-block;

	height: 36px;
	padding: .625rem 1rem;
  margin-top: 5px;
  margin-bottom: 5px;

	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	text-align: center;
	text-align: center; 
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	text-transform: none;

	color: #ffffff;
	border: 0;
	border-radius: 3px;
	outline: 0;
	background: rgb(255, 46, 136);
	-webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, .1);
	        box-shadow: 0 1px 1px rgba(90, 90, 90, .1);
	text-shadow: none;

	will-change: "";
	-webkit-tap-highlight-color: transparent;
}
input[type=submit]:hover,
.button:hover,
button:hover,
button[type=submit]:hover,
button[type=reset]:hover,
button[type=button]:hover {
	background: rgb(200 27 101);
}
.button:active,
button:active,
button[type=submit]:active,
button[type=reset]:active,
button[type=button]:active {
	-webkit-box-shadow: inset rgba(0, 0, 0, .125) 0 3px 5px, 0 2px 2px transparent;
	        box-shadow: inset rgba(0, 0, 0, .125) 0 3px 5px, 0 2px 2px transparent;
}
input[type=submit]:focus {
  font-weight: bold;
}
.button:focus,
button:focus,
button[type=submit]:focus,
button[type=reset]:focus,
button[type=button]:focus {
	outline: 0;
}
.button:disabled,
button:disabled,
button[type=submit]:disabled,
button[type=reset]:disabled,
button[type=button]:disabled {
	cursor: default;
	pointer-events: none;

	opacity: .6;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.button.alt,
button.alt,
button[type=submit].alt,
button[type=reset].alt,
button[type=button].alt {
	color: rgb(255, 46, 136); 
	border: 1px solid rgb(255, 46, 136);
	background: none;
}
.button.alt:hover,
button.alt:hover,
button[type=submit].alt:hover,
button[type=reset].alt:hover,
button[type=button].alt:hover {
	color: #ffffff; 
	background: rgb(255, 46, 136);
}
.button.block,
button.block,
button[type=submit].block,
button[type=reset].block,
button[type=button].block {
	width: 100%;
}
.button.small,
button.small,
button[type=submit].small,
button[type=reset].small,
button[type=button].small {
	font-size: .6875rem;
	font-weight: normal;

	height: 24px;
	padding: .3125rem .5rem;
}
.button.large,
button.large,
button[type=submit].large,
button[type=reset].large,
button[type=button].large {
	font-size: 1rem;
	line-height: 1;

	height: 46px;
	padding: .875rem 1.375rem;
}

.alert {
	position: relative; 

	width: 100%;
	margin-bottom: 1rem;
	padding: .875rem 1.125rem;

	border: 1px solid #f1f2f6;
	border-left: 4px solid rgb(255, 46, 136);
	border-radius: 3px;
	background: #ffffff;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	        box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}
.alert p {
	color: inherit;
}
.alert p:last-child {
	margin-bottom: 0;
}
.alert.success {
	color: #23ad5c;
	border-left-color: #2ed573;
}
.alert.error {
	color: #ff4757;
	border-left-color: #ff4757;
}
.alert.danger {
	color: #e89500;
	border-left-color: #ffa502;
}

table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px; 

	border-spacing: 0;
	border-collapse: collapse;

	border-radius: 0;
	background: #ffffff;
}
table thead,
table tfoot {
	background: #fafafa;
}
table thead td,
table thead th,
table tfoot td,
table tfoot th {
	color: #2f3542;
	border-top: 0;
	border-bottom: 0;
}
table thead {
	border-bottom: 1px solid #e8e9f0;
}
table tfoot {
	border-top: 1px solid #e8e9f0;
}
table td,
table th {
	font-size: .875rem; 

	padding: 10px 8px;

	text-align: left;
	vertical-align: middle;

	border-bottom: 1px solid #e8e9f0;
}
table th {
	font-weight: bold;

	color: #2f3542;
}
table.bordered {
	border: 1px solid #e8e9f0;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	        box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}
table.bordered td,
table.bordered th {
	border: 1px solid #e8e9f0;
}

label {
	font-size: .875rem;
	font-weight: normal;

	display: block;

	max-width: 100%;
	margin-bottom: 5px;

	color: #2f3542;
}

form textarea,
textarea[form]:not([form=""]),
input[type=text],
input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=tel],
input[type=url],
input[type=search] {
	font-family: inherit;
	font-size: .8125rem;
	font-weight: normal;
	line-height: inherit;

	position: relative;

	display: block;

	width: 100%;
	max-width: 100%;
	height: 36px;
	margin: 0;
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding: .5rem .5rem;

	color: #555555;
	border: 1px solid #e8e9f0;
	border-radius: 3px;
	outline: 0;
	background-color: #ffffff;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=file]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=url]:hover,
input[type=search]:hover {
	border-color: #c9cddc;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus {
	color: #000000;
	border-color: rgb(255, 46, 136);
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=file]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=search]:disabled {
	cursor: not-allowed; 

	opacity: .7;
	border-color: #dddddd;
	background: #eeeeee;
}
input[type=text].success,
input[type=email].success,
input[type=file].success,
input[type=number].success,
input[type=password].success,
input[type=tel].success,
input[type=url].success,
input[type=search].success {
	border-color: #2ed573;
	background: #edfbf3;
}
input[type=text].error,
input[type=email].error,
input[type=file].error,
input[type=number].error,
input[type=password].error,
input[type=tel].error,
input[type=url].error,
input[type=search].error {
	border-color: #ff4757;
	background: white;
}
input[type=text].warning,
input[type=email].warning,
input[type=file].warning,
input[type=number].warning,
input[type=password].warning,
input[type=tel].warning,
input[type=url].warning,
input[type=search].warning {
	border-color: #ffa502;
	background: #fff7e8;
}

input[type="checkbox"],
input[type="radio"] {
	display: inline;

	margin-bottom: 10px;
}

.clearfix:after {
	font-size: 0;

	display: block;
	visibility: hidden;
	clear: both;

	height: 0; 

	content: " ";
}

.d-n {
	display: none !important;
}

.d-i {
	display: inline !important;
}

.d-b {
	display: block !important;
}

.d-ib {
	display: inline-block !important;
}

.d-t {
	display: table !important;
}

.d-tc {
	display: table-cell !important;
}

.d-f {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-if {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

.d-li {
	display: list-item !important;
}

.v-v {
	visibility: visible !important;
}

.v-h {
	visibility: hidden !important;
}

.f-l {
	float: left !important;
}

.f-r {
	float: right !important;
}

.f-n {
	float: none !important;
}

.dir-rtl {
	direction: rtl !important;
}

.dir-ltr {
	direction: ltr !important;
}

.ta-l {
	text-align: left !important;
}

.ta-r {
	text-align: right !important;
}

.ta-c {
	text-align: center !important;
}

.ta-j {
	text-align: justify !important;
}
.lead-referrer-autofill-wait {
  visibility: hidden;
  position: relative;
  height: 0px;
  width: 0px;
}
.lead-referrer-autofill-wait img {
  position: absolute;
  top: -38px;
  left: 2px;
  width: 10px;
  height: 10px;
}
.lead-delete-container {
  position: absolute;
  top: 0px;
  right: 0px;
}
.leads-show-status {
  position: absolute;
  top: -1px;
  left: 5px;
  color: rgb(180, 180, 180);
}
.closed {
  text-decoration: line-through;
  color: rgb(180, 180, 180);
}
.switch-container {
  position: absolute;
  right: 0px;
}

.tool:has(> .switch-container) {
  position: absolute;
  top: 6px;
  right: 40px;
}
.leads-table .title {
}

.leads-table .subtitle {
}
.modal-background {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}

.modal-content {
  background-color: white;
  border-radius: 5px;
}
.nav {
  padding-left: 18px;
  padding-right: 18px;

  z-index: 1;
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;

  background-color: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(5px);
}
.nav + div {
  margin-top: 50px;
}

.active-nav-link {
  border-bottom: solid 2px;
  border-top: solid 2px transparent;
}

.nav .progress {
  height: 36px;
}
.question textarea {
  resize: vertical;
  min-height: 3em;
}
#questions-search-results .results-count {
  font-size: small;
}

#questions-search-results mark {
  font-weight: bold;
  color: rgb(255, 46, 136);
  background-color: #f4f4f4;
}
.margin-0 { margin: 0px }
.margin-1 { margin: 1px }
.margin-2 { margin: 2px }
.margin-3 { margin: 3px }
.margin-4 { margin: 4px }
.margin-5 { margin: 5px }
.margin-6 { margin: 6px }
.margin-7 { margin: 7px }
.margin-8 { margin: 8px }
.margin-9 { margin: 9px }
.margin-10 { margin: 10px }
.margin-11 { margin: 11px }
.margin-12 { margin: 12px }
.margin-13 { margin: 13px }
.margin-14 { margin: 14px }
.margin-15 { margin: 15px }
.margin-16 { margin: 16px }
.margin-17 { margin: 17px }
.margin-18 { margin: 18px }
.margin-19 { margin: 19px }
.margin-20 { margin: 20px }

.padding-0 { padding: 0px }
.padding-1 { padding: 1px }
.padding-2 { padding: 2px }
.padding-3 { padding: 3px }
.padding-4 { padding: 4px }
.padding-5 { padding: 5px }
.padding-6 { padding: 6px }
.padding-7 { padding: 7px }
.padding-8 { padding: 8px }
.padding-9 { padding: 9px }
.padding-10 { padding: 10px }
.padding-11 { padding: 11px }
.padding-12 { padding: 12px }
.padding-13 { padding: 13px }
.padding-14 { padding: 14px }
.padding-15 { padding: 15px }
.padding-16 { padding: 16px }
.padding-17 { padding: 17px }
.padding-18 { padding: 18px }
.padding-19 { padding: 19px }
.padding-20 { padding: 20px }
.switch-track {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch-track input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
}

.switch:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 1px;
  top: 2px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .1s;
  transition: .1s;
}

input:checked + .switch {
  background-color: rgb(255, 46, 136);
}

input:focus + .switch {
  box-shadow: 0 0 1px rgb(255, 46, 136);
}

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

.switch {
  border-radius: 34px;
}

.switch:before {
  border-radius: 50%;
}
.tab-container > .section {
  margin-top: 0px;
}

.tab-container .tab-select {
  margin-left: 20px;
}

.tab-container .tab-label {
  margin: 10px;
  font-size: 0.9em;
  font-weight: 400;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.tab-container .tab-label.active {
  background: rgb(238 238 238);
  font-weight: 500;
}

.tab-container .tab-label:hover {
  cursor: pointer;
}

.tab-container .tab-section {
  display: none;
}

.tab-container .tab-section.active {
  display: block;
}
.tool {
  position: relative;
  display: inline-block;
}

.tool .tip {
  visibility: hidden;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  opacity: 0;
  transition: opacity 1s;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: normal;
  font-style: normal;

  width: max-content;
  left: 50%;
  transform: translate(-50%, 0%);
}

.tool:hover .tip {
  visibility: visible;
  opacity: 1;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

body {
  display: flex;
  justify-content: center;
}

.main {
  width: 1000px;
}

.notice {
  border-radius: 5px;
  margin: 5px;
  padding: 0px 5px 0px 5px;
}
p.notice::before {
  content: "✔ ";
  color: rgb(255, 46, 136);
}

button.small-button, input[type=submit].small-button {
  height: 17px;
  line-height: 0;
}

input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
}

.title {
  font-weight: bold;
}

.section {
  border: solid 1px rgb(209 209 209);
  border-radius: 10px;
  padding: 20px;
  margin: 20px;
}

.sub-section {
  border: solid 1px rgb(209 209 209);
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: .875rem;
  line-height: 1.25rem;
}

.galileo {
  position: relative;
}

.full-width {
  width: 100%;
}

.no-margins {
  margin: 0px;
}

.no-border {
  border: none;
}

pre.wrap {
  text-wrap: wrap;
}

.rotate90 {
  display: inline-block;
  transform: rotate(90deg);
}

.rotate180 {
  display: inline-block;
  transform: rotate(90deg);
}

.rotate270 {
  display: inline-block;
  transform: rotate(90deg);
}

.grayscale {
  filter: grayscale(100%);
}

.pinkscale {
  filter: brightness(0) saturate(100%) invert(35%) sepia(52%) saturate(2752%) hue-rotate(314deg) brightness(101%) contrast(84%);
}

.no-contrast {
  filter: contrast(0);
}