/* ==========================================================================
   Variables
   ==========================================================================
*/
/** Responsive size **/
/** Background colors **/
/** Skyhook Colors **/
/** Skyook Color Guide **/
/** Elements color */
/** Misc. Variables **/
/* ==========================================================================
   Typography
   ==========================================================================
*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@font-face {
  font-family: "Antenna";
  font-weight: bold;
  font-style: normal;
  src: url("/css/fonts/Antenna_bold.eot");
  src: url("/css/fonts/Antenna_bold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Antenna_bold.woff") format("woff"), url("/css/fonts/Antenna_bold.ttf") format("truetype"), url("/css/fonts/Antenna_bold.svg#Antenna") format("svg"); }

@font-face {
  font-family: "Antenna";
  font-weight: normal;
  font-style: normal;
  src: url("/css/fonts/Antenna_normal.eot");
  src: url("/css/fonts/Antenna_normal.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Antenna_normal.woff") format("woff"), url("/css/fonts/Antenna_normal.ttf") format("truetype"), url("/css/fonts/Antenna_normal.svg#Antenna") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 200;
  font-style: normal;
  src: url("/css/fonts/SourceSansPro-ExtraLight.eot");
  src: url("/css/fonts/SourceSansPro-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-ExtraLight.woff") format("woff"), url("/css/fonts/SourceSansPro-ExtraLight.ttf") format("truetype"), url("/css/fonts/SourceSansPro-ExtraLight.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 200;
  font-style: italic;
  src: url("/css/fonts/SourceSansPro-ExtraLightItalic.eot");
  src: url("/css/fonts/SourceSansPro-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-ExtraLightItalic.woff") format("woff"), url("/css/fonts/SourceSansPro-ExtraLightItalic.ttf") format("truetype"), url("/css/fonts/SourceSansPro-ExtraLightItalic.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-style: normal;
  src: url("/css/fonts/SourceSansPro-Light.eot");
  src: url("/css/fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-Light.woff") format("woff"), url("/css/fonts/SourceSansPro-Light.ttf") format("truetype"), url("/css/fonts/SourceSansPro-Light.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-style: italic;
  src: url("/css/fonts/SourceSansPro-LightItalic.eot");
  src: url("/css/fonts/SourceSansPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-LightItalic.woff") format("woff"), url("/css/fonts/SourceSansPro-LightItalic.ttf") format("truetype"), url("/css/fonts/SourceSansPro-LightItalic.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-style: normal;
  src: url("/css/fonts/SourceSansPro-Regular.eot");
  src: url("/css/fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-Regular.woff") format("woff"), url("/css/fonts/SourceSansPro-Regular.ttf") format("truetype"), url("/css/fonts/SourceSansPro-Regular.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-style: italic;
  src: url("/css/fonts/SourceSansPro-Italic.eot");
  src: url("/css/fonts/SourceSansPro-Italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-Italic.woff") format("woff"), url("/css/fonts/SourceSansPro-Italic.ttf") format("truetype"), url("/css/fonts/SourceSansPro-Italic.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-style: normal;
  src: url("/css/fonts/SourceSansPro-Semibold.eot");
  src: url("/css/fonts/SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-Semibold.woff") format("woff"), url("/css/fonts/SourceSansPro-Semibold.ttf") format("truetype"), url("/css/fonts/SourceSansPro-Semibold.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-style: italic;
  src: url("/css/fonts/SourceSansPro-SemiboldItalic.eot");
  src: url("/css/fonts/SourceSansPro-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-SemiboldItalic.woff") format("woff"), url("/css/fonts/SourceSansPro-SemiboldItalic.ttf") format("truetype"), url("/css/fonts/SourceSansPro-SemiboldItalic.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 700;
  font-style: normal;
  src: url("/css/fonts/SourceSansPro-Bold.eot");
  src: url("/css/fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-Bold.woff") format("woff"), url("/css/fonts/SourceSansPro-Bold.ttf") format("truetype"), url("/css/fonts/SourceSansPro-Bold.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 700;
  font-style: italic;
  src: url("/css/fonts/SourceSansPro-BoldItalic.eot");
  src: url("/css/fonts/SourceSansPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-BoldItalic.woff") format("woff"), url("/css/fonts/SourceSansPro-BoldItalic.ttf") format("truetype"), url("/css/fonts/SourceSansPro-BoldItalic.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 900;
  font-style: normal;
  src: url("/css/fonts/SourceSansPro-Black.eot");
  src: url("/css/fonts/SourceSansPro-Black.eot?#iefix") format("embedded-opentype"), url("/css/fonts/SourceSansPro-Black.woff") format("woff"), url("/css/fonts/SourceSansPro-Black.ttf") format("truetype"), url("/css/fonts/SourceSansPro-Black.svg#Source Sans Pro") format("svg"); }

@font-face {
  font-family: "Source Sans Pro";
  font-weight: 900;
  font-style: italic;
  src: url("/css/fonts/sourceSansPro-BlackItalic.eot");
  src: url("/css/fonts/sourceSansPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/sourceSansPro-BlackItalic.woff") format("woff"), url("/css/fonts/sourceSansPro-BlackItalic.ttf") format("truetype"), url("/css/fonts/sourceSansPro-BlackItalic.svg#Source Sans Pro") format("svg"); }

/* ==========================================================================
   Mixins
   ==========================================================================
*/
/* ==========================================================================
   Base
   ==========================================================================
*/
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 100%; }

body {
  position: relative;
  margin: 0;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 1.42857143; }

html, body {
  height: 100%;
  background-color: #fff; }

button,
input,
optgroup,
select,
textarea {
  line-height: inherit; }

label {
  max-width: 100%;
  margin-bottom: 5px;
  display: inline-block; }

p {
  margin: 0 0 10px; }

.h1, h1 {
  font-size: 36px; }

.h2, h2 {
  font-size: 30px; }

.h3, h3 {
  font-size: 24px; }

input[type=checkbox], input[type=radio] {
  margin: 4px 0 0;
  line-height: normal; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  height: 0;
  box-sizing: content-box; }

[role="button"] {
  cursor: pointer; }

.body-wrap {
  min-height: calc(100% - 102px); }

.body-wrap:after {
  content: "";
  display: block; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container:not(.admin-container) {
    width: 750px; } }

@media (min-width: 992px) {
  .container:not(.admin-container) {
    width: 970px; } }

@media (min-width: 1200px) {
  .container:not(.admin-container) {
    width: 1170px; } }

* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

*, a:focus, a:hover {
  outline: none;
  text-decoration: none; }

div, p, span, input, textarea, select, label, ul, ol, li, section, article, a, button, table, td, th, nav, h1, h2, h3, h4, h5, h6, form {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

svg {
  -moz-user-select: none;
  display: block;
  width: 100%; }
  svg:not(:root) {
    overflow-x: hidden;
    overflow-y: hidden; }

.clearfix:before, .clearfix:after, .container:before, .container:after, .form-horizontal:before, .form-horizontal:after, .row:before, .row:after, .nav:before, .nav:after {
  content: '';
  display: table; }

.clearfix:after, .container:after, .form-horizontal:after, .row:after, .nav:after {
  clear: both; }

.row {
  margin-right: -15px;
  margin-left: -15px; }

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

.clear {
  clear: both; }

.right-aligned {
  text-align: right; }

.floatright {
  float: right; }

.floatleft {
  float: left; }

.visible {
  display: block; }

.hidden {
  display: none; }

.wordwrap {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */ }

a {
  color: #337ab7;
  text-decoration: none; }
  a.hoverable {
    cursor: pointer; }
    a.hoverable:hover {
      color: #FF5F00; }
  a.orange {
    color: #FF5F00;
    letter-spacing: normal; }
  a.general {
    color: #0088CC;
    text-decoration: none;
    border: none !important; }
    a.general:hover {
      color: #0088CC !important;
      background: none !important;
      text-decoration: underline !important; }

.inline-block {
  display: inline-block; }

.navbar {
  min-width: 1024px; }

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1.1;
  font-weight: 500; }

.layer {
  height: auto !important;
  min-height: 100%;
  position: relative; }

div.tab-content {
  position: relative;
  margin-left: 350px; }

#login h2 {
  margin-bottom: 20px; }

code, pre {
  background-color: #e8e8cd; }

.red {
  background-color: lightcoral; }

.green {
  background-color: #a9dba9; }

span.red, .red-link.row-label a {
  color: red; }

span.green {
  color: green; }

span.bold {
  font-weight: bold; }

.black {
  color: #000000; }

.w30 {
  width: 30px; }

.w100 {
  width: 100px; }

.w150 {
  width: 150px; }

.w200 {
  width: 200px; }

.w50 {
  width: 50px; }

.box.green {
  border: 1px solid #5b8821; }

.box.red {
  border: 1px solid #b0333e; }

.archived {
  color: #5b8821; }

div.code {
  background-color: #e8e8cd;
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  width: 100%; }
  div.code .floatleft {
    padding: 0 0 0 40px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; }
  div.code .xml {
    display: block;
    font-family: monospace;
    margin: 1em;
    color: #000;
    white-space: pre; }

.color-red {
  color: red; }

.color-green {
  color: green; }

.color-blue {
  color: blue; }

/*
This CSS resource incorporates links to font software which is
the valuable copyrighted property of WebType LLC, The Font Bureau
and/or their suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font
software. Please contact WebType with any questions: www.webtype.com
*/
/**************************************************************/
#registration-page .modern-inputs {
  width: auto;
  max-width: 600px; }

.li-icon {
  padding-left: 25px; }

.icons-doc {
  background: url("/img/icon_doc.png") left center no-repeat; }

input[type=checkbox] {
  margin-top: 0px;
  margin-bottom: 2px; }

.services {
  width: 588px; }
  .services h2 {
    margin-bottom: 15px; }

html.modal-open,
html.modal-open body {
  overflow: hidden; }

.modal {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 25px;
  display: block; }

#modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 1050;
  max-height: 100%;
  overflow: scroll; }
  #modal-wrap .modal {
    width: auto;
    padding: 25px; }
    #modal-wrap .modal .modal-body {
      max-height: none; }

.text-center {
  text-align: center; }

.error-text {
  color: #B94A48; }

.error-text-main {
  color: red; }

form#profile input[type=text] {
  width: 270px; }

form#email_request input {
  margin-bottom: 5px; }

form#signup input[type=text] {
  width: 270px; }

form#signup select {
  width: 250px; }

label.control-label > table {
  margin-left: auto;
  margin-right: 0px; }

label.control-label.wide {
  width: 500px; }
  label.control-label.wide > table {
    margin-left: 0px;
    margin-right: auto;
    text-align: left; }

div.control-group > table > tbody > tr {
  background: none; }

div.controls.wide {
  margin-left: 0px; }

div.control-group > table {
  margin-left: 50px; }

th#account_id {
  width: 80px; }

th#account_name {
  width: 300px; }

.content-header h1 {
  float: left;
  margin: 10px 0px; }

.content-header .actions {
  float: right; }

.case-comment {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #c3c3c3; }
  .case-comment:last-child {
    border: none; }

#div_comment_body {
  margin-top: 15px; }

#fieldset-header .note-row {
  margin-bottom: 10px;
  border-bottom: 1px dotted #c3c3c3;
  padding-bottom: 10px; }
  #fieldset-header .note-row:last-child {
    border: none; }
  #fieldset-header .note-row .note-label {
    display: block;
    width: 135px;
    float: left;
    font-weight: bold;
    text-align: right; }
  #fieldset-header .note-row .note-text {
    margin-left: 155px; }

a.general {
  color: #0088CC;
  text-decoration: none;
  border: none !important; }
  a.general:hover {
    color: #0088CC !important;
    background: none !important;
    text-decoration: underline !important; }

table.no-border td {
  padding: 2px;
  border: none; }

table.datetime tr td {
  padding: 0px;
  margin: 0px;
  border: none;
  text-align: right; }
  table.datetime tr td.time {
    width: 80px; }

.box {
  color: #fff;
  float: left;
  opacity: 1.0;
  margin: 0 1px 0 0px; }
  .box.green.filled {
    background: -ms-linear-gradient(top, #aad44f 0%, #74b931 90%, #6aad2d 95%, #609d29 100%);
    background: linear, top, #aad44f 0%, #74b931 90%, #6aad2d 95%, #609d29 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );
    border: 1px solid #5b8821; }
  .box.red.filled {
    background: -ms-linear-gradient(top, #f87288 0%, #f34755 90%, #e1414d 95%, #ce3b46 100%);
    background: linear, top, #f87288 0%, #f34755 90%, #e1414d 95%, #ce3b46 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );
    border: 1px solid #b0333e; }

.icon_collapsed {
  background-image: url("/img/icon_triangle_right.gif"); }

.icon_expanded {
  background-image: url("/img/icon_triangle_down.gif");
  display: inline-block;
  background-repeat: no-repeat;
  min-height: 10px;
  min-width: 10px;
  margin-left: 6px;
  margin-bottom: -1px; }

.icon_collapsed {
  display: inline-block;
  background-repeat: no-repeat;
  min-height: 10px;
  min-width: 10px;
  margin-left: 6px;
  margin-bottom: -1px; }

div.homepage, div.insight {
  padding: 15px 20px;
  margin: 0; }

div.homepage .dashboard-header form {
  margin: 0;
  padding: 0; }

div.homepage select#app_dropdown {
  width: 300px; }

.global-header {
  background-color: #ffffff;
  color: #aaa; }

.global-header h1, .dashboard-title h1 {
  font-weight: 400;
  text-align: center;
  font-size: 42px;
  padding: 0 0 8px 0; }

.global-header, #registration-header {
  margin-bottom: 10px; }

.blue-heading {
  color: #0E4D95;
  font-size: 20px;
  line-height: 30px; }

.icon_windows, .icon_android, .icon_apple, .icon_linux, .icon_ios {
  padding-left: 40px;
  background-repeat: no-repeat; }

.icon_windows {
  background-image: url("/img/icon_windows.png"); }

.icon_android {
  background-image: url("/img/icon_android.png"); }

.icon_linux {
  background-image: url("/img/icon_linux.png"); }

.icon_ios, .icon_apple {
  background-image: url("/img/icon_apple.png"); }

.platform-icon {
  display: inline-block;
  width: 101px;
  height: 101px;
  cursor: auto;
  background-repeat: no-repeat; }

.platform-icon-1 {
  background-image: url("/img/platform_android.png"); }

.platform-icon-3 {
  background-image: url("/img/platform_apple.png"); }

.platform-icon-4 {
  background-image: url("/img/platform_windows.png"); }

.platform-icon-5 {
  display: none; }

.platform-icon-6 {
  background-image: url("/img/platform_ios.png"); }

.platform-icon-7 {
  background-image: url("/img/platform_raspberrypi.png"); }

.platform-icon-8 {
  background-image: url("/img/platform_apple.png"); }

.sub-form {
  margin-left: 25px; }

.permissions_area {
  height: 400px; }

#permissions dt {
  display: none; }

#permissions .ph-name {
  width: auto; }
  #permissions .ph-name h2 {
    white-space: nowrap;
    font-size: 20px;
    color: #7f756f; }

#permissions .form-styled-actions {
  text-align: center; }

#permissions #div_billing, #permissions #div_ip_database {
  display: none; }

#permissions .form-row-inline label.row-label {
  font-size: 20px;
  color: #ddd; }
  #permissions .form-row-inline label.row-label span {
    cursor: pointer; }
  #permissions .form-row-inline label.row-label div.optional {
    display: inline-block; }

#permissions .form-row-inline + div.sub-form:not(.indeterminate) {
  display: none; }

.portlet-permissions {
  height: 240px;
  overflow-y: scroll; }

.vset-table .action-delete {
  background: url("../img/campaign_status.png") -27px 0 no-repeat;
  width: 19px;
  height: 20px; }

.icon-pencil {
  background: url("/img/pencil.png") 0 0 no-repeat;
  width: 16px;
  height: 21px;
  display: inline-block; }

.action-copy {
  background: url("/img/clone.png") 0 0 no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block; }

.file-list {
  margin-top: 10px;
  font-weight: bold; }

.taxonomy-list ul {
  list-style: none; }

form#venues .actions {
  text-align: right;
  padding-right: 36px; }

.select2-container.js-select {
  margin-right: 15px;
  position: relative; }

.date .input-date-icon-wrap, .date .add-on.input-date-icon-wrap {
  padding: 0px;
  display: inline-block;
  margin: 0;
  margin-left: 5px;
  background: transparent;
  border: none;
  outline: none;
  height: auto;
  width: auto; }

.input-date-icon-wrap .input-date-icon {
  cursor: pointer;
  background: url(/img/icon_calendar.png);
  display: block;
  width: 31px;
  height: 34px; }

.modern-inputs input.modern-input, .modern-inputs select.modern-input, .modern-inputs textarea.modern-input {
  padding: 10px;
  font-size: 14px;
  border: #999999 solid 2px;
  height: auto;
  background-color: #FFFFFF;
  outline: none;
  margin: 0; }

.modern-inputs input.modern-input, .modern-inputs select.modern-input {
  height: 42px; }

.modern-input-select2-container a.select2-choice {
  height: 38px;
  padding: 0 0 0 10px;
  border: 2px solid #ccc;
  border-radius: 0; }
  .modern-input-select2-container a.select2-choice span {
    height: 38px; }

.select2-container-disabled.modern-input-select2-container a.select2-choice {
  padding: 0 0 0 10px;
  border: 2px solid #ccc;
  border-radius: 0; }

.select2-container.modern-input-select2-container a.select2-choice {
  background-color: #fff;
  border: 2px solid #ccc; }

.select2-container-disabled.modern-input-select2-container a.select2-choice {
  background-color: #EAE9E9; }

.select2-drop {
  border: 2px solid #ccc; }

.select2-search input {
  border: 1px solid #ccc; }

.select2-results {
  font-size: 16px; }
  .select2-results .select2-highlighted {
    font-weight: normal; }

.modern-input-select2-container a.select2-choice span {
  line-height: 33px;
  height: 38px;
  font-size: 20px;
  color: #444;
  text-align: left; }

.modern-input-select2-container a.select2-choice.select2-default span {
  color: #999; }

.modern-input-select2-container a.select2-choice abbr + div {
  border-radius: 0; }
  .modern-input-select2-container a.select2-choice abbr + div b {
    background-position: 0px 8px; }

.modern-input-select2-container.select2-dropdown-open a.select2-choice abbr + div b {
  background-position: -18px 8px; }

.modern-input-select2-dropdown.select2-expanded-height .select2-results {
  max-height: 240px; }

.modern-inputs input.modern-input {
  padding: 0 10px; }

.modern-inputs select.modern-input {
  padding: 0 10px;
  background-color: #EAE9E9;
  width: 234px; }

.modern-inputs input.modern-input.element-error, .modern-inputs select.modern-input.element-error {
  border-color: #FF0000; }

.modern-inputs input.modern-input:focus, .modern-inputs textarea.modern-input:focus {
  border-color: rgba(82, 168, 236, 0.8); }

.modern-inputs input.modern-input[disabled="disabled"], .modern-inputs input.modern-input[readonly="readonly"] {
  background-color: #EAE9E9; }

.modern-inputs textarea.modern-input[disabled="disabled"], .modern-inputs textarea.modern-input[readonly="readonly"] {
  background-color: #EAE9E9; }

.modern-inputs select.modern-input[disabled="disabled"], .modern-inputs select.modern-input[readonly="readonly"] {
  background-color: #EAE9E9; }

.modern-inputs input.modern-input[disabled="disabled"]:focus, .modern-inputs input.modern-input[readonly="readonly"]:focus {
  border: #999999 solid 2px;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.modern-inputs textarea.modern-input[disabled="disabled"]:focus, .modern-inputs textarea.modern-input[readonly="readonly"]:focus {
  border: #999999 solid 2px;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.modern-inputs select.modern-input[disabled="disabled"]:focus, .modern-inputs select.modern-input[readonly="readonly"]:focus {
  border: #999999 solid 2px;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.inline-row div {
  float: left;
  margin-right: 20px; }

.tabbed-block .form-row > label {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  margin: 0; }

.tabbed-block .form-row .radio-styled label {
  font-size: 16px;
  width: 150px; }

.tabbed-block .form-row-inline > label {
  width: 130px; }

.tabbed-block .form-row > label {
  width: 100%;
  float: none; }

input[type="checkbox"].styled {
  display: none; }

input[type="radio"].styled {
  display: none; }
  input[type="radio"].styled + label::before {
    background-position: 0px 0px;
    content: "";
    display: inline-block;
    height: 25px;
    width: 32px;
    margin: 0 5px -6px 0;
    background-image: url(/img/radio_buttons.png);
    background-repeat: no-repeat; }

input[type="radio"] + label {
  height: 25px;
  line-height: 25px;
  display: inline-block;
  cursor: pointer; }

input[type="radio"]:checked.styled + label::before {
  background-position: 0px -25px; }

input[type="checkbox"]:disabled.styled + label::before, input[type="checkbox"]:checked:disabled.styled + label::before {
  background-position: 25px 25px; }

input[type="radio"]:disabled.styled + label::before, input[type="radio"]:checked:disabled + label::before {
  background-position: 25px 25px; }

input[type="checkbox"].styled + label {
  height: 27px;
  line-height: 32px;
  display: inline-block;
  cursor: pointer; }
  input[type="checkbox"].styled + label:first-child {
    display: none; }
  input[type="checkbox"].styled + label::before {
    content: "";
    display: inline-block;
    height: 27px;
    width: 32px;
    margin: 0 5px -6px 0;
    background-image: url(/img/radio_buttons.png);
    background-repeat: no-repeat;
    background-position: 0px -50px; }

input[type="checkbox"]:checked.styled + label::before {
  background-position: 0px -77px; }

.md-panel-is-showing md-tooltip.md-origin-bottom {
  margin-top: 12px; }

.md-panel-is-showing md-tooltip.md-tooltip {
  font-size: 12px; }
  @media (min-width: 960px) {
    .md-panel-is-showing md-tooltip.md-tooltip {
      margin-top: 7px; } }

.nomargin {
  margin: 0; }

.breadcrumbs {
  margin-bottom: 20px; }

.resources-list .resources-item {
  width: 365px;
  text-align: center;
  margin: 20px 105px 40px 105px;
  display: inline-block;
  vertical-align: top; }
  .resources-list .resources-item > a, .resources-list .resources-item > span.resources-title {
    color: #0088cc;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 7px;
    display: inline-block; }
  .resources-list .resources-item div p {
    color: #999; }

.resources ul.marker {
  list-style-type: disc;
  padding-left: 15px; }

.resources .box li {
  margin-bottom: 3px; }

a.top-btn {
  display: inline-block;
  height: 32px;
  color: #999;
  border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border: 1px solid #999;
  line-height: 32px;
  padding: 0px 10px;
  text-transform: uppercase;
  margin: 20px 0px;
  font-size: 12px; }

.top-btn:hover {
  text-decoration: none; }

.input-tooltip-marker:hover + .input-tooltip, .input-tooltip-marker:hover + .input-tooltip-wrap .input-tooltip {
  display: block; }

.input-tooltip {
  background-color: #024b98;
  display: none;
  position: absolute;
  padding: 6px 10px;
  color: #fff;
  font-size: 18px;
  text-transform: none; }
  .input-tooltip .tooltip-pointer {
    display: block;
    width: 0px;
    height: 0px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -10px;
    left: 0;
    border-bottom: 10px solid #024b98;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }

.truste-logo {
  float: right;
  margin: -34px 0 -28px 0;
  vertical-align: middle;
  padding: 0 0 0 0;
  display: none; }

/* temporary hide truste logo. to show - just remove next line */
.js-copy-result-popup {
  text-align: center;
  padding-bottom: 6px;
  color: darkgreen; }

.ui-autocomplete-loading {
  background: white url("../img/ajax-loader.gif") right center no-repeat; }

.ui-autocomplete {
  z-index: 1000; }

.admin-nav {
  border-bottom: 1px solid #ecf1f7;
  margin-bottom: 20px; }
  .admin-nav h2 {
    max-width: 750px; }
    .admin-nav h2 i {
      /*font-size: smaller;*/
      font-size: 16px; }
  .admin-nav .admin-page-tabs {
    float: right;
    margin-top: -40px; }

.admin-page-tabs li {
  padding-right: 4px; }
  .admin-page-tabs li > a {
    padding: 3px 10px; }

@media only screen and (max-width: 750px) {
  .admin-nav .admin-page-tabs {
    margin-top: 0;
    float: none; } }

/* / error pages  / */
.error-page-wrap {
  text-align: center;
  width: 600px;
  margin: 70px auto 10px auto;
  /*outline: 1px solid blue;*/ }
  .error-page-wrap > img {
    width: 400px;
    margin-bottom: 40px; }
  .error-page-wrap h3.forbidden {
    font-weight: 700;
    font-size: 60px;
    text-transform: uppercase;
    position: relative;
    top: -40px; }
  .error-page-wrap p {
    font-size: 120%; }
  .error-page-wrap .btn {
    margin-top: 20px; }

.md-datepicker-is-showing .md-datepicker-input-mask .md-datepicker-input-mask-opaque {
  margin-top: 1px; }

md-datepicker {
  position: relative;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0; }
  md-datepicker .md-datepicker-focused {
    border-bottom: 0px;
    border-bottom-color: rgba(0, 0, 0, 0.12); }
  md-datepicker .md-datepicker-open {
    border-bottom: 0px; }
  md-datepicker .md-datepicker-input-container {
    width: 100%;
    display: inline-block;
    border: none; }
    md-datepicker .md-datepicker-input-container input {
      max-width: none; }

.custom-calendar-scroll-mask {
  display: inline;
  overflow-y: hidden;
  overflow-x: hidden; }
  .custom-calendar-scroll-mask .md-virtual-repeat-scroller {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: scrollbar; }
  .custom-calendar-scroll-mask .md-virtual-repeat-offsetter {
    width: 100%; }

.md-calendar-day-header th:last-child {
  padding-right: 22px; }

/* Component Partials */
/* ==========================================================================
   Alerts
   ==========================================================================
*/
.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }

.alerts h2 {
  margin-bottom: 15px; }

.alertsbox {
  font-size: 14px;
  padding: 15px;
  font-style: italic; }

.alertbox-success {
  color: #0E4D95; }

.alertbox-error {
  color: #ff0000; }

#top_alert .wrap {
  padding: 25px 0 25px 30px;
  margin: 0 auto;
  text-align: left;
  position: relative; }

#top_alert span {
  font-weight: bold;
  margin-right: 15px;
  vertical-align: middle;
  letter-spacing: normal; }

#top_alert button {
  position: absolute;
  top: 15px;
  right: 100px; }

#top_alert .btn {
  position: absolute;
  right: 100px; }

#top_alert .close-alert {
  margin-left: 30px; }

#top_alert .a-icon {
  display: inline-block;
  float: none;
  vertical-align: middle;
  margin-right: 15px; }

#top_alert .a-body-link {
  display: inline-block;
  font-weight: bold;
  margin-right: 15px;
  vertical-align: middle;
  letter-spacing: normal; }

#top_alert .a-close-default {
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 15px; }

#top_alert .a-close-default.alert-close-check, #top_alert .a-close-default.alert-close-smile {
  background: url("/img/alerts/alerts_close_green.png") center center no-repeat; }

#top_alert .a-close-default.alert-close-sad, #top_alert .a-close-default.alert-close-exclamation {
  background: url("/img/alerts/alerts_close_red.png") center center no-repeat; }

#top_alert .a-close-default.alert-close-info {
  background: url("/img/alerts/alerts_close_blue.png") center center no-repeat; }

#top_alert .alert-above-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  background-color: #eee;
  opacity: 0.5; }

.alert-icon-smile, .alert-icon-check, .alert-icon-info, .alert-icon-exclamation, .alert-icon-sad {
  display: inline-block;
  width: 35px;
  height: 37px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent url("/img/alerts/alert_icon_smiley.png") center no-repeat; }

.alert-icon-sad {
  background-image: url("/img/alerts/alert_icon_sadface.png"); }

.alert-icon-check {
  background-image: url("/img/alerts/alert_icon_check.png"); }

.alert-icon-info {
  background-image: url("/img/alerts/alert_icon_info.png"); }

.alert-icon-exclamation {
  background-image: url("/img/alerts/alert_icon_exclamation.png"); }

.alert-bg-smile, .alert-bg-check {
  background: #ABD6A7; }
  .alert-bg-smile a.a-body-link, .alert-bg-check a.a-body-link {
    color: #3a7e60; }

.alert-bg-sad, .alert-bg-exclamation {
  background: #FDC6BF; }
  .alert-bg-sad a.a-body-link, .alert-bg-exclamation a.a-body-link {
    color: #cc3333; }

.alert-bg-info {
  background: #BEE5F5; }
  .alert-bg-info a.a-body-link {
    color: #0d579f; }

/* ==========================================================================
   Buttons
   ==========================================================================
*/
.btn {
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 1.42857143;
  padding: 10px 25px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
  box-shadow: none;
  letter-spacing: 1.5px;
  border-radius: 8px !important;
  transition: 0.2s ease; }
  .btn.inline {
    display: inline-block;
    float: left; }

.btn-primary {
  background-color: #ff6a00;
  border: 2px solid #FFF;
  color: #FFF; }
  .btn-primary[disabled] {
    background-color: transparent !important;
    border: 2px solid #504845;
    color: #504845; }
  .btn-primary:hover[disabled], .btn-primary:focus[disabled] {
    background-color: transparent !important;
    border: 2px solid #504845;
    outline: none !important; }
  .btn-primary:hover:not([disabled]), .btn-primary:focus:not([disabled]) {
    background-color: #e65f00 !important;
    border: 2px solid #FFF;
    outline: none !important; }
  .btn-primary.btn-login {
    width: 100%;
    letter-spacing: normal; }
  .btn-primary.disabled, .btn-primary.disabled:focus {
    cursor: default;
    background-color: transparent !important;
    border: 2px solid #504845;
    color: #504845;
    opacity: .3; }
    .btn-primary.disabled:hover, .btn-primary.disabled:focus:hover {
      background-color: transparent !important;
      color: #504845;
      border: 2px solid #504845;
      opacity: .2; }

.btn-oath {
  display: inline-block;
  background-color: #2a2a2a;
  border: 2px solid #FFF;
  text-align: center;
  letter-spacing: normal;
  transition: 0.3s ease;
  font-size: 14px;
  padding: 6px 6px 6px 26px;
  margin: 0 3px; }
  .btn-oath svg {
    position: absolute;
    fill: #FFF;
    width: 18px;
    height: 18px;
    left: 5px;
    top: 7px; }
  .btn-oath:hover:not([disabled]), .btn-oath:focus:not([disabled]) {
    background-color: #ff6a00;
    border: 2px solid #FFF;
    color: white; }

@media (min-width: 350px) {
  .btn-oath {
    font-size: 14px;
    padding: 8px 8px 8px 38px;
    margin: 0 4px; }
    .btn-oath svg {
      width: 25px;
      height: 25px;
      left: 6px;
      top: 6px; } }

@media (min-width: 460px) {
  .btn-oath {
    font-size: 16px;
    padding: 10px 12px 12px 54px;
    margin: 6px 4px; }
    .btn-oath svg {
      width: 28px;
      height: 28px;
      left: 12px;
      top: 8px; } }

.btn-lightblue, .btn-gray, .btn-cancel {
  border: 2px solid #ffffff;
  background: #777; }
  .btn-lightblue:hover, .btn-gray:hover, .btn-cancel:hover {
    background: #919191;
    color: #FFF; }
    .btn-lightblue:hover a, .btn-gray:hover a, .btn-cancel:hover a {
      color: #FFF; }
  .btn-lightblue:focus, .btn-lightblue:active, .btn-gray:focus, .btn-gray:active, .btn-cancel:focus, .btn-cancel:active {
    background: #6a6a6a;
    outline: none !important;
    border: 2px solid #ffffff; }
    .btn-lightblue:focus a, .btn-lightblue:active a, .btn-gray:focus a, .btn-gray:active a, .btn-cancel:focus a, .btn-cancel:active a {
      color: #BAB5B0; }

.btn-lightblue-alert {
  position: relative;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background: #81b9d3;
  padding: 0 15px;
  text-transform: uppercase;
  border: solid 2px #daedf7;
  vertical-align: middle; }
  .btn-lightblue-alert:hover {
    color: #ffffff;
    text-decoration: none;
    background: #81b9d3; }

.note-text .btn {
  width: 170px;
  height: 60px;
  padding: 0; }
  .note-text .btn .hint {
    margin: -39px 0 0 0; }
  .note-text .btn input[type="file"] {
    width: 170px !important; }
    .note-text .btn input[type="file"]:hover {
      cursor: hand;
      cursor: pointer; }

.btn-copy {
  background: url("/img/btn_copy.png") 0 0 no-repeat;
  display: inline-block;
  width: 44px;
  height: 44px; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: .65;
  box-shadow: none; }

.attr-inside, .attr-near {
  display: inline-block;
  width: 48%;
  height: 130px;
  border-radius: 8px;
  border: 2px solid #aaaaaa;
  background-color: #f6f6f6 !important;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-align: center;
  line-height: 195px;
  color: #aaaaaa !important;
  cursor: pointer;
  position: relative; }
  .attr-inside.ca-active, .attr-near.ca-active {
    background-color: #b3e6f7 !important;
    border-color: #009fe0;
    color: #009fe0 !important; }
  .attr-inside .checkmark, .attr-near .checkmark {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 35%; }
    .attr-inside .checkmark:after, .attr-near .checkmark:after {
      /*Add another block-level blank space*/
      content: '';
      display: block;
      /*Make it a small rectangle so the border will create an L-shape*/
      width: 15px;
      height: 25px;
      /*Add a white border on the bottom and left, creating that 'L' */
      border: solid #00a0dd;
      border-width: 0 6px 6px 0;
      /*Rotate the L 45 degrees to turn it into a checkmark*/
      transform: rotate(45deg); }

.attr-inside {
  background: url("/img/ca-inside.png") no-repeat;
  background-repeat: no-repeat;
  background-size: 90px 70px;
  background-position: top;
  background-position-y: 15px; }
  .attr-inside.ca-active {
    background-image: url("/img/ca-inside-active.png"); }

.attr-near {
  background: url("/img/ca-near.png") no-repeat;
  background-repeat: no-repeat;
  background-size: 90px 70px;
  background-position: top;
  background-position-y: 15px;
  margin-right: 8px; }
  .attr-near.ca-active {
    background-image: url("/img/ca-near-active.png"); }

.attr-tooltip {
  position: absolute;
  z-index: 10;
  display: block;
  font-size: 14px;
  line-height: 16px;
  background: #009fe0;
  padding: 10px 45px 10px 10px;
  border: 1px solid #85d3f1;
  border-radius: 8px;
  color: white;
  margin-top: 8px;
  text-align: left;
  width: 450px;
  height: 70px; }
  .attr-tooltip .arrow {
    display: block;
    position: absolute;
    left: 188px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-bottom: 8px solid #009fe0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
  .attr-tooltip .hint-close {
    fill: #fff;
    color: #fff;
    cursor: pointer;
    width: 25px;
    height: 25px;
    transition: 0.2s ease;
    float: right;
    margin-top: -40px;
    margin-right: -32px; }
    .attr-tooltip .hint-close:hover {
      fill: #ff6a00; }
    .attr-tooltip .hint-close:focus {
      outline: none; }

.hint {
  color: white;
  background-color: #00a0dd;
  font-size: 12px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url("/img/ca-hint.png") no-repeat;
  cursor: help; }

/* ===========================================================================
// FS-form
==============================================================================*/
.fs-fields p {
  margin: 7px 0;
  color: #053359; }

/* Form */
.fs-form {
  position: relative;
  text-align: left;
  font-size: 2.5em; }

.no-js .fs-form {
  padding: 0 0 6em 0; }

/* Switch view animation (we hide the current view, switch the view class and show it again) */
.fs-form.fs-show {
  animation: animFadeIn 0.5s; }
  .fs-form.fs-show .fs-fields {
    animation: animMove 0.5s; }

@keyframes animFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes animMove {
  from {
    top: 100px; } }

/* Visibility control of elements */
.fs-form-full .fs-fields > li {
  visibility: hidden; }

.no-js .fs-form-full .fs-fields > li {
  visibility: visible; }

/* Fields */
.fs-fields {
  position: relative;
  margin: 0 auto;
  padding: 0;
  top: 0;
  list-style: none; }
  .fs-fields > li {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    border: none; }
    .fs-fields > li:hover {
      z-index: 999; }

.fs-fields .error {
  text-align: center;
  position: absolute;
  width: 100%;
  display: block;
  font-style: italic; }
  .fs-fields .error p {
    margin: 7px 0;
    color: #f36c66; }

.js .fs-form-full .fs-fields > li {
  position: absolute;
  width: 100%; }

/* Labels & info */
.fs-fields > li label {
  position: relative; }

.fs-form-full .fs-fields > li label[data-info]::after {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  content: 'i';
  vertical-align: top;
  text-align: center;
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
  font-family: Georgia, serif;
  line-height: 20px;
  cursor: pointer;
  pointer-events: auto; }

.fs-form-full .fs-fields > li label[data-info]::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 0 0 10px;
  min-width: 200px;
  content: attr(data-info);
  font-size: 0.4em;
  color: #6a7b7e;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translate3d(0, -5px, 0);
  pointer-events: none; }

.fs-form-full .fs-fields > li label[data-info]:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

/* Inputs */
.fs-form-new {
  position: relative; }
  .fs-form-new .loading {
    position: absolute;
    bottom: -38px;
    left: 0; }

.fs-fields input[type='email'], .fs-fields input[type='text'] {
  background: inherit;
  border: none;
  border-bottom: 2px solid #FFF;
  font-size: 24px;
  color: #FFF;
  font-weight: 300;
  padding: 5px 0 0 40px; }
  .fs-fields input[type='email']:invalid, .fs-fields input[type='text']:invalid {
    box-shadow: none;
    /* removes red shadow in FF*/ }

.fs-fields input[type='text'] {
  width: 400px; }

.fs-fields input[type='email'] {
  width: 450px; }

.fs-fields input[type='submit'] {
  width: 400px;
  margin: 45px 0 0; }

.fs-fields input[type='submit'], .fs-fields input[type='button'] {
  font-style: normal; }

.fs-fields .inline-button input[type='submit'], .fs-fields .inline-button input[type='button'] {
  width: auto;
  margin: 35px 10px 0 10px; }

.fs-fields [required] {
  /*    background-image: url(../img/abacusstar.svg);*/
  background-position: top right;
  background-size: 18px;
  background-repeat: no-repeat; }

.fs-fields input:focus {
  /* Fixes chrome bug with placeholder */ }

.fs-fields input[type="radio"],
.fs-fields input[type="checkbox"] {
  position: absolute;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  left: 0;
  top: 0; }

.fs-fields > li .fs-radio-group span {
  display: inline-block;
  position: relative;
  margin-right: 0;
  margin: 5px 2px;
  overflow: visible;
  padding: 10px;
  text-align: center;
  font-weight: 700;
  font-size: 50%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fs-fields > li .fs-radio-group span label {
    color: rgba(0, 0, 0, 0.4);
    transition: color 0.3s; }

.fs-fields > li .fs-radio-group label {
  display: block;
  padding-top: 100%;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.fs-fields .fs-radio-group span:hover input:not(:checked) + svg.platforms {
  background-color: #615954;
  fill: #B0AAA7;
  border: 3px solid #B0AAA7; }

.fs-fields .fs-radio-group input:checked + svg.platforms {
  background-color: #366c99;
  fill: #FFF;
  border: 1px solid #ff6a00;
  box-shadow: 0 0 10px #3C3C3C;
  transform: scale(1.1); }

.fs-fields .fs-radio-group svg.platforms {
  fill: #524A47;
  width: 125px;
  height: 125px;
  padding: 20px;
  border: 2px solid #524A47;
  border-radius: 10px;
  transition: 0.2s ease;
  transform: scale(1.05); }
  .fs-fields .fs-radio-group svg.platforms.ios {
    padding: 0; }

.fs-fields svg.platforms use > svg {
  fill: #524A47; }

.fs-fields .fs-radio-group span:hover input:not(:checked) + svg.platforms use > svg {
  background-color: #615954;
  fill: #B0AAA7;
  border: 3px solid #B0AAA7; }

.fs-fields .fs-radio-group input:checked + svg.platforms use > svg {
  fill: #FFF; }

.fs-fields .fs-radio-group label::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-position: 50% 0%;
  background-size: 85%;
  background-repeat: no-repeat;
  content: '';
  opacity: 0.5;
  transition: opacity 0.2s;
  transform: translate(-50%, -50%); }

.fs-fields .fs-radio-group label:hover::after {
  opacity: 1; }

.fs-fields input[type="radio"]:checked + label,
.fs-fields input[type="checkbox"]:checked + label {
  color: #fffed8; }
  .fs-fields input[type="radio"]:checked + label::after,
  .fs-fields input[type="checkbox"]:checked + label::after {
    opacity: 1; }

.fs-fields textarea {
  padding: 0.25em;
  width: 100%;
  height: 200px;
  border-bottom: 1px solid #EAE9E9;
  border-left: 5px solid #159EDA;
  border-right: none;
  border-top: none;
  background-color: transparent;
  color: #159EDA;
  font-weight: 700;
  font-size: 0.85em;
  resize: none;
  line-height: 1em; }

.fs-fields textarea:focus {
  outline: none;
  background-color: #FCFCFC; }

/* placeholder */
.fs-fields input::-webkit-input-placeholder, .fs-fields textarea::-webkit-input-placeholder, .fs-fields input:-moz-placeholder, .fs-fields textarea:-moz-placeholder, .fs-fields input::-moz-placeholder, .fs-fields textarea::-moz-placeholder, .fs-fields input:-ms-input-placeholder, .fs-fields textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.1); }

.fs-fields input:focus::-webkit-input-placeholder {
  color: #EAE9E9; }

/* Animations for numbers */
/* Show next number */

@keyframes animMoveUpFromDown {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0); } }

@keyframes animMoveUp {
  to {
    transform: translateY(-100%); } }

/* Show previous number */

@keyframes animMoveDownFromUp {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }

@keyframes animMoveDown {
  to {
    transform: translateY(100%); } }

/* Animation classes & animations */
.fs-form li.fs-hide {
  pointer-events: none; }

.fs-form .fs-display-next .fs-hide {
  visibility: visible; }
  .fs-form .fs-display-next .fs-hide .fs-anim-lower {
    animation: animHideNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards; }
  .fs-form .fs-display-next .fs-hide .fs-anim-lower {
    animation-delay: 0.1s; }

.fs-form .fs-display-prev .fs-hide {
  visibility: visible; }
  .fs-form .fs-display-prev .fs-hide .fs-anim-lower {
    animation: animHidePrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards; }

.fs-form .fs-display-prev .fs-show .fs-anim-lower {
  animation: animShowPrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s; }

/* Hide current li when navigating to next question */

@keyframes animHideNext {
  to {
    opacity: 0;
    transform: translate3d(0, -500px, 0); } }

/* Show new li when navigating to next question */

@keyframes animShowNext {
  from {
    opacity: 0;
    transform: translate3d(0, 500px, 0); } }

/* Hide current li when navigating to previous question */

@keyframes animHidePrev {
  to {
    opacity: 0;
    transform: translate3d(0, 500px, 0); } }

/* Show new li when navigating to previous question */

@keyframes animShowPrev {
  from {
    opacity: 0;
    transform: translate3d(0, -500px, 0); } }

/* support form layout fix */
.span9 .form .row input, .span9 .form .row textarea {
  width: 630px; }

.span9 .form-errors-block {
  width: 630px; }

.support-modal-wrap-1 {
  padding: 10px 45px;
  text-align: center;
  min-height: 240px; }
  .support-modal-wrap-1 .form-row {
    text-align: center; }
    .support-modal-wrap-1 .form-row #word {
      width: 350px; }
  .support-modal-wrap-1 p {
    font-size: 20px;
    color: #ddd; }
  .support-modal-wrap-1 .content {
    padding: 0 0 15px 0; }
  .support-modal-wrap-1 .delete-processing p,
  .support-modal-wrap-1 .processing p {
    text-align: center; }
  .support-modal-wrap-1 .input-wrap svg, .support-modal-wrap-1 .input-wrap-short svg {
    top: 24px;
    left: 5px; }
  .support-modal-wrap-1 .input-wrap input, .support-modal-wrap-1 .input-wrap-short input {
    margin: 5px 0 20px 0;
    padding: 5px 0 4px 40px; }
  .support-modal-wrap-1 .input-wrap-short {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 300px; }
  .support-modal-wrap-1 select {
    width: 100%;
    background: transparent;
    border: none;
    border: 2px solid #ccc;
    padding: 2px 5px 2px 10px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    font-size: 22px;
    color: #aaa;
    background-image: url("../img/arrow-down.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 95% center; }
  .support-modal-wrap-1 textarea {
    width: 100%;
    height: auto;
    background: transparent;
    border: 2px solid white;
    font-size: 26px;
    padding: 2px 10px 2px 45px;
    color: #aaa;
    background-color: #FFF;
    background-image: url("../img/text-bubble.svg");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    resize: none; }
  .support-modal-wrap-1 .label_error {
    color: #ff6a00;
    margin: 10px 0; }
  .support-modal-wrap-1 .label_uploading {
    color: #ffffff;
    margin: 10px 0; }
  .support-modal-wrap-1 .label_success {
    color: #366c99;
    margin: 10px 0; }
  .support-modal-wrap-1 #div_Product, .support-modal-wrap-1 #div_Priority {
    display: inline-block;
    width: 50%; }
  .support-modal-wrap-1 div_Project {
    display: inline-block;
    width: 100%; }
  .support-modal-wrap-1 #div_Product {
    margin-right: 40px; }
  .support-modal-wrap-1 .support-attachment {
    color: transparent;
    margin-top: 10px;
    width: 150px;
    height: 28px;
    background: transparent;
    text-transform: uppercase; }
    .support-modal-wrap-1 .support-attachment.active::before {
      color: #ff6a00;
      font-weight: bold; }
    .support-modal-wrap-1 .support-attachment.form-center {
      margin: 0 auto;
      padding-left: 10px; }
  .support-modal-wrap-1 .support-attachment::before {
    content: "Upload file";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("../img/upload.svg");
    background-repeat: no-repeat;
    background-size: 40px;
    outline: none;
    padding-left: 45px;
    padding-top: 5px;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    color: #ccc;
    font-weight: bold;
    font-size: 14px;
    transition: 0.2s ease;
    text-transform: uppercase; }
  .support-modal-wrap-1 .support-attachment::-webkit-file-upload-button {
    visibility: hidden; }
  .support-modal-wrap-1 .support-attachment:hover::before {
    color: #ff6a00; }
  .support-modal-wrap-1 .support-attachment:active::before {
    outline: none; }
  .support-modal-wrap-1 .support-attachment:focus {
    outline: none; }
  .support-modal-wrap-1 .support-modal-btn {
    margin-top: 10px; }
  .support-modal-wrap-1 .support-attachment:invalid {
    box-shadow: none; }
  .support-modal-wrap-1 .support-attachment:-moz-submit-invalid {
    box-shadow: none; }
  .support-modal-wrap-1 .support-attachment:-moz-ui-invalid {
    box-shadow: none; }
  .support-modal-wrap-1 .img-sure,
  .support-modal-wrap-1 .img-success,
  .support-modal-wrap-1 .img-sent,
  .support-modal-wrap-1 .img-deactivated {
    margin: 0 auto; }
    .support-modal-wrap-1 .img-sure img,
    .support-modal-wrap-1 .img-success img,
    .support-modal-wrap-1 .img-sent img,
    .support-modal-wrap-1 .img-deactivated img {
      width: 100%;
      max-height: 201px; }
  .support-modal-wrap-1 .input-wrap input::-webkit-input-placeholder, .support-modal-wrap-1 .input-wrap-short input::-webkit-input-placeholder {
    color: #8b807b !important; }
  .support-modal-wrap-1 .input-wrap input::-moz-placeholder, .support-modal-wrap-1 .input-wrap-short input::-moz-placeholder {
    color: #8b807b !important; }
  .support-modal-wrap-1 .input-wrap input:-moz-placeholder, .support-modal-wrap-1 .input-wrap-short input:-moz-placeholder {
    color: #8b807b !important; }
  .support-modal-wrap-1 .input-wrap input:-ms-input-placeholder, .support-modal-wrap-1 .input-wrap-short input:-ms-input-placeholder {
    color: #8b807b !important; }

@-moz-document url-prefix() {
  .support-modal-wrap-1 .support-attachment {
    background-image: url("../img/upload.svg");
    background-repeat: no-repeat;
    background-size: 40px;
    padding-left: 50px; }
    .support-modal-wrap-1 .support-attachment.form-center {
      padding-left: 50px; } }

.ng-modal {
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }
  .ng-modal.ng-hide .ng-modal-overlay {
    opacity: 0; }
  .ng-modal .ng-modal-overlay {
    opacity: 0.95; }
  .ng-modal.ng-hide {
    opacity: 0;
    transition: all linear 0.4s; }

.ng-modal-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s ease;
  background-color: #333333; }

.ng-modal-dialog {
  z-index: 10000;
  position: absolute;
  max-width: 800px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%); }

.ng-modal-dialog-content {
  padding: 40px 40px;
  text-align: left; }

.ng-modal-close {
  fill: #fff;
  position: absolute;
  top: 3px;
  right: 30px;
  color: #fff;
  cursor: pointer;
  width: 25px;
  height: 25px;
  transition: 0.2s ease; }
  .ng-modal-close:hover {
    fill: #ff6a00; }
  .ng-modal-close:focus {
    outline: none; }

/* Typehead */
.search-wrap .search-icon {
  fill: #FFF;
  margin-top: -55px;
  float: left;
  width: 35px;
  height: 35px; }

.typeahead {
  width: 100%;
  padding: 20px 20px 10px 50px;
  font-size: 44px;
  font-weight: 300;
  border: 0;
  color: #FFF;
  outline: 0;
  border-bottom: 2px solid #ffffff;
  outline: none;
  background: transparent;
  transition: 0.2s ease; }
  .typeahead:focus {
    border-bottom: 2px solid #366c99; }

.twitter-typeahead {
  width: 100%; }

.tt-menu {
  position: fixed !important;
  background-color: #ffffff;
  font-size: 22px;
  font-weight: 300;
  width: 100%;
  top: 120px !important;
  margin-top: 20px;
  overflow-x: auto;
  max-height: 70%;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }
  .tt-menu .search-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 30px;
    fill: #7F746F;
    top: 68px; }
    .tt-menu .search-icon.documentation {
      padding-top: 5px; }

.tt-highlight {
  color: #ff6a00;
  font-weight: normal; }

.tt-hint {
  color: #366c99; }

.tt-suggestion {
  position: relative;
  padding: 12px 25px 12px 70px;
  margin: 0;
  font-size: 22px;
  color: #000000; }
  .tt-suggestion .search-tags {
    position: relative;
    background-color: #1a5b91;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    top: -3px;
    margin-bottom: 10px; }

.tt-suggestion:hover {
  cursor: pointer;
  color: #366c99;
  background-color: #E6E3E2; }

.tt-suggestion.tt-cursor {
  color: #366c99;
  background-color: #E6E3E2; }

.search-body {
  display: block;
  line-height: 20px;
  color: #777;
  font-size: 12px; }

.search-modal-icon {
  position: fixed;
  top: 60px;
  right: 10px;
  z-index: 2; }
  .search-modal-icon svg {
    width: 25px;
    height: 25px;
    fill: #053359; }

.forgotpass-wrap, .signup-info-wrap {
  max-width: 400px;
  margin: 40px auto; }
  .forgotpass-wrap .input-wrap, .signup-info-wrap .input-wrap, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short {
    margin: 40px 0; }
    .forgotpass-wrap .input-wrap svg, .signup-info-wrap .input-wrap svg, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short svg, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short svg, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short svg, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short svg {
      top: 24px;
      left: 5px; }
    .forgotpass-wrap .input-wrap input, .signup-info-wrap .input-wrap input, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short input, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short input, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short input, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short input {
      margin: 15px 0 0 0;
      padding: 5px 0 4px 40px; }
    .forgotpass-wrap .input-wrap .alert, .signup-info-wrap .input-wrap .alert, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short .alert, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short .alert, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short .alert, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short .alert {
      margin-top: 40px;
      opacity: 0.7; }
      .forgotpass-wrap .input-wrap .alert .close, .signup-info-wrap .input-wrap .alert .close, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short .alert .close, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short .alert .close, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short .alert .close, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short .alert .close {
        background-image: none;
        width: 15px;
        height: 15px;
        margin-top: -5px; }
  .forgotpass-wrap input, .signup-info-wrap input {
    width: 100%; }

.forgotpass-wrap .input-wrap input::-webkit-input-placeholder, .signup-info-wrap .input-wrap input::-webkit-input-placeholder, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short input::-webkit-input-placeholder, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short input::-webkit-input-placeholder, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short input::-webkit-input-placeholder, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short input::-webkit-input-placeholder {
  color: #8b807b !important; }

.forgotpass-wrap .input-wrap input:-moz-placeholder, .signup-info-wrap .input-wrap input:-moz-placeholder, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short input:-moz-placeholder, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short input:-moz-placeholder, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short input:-moz-placeholder, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short input:-moz-placeholder {
  color: #8b807b !important; }

.forgotpass-wrap .input-wrap input::-moz-placeholder, .signup-info-wrap .input-wrap input::-moz-placeholder, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short input::-moz-placeholder, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short input::-moz-placeholder, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short input::-moz-placeholder, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short input::-moz-placeholder {
  color: #8b807b !important; }

.forgotpass-wrap .input-wrap input:-ms-input-placeholder, .signup-info-wrap .input-wrap input:-ms-input-placeholder, .forgotpass-wrap .support-modal-wrap-1 .input-wrap-short input:-ms-input-placeholder, .support-modal-wrap-1 .forgotpass-wrap .input-wrap-short input:-ms-input-placeholder, .signup-info-wrap .support-modal-wrap-1 .input-wrap-short input:-ms-input-placeholder, .support-modal-wrap-1 .signup-info-wrap .input-wrap-short input:-ms-input-placeholder {
  color: #8b807b !important; }

.signup-info-wrap {
  max-width: 450px; }
  .signup-info-wrap .signup-info {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center; }
    .signup-info-wrap .signup-info input {
      width: auto;
      margin: 3px 5px; }
    .signup-info-wrap .signup-info .section {
      padding-bottom: 20px; }

.request-venue-modal-wrap {
  max-width: 420px;
  margin: 0 auto; }
  .request-venue-modal-wrap label {
    display: inline-block;
    color: #8b807b;
    width: 100px;
    vertical-align: middle; }
  .request-venue-modal-wrap .input-wrap, .request-venue-modal-wrap .support-modal-wrap-1 .input-wrap-short, .support-modal-wrap-1 .request-venue-modal-wrap .input-wrap-short {
    margin-bottom: 10px; }
    .request-venue-modal-wrap .input-wrap input, .request-venue-modal-wrap .support-modal-wrap-1 .input-wrap-short input, .support-modal-wrap-1 .request-venue-modal-wrap .input-wrap-short input {
      margin-top: 0;
      padding-top: 0;
      padding-left: 5px;
      width: 70%; }
    .request-venue-modal-wrap .input-wrap :after, .request-venue-modal-wrap .support-modal-wrap-1 .input-wrap-short :after, .support-modal-wrap-1 .request-venue-modal-wrap .input-wrap-short :after {
      clear: both; }
  .request-venue-modal-wrap select {
    width: 70%;
    background: transparent;
    border: none;
    border: 2px solid #777;
    padding: 2px 5px 2px 10px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    font-size: 22px;
    color: #777;
    background-image: url("../img/arrow-down.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 95% center; }

/* ==========================================================================
   Navigation
   ==========================================================================
*/
.content-menu-item a {
  color: #004A98;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 12px; }
  .content-menu-item a:hover {
    font-weight: bold;
    text-decoration: none; }

.content-menu a:hover {
  text-decoration: none; }

.content-menu-item {
  background: #adadad;
  display: none;
  z-index: 9999;
  padding: 7px;
  text-align: left;
  width: 170px;
  position: absolute; }
  .content-menu-item .content-menu-arrow {
    background: url("/img/menu_arrow.png") 0 0 no-repeat;
    width: 10px;
    height: 5px;
    position: absolute;
    top: -5px; }

.inner-content-menu-item {
  background: #fff;
  padding: 10px; }
  .inner-content-menu-item ul {
    margin: 0px;
    padding: 0px;
    list-style: none; }
    .inner-content-menu-item ul li {
      margin: 0px;
      padding: 0px;
      list-style: none; }
  .inner-content-menu-item a:hover, .inner-content-menu-item li.active a {
    color: #ff6a00; }

/* ==========================================================================
   Pagination JQuery component overrides
   ========================================================================== */
.pagination-div {
  display: block;
  width: 100%;
  text-align: center; }
  .pagination-div .c-left {
    float: left; }
  .pagination-div .c-center {
    margin: 0 auto;
    width: -webkit-max-content;
    width: max-content; }
    .pagination-div .c-center .pagination {
      padding: 0 20px;
      display: block; }
  .pagination-div .c-right {
    float: right; }

.pagination-pagenumber {
  margin-top: 5px; }
  .pagination-pagenumber input {
    width: 46px; }

.pagination-info {
  margin-top: 5px; }

/* Bootstrap mobile navbar code */
.nav {
  display: block; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

.nav > li {
  position: relative;
  display: block; }

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

.nav > li > a.img-inside {
  padding: 4px 7px; }

.nav > li > a.img-inside > img {
  margin-top: 4px; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color: #ff6a00; }

.nav > li.disabled > a {
  color: #777777; }

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7; }

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.nav > li > a > img {
  max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #dddddd; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

.nav-tabs.nav-justified > li {
  float: none; }

.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff; } }

.nav-pills > li {
  float: left; }

.nav-pills > li > a {
  border-radius: 4px; }

.nav-pills > li + li {
  margin-left: 2px; }

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

.nav-stacked > li {
  float: none; }

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified {
  width: 100%; }

.nav-justified > li {
  float: none; }

.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs-justified {
  border-bottom: 0; }

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd; }

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px; } }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }

.navbar-collapse.in {
  overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px; } }

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none; }

.navbar-brand > img {
  display: block; }

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.navbar-toggle:focus {
  outline: 0; }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }

.navbar-nav {
  margin: 7.5px -15px; }

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px; }

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0; }
  .navbar-nav > li {
    float: left; }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0; }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; }
  .navbar-form .form-group:last-child {
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px; }

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
  .navbar-right ~ .navbar-right {
    margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }

.navbar-default .navbar-brand {
  color: #777777; }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }

.navbar-default .navbar-text {
  color: #777777; }

.navbar-default .navbar-nav > li > a {
  color: #777777; }

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

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7; }

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

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

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

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888; }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent; } }

.navbar-default .navbar-link {
  color: #777777; }

.navbar-default .navbar-link:hover {
  color: #333333; }

.navbar-default .btn-link {
  color: #777777; }

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333; }

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc; }

.navbar-inverse {
  background-color: #222222;
  border-color: #080808; }

.navbar-inverse .navbar-brand {
  color: #9d9d9d; }

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent; }

.navbar-inverse .navbar-text {
  color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent; }

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

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent; }

.navbar-inverse .navbar-toggle {
  border-color: #333333; }

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff; }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent; } }

.navbar-inverse .navbar-link {
  color: #9d9d9d; }

.navbar-inverse .navbar-link:hover {
  color: #ffffff; }

.navbar-inverse .btn-link {
  color: #9d9d9d; }

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff; }

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444; }

.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table; }

.clearfix:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
  clear: both; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

#modal, #heading, #content {
  width: 460px; }

#modal {
  visibility: hidden;
  height: 189px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -94px !important;
  margin-left: -180px !important;
  z-index: 101; }

#heading {
  height: 44px;
  background-image: -ms-linear-gradient(top, #f9f9f9, #e9e9e9);
  background-image: linear, top, #f9f9f9, #e9e9e9;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
  border-bottom: 1px solid #bababa;
  box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 4px 4px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  color: #444444;
  text-shadow: 0px 1px 0px #fff; }

#content {
  height: 144px;
  background: #fcfcfc;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 4px 4px; }
  #content p {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    line-height: 22px;
    color: #555555;
    width: 100%;
    float: left;
    margin: 19px 0; }

.button {
  width: 170px;
  height: 33px;
  font-size: 13px;
  font-weight: bold;
  line-height: 33px;
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.3);
  float: left;
  opacity: 1.0; }
  .button img {
    float: left;
    width: 33px;
    height: 33px; }
  .button.green {
    background: -ms-linear-gradient(top, #aad44f 0%, #74b931 90%, #6aad2d 95%, #609d29 100%);
    background: linear, top, #aad44f 0%, #74b931 90%, #6aad2d 95%, #609d29 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );
    border: 1px solid #5b8821;
    margin: 0 5px 0 35px; }
  .button.red {
    background: -ms-linear-gradient(top, #f87288 0%, #f34755 90%, #e1414d 95%, #ce3b46 100%);
    background: linear, top, #f87288 0%, #f34755 90%, #e1414d 95%, #ce3b46 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );
    border: 1px solid #b0333e;
    margin: 0 35px 0 5px; }

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
  display: none;
  top: 0;
  left: 0; }

.close-btn {
  border: 2px solid #c2c2c2;
  position: relative;
  padding: 1px 5px;
  top: -1px;
  background-color: #605F61;
  left: -10px;
  border-radius: 20px; }
  .close-btn a {
    font-size: 15px;
    font-weight: bold;
    color: white;
    text-decoration: none; }

/* ==========================================================================
   Tables
   ==========================================================================
*/
.standard-table table tr {
  background: none; }

.standard-table thead tr td {
  padding: 10px 20px;
  background: #A5A3A3;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff; }
  .standard-table thead tr td:first-child {
    border-top-left-radius: 10px; }
  .standard-table thead tr td:last-child {
    border-top-right-radius: 10px; }

.standard-table tr {
  background: #ffffff; }
  .standard-table tr td {
    padding: 10px 0 10px 10px;
    font-size: 16px;
    color: #000000;
    line-height: 26px; }

.standard-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px; }

.standard-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px; }

.standard-table tbody tr td a {
  color: #FF6A00; }

.clipboard {
  border: none;
  width: 28px;
  height: 28px;
  cursor: pointer; }

img.drilldown {
  padding: 3px;
  cursor: pointer; }

th.app_name, td.app_name {
  width: 240px; }

th.app_version, td.app_version {
  word-break: break-all; }
  th.app_version svg, td.app_version svg {
    margin-top: -4px;
    float: right;
    padding-right: 4px;
    padding-left: 6px; }

th.app_realm, td.app_realm {
  width: 50px; }

th.app_last_seen, td.app_last_seen {
  width: 80px; }

th.app_os, td.app_os {
  width: 130px;
  text-align: center !important; }

th.app_sdk_download, th.app_insight {
  width: 30px; }

th.app_elg, th.app_elg {
  width: 30px;
  text-align: center !important; }

th.app_deactivated, th.app_deactivated {
  width: 120px; }

th.app_switch, th.app_switch {
  width: 100px; }

h2.company, h2.editaccount {
  float: left;
  margin-right: 30px; }

.new-table table {
  border-collapse: separate;
  border: 1px solid #B1ADA8;
  border-radius: 11px; }

.new-table th:first-child {
  border-left: solid 1px #B1ADA8;
  border-top: solid 1px #B1ADA8;
  border-top-left-radius: 10px;
  background: #C2BDB9;
  color: white; }

.new-table th:last-child {
  border-right: solid 1px #B1ADA8;
  border-top: solid 1px #B1ADA8;
  border-top-right-radius: 10px;
  background: #C2BDB9;
  color: white; }

.new-table th {
  text-align: left;
  padding: 10px;
  background: #C2BDB9;
  color: white;
  text-transform: uppercase;
  font-weight: 600; }

.new-table td {
  padding: 10px; }

.new-table tr:nth-child(even) {
  background-color: #FFF; }

.new-table tr:nth-child(odd) {
  background-color: #E9E9E9; }

.new-table tr:last-child td {
  border-bottom: solid 0.5px #B1ADA8; }

.new-table tr:last-child td:first-child {
  border-bottom-left-radius: 10px; }

.new-table tr:last-child td:last-child {
  border-bottom-right-radius: 10px; }

.thank-you-page {
  margin: 50px auto;
  color: #337ab7;
  text-align: center;
  max-width: 720px; }
  .thank-you-page .thnk-img {
    width: 100%; }
  .thank-you-page .head-text {
    margin: 50px 0;
    font-weight: 300;
    font-size: 38px;
    text-align: center; }
  .thank-you-page .links {
    display: block;
    list-style: circle inside;
    padding: 0;
    margin: 0 auto;
    text-align: left; }
    .thank-you-page .links li {
      color: #337ab7;
      padding: 0;
      margin: 0;
      width: 49%;
      float: left;
      font-size: 21px;
      word-break: keep-all; }
      .thank-you-page .links li a:hover {
        text-decoration: underline; }
    .thank-you-page .links:after {
      display: block;
      content: ' ';
      clear: both; }

.tips {
  font-size: 14px;
  position: absolute;
  z-index: 100000;
  background: #333;
  border: 1px solid #fff; }
  .tips h1 {
    display: block;
    font-weight: 300;
    font-size: 16px;
    margin: 0;
    padding: 4px 15px; }
  .tips .inner-content {
    padding: 5px 10px; }
  .tips p {
    margin: 0; }
  .tips span {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0; }

.tips-inner {
  color: #FFF;
  max-width: 400px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.tips.tips-personas h1 {
  font-weight: 600;
  font-size: 16px;
  min-width: 150px; }

.tips-w:after, .tips-w:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.tips-w:after {
  border-color: rgba(51, 51, 51, 0);
  border-right-color: #333;
  border-width: 15px;
  margin-top: -15px; }

.tips-w:before {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 16px;
  margin-top: -16px; }

.tips.tips-personas .tips-inner:after, .tips.tips-personas .tips-inner:before {
  right: 50%;
  top: 0;
  content: " ";
  position: absolute;
  pointer-events: none;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin-right: -15px; }

.tips.tips-personas .tips-inner:after {
  border-bottom: 15px solid blue;
  border-bottom-color: inherit;
  margin-top: -15px; }

.tips.tips-personas .tips-inner:before {
  border-bottom: 15px solid white;
  margin-top: -16px; }

.chartPersonas.c3 .c3-grid line, .topCountries.c3 .c3-grid line, .topCities.c3 .c3-grid line {
  stroke: #fff; }

.well-done-component .well-done-img {
  margin: 0 auto;
  text-align: center; }
  .well-done-component .well-done-img img {
    width: 410px; }

.well-done-invitation-component .explain-text {
  text-align: center;
  color: #FFF;
  line-height: normal;
  font-size: 19px; }

input,
textarea {
  box-sizing: border-box; }

label {
  box-sizing: border-box; }

.angular-hint-component {
  color: white;
  background-color: #00a0dd;
  font-size: 12px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/img/ca-hint.png") no-repeat;
  cursor: help; }
  .angular-hint-component .tooltip {
    position: relative;
    top: 20px;
    left: -6px;
    z-index: 1000;
    font-size: 14px;
    line-height: 16px;
    background: #009fe0;
    padding: 10px 45px 10px 10px;
    border: 1px solid #85d3f1;
    border-radius: 8px;
    color: white;
    margin-top: 8px;
    text-align: left;
    max-width: 450px;
    width: -webkit-fit-content;
    width: fit-content;
    height: -webkit-min-content;
    height: min-content; }
    .angular-hint-component .tooltip .arrow {
      display: block;
      position: absolute;
      top: -16px;
      left: 6px;
      bottom: 100%;
      width: 0;
      height: 0;
      border-bottom: 8px solid #009fe0;
      border-top: 10px solid transparent;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent; }
    .angular-hint-component .tooltip .tooltip-close-div {
      position: absolute;
      top: 46px;
      right: 26px; }
      .angular-hint-component .tooltip .tooltip-close-div svg {
        fill: #fff;
        color: #fff;
        cursor: pointer;
        width: 20px;
        height: 20px;
        transition: 0.2s ease;
        margin-top: -40px;
        margin-right: -32px; }
        .angular-hint-component .tooltip .tooltip-close-div svg:hover {
          fill: #ff6a00; }
        .angular-hint-component .tooltip .tooltip-close-div svg:focus {
          outline: none; }

.invite-user select, .invite-user input {
  width: 300px !important; }

.invite-user #inviteLink {
  width: 420px !important;
  padding-left: 0 !important;
  font-size: larger;
  text-align: center; }

.invite-user button {
  margin-left: 20px; }

.invite-user h1 {
  margin-bottom: 40px; }

.invite-user .error {
  margin-top: 25px !important; }

.invite-user h3 {
  color: #fff; }

.invite-user .checkbox {
  color: #fff;
  padding-top: 30px; }

.invite-user input[type="checkbox"]:checked.styled + label::before {
  transform: inherit; }

/* Layout Partials */
#adminbar {
  margin: 0 auto;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12pt;
  background-color: #333 !important; }
  #adminbar div {
    display: inline-block;
    background-color: #333;
    color: #366c99; }
    #adminbar div span {
      font-weight: bold;
      color: #ffffff; }
    #adminbar div a {
      color: #08c;
      background-color: #fff;
      border-radius: 8px;
      padding: 3px 8px 4px 8px; }
      #adminbar div a:hover {
        box-shadow: inset 0 0 0 1px #08c; }
  #adminbar div:not(:first-child):not(:last-child) {
    margin: 0 30px; }

@media screen and (max-width: 640px) {
  #adminbar {
    font-size: 10pt; } }

header {
  position: relative;
  width: 100%;
  top: 0;
  height: 52px;
  background: #262626;
  color: #ffffff;
  z-index: 999;
  transition: 0.3s ease;
  letter-spacing: .1px;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-font-smoothing: antialiased; }
  header a:not(.a-logo) {
    color: #FFF;
    padding: 20px 15px 20px 15px;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: .1px;
    transition: color .2s linear, background-color .2s linear; }
    header a:not(.a-logo):hover {
      color: #ff6a00;
      background-color: #000; }
  header .logo-wrap {
    float: left;
    width: 145px;
    margin: 10px 0 0 17px; }
  header .desktop-menu {
    display: none;
    float: right; }
    header .desktop-menu ul {
      marker: none; }
      header .desktop-menu ul li {
        marker: none;
        display: inline;
        padding: 5px 0; }
        header .desktop-menu ul li.active {
          border-bottom: 2px solid #ff6a00; }
  header .header-right-padding {
    display: inline-block;
    float: right;
    height: 100%;
    padding-right: 20px; }

/* Responsive header */
@media only screen and (min-width: 768px) {
  header .logo-wrap {
    width: 145px;
    margin-left: 64px; }
  header .header-right-padding {
    margin-right: 71px; }
  .mobile-menu .drop-frame {
    padding: 4px 71px !important; } }

@media only screen and (min-width: 992px) {
  header .logo-wrap {
    width: 145px;
    margin-left: 100px; }
  .navbar-toggle {
    display: none !important; }
  .desktop-menu {
    display: inline-block !important; } }

.navbar-toggle {
  display: inline-block;
  float: right;
  transition: 0.2s ease;
  margin-left: 0;
  margin-right: 0; }
  .navbar-toggle .burger-button {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block; }

.mobile-menu {
  display: none;
  opacity: 0;
  position: absolute;
  top: 52px;
  width: 100%;
  min-height: calc(100% - 52px);
  padding: 0 0 0 0px;
  background-color: rgba(0, 0, 0, 0.92);
  transition: 0.3s ease; }
  .mobile-menu.active {
    display: block;
    opacity: 1;
    z-index: 998;
    transition: 0.3s ease; }
  .mobile-menu .drop-frame {
    margin: 0;
    padding: 4px 20px;
    border-top: 1px solid #ff6a00; }
  .mobile-menu li {
    color: #FFF;
    list-style: none;
    border-top: 1px solid #313131; }
    .mobile-menu li:first-child {
      border-top: 0; }
    .mobile-menu li .drop .frame {
      padding-left: 30px;
      padding-bottom: 20px;
      overflow: hidden; }
      .mobile-menu li .drop .frame .cols-holder {
        overflow: hidden; }
        .mobile-menu li .drop .frame .cols-holder .col {
          margin-top: 20px; }
          .mobile-menu li .drop .frame .cols-holder .col:first-child {
            margin-top: 0; }
    .mobile-menu li .drop ul {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-top: 18px; }
      .mobile-menu li .drop ul:first-child {
        margin-top: 0; }
  .mobile-menu a {
    display: block;
    position: relative;
    color: #ffffff;
    padding: 20px 20px 20px 0;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .1px;
    transition: color .2s linear, background-color .2s linear; }
    .mobile-menu a:hover {
      color: #ff6a00; }
    .mobile-menu a .icon-has-drop {
      box-sizing: border-box;
      color: #ff6a00;
      cursor: pointer;
      display: block;
      font-family: icons;
      font-size: 14px;
      font-weight: 400;
      height: 9px;
      width: 9px;
      letter-spacing: 0.1px;
      line-height: 14px;
      margin-top: -3px;
      position: absolute;
      right: 0;
      speak: none;
      text-align: left;
      top: 29.5px; }
      .mobile-menu a .icon-has-drop:after {
        width: 1px;
        height: 100%;
        margin-left: 4px;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        background: #a2a2a2;
        transition: color .2s linear,background-color .2s linear,opacity .2s linear; }
      .mobile-menu a .icon-has-drop:before {
        width: 100%;
        height: 1px;
        margin-top: 4px;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        background: #a2a2a2;
        transition: color .2s linear,background-color .2s linear,opacity .2s linear; }
      .mobile-menu a .icon-has-drop.active:after {
        opacity: 0; }
  .mobile-menu .user {
    padding: 0 100px;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
    max-height: 0; }
    .mobile-menu .user.ng-hide {
      max-height: 600px;
      transition: max-height 0.3s ease-out; }
    .mobile-menu .user a {
      font-weight: normal;
      font-size: 16px; }
    .mobile-menu .user li {
      border: 0;
      margin-top: 18px; }
      .mobile-menu .user li:first-child {
        margin-top: -20px; }
      .mobile-menu .user li a {
        padding: 0;
        font-weight: 700; }
  .mobile-menu .delete-container {
    display: block;
    position: absolute;
    top: 15px;
    right: 40px; }
    .mobile-menu .delete-container svg {
      width: 10px;
      height: 10px;
      fill: #ff6a00;
      cursor: pointer; }
  .mobile-menu .when {
    color: #808080; }
  .mobile-menu svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    fill: #366c99; }
  .mobile-menu h4 {
    color: #366c99;
    padding: 0 0 0 20px; }

/******* User Nav ********/
.user-nav {
  padding: 0 15px;
  padding-top: 14px;
  display: inline-block;
  float: right; }
  .user-nav div {
    display: inline-block;
    transition: 0.2s ease; }
    .user-nav div.active {
      background-color: #173b6a; }

.user-alert svg {
  width: 15px;
  height: 15px;
  fill: #FFF; }

.user-alert .number {
  width: 18px;
  height: 18px;
  padding: 0 2.5px;
  border-radius: 50%;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff6a00;
  position: absolute;
  margin-left: 6px;
  margin-top: 6px;
  font-size: 12px;
  text-align: center; }

.user-alert-box {
  visibility: hidden;
  opacity: 0;
  right: 0;
  top: 50px;
  position: absolute;
  transition: 0.2s ease;
  max-width: 300px;
  width: 100%;
  overflow: auto;
  background-color: #173b6a;
  z-index: 1000; }
  .user-alert-box.active {
    visibility: visible;
    opacity: 1;
    z-index: 1; }
  .user-alert-box ul {
    padding: 0;
    margin: 0; }
  .user-alert-box li {
    display: block;
    position: relative;
    padding: 25px 20px 20px 45px;
    height: auto;
    color: #ffffff;
    border-bottom: 1px solid #053359;
    cursor: auto;
    font-weight: normal; }
    .user-alert-box li:hover {
      background-color: #205294; }
    .user-alert-box li:last-child {
      border: none; }
  .user-alert-box a {
    font-weight: normal; }
    .user-alert-box a:hover {
      color: #ff6a00; }
  .user-alert-box .when {
    text-align: right;
    margin-top: 10px;
    color: #aaaaaa;
    text-transform: uppercase; }
  .user-alert-box .delete-container {
    position: absolute;
    top: 5px;
    right: 10px; }
  .user-alert-box .alert-msg {
    display: block; }
  .user-alert-box svg.delete {
    width: 10px;
    height: 10px;
    fill: #FFF; }
  .user-alert-box svg.icon {
    position: absolute;
    left: 15px;
    top: 25px;
    width: 20px;
    height: 20px;
    fill: #FFF; }

/*Footer*/
footer {
  position: relative;
  background-color: #262626;
  width: 100%;
  height: 50px; }
  footer > * {
    font: 400 12px/16px 'Montserrat',Arial,sans-serif;
    color: #a2a2a2; }
  footer a {
    color: inherit;
    font: inherit;
    transition: 0.2s ease; }
    footer a:hover {
      color: #ff6a00; }
  footer span {
    padding: 0; }
  footer .truste {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 35px;
    height: 35px;
    fill: #fff; }
  footer .copyright {
    text-align: center;
    padding: 6px 0 0 0; }

@media (min-width: 570px) {
  footer span {
    padding: 0 10px; }
  footer .copyright {
    padding: 15px 0 0 0; } }

/* ==========================================================================
   Forms
   ==========================================================================
*/
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

div.required {
  color: #F02020;
  display: inline;
  font-family: Tahoma;
  font-size: 8pt;
  margin-left: 2px;
  position: relative;
  top: -4px; }

div.optional {
  display: inline;
  font-family: Tahoma;
  font-size: 8pt;
  margin-left: 6px;
  position: relative;
  top: -4px; }

.form-horizontal .controls {
  margin-left: 20px; }

.note-block {
  border: 1px solid #00539F;
  padding: 14px;
  margin-bottom: 20px;
  background: #cbe6f2;
  color: #0e4d95;
  position: relative; }

.note-close {
  background: url("/img/note_close_btn.png") 0 0 no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer; }

.form-group .form-row {
  margin-bottom: 0px;
  font-size: 10px;
  margin-right: 36px;
  margin-left: 5px; }

.form-row {
  margin-bottom: 15px; }
  .form-row .form-element {
    display: inline-block;
    position: relative; }
    .form-row .form-element .hidden {
      display: none; }
  .form-row label {
    display: block;
    width: 120px;
    text-align: left;
    float: left;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin: 3px 5px 0px 0px; }
  .form-row input {
    border-radius: 0px; }

form.form-horizontal.label-newline .form-row label {
  float: none;
  width: 100%;
  height: auto;
  display: block; }

.error-field label {
  color: #ff0000;
  background-color: transparent; }

.error-field input {
  color: #ff0000;
  border-color: #ff0000; }

span.ajax-error {
  font-size: 12px;
  color: #ff0000;
  font-style: italic; }

span.ajax-success {
  font-size: 12px;
  font-style: italic; }

.form-inline {
  margin: 10px 0px; }
  .form-inline input[type=text] {
    border-radius: 0px;
    height: 22px; }

.confirm-actions {
  text-align: center; }
  .confirm-actions a, .confirm-actions button {
    margin: 0px 10px; }

.form-row-inline .form-element {
  float: left;
  margin-right: 5px; }

.form-row-inline label {
  font-size: 12px; }

.row-label a {
  color: #ff6a00; }

.form-errors-block {
  padding: 10px;
  background: #ffdbdb;
  border: 1px solid #ff0000;
  margin-bottom: 20px; }

.form-errors-icon {
  background: url("/img/error_icon.png") 0 0 no-repeat;
  width: 30px;
  height: 29px;
  float: left; }

.form-errors-list {
  margin-left: 45px; }
  .form-errors-list .form-global {
    margin-bottom: 5px;
    color: #ff0000; }

form#upgtoprod div.control-group > table {
  margin-left: 0px; }

.form-row .form-errors, .form-row-inline .form-errors {
  font-size: 10px;
  color: #ff0000;
  font-style: italic; }

form#email_request > div.form-actions {
  text-align: right;
  width: 318px; }

form#account > div.form-actions, form#myprofile > div.form-actions {
  text-align: right;
  margin-right: 8px; }

form#account #div_address2 {
  text-align: right; }

input#application_version_key {
  width: 350px; }

.form {
  margin-left: 40px; }
  .form .row {
    margin-bottom: 20px; }
  .form .form-errors {
    color: #ff0000;
    font-size: 11px; }
  .form .row .element-error {
    border-color: #ff0000; }
  .form .floats .floatleft {
    margin-right: 95px; }
  .form .row input, .form .row textarea {
    width: 500px; }

input#realm {
  width: 300px; }

/******************************/
.input-wrap-svg {
  position: relative;
  display: inline-block; }
  .input-wrap-svg svg {
    position: absolute;
    width: 30px;
    height: 30px;
    fill: #FFF;
    top: 5px; }

/* Page Partials */
/* ==========================================================================
   Registration
   ==========================================================================
*/
#termsofuse {
  color: #333333;
  font-family: Verdana, "Helvetica Neue",Arial,sans-serif;
  font-size: 14px; }
  #termsofuse h3 {
    color: #0E4D95;
    font-size: 20px;
    margin-bottom: 12px;
    margin-top: 20px; }
  #termsofuse h4 {
    margin-top: 0px;
    margin-bottom: 7px; }

md-toolbar {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

#div_first_name, #div_last_name, #div_email, #div_phone, #div_password, #div_password2, #div_name {
  position: relative;
  margin-bottom: 0; }
  #div_first_name label, #div_last_name label, #div_email label, #div_phone label, #div_password label, #div_password2 label, #div_name label {
    display: none; }
  #div_first_name .form-element, #div_last_name .form-element, #div_email .form-element, #div_phone .form-element, #div_password .form-element, #div_password2 .form-element, #div_name .form-element {
    display: block; }
    #div_first_name .form-element svg, #div_last_name .form-element svg, #div_email .form-element svg, #div_phone .form-element svg, #div_password .form-element svg, #div_password2 .form-element svg, #div_name .form-element svg {
      width: 25px;
      height: 25px;
      fill: #FFF;
      position: absolute;
      top: 22px;
      left: 5px;
      transition: 0.2s ease; }
    #div_first_name .form-element input, #div_last_name .form-element input, #div_email .form-element input, #div_phone .form-element input, #div_password .form-element input, #div_password2 .form-element input, #div_name .form-element input {
      background-color: transparent;
      border: none;
      border-bottom: 2px solid #FFF;
      width: 100%;
      margin: 15px 0 0 0;
      font-size: 24px;
      padding: 5px 0 2px 40px;
      color: #FFF;
      transition: border 0.2s ease; }
      #div_first_name .form-element input:focus, #div_last_name .form-element input:focus, #div_email .form-element input:focus, #div_phone .form-element input:focus, #div_password .form-element input:focus, #div_password2 .form-element input:focus, #div_name .form-element input:focus {
        border-bottom: 2px solid #504845; }

h2 + #user #div_first_name, h2 + #user #div_last_name, h2 + #user #div_email, h2 + #user #div_phone, h2 + #user #div_password, h2 + #user #div_password2 {
  position: relative;
  margin-bottom: 0; }
  h2 + #user #div_first_name label, h2 + #user #div_last_name label, h2 + #user #div_email label, h2 + #user #div_phone label, h2 + #user #div_password label, h2 + #user #div_password2 label {
    display: block; }

/* ==========================================================================
   Profile Edit
   ==========================================================================
*/
#profile-page {
  text-align: center;
  padding: 0 0;
  max-width: 450px;
  margin: 0 auto 30px; }
  #profile-page #myprofile .form-row {
    margin-bottom: 15px; }
    #profile-page #myprofile .form-row.error-field .form-element input {
      border-color: red;
      color: red; }
    #profile-page #myprofile .form-row.error-field .form-element .error {
      color: red; }
    #profile-page #myprofile .form-row.error-field label {
      color: red; }
    #profile-page #myprofile .form-row label {
      display: block;
      width: 120px;
      text-align: left;
      float: left;
      font-size: 12px;
      font-weight: normal;
      height: 22px;
      line-height: 22px;
      margin: 3px 5px 0 0;
      color: #bbb;
      position: absolute;
      top: -21px;
      display: none; }
    #profile-page #myprofile .form-row .form-element {
      position: relative; }
      #profile-page #myprofile .form-row .form-element input {
        font-size: 24px;
        padding: 5px 0 2px 40px;
        border-bottom: 2px solid #7f756f;
        color: #7f756f;
        background-color: #FFFFFF;
        margin: 0;
        display: inline-block;
        transition: border linear .2s,box-shadow linear .2s; }
        #profile-page #myprofile .form-row .form-element input:focus {
          border-color: rgba(82, 168, 236, 0.8); }
        #profile-page #myprofile .form-row .form-element input[readonly="readonly"] {
          background-color: #EAE9E9; }
        #profile-page #myprofile .form-row .form-element input:-ms-input-placeholder {
          color: #b0a9a4;
          font-size: 80%; }
        #profile-page #myprofile .form-row .form-element input::placeholder {
          color: #b0a9a4;
          font-size: 80%; }
      #profile-page #myprofile .form-row .form-element svg {
        fill: #7f756f;
        position: absolute;
        top: 10px;
        left: 5px; }
  #profile-page #myprofile #submit_form, #profile-page #myprofile #submit_form + input {
    margin-top: 15px; }
  #profile-page .oauth-buttons-box {
    padding: 20px 0 30px; }

#detach-social-modal-wrap {
  margin: 30px auto 0;
  padding: 20px 10px; }
  #detach-social-modal-wrap p {
    margin: 0;
    padding: 5px 0;
    font-weight: normal; }
  #detach-social-modal-wrap a {
    margin-top: 25px; }
  #detach-social-modal-wrap .btn-gray {
    margin-right: 30px; }

#experimental_features .multioptions li {
  margin-left: -120px !important; }

#div_enable_multiauth, .multiauth-enable-confirm-actions, #multiauth_options_block,
#div_verify_enable_code, #profilesecurity, #profilesubscribe, #experimental_features {
  text-align: center;
  padding: 0px 0;
  max-width: 450px;
  margin: 30px auto;
  font-size: 22px;
  color: #736964; }
  #div_enable_multiauth#profilesecurity, .multiauth-enable-confirm-actions#profilesecurity, #multiauth_options_block#profilesecurity,
  #div_verify_enable_code#profilesecurity, #profilesecurity#profilesecurity, #profilesubscribe#profilesecurity, #experimental_features#profilesecurity {
    margin-top: 34px; }
  #div_enable_multiauth label, .multiauth-enable-confirm-actions label, #multiauth_options_block label,
  #div_verify_enable_code label, #profilesecurity label, #profilesubscribe label, #experimental_features label {
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    margin: 0;
    margin-bottom: 10px; }
  #div_enable_multiauth .form-element, .multiauth-enable-confirm-actions .form-element, #multiauth_options_block .form-element,
  #div_verify_enable_code .form-element, #profilesecurity .form-element, #profilesubscribe .form-element, #experimental_features .form-element {
    display: block; }
  #div_enable_multiauth .form-element button:first-child, .multiauth-enable-confirm-actions .form-element button:first-child, #multiauth_options_block .form-element button:first-child,
  #div_verify_enable_code .form-element button:first-child, #profilesecurity .form-element button:first-child, #profilesubscribe .form-element button:first-child, #experimental_features .form-element button:first-child {
    margin-right: 4px; }
  #div_enable_multiauth input[type="text"], .multiauth-enable-confirm-actions input[type="text"], #multiauth_options_block input[type="text"],
  #div_verify_enable_code input[type="text"], #profilesecurity input[type="text"], #profilesubscribe input[type="text"], #experimental_features input[type="text"] {
    font-size: 24px;
    padding: 5px 0 2px 40px;
    border: none;
    border-bottom: 2px solid #7f756f;
    color: #7f756f;
    background-color: #FFFFFF;
    margin: 0;
    width: 100%; }
  #div_enable_multiauth [name="enable_multiauth"], .multiauth-enable-confirm-actions [name="enable_multiauth"], #multiauth_options_block [name="enable_multiauth"],
  #div_verify_enable_code [name="enable_multiauth"], #profilesecurity [name="enable_multiauth"], #profilesubscribe [name="enable_multiauth"], #experimental_features [name="enable_multiauth"] {
    width: 50%; }
  #div_enable_multiauth .optional, .multiauth-enable-confirm-actions .optional, #multiauth_options_block .optional,
  #div_verify_enable_code .optional, #profilesecurity .optional, #profilesubscribe .optional, #experimental_features .optional {
    margin: 0;
    display: block; }
  #div_enable_multiauth svg, .multiauth-enable-confirm-actions svg, #multiauth_options_block svg,
  #div_verify_enable_code svg, #profilesecurity svg, #profilesubscribe svg, #experimental_features svg {
    width: 25px;
    height: 25px;
    fill: #7f756f;
    position: absolute;
    top: 10px;
    left: 5px; }

.myprofilenav {
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  .myprofilenav li {
    display: inline-block;
    float: none; }
    .myprofilenav li > a {
      color: #ffffff; }

@media only screen and (max-width: 750px) {
  .myprofilenav {
    margin-top: 0;
    float: none; }
    .myprofilenav li {
      background-color: #f4f4f4;
      margin: 0 4px 4px; }
    .myprofilenav li > a {
      padding: 5px 6px; } }

@media only screen and (max-width: 420px) {
  .myprofilenav {
    margin-top: 0;
    float: none; }
    .myprofilenav li {
      background-color: #f4f4f4;
      margin: 0 2px 4px; }
    .myprofilenav li > a {
      padding: 3px 4px; } }

@media only screen and (max-width: 375px) {
  .myprofilenav {
    margin-top: 0;
    float: none;
    font-size: 95%; }
    .myprofilenav li {
      background-color: #f4f4f4;
      margin: 0 2px 4px; }
    .myprofilenav li > a {
      padding: 3px 3px; } }

@media only screen and (max-width: 361px) {
  .myprofilenav {
    margin-top: 0;
    float: none;
    font-size: 90%; }
    .myprofilenav li {
      background-color: #f4f4f4;
      margin: 0 0 4px; }
    .myprofilenav li > a {
      padding: 3px 1px; } }

.oath-btn-onwhite {
  border-color: #2bc4ff;
  opacity: 0.7; }

#div_multiauth_radio_options .radio-styled {
  margin-top: 5px;
  text-align: left; }
  #div_multiauth_radio_options .radio-styled input {
    margin: 0 10px 0 0; }
  #div_multiauth_radio_options .radio-styled label {
    display: inline;
    color: black;
    font-size: 18px; }

#div_verify_enable_code .html-secure {
  color: black; }

.permissions-popup {
  cursor: pointer; }

/* ==========================================================================
   Project
   ==========================================================================
*/
.new-project-confirmation {
  display: table-row;
  font-size: 12px; }
  .new-project-confirmation #left-side {
    display: table-cell;
    vertical-align: top;
    padding-right: 25px;
    color: #333;
    width: 500px; }
  .new-project-confirmation #right-side {
    display: table-cell;
    vertical-align: top;
    padding-left: 25px;
    border-left: dotted 1px #0d579f;
    color: #333;
    width: 250px; }
  .new-project-confirmation .section-text {
    font-family: "Source Sans Pro Extralight", sans-serif;
    font-size: 9px;
    font-weight: normal; }
    .new-project-confirmation .section-text h4 {
      color: #0d579f;
      font-weight: bold;
      font-size: 24px;
      padding-bottom: 20px; }
    .new-project-confirmation .section-text h5 {
      color: #0d579f;
      font-weight: bold;
      font-size: 18px;
      padding-bottom: 20px; }
  .new-project-confirmation #left-side .section-text p, .new-project-confirmation #right-side .section-text p {
    font-size: 16px; }
  .new-project-confirmation #api-key, .new-project-confirmation input#user-email {
    width: 90%; }
  .new-project-confirmation #input-api-key, .new-project-confirmation #input-user-email {
    margin-bottom: 0px; }
  .new-project-confirmation #right-side .controls {
    margin-top: 20px; }

.new-project-confirmation-title {
  text-align: center;
  color: #0d579f;
  font-family: "Source Sans Pro Extralight", sans-serif;
  font-size: 36px;
  font-weight: 200;
  padding-top: 8px;
  padding-bottom: 40px; }

.newproject-title {
  text-align: center;
  color: #0d579f;
  font-family: "Source Sans Pro Extralight", sans-serif;
  font-size: 46px;
  font-weight: 300;
  padding-top: 20px;
  padding-bottom: 60px; }

.newproject-align-center {
  text-align: center; }

.newproject-submit {
  /*float: right; clear: left;*/
  margin-left: -40px;
  margin-top: 20px; }

.dashboard-header .create-project {
  margin-left: 15px; }

.project-form {
  margin: 0px 40px; }
  .project-form.modern-inputs input.modern-input, .project-form.modern-inputs select.modern-input, .project-form.modern-inputs textarea.modern-input {
    width: 300px; }

#project .platform-icon {
  width: 65px;
  height: 62px;
  background-size: 100%; }

form#project #div_domain_info {
  float: right; }

form#project #div_info_text {
  float: left; }
  form#project #div_info_text:after {
    content: '';
    display: block;
    clear: both;
    width: 160px; }

.project-form.modern-inputs textarea.modern-input {
  resize: none;
  resize: none; }

.homepage-api-key label {
  display: block;
  height: 54px;
  font-size: 21px;
  line-height: 51px;
  color: #999; }

.homepage-api-key.inline > label, .homepage-api-key.inline > .key-area, .homepage-api-key.inline > .key-area-popup {
  float: left;
  margin-right: 20px; }

.homepage-api-key input.homepage-api-key {
  width: 300px; }

.homepage-api-key input .js-copy-result {
  color: #009900;
  font-size: 12px;
  line-height: 54px; }

.homepage-api-key .key-area, .homepage-api-key .key-area-popup {
  position: relative; }

.key-area .input-tooltip, .key-area-popup .input-tooltip {
  width: 135px; }

.project-container {
  padding: 50px 0; }

.projects-sortable-container {
  display: block;
  padding: 0;
  margin: 0;
  *zoom: 1; }
  .projects-sortable-container:before, .projects-sortable-container:after {
    content: " ";
    display: table; }
  .projects-sortable-container:after {
    clear: both; }
  .projects-sortable-container > li {
    display: block;
    padding: 0;
    margin: 0;
    float: left;
    position: relative; }
    .projects-sortable-container > li .project-card-wrap {
      float: none; }

.project-card-wrap {
  position: relative;
  color: #333;
  float: left;
  width: 265px;
  height: 350px;
  border: 1px solid #D0CFCC;
  margin: 8px;
  transition: 0.2s ease;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none; }
  .project-card-wrap:hover {
    box-shadow: 0 0 15px #D0CFCC; }
  .project-card-wrap:hover .project-card-back {
    visibility: visible;
    opacity: 1; }
  .project-card-wrap .inner-padding {
    padding: 0 15px; }
    .project-card-wrap .inner-padding .confirm-required {
      font-size: large;
      text-align: center;
      padding-top: 60%; }
  .project-card-wrap.new-section {
    background-color: #d9d9d9;
    cursor: pointer; }
  .project-card-wrap.regular-card {
    background-color: #e6e6e6; }
  .project-card-wrap .overlay-section {
    height: 315px;
    cursor: pointer;
    overflow-y: auto; }
  .project-card-wrap .project-name {
    font-size: 24px;
    font-weight: 500;
    padding: 15px 25px 10px 15px;
    line-height: 1em; }
  .project-card-wrap .card-label {
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0; }
  .project-card-wrap .project-svg {
    margin: 10px 0 0 10px;
    width: 80px;
    height: 80px;
    fill: #333; }
  .project-card-wrap .key-area {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C8C7C3;
    border-top: 1px solid #FFF; }
    .project-card-wrap .key-area a:focus, .project-card-wrap .key-area a:hover {
      outline: none;
      text-decoration: none; }
  .project-card-wrap .button-front {
    padding: 5px;
    background-color: #aaa;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px; }
  .project-card-wrap .clipboard {
    display: inline-block;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-left: 1px;
    padding: 8px;
    cursor: pointer;
    background: #444;
    fill: #FFF;
    transition: 0.2s ease; }
    .project-card-wrap .clipboard:hover {
      fill: #ff6a00; }
  .project-card-wrap.deactivated {
    background-color: #f6f6f6 !important;
    color: #aaa !important; }
    .project-card-wrap.deactivated svg {
      fill: #aaa !important; }

md-dialog.new-project {
  background: #9b938d;
  padding: 50px 0 !important; }

#create-project-dialog {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  overflow: hidden;
  padding: 0;
  margin: 0; }
  #create-project-dialog .md-dialog-container,
  #create-project-dialog .md-dialog-fullscreen {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto; }
  #create-project-dialog .create-project-step {
    color: #FFF; }
    #create-project-dialog .create-project-step .svg-close {
      fill: #FFF;
      font-size: 18px; }
    #create-project-dialog .create-project-step a {
      color: #777; }
      #create-project-dialog .create-project-step a.link {
        color: #87CEFA; }
    #create-project-dialog .create-project-step .header-step-one {
      *zoom: 1;
      padding: 10% 0 40px 0;
      text-align: center; }
      #create-project-dialog .create-project-step .header-step-one:before, #create-project-dialog .create-project-step .header-step-one:after {
        content: " ";
        display: table; }
      #create-project-dialog .create-project-step .header-step-one:after {
        clear: both; }
      #create-project-dialog .create-project-step .header-step-one .header-close {
        position: absolute;
        right: 20px;
        top: 65px; }
      #create-project-dialog .create-project-step .header-step-one h2 {
        padding: 0;
        font-weight: 300;
        font-size: 36px; }
        #create-project-dialog .create-project-step .header-step-one h2 span {
          font-weight: bold; }
    #create-project-dialog .create-project-step .header-step-two, #create-project-dialog .create-project-step .header-step-three, #create-project-dialog .create-project-step .header-step-four {
      *zoom: 1;
      padding: 10% 0 40px 0;
      text-align: center; }
      #create-project-dialog .create-project-step .header-step-two:before, #create-project-dialog .create-project-step .header-step-three:before, #create-project-dialog .create-project-step .header-step-four:before, #create-project-dialog .create-project-step .header-step-two:after, #create-project-dialog .create-project-step .header-step-three:after, #create-project-dialog .create-project-step .header-step-four:after {
        content: " ";
        display: table; }
      #create-project-dialog .create-project-step .header-step-two:after, #create-project-dialog .create-project-step .header-step-three:after, #create-project-dialog .create-project-step .header-step-four:after {
        clear: both; }
      #create-project-dialog .create-project-step .header-step-two h2, #create-project-dialog .create-project-step .header-step-three h2, #create-project-dialog .create-project-step .header-step-four h2 {
        padding: 0;
        font-weight: 300;
        font-size: 36px; }
        #create-project-dialog .create-project-step .header-step-two h2 span, #create-project-dialog .create-project-step .header-step-three h2 span, #create-project-dialog .create-project-step .header-step-four h2 span {
          font-weight: bold; }
    #create-project-dialog .create-project-step .help-text {
      padding: 10px 0;
      font-style: italic; }
    #create-project-dialog .create-project-step .fs-fields {
      width: 100%;
      text-align: center;
      margin: 0 auto;
      font-style: italic; }
    #create-project-dialog .create-project-step .generate-elg-wrap p, #create-project-dialog .create-project-step .generate-iot-wrap p {
      color: #524A47;
      font-size: 2.5em; }
    #create-project-dialog .create-project-step .generate-elg-wrap svg, #create-project-dialog .create-project-step .generate-iot-wrap svg {
      display: block;
      margin: auto; }

.new-project-name-form {
  text-align: center; }
  .new-project-name-form li, .new-project-name-form ol {
    padding: 0;
    list-style: none; }
  .new-project-name-form input[type='text'], .new-project-name-form input[type='email'] {
    width: 400px;
    background: inherit;
    border: none;
    border-bottom: 2px solid #FFF;
    font-size: 24px;
    color: #FFF;
    font-weight: 300;
    padding: 5px 0 0 40px; }
    .new-project-name-form input[type='text']:-ms-input-placeholder, .new-project-name-form input[type='email']:-ms-input-placeholder {
      color: #FFF;
      font-weight: 200;
      opacity: 0.4; }
    .new-project-name-form input[type='text']::placeholder, .new-project-name-form input[type='email']::placeholder {
      color: #FFF;
      font-weight: 200;
      opacity: 0.4; }
  .new-project-name-form label {
    font-weight: 300; }
  .new-project-name-form .generate-demo-wrap {
    text-align: right;
    padding-top: 5px; }
    .new-project-name-form .generate-demo-wrap input {
      margin-left: 5px;
      vertical-align: middle; }
  .new-project-name-form p {
    margin: 7px 0;
    color: #053359; }
  .new-project-name-form input[type='submit'] {
    width: 400px;
    margin: 35px 0 0; }
  .new-project-name-form .error {
    text-align: center;
    position: absolute;
    width: 100%;
    display: block;
    font-style: italic; }
    .new-project-name-form .error p {
      color: #f36c66; }
  .new-project-name-form .loading {
    position: absolute;
    bottom: 0;
    left: 0; }

.new-project-assign-developers-form input[type='text']:-ms-input-placeholder, .new-project-assign-developers-form input[type='email']:-ms-input-placeholder {
  color: #FFF;
  font-weight: 200;
  opacity: 0.4; }

.new-project-assign-developers-form input[type='text']::placeholder, .new-project-assign-developers-form input[type='email']::placeholder {
  color: #FFF;
  font-weight: 200;
  opacity: 0.4; }

.project-card-wrap .new {
  font-size: 28px;
  text-align: center;
  padding: 80px 0 0 0; }
  .project-card-wrap .new svg {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    padding: 10px 0; }

.svg-wrap-clipboard {
  float: right;
  height: 35px;
  display: -ms-flexbox;
  display: flex; }
  .svg-wrap-clipboard svg {
    display: inline-block; }
  .svg-wrap-clipboard .js-copy-result-popup {
    position: absolute;
    color: #ff6a00; }

.key-area-wrap {
  display: inline-block;
  padding: 8px 0 0 10px; }

.qr_popup {
  display: none;
  position: absolute;
  width: 180px;
  height: 200px;
  border: 1px solid #a2a2a2;
  background-color: white;
  top: -200px;
  left: 80px;
  cursor: default; }
  .qr_popup .close {
    float: right;
    margin-right: 6px;
    margin-top: 6px;
    cursor: pointer; }
  .qr_popup span {
    margin-left: 40px;
    text-align: center; }

.project-label {
  position: absolute;
  top: 0;
  right: 0; }
  .project-label.Sample:before {
    border-top: 75px solid #f4887b; }
  .project-label.Test:before {
    border-top: 75px solid #337355; }
  .project-label.Prod:before {
    border-top: 75px solid #366c99; }
  .project-label.Sample.deactivated:before {
    border-top: 75px solid #aaa; }
  .project-label.Test.deactivated:before {
    border-top: 75px solid #aaa; }
  .project-label.Prod.deactivated:before {
    border-top: 75px solid #aaa; }
  .project-label:before {
    content: '';
    border-left: 75px solid transparent;
    position: absolute;
    top: 0;
    right: 0; }
  .project-label span {
    color: #FFF;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg) translateZ(0px);
    position: absolute;
    top: 15px;
    right: 0;
    width: 50px;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold; }

.project-card-back {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  color: #ddd;
  background-color: #0a253b;
  width: 100%;
  height: 100%;
  transition: 0.5s ease; }
  .project-card-back .disabled {
    text-align: center;
    font-size: large;
    padding-top: 60%; }
  .project-card-back .close-back-card {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    fill: #FFF;
    padding: 10px;
    cursor: pointer; }
  .project-card-back .new-project-label {
    padding: 15px 0 5px 0;
    font-weight: bold;
    color: #ddd;
    font-size: 16px; }
  .project-card-back a, .project-card-back a:hover {
    text-decoration: none; }
  .project-card-back .new-project-block {
    position: relative;
    padding: 30px 0 30px 70px;
    font-size: 18px;
    color: #FFF;
    line-height: 1em;
    border: 1px solid #366c99;
    margin: 15px 0;
    transition: 0.2s ease; }
    .project-card-back .new-project-block .new-project-svg {
      position: absolute;
      left: 10px;
      top: 10px;
      width: 50px;
      height: 50px;
      padding: 5px 0;
      fill: #366c99;
      transition: 0.2s ease; }
    .project-card-back .new-project-block:hover {
      background-color: #ff6a00;
      border: 1px solid #ff6a00; }
    .project-card-back .new-project-block:hover .new-project-svg {
      fill: #FFF; }
    .project-card-back .new-project-block[disabled="disabled"] {
      color: grey;
      border-color: grey; }
      .project-card-back .new-project-block[disabled="disabled"] svg {
        fill: grey; }
  .project-card-back .project-svg-back {
    margin: 10px 0 0 10px;
    width: 80px;
    height: 80px;
    fill: #ddd; }
  .project-card-back .sublinks-wrap {
    text-align: center;
    margin: 25px 0; }
    .project-card-back .sublinks-wrap .link-svg {
      position: absolute;
      left: 0px;
      top: 0px;
      background: #366c99;
      padding: 5px;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      fill: #FFF;
      transition: 0.2s ease; }
    .project-card-back .sublinks-wrap button {
      position: relative;
      color: #6a9fcb;
      background-color: inherit;
      border: none;
      font-size: 16px;
      vertical-align: center;
      font-weight: 600;
      padding-left: 35px;
      transition: 0.2s ease; }
      .project-card-back .sublinks-wrap button:hover svg {
        fill: #fff; }
      .project-card-back .sublinks-wrap button:hover {
        color: #ff6a00; }
      .project-card-back .sublinks-wrap button:focus {
        outline: none; }
  .project-card-back .view-project {
    padding: 12px 5px;
    color: #FFF;
    border-radius: 5px;
    background-color: #ff6a00;
    text-align: center;
    font-size: 18px;
    width: 70%;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 auto;
    border: 2px solid #FFF;
    cursor: pointer;
    transition: 0.2s ease; }
    .project-card-back .view-project:hover {
      background-color: #db5b00; }
  .project-card-back .project-name-back {
    font-size: 24px;
    font-weight: 500;
    padding: 15px 25px 20px 15px;
    line-height: 1em; }

.platforms svg {
  display: inline-block;
  padding-right: 2px;
  width: 30px;
  height: 30px;
  fill: #525353; }

.widget-end-section {
  padding: 60px 20px;
  background-color: #333;
  color: #FFF;
  text-align: center; }
  .widget-end-section h1 {
    color: #366c99;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 36px;
    margin: 0 0 45px 0; }
  .widget-end-section h5 {
    font-size: 22px;
    margin: 15px 0; }
  .widget-end-section .product-thumb-full {
    width: 33%;
    display: inline-table;
    border-right: 1px solid #6A635D; }
    .widget-end-section .product-thumb-full svg {
      width: 150px;
      height: 150px;
      fill: #6A635D;
      margin: 0 auto;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
      animation-direction: alternate; }
      .widget-end-section .product-thumb-full svg:hover {
        animation-name: glow; }
    .widget-end-section .product-thumb-full:last-child {
      border: none; }
  .widget-end-section p.thumb-paragraph {
    height: 90px;
    font-size: 14px; }
  .widget-end-section .details {
    padding: 0 15%; }
  .widget-end-section .btn-med-blue {
    background-color: #1a5b91;
    border: 2px solid #FFF;
    border-radius: 5px;
    padding: 10px 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    width: 50%;
    margin: 0 auto;
    transition: 0.2s ease; }
    .widget-end-section .btn-med-blue:hover {
      background-color: #3d79ac; }
  .widget-end-section a, .widget-end-section a:hover, .widget-end-section a:focus {
    text-decoration: none;
    outline: none;
    color: #FFF; }
  .widget-end-section a.docs-link {
    display: block;
    color: #366c99;
    transition: 0.2s ease;
    padding: 5px 0;
    font-size: 14px; }
    .widget-end-section a.docs-link:hover {
      color: #ff6a00; }

@keyframes glow {
  0% {
    fill: #6A635D; }
  100% {
    fill: #366c99; } }

.phone-number-input, .verification-code {
  font-size: 24px;
  padding: 5px 0 2px 40px;
  border: none;
  border-bottom: 2px solid #7f756f;
  color: #7f756f;
  background-color: transparent;
  margin: 20px 0;
  width: 300px;
  height: 42px; }

.phone-number-input + svg, .verification-code + svg {
  width: 25px;
  height: 25px;
  fill: #7f756f;
  position: absolute;
  top: 30px;
  left: 25px; }

.form-element-sms {
  position: relative;
  margin: 0 auto;
  width: 350px; }

.project-header-container {
  padding-right: 35px;
  padding-left: 35px;
  margin-right: auto;
  margin-left: auto;
  width: 100% !important;
  max-width: 1400px; }

.project-detail-header, .campaigns-detail-header {
  background-color: #ddd;
  padding: 40px 0 45px 0; }
  .project-detail-header .product-name, .campaigns-detail-header .product-name {
    color: #1a5b91;
    padding: 0 3px 10px 0;
    font-size: 18px; }
  .project-detail-header .project-name-input, .campaigns-detail-header .project-name-input {
    position: relative;
    display: inline-block;
    padding: 0 0 10px 0;
    vertical-align: top; }
    .project-detail-header .project-name-input input, .campaigns-detail-header .project-name-input input {
      display: inline-block;
      width: 100%;
      padding: 0 30px 0 0;
      font-size: 48px;
      font-weight: 300;
      border: none;
      color: #1a5b91;
      background-color: inherit;
      border-bottom: 2px solid #1a5b91;
      transition: 0.2s ease; }
      .project-detail-header .project-name-input input.changed, .campaigns-detail-header .project-name-input input.changed {
        border-bottom: 2px solid #80ae7c !important; }
      .project-detail-header .project-name-input input.changed + svg, .campaigns-detail-header .project-name-input input.changed + svg {
        fill: #80ae7c; }
    .project-detail-header .project-name-input svg, .campaigns-detail-header .project-name-input svg {
      position: absolute;
      width: 25px;
      height: 25px;
      right: 2px;
      top: 20px;
      fill: #1a5b91;
      transition: 0.2s ease;
      pointer-events: none; }
    .project-detail-header .project-name-input input:focus, .campaigns-detail-header .project-name-input input:focus {
      outline: none;
      border-bottom: 2px solid #82ACCE;
      color: #053359; }
    .project-detail-header .project-name-input input:focus + svg, .campaigns-detail-header .project-name-input input:focus + svg {
      fill: #82ACCE; }
  .project-detail-header .platforms-wrap, .campaigns-detail-header .platforms-wrap {
    display: inline-block;
    position: relative;
    margin: 0 0 0 20px; }
    .project-detail-header .platforms-wrap .circle-fix, .campaigns-detail-header .platforms-wrap .circle-fix {
      background-color: #ccc;
      display: inline-block;
      margin: 20px 3px 0 3px;
      border-radius: 50%; }
    .project-detail-header .platforms-wrap svg, .campaigns-detail-header .platforms-wrap svg {
      vertical-align: top;
      margin: 8px;
      width: 25px;
      height: 25px;
      display: inline-block;
      fill: #1a5b91; }
  .project-detail-header .create-campaign-btn-wrap, .campaigns-detail-header .create-campaign-btn-wrap {
    float: right;
    padding: 21px 0 0 0; }

.project-detail, .campaigns-detail {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100% !important;
  max-width: 1400px; }
  @media (min-width: 992px) {
    .project-detail .left-side, .campaigns-detail .left-side {
      float: left;
      width: 66.66666667%; }
    .project-detail .right-side, .campaigns-detail .right-side {
      float: left;
      width: 33.33333333%; }
    .project-detail .body, .campaigns-detail .body {
      padding-right: 80px !important; } }
  .project-detail .body, .campaigns-detail .body {
    padding: 10px 20px 10px 20px; }
  .project-detail .sidebar, .campaigns-detail .sidebar {
    padding: 10px 20px 10px 20px; }
  .project-detail label, .campaigns-detail label {
    display: block;
    font-size: 22px;
    color: #053359;
    padding: 10px 0;
    font-weight: bold; }
    .project-detail label span, .campaigns-detail label span {
      background-color: #f9e14e;
      padding: 0 2px;
      font-size: 16px;
      text-transform: uppercase;
      color: #333; }

.sidebar-key-wrap {
  padding: 0 0 10px 0; }
  .sidebar-key-wrap .key-area {
    position: relative;
    width: 100%;
    display: block; }
    .sidebar-key-wrap .key-area input {
      width: 100%;
      box-sizing: border-box;
      height: 35px;
      background-color: #ddd;
      color: #053359;
      padding: 0 45px 0 10px;
      border: none;
      border-radius: 0;
      font-size: 16px; }
    .sidebar-key-wrap .key-area .clipboard-wrap,
    .sidebar-key-wrap .key-area .qr-wrap,
    .sidebar-key-wrap .key-area svg.clipboard {
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      padding: 7px; }
    .sidebar-key-wrap .key-area svg.clipboard {
      background-color: #366c99;
      fill: #FFF;
      cursor: pointer; }
    .sidebar-key-wrap .key-area .qr-wrap {
      right: 36px !important; }
    .sidebar-key-wrap .key-area input.wide {
      display: block;
      width: 100%;
      padding: 0;
      border-width: 0; }

.sidebar-team-wrap .team {
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  border-radius: 10px;
  text-shadow: none;
  cursor: pointer; }
  .sidebar-team-wrap .team.title {
    background-color: #e6e6e6;
    border: 1px solid #736964;
    color: #736964;
    font-weight: bold; }
    .sidebar-team-wrap .team.title.invited {
      background-color: #fff;
      opacity: 0.3; }
  .sidebar-team-wrap .team.add {
    text-transform: uppercase;
    background-color: #333;
    border: 1px solid #848281;
    color: #FFF;
    transition: 0.2s ease;
    cursor: pointer; }
    .sidebar-team-wrap .team.add:hover {
      background-color: #ff6a00;
      border: 1px solid #FFF; }
  .sidebar-team-wrap .team svg {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -8px;
    right: 0;
    fill: #736964; }

.sidebar-team-wrap img.team_perm {
  position: absolute;
  top: -10px;
  right: 0;
  cursor: default; }

.sidebar-action-wrap .library-label {
  display: block;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  border-radius: 10px;
  text-shadow: none;
  background-color: #e6e6e6;
  border: 1px solid #736964;
  color: #736964; }

.sidebar-widget-resources {
  margin-bottom: 10px; }
  .sidebar-widget-resources .resource-title {
    position: relative;
    padding: 5px 0 5px 30px;
    margin: 5px 0; }
  .sidebar-widget-resources svg {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    fill: #a29e99; }

.sidebar-project-stage .pill-wrap {
  margin: 5px 0; }

.sidebar-project-stage .pill {
  display: inline-block;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  padding: 5px 15px;
  cursor: pointer; }
  .sidebar-project-stage .pill.prod {
    border-radius: 0 30px 30px 0;
    background-color: #ebebeb; }
  .sidebar-project-stage .pill.test {
    border-radius: 30px 0 0 30px;
    background-color: #ebebeb; }
  .sidebar-project-stage .pill.active {
    background-color: #366c99; }

.sidebar-downloads .pill-wrap ul {
  margin: 0;
  padding: 0; }

.sidebar-downloads .pill-wrap li {
  list-style: none; }

.sidebar-misc {
  margin-bottom: 10px; }
  .sidebar-misc .pill-wrap {
    margin: 5px 0; }

.campaign-list-wrap {
  margin-bottom: 15px; }
  .campaign-list-wrap.empty .project-img {
    width: 180px;
    height: 169px;
    margin: 20px auto 15px;
    fill: rgba(0, 0, 0, 0.2); }
  .campaign-list-wrap.empty .nocampaign-text {
    text-align: center;
    font-size: 48px;
    font-weight: 300;
    color: #00a0dd;
    line-height: 55px; }
    .campaign-list-wrap.empty .nocampaign-text a {
      color: inherit;
      font-weight: normal;
      border-bottom: 2px solid; }

.empty-campaigns-placeholder {
  width: 700px;
  margin: 0 auto; }

.campaign-list {
  padding: 10px 10px 8px 15px;
  background-color: #e6e6e6;
  border: 1px solid #cac8c6;
  margin: 0 0 15px 0;
  box-shadow: 1px 1px 0px #d2d0cf;
  position: relative; }
  .campaign-list .name {
    color: #366c99;
    font-size: 22px;
    word-break: break-all;
    width: 50%;
    float: left;
    line-height: 22px; }
    .campaign-list .name span {
      font-size: 14px;
      color: #736964; }
  .campaign-list .details {
    position: relative;
    float: right;
    font-weight: bold;
    padding: 4px 10px 14px 0;
    width: 50%; }
    .campaign-list .details div {
      display: inline-block;
      margin: 0;
      text-align: center;
      vertical-align: top;
      float: left; }
  .campaign-list .title {
    font-size: 14px;
    color: #333; }
    .campaign-list .title.venues {
      text-transform: uppercase;
      width: 100px;
      text-align: left; }
    .campaign-list .title.expires {
      width: 130px;
      text-align: left; }
      .campaign-list .title.expires .status {
        text-transform: uppercase; }
  .campaign-list .toolbox {
    position: absolute;
    right: 6px;
    top: 16px; }
    .campaign-list .toolbox svg {
      display: inline-block;
      width: 25px;
      height: 25px;
      margin: 0 5px 10px 0;
      vertical-align: middle;
      fill: #333;
      cursor: pointer;
      transition: 0.2s ease; }
      .campaign-list .toolbox svg:hover {
        fill: #ff6a00; }

@media (max-width: 440px) {
  .campaign-list .details div {
    font-size: 90%;
    margin-right: 30px; } }

.md-campaign-selector md-input-container {
  display: block; }

.md-campaign-selector label {
  display: block;
  margin: 0;
  padding: 0; }

.md-campaign-selector md-select {
  display: inline-block;
  min-width: 200px; }

.teammateModal .scroll {
  max-height: 300px;
  overflow-y: auto;
  text-align: left; }
  .teammateModal .scroll .app .app_name {
    padding: 8px 0 0 20px;
    text-align: left;
    float: left; }
  .teammateModal .scroll .app .app_perm {
    padding-right: 20px;
    float: right;
    width: 200px; }

.teammateModal .confirm-actions {
  padding-top: 20px; }

.project-invitation {
  margin-top: 6px;
  padding: 30px 0;
  text-align: center;
  font-size: 1.8em;
  color: #ff6a00;
  border: 1px solid #cac8c6;
  border-radius: 3px;
  background-color: #e6e6e6; }

.user-wrap h1 {
  color: #FFF;
  font-weight: 300;
  font-size: 42px;
  text-align: center;
  position: relative; }

.user-wrap label.seperator {
  display: block;
  font-size: 20px;
  color: #4f4e4e;
  font-style: italic;
  text-align: center;
  position: relative; }

.user-wrap p {
  text-align: center;
  color: #FFF;
  padding: 10px 0;
  position: relative; }
  .user-wrap p a {
    color: #FFF;
    font-weight: bold; }

.user-wrap p.terms {
  margin: 0;
  padding-bottom: 0; }

.user-wrap .error,
.user-wrap .success {
  background-color: #d51c29;
  color: #FFF;
  margin: 10px 0 0 0;
  text-align: center; }
  .user-wrap .error p,
  .user-wrap .success p {
    margin: 0; }
  .user-wrap .error a,
  .user-wrap .success a {
    display: inline-block;
    color: white;
    font-weight: bold;
    margin: -5px 0 10px 0; }

.user-wrap .success {
  background-color: #337355; }

.user-wrap .login {
  display: none;
  opacity: 0;
  padding: 5% 0 30px 0;
  -webkit-animation: fadeIn 1s; }
  .user-wrap .login.active {
    display: block;
    animation: fadeIn 1s;
    animation-fill-mode: forwards; }
  .user-wrap .login .inner {
    max-width: 400px;
    margin: 0 auto;
    padding-top: 10px; }
  .user-wrap .login .oauth-buttons-box {
    padding-top: 20px; }
  .user-wrap .login .forgot-password a {
    padding: 10px 0 10px 0;
    text-align: right;
    color: #c6b5ae;
    display: block;
    font-style: italic;
    transition: 0.2s ease;
    position: relative; }
    .user-wrap .login .forgot-password a:hover {
      color: #ff6a00; }

.user-wrap .register {
  display: none;
  opacity: 0;
  padding: 10px 0 50px 0;
  -webkit-animation: fadeIn 1s;
  animation-fill-mode: forwards; }
  .user-wrap .register.active {
    display: block;
    animation: fadeIn 1s;
    animation-fill-mode: forwards; }
  .user-wrap .register .inner {
    max-width: 400px;
    margin: 0 auto;
    padding-top: 10px; }
  .user-wrap .register .oauth-buttons-box {
    padding-top: 20px; }
  .user-wrap .register .registration-disabled {
    padding-top: 60px;
    color: #ffffff;
    text-align: center; }

.login .link, .register .link {
  color: #c6b5ae;
  transition: 0.3s ease; }
  .login .link:hover, .register .link:hover {
    color: #ff6a00; }

/* Helpers */
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
  background-color: #1076BC; }

.svg-close {
  fill: #FFF; }

.input-wrap, .support-modal-wrap-1 .input-wrap-short {
  position: relative; }
  .input-wrap svg, .support-modal-wrap-1 .input-wrap-short svg {
    width: 25px;
    height: 25px;
    fill: #FFF;
    position: absolute;
    top: 22px;
    left: 5px;
    transition: 0.2s ease; }
  .input-wrap .password-eye, .support-modal-wrap-1 .input-wrap-short .password-eye {
    font-size: 1.4em;
    color: #fff;
    position: absolute;
    top: 24px;
    right: 5px;
    transition: 0.2s ease; }
  .input-wrap input, .support-modal-wrap-1 .input-wrap-short input, .input-wrap select, .support-modal-wrap-1 .input-wrap-short select {
    padding: 1px;
    font-size: 1.6em;
    transition: all 0.2s ease-out;
    box-shadow: none;
    resize: none;
    outline: none;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #FFF;
    width: 100%;
    margin: 15px 0 0 0;
    font-size: 24px;
    padding: 5px 0 2px 0;
    color: #FFF;
    transition: border 0.2s ease;
    text-indent: initial;
    padding-left: 44px; }
    .input-wrap input:focus ~ label:before, .support-modal-wrap-1 .input-wrap-short input:focus ~ label:before, .input-wrap input:active ~ label:before, .support-modal-wrap-1 .input-wrap-short input:active ~ label:before, .input-wrap select:focus ~ label:before, .support-modal-wrap-1 .input-wrap-short select:focus ~ label:before, .input-wrap select:active ~ label:before, .support-modal-wrap-1 .input-wrap-short select:active ~ label:before {
      color: #e87e22; }
    .input-wrap input ~ label, .support-modal-wrap-1 .input-wrap-short input ~ label, .input-wrap select ~ label, .support-modal-wrap-1 .input-wrap-short select ~ label {
      display: block;
      font-size: 1.6em;
      height: 2em;
      line-height: 2em;
      margin-top: calc(-2em - 1px);
      cursor: text; }
      .input-wrap input ~ label:before, .support-modal-wrap-1 .input-wrap-short input ~ label:before, .input-wrap select ~ label:before, .support-modal-wrap-1 .input-wrap-short select ~ label:before {
        content: attr(placeholder);
        display: inline-block;
        color: rgba(255, 255, 255, 0.5);
        margin: 0 calc(1px + 2px);
        white-space: nowrap;
        transition-property: transform, color;
        transition-duration: 0.2s;
        transition-delay: 0;
        transition-timing-function: ease-out;
        transform-origin: left center; }
    .input-wrap input:focus ~ label:before, .support-modal-wrap-1 .input-wrap-short input:focus ~ label:before, .input-wrap input:active ~ label:before, .support-modal-wrap-1 .input-wrap-short input:active ~ label:before, .input-wrap input.ng-not-empty ~ label:before, .support-modal-wrap-1 .input-wrap-short input.ng-not-empty ~ label:before, .input-wrap select:focus ~ label:before, .support-modal-wrap-1 .input-wrap-short select:focus ~ label:before, .input-wrap select:active ~ label:before, .support-modal-wrap-1 .input-wrap-short select:active ~ label:before, .input-wrap select.ng-not-empty ~ label:before, .support-modal-wrap-1 .input-wrap-short select.ng-not-empty ~ label:before {
      line-height: 1;
      padding: 0 1.5px;
      transform: translateY(-1em) translateY(-0.5px) scale(0.8, 0.8); }
    .input-wrap input:focus, .support-modal-wrap-1 .input-wrap-short input:focus, .input-wrap select:focus, .support-modal-wrap-1 .input-wrap-short select:focus {
      border-bottom: 2px solid #504845; }
  .input-wrap select, .support-modal-wrap-1 .input-wrap-short select {
    text-indent: 39px;
    padding-left: 5px; }
    .input-wrap select.ng-empty, .support-modal-wrap-1 .input-wrap-short select.ng-empty {
      color: rgba(255, 255, 255, 0.8) !important; }
    .input-wrap select option, .support-modal-wrap-1 .input-wrap-short select option {
      color: grey; }
      .input-wrap select option:disabled, .support-modal-wrap-1 .input-wrap-short select option:disabled {
        color: darkgrey; }

/* Internet Explorer 10+, Microsoft Edge Browser */
_:-ms-lang(x) select, .input-wrap select, .support-modal-wrap-1 .input-wrap-short select {
  box-sizing: padding-box;
  padding-left: 42px; }

/* Firefox */
@-moz-document url-prefix() {
  .input-wrap select, .support-modal-wrap-1 .input-wrap-short select {
    text-indent: 18px;
    padding-left: 0; }
  .input-wrap input, .support-modal-wrap-1 .input-wrap-short input {
    text-indent: initial;
    padding-left: 42px; } }

.user-wrap input::-webkit-input-placeholder {
  color: #504845 !important; }

.user-wrap input:-moz-placeholder {
  color: #504845 !important; }

.user-wrap input::-moz-placeholder {
  color: #504845 !important; }

.user-wrap input:-ms-input-placeholder {
  color: #504845 !important; }

input:-webkit-autofill:focus {
  -webkit-text-fill-color: #FFF !important;
  -webkit-box-shadow: 0 0 0 1000px #5893c4 inset; }

input:-webkit-autofill {
  -webkit-text-fill-color: #FFF !important;
  -webkit-box-shadow: 0 0 0 1000px #5893c4 inset; }

.forgotpass-wrap .btn-primary[disabled], .signup-info-wrap .btn-primary[disabled] {
  background-color: black !important;
  border: 2px solid white; }

.resetpass-helptext {
  display: block;
  font-size: 20px;
  padding: 40px 0 40px 0;
  color: #4f4e4e;
  text-align: center;
  background-color: #9b938d;
  position: fixed;
  height: 100%;
  width: 100%; }
  .resetpass-helptext span a {
    color: #4f4e4e;
    font-weight: bold;
    font-style: normal; }

#email_request, .restorepass-form {
  max-width: 400px;
  padding: 10px 0;
  margin: 0 auto; }
  #email_request div.control-group > table, .restorepass-form div.control-group > table {
    margin: 0;
    width: 100%; }
  #email_request div.control-group > table tr td:first-child, .restorepass-form div.control-group > table tr td:first-child {
    display: none; }
  #email_request div.control-group > table tr td:last-child div, .restorepass-form div.control-group > table tr td:last-child div {
    margin: 0;
    position: relative; }
    #email_request div.control-group > table tr td:last-child div svg, .restorepass-form div.control-group > table tr td:last-child div svg {
      width: 25px;
      height: 25px;
      fill: #FFF;
      position: absolute;
      top: 22px;
      left: 5px;
      transition: 0.2s ease; }
    #email_request div.control-group > table tr td:last-child div input, .restorepass-form div.control-group > table tr td:last-child div input {
      background-color: transparent;
      border: none;
      border-bottom: 2px solid #FFF;
      width: 100%;
      margin: 15px 0 0 0;
      font-size: 24px;
      padding: 5px 0 2px 40px;
      color: #FFF;
      transition: border 0.2s ease; }
      #email_request div.control-group > table tr td:last-child div input:focus, .restorepass-form div.control-group > table tr td:last-child div input:focus {
        border-bottom: 2px solid #504845; }
    #email_request div.control-group > table tr td:last-child div input + .pass-strength, .restorepass-form div.control-group > table tr td:last-child div input + .pass-strength {
      display: none; }
    #email_request div.control-group > table tr td:last-child div .help-inline, .restorepass-form div.control-group > table tr td:last-child div .help-inline {
      display: inline-block;
      width: 100%;
      background-color: #d51c29;
      color: #FFF;
      margin: 10px 0 0 0;
      padding: 10px 0;
      text-align: center;
      font-size: 14px; }
  #email_request input::-webkit-input-placeholder, .restorepass-form input::-webkit-input-placeholder {
    color: #504845 !important; }
  #email_request input:-moz-placeholder, .restorepass-form input:-moz-placeholder {
    color: #504845 !important; }
  #email_request input::-moz-placeholder, .restorepass-form input::-moz-placeholder {
    color: #504845 !important; }
  #email_request input:-ms-input-placeholder, .restorepass-form input:-ms-input-placeholder {
    color: #504845 !important; }

.login-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/img/aerial-city.png");
  background-repeat: no-repeat;
  background-size: cover;
  animation-name: slidein;
  animation-iteration-count: infinite;
  animation-duration: 25s;
  animation-direction: alternate; }

@keyframes slidein {
  from {
    transform: scale(1.2); }
  to {
    transform: scale(1); } }

.login-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(51, 51, 51, 0.78); }

.login .inner .input-wrap input::-webkit-input-placeholder, .login .inner .support-modal-wrap-1 .input-wrap-short input::-webkit-input-placeholder, .support-modal-wrap-1 .login .inner .input-wrap-short input::-webkit-input-placeholder, .login .inner #myprofile .form-element input::-webkit-input-placeholder, .register .inner .input-wrap input::-webkit-input-placeholder, .register .inner .support-modal-wrap-1 .input-wrap-short input::-webkit-input-placeholder, .support-modal-wrap-1 .register .inner .input-wrap-short input::-webkit-input-placeholder, .register .inner #myprofile .form-element input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3) !important; }

.login .inner .input-wrap input:-moz-placeholder, .login .inner .support-modal-wrap-1 .input-wrap-short input:-moz-placeholder, .support-modal-wrap-1 .login .inner .input-wrap-short input:-moz-placeholder, .login .inner #myprofile .form-element input:-moz-placeholder, .register .inner .input-wrap input:-moz-placeholder, .register .inner .support-modal-wrap-1 .input-wrap-short input:-moz-placeholder, .support-modal-wrap-1 .register .inner .input-wrap-short input:-moz-placeholder, .register .inner #myprofile .form-element input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.3) !important; }

.login .inner .input-wrap input::-moz-placeholder, .login .inner .support-modal-wrap-1 .input-wrap-short input::-moz-placeholder, .support-modal-wrap-1 .login .inner .input-wrap-short input::-moz-placeholder, .login .inner #myprofile .form-element input::-moz-placeholder, .register .inner .input-wrap input::-moz-placeholder, .register .inner .support-modal-wrap-1 .input-wrap-short input::-moz-placeholder, .support-modal-wrap-1 .register .inner .input-wrap-short input::-moz-placeholder, .register .inner #myprofile .form-element input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3) !important; }

.login .inner .input-wrap input:-ms-input-placeholder, .login .inner .support-modal-wrap-1 .input-wrap-short input:-ms-input-placeholder, .support-modal-wrap-1 .login .inner .input-wrap-short input:-ms-input-placeholder, .login .inner #myprofile .form-element input:-ms-input-placeholder, .register .inner .input-wrap input:-ms-input-placeholder, .register .inner .support-modal-wrap-1 .input-wrap-short input:-ms-input-placeholder, .support-modal-wrap-1 .register .inner .input-wrap-short input:-ms-input-placeholder, .register .inner #myprofile .form-element input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3) !important; }

.login .inner #myprofile > div[class=""], .register .inner #myprofile > div[class=""] {
  margin-top: 40px; }

.login .inner .btn-oath, .register .inner .btn-oath {
  background-color: rgba(111, 101, 97, 0.5); }

.login .inner .seperator, .register .inner .seperator {
  color: rgba(255, 255, 255, 0.8); }

.login .inner input[type="submit"]:disabled, .register .inner input[type="submit"]:disabled {
  color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3); }

.login label[Placeholder], .register label[Placeholder], .forgotpass-wrap label[Placeholder], .signup-info-wrap label[Placeholder] {
  padding-left: 40px; }

.forgotpass-wrap label[Placeholder], .signup-info-wrap label[Placeholder] {
  overflow-x: hidden; }

.register input[type="text"]:disabled,
.register input[type="password"]:disabled,
.register input[type="email"]:disabled {
  border-bottom: 2px solid #504845;
  color: rgba(255, 255, 255, 0.6); }

.showclosed {
  cursor: pointer; }

.support-introduction {
  position: relative;
  padding: 10px 0 20px 0; }
  .support-introduction p {
    color: #777;
    width: 100%; }

.resources-wrap {
  padding: 25px 0;
  margin: 0 0 30px 0; }
  .resources-wrap .resources-block {
    padding: 0;
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    padding: 0 50px 0 0; }
    .resources-wrap .resources-block.middle {
      padding: 0 50px 0 50px;
      border-left: 1px solid #ecf1f7;
      border-right: 1px solid #ecf1f7; }
    .resources-wrap .resources-block.right {
      padding: 0 0 0 50px; }
  .resources-wrap h1 {
    text-align: center;
    font-weight: 300;
    padding: 25px 0 35px 0;
    margin: 0;
    text-transform: uppercase;
    color: #366c99; }
  .resources-wrap .title {
    position: relative; }
    .resources-wrap .title h2 {
      margin: 0;
      padding: 2px 0px 15px 45px;
      color: #777;
      font-weight: 700;
      font-size: 24px; }
    .resources-wrap .title svg {
      position: absolute;
      width: 40px;
      height: 40px;
      fill: #366c99; }
  .resources-wrap ul {
    list-style: none;
    padding: 0; }
  .resources-wrap li {
    padding: 5px 0; }
  .resources-wrap a {
    font-size: 14px;
    color: #777;
    transition: 0.2s ease; }
    .resources-wrap a:hover {
      color: #ff6a00; }
  .resources-wrap .parent-category {
    color: #ff6a00;
    font-size: 20px;
    transition: 0.2s ease; }

.case-wrap {
  position: relative;
  padding: 0;
  margin: 10px 0;
  background-color: #e6e6e6;
  border: 1px solid #cac8c6;
  box-shadow: 1px 1px 0 0.5px #d2d0cf;
  color: #333333; }
  .case-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 18px;
    height: 19px;
    background-image: url("/img/support-corner.png"); }
  .case-wrap .inner {
    padding: 10px 35px; }
  .case-wrap .case-title {
    position: relative;
    text-transform: uppercase;
    font-size: 32px;
    padding: 8px 10px 10px 50px;
    font-weight: bold; }
    .case-wrap .case-title span {
      font-weight: 300; }
    .case-wrap .case-title svg {
      position: absolute;
      width: 40px;
      height: 40px;
      left: 0px;
      top: 5px; }
  .case-wrap .icon-wrap {
    display: inline-block;
    position: relative;
    width: 30px; }
    .case-wrap .icon-wrap .case-icon {
      position: relative;
      width: 20px;
      height: 20px; }
    .case-wrap .icon-wrap .count {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: 2px solid #e6e6e6;
      background-color: #ff6a00;
      font-size: 12px;
      text-align: center;
      color: #FFF;
      font-weight: bold;
      line-height: 14px;
      transition: 0.2s ease; }
      .case-wrap .icon-wrap .count.active {
        background-color: #777; }
  .case-wrap .js-showmore {
    font-weight: bold;
    color: #ff6a00;
    font-size: 14px;
    cursor: pointer; }
  .case-wrap .last-block {
    float: right;
    width: 150px; }
  .case-wrap th {
    font-size: 16px;
    text-transform: uppercase;
    text-align: left; }
  .case-wrap td {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase; }

.case-details {
  display: none;
  max-height: 160px; }
  .case-details .case-details-wrap {
    border-top: 1px solid #cecbc8;
    padding: 0 0 0 15px;
    color: #366c99;
    font-weight: 600;
    font-size: 14px; }
  .case-details .file-icon {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    fill: #366c99; }
  .case-details .plus-icon-cc {
    position: absolute;
    right: 12px;
    bottom: 55px;
    width: 35px;
    height: 35px;
    padding: 5px;
    background-color: #ff6a00;
    border: 2px solid #FFF;
    border-radius: 50%;
    fill: #fff;
    cursor: pointer;
    transition: 0.2s ease;
    background-image: url("../img/cc-user.svg");
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 2px 4px; }
    .case-details .plus-icon-cc.disable {
      opacity: 0.5;
      background-color: #777; }
    .case-details .plus-icon-cc:hover {
      background-color: #777; }
  .case-details .plus-icon {
    position: absolute;
    right: 12px;
    bottom: 15px;
    width: 35px;
    height: 35px;
    padding: 5px;
    background-color: #ff6a00;
    border: 2px solid #FFF;
    border-radius: 50%;
    fill: #fff;
    cursor: pointer;
    transition: 0.2s ease; }
    .case-details .plus-icon.disable {
      opacity: 0.5;
      background-color: #777; }
    .case-details .plus-icon:hover {
      background-color: #777; }
  .case-details .block-wrap {
    height: 150px;
    border-right: 1px solid #cecbc8; }
    .case-details .block-wrap.comment {
      padding: 5px 0 10px 20px;
      float: left;
      width: 67%;
      position: relative; }
    .case-details .block-wrap.attachment {
      padding: 5px 0 10px 10px;
      width: 33%;
      float: right;
      position: relative; }
    .case-details .block-wrap .details {
      overflow-y: auto;
      max-height: 100px;
      margin-right: 55px; }
      .case-details .block-wrap .details strong {
        font-weight: bold;
        color: #09749c; }
      .case-details .block-wrap .details .from {
        margin-left: 60px; }
      .case-details .block-wrap .details .body {
        margin-top: 8px;
        margin-bottom: 15px; }
      .case-details .block-wrap .details .attachment-list {
        margin: 0 0 10px 0; }
  .case-details h4 {
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 12px; }

@media (min-width: 992px) {
  .support-introduction p {
    width: 100%;
    padding-right: 250px; }
  .support-introduction .support-cta {
    position: absolute;
    right: 0;
    top: 0; }
  .status-form {
    width: 80px; }
  .priority-grid {
    width: 80px;
    padding: 0 20px; }
  .case-wrap td {
    font-size: 22px; } }

#map {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0; }

.search-venue-page {
  padding-top: 20px; }
  .search-venue-page h1 {
    padding: 15px 0 5px 0;
    margin-bottom: 20px;
    color: #1a5b91;
    font-weight: 300;
    border-bottom: 1px solid #ecf1f7; }

.browse-venue-container {
  background-color: #a2a2a2; }

.header-path li {
  position: relative;
  float: left;
  padding: 0 !important; }
  .header-path li:first-child a {
    padding: 10px 10px 10px 15px; }
  .header-path li a {
    display: block;
    padding: 10px 10px 10px 45px;
    line-height: 40px;
    color: #fff;
    background: #a2a2a2;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.3em;
    transition: 0.2s ease; }
    .header-path li a:hover {
      color: #ff6a00; }
  .header-path li:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 0;
    margin-left: 1px;
    left: 100%;
    z-index: 1; }
  .header-path li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #a2a2a2;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2; }

.add-block {
  margin-top: 2px; }
  .add-block svg {
    fill: #FFF;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
    transition: 0.2s ease;
    background-color: #ff6a00; }
    .add-block svg:hover {
      background-color: #dc5301; }

.taxonomy-list {
  max-height: 400px;
  margin-right: 55px;
  overflow: hidden; }
  .taxonomy-list:hover {
    overflow-y: auto; }
    .taxonomy-list:hover::-webkit-scrollbar {
      width: 5px; }
    .taxonomy-list:hover::-webkit-scrollbar * {
      background: transparent; }
    .taxonomy-list:hover::-webkit-scrollbar-thumb {
      background: #ddd !important; }

#map-frame {
  margin-bottom: 30px; }

.mapboxgl-canvas {
  position: relative !important;
  width: 100% !important;
  height: auto !important; }

.campaign-search-wrap {
  margin: 115px 0px; }
  .campaign-search-wrap .select-options {
    height: 200px;
    margin: 40px auto;
    text-align: center;
    display: table; }
    .campaign-search-wrap .select-options a {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 190px; }
      .campaign-search-wrap .select-options a div {
        border-radius: 15px;
        border: 2px solid #aaa;
        font-weight: bold;
        margin: 15px 0;
        width: 156px;
        height: 156px;
        display: inline-block; }
        .campaign-search-wrap .select-options a div span {
          display: inline-block;
          margin-top: -19px;
          color: #aaa;
          line-height: 16px;
          padding: 0 10px; }
      .campaign-search-wrap .select-options a svg {
        width: 130px;
        height: 130px;
        fill: #aaa;
        margin: -5px auto 0 auto; }
    .campaign-search-wrap .select-options a:hover svg {
      fill: #ffffff;
      width: 140px;
      height: 140px;
      transition: 0.2s ease; }
    .campaign-search-wrap .select-options a:hover span {
      color: #ffffff;
      font-size: 17px;
      margin-top: -22px;
      line-height: 16px; }
    .campaign-search-wrap .select-options a:hover div {
      background-color: #ff6a00;
      width: 169px;
      height: 169px;
      box-shadow: 0 0 15px 7px #ddd; }
  .campaign-search-wrap h1 {
    color: #0E4D95;
    font-weight: 300;
    font-size: 42px;
    text-align: center; }
  .campaign-search-wrap .goback {
    text-align: center;
    font-size: 130%;
    color: #aaa; }

.search-keyword-header input[id="venue_name"], .search-keyword-header input[id="venue_addr"] {
  border-bottom: 2px solid #555;
  font-size: 24px;
  height: 40px;
  color: #444;
  padding: 5px 0 2px 40px;
  background-repeat: no-repeat; }

.search-keyword-header #div_venue_name {
  display: inline-block;
  width: 40%;
  margin-right: 2%; }
  .search-keyword-header #div_venue_name md-autocomplete {
    background: none; }
    .search-keyword-header #div_venue_name md-autocomplete md-autocomplete-wrap {
      box-shadow: none; }

.search-keyword-header input[id="venue_name"] {
  background-image: url("../img/search_generic.svg");
  background-size: 64px;
  background-position: -16px -13px; }

.search-keyword-header input[id="venue_addr"] {
  background-image: url("../img/location-pin.svg");
  background-size: 72px;
  background-position: -21px -17px;
  width: 40%;
  margin-right: 2%; }

.search-keyword-header .error {
  border-bottom: solid 2px red !important; }

.search-keyword-header #button_search {
  width: 11%; }

.search-keyword-header .mapit-button {
  display: inline-block;
  width: 5%;
  position: relative; }
  .search-keyword-header .mapit-button svg {
    position: absolute;
    top: -29px;
    left: 0px;
    width: 42px;
    height: 42px;
    display: inline-block;
    fill: #ff6a00; }

#independent-search md-dialog.map-box-overlay {
  background: #7f746f;
  padding: 50px 0 !important; }

#independent-search #mapbox-fullscreen-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  overflow: hidden;
  padding: 0;
  margin: 0; }

#independent-search .md-dialog-container,
#independent-search .md-dialog-fullscreen {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto; }

#independent-search .header-close {
  position: absolute;
  right: 20px;
  top: 65px; }

#independent-search .map-wrap {
  padding: 80px 0 40px 0; }
  #independent-search .map-wrap #map-overlay-frame {
    height: 500px;
    border: none;
    margin: 0 auto;
    display: block; }
  #independent-search .map-wrap #map-overlay-controls,
  #independent-search .map-wrap #map-overlay-frame,
  #independent-search .map-wrap #map-overlay-status {
    width: 800px; }
  #independent-search .map-wrap #map-overlay-controls {
    margin: 0 auto; }
    #independent-search .map-wrap #map-overlay-controls select {
      background-color: #eee;
      border: 2px solid #555;
      border-radius: 0px;
      width: 250px;
      height: 38px;
      margin: 10px 0;
      font-size: 20px;
      color: #444;
      padding: 2px 5px 2px 10px;
      -moz-appearance: none;
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      background-image: url(../img/arrow-down.svg);
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: 95% center; }
    #independent-search .map-wrap #map-overlay-controls input {
      background-color: #eee;
      border: 2px solid #555;
      border-radius: 0px;
      width: 250px;
      height: 38px;
      margin: 10px 0;
      font-size: 20px;
      color: #444;
      padding: 2px 5px 2px 10px; }
  #independent-search .map-wrap #map-overlay-status {
    margin: 0 auto;
    display: block; }
    #independent-search .map-wrap #map-overlay-status p {
      color: #FFF;
      margin: 0;
      padding: 5px; }
    #independent-search .map-wrap #map-overlay-status #venue-status {
      background-color: #000; }
    #independent-search .map-wrap #map-overlay-status #venue-position-change {
      padding: 10px;
      background-color: #FFF; }
      #independent-search .map-wrap #map-overlay-status #venue-position-change .venue-title, #independent-search .map-wrap #map-overlay-status #venue-position-change .lng, #independent-search .map-wrap #map-overlay-status #venue-position-change .lat, #independent-search .map-wrap #map-overlay-status #venue-position-change .save, #independent-search .map-wrap #map-overlay-status #venue-position-change .cancel, #independent-search .map-wrap #map-overlay-status #venue-position-change .pending {
        margin-right: 10px; }
      #independent-search .map-wrap #map-overlay-status #venue-position-change .pending {
        font-weight: bold;
        color: #397E5F; }
    #independent-search .map-wrap #map-overlay-status #venue-add-request-controls {
      padding: 10px;
      background-color: #FFF; }
      #independent-search .map-wrap #map-overlay-status #venue-add-request-controls .close {
        display: none; }
      #independent-search .map-wrap #map-overlay-status #venue-add-request-controls.opened .open {
        display: none; }
      #independent-search .map-wrap #map-overlay-status #venue-add-request-controls.opened .close {
        display: inline; }
    #independent-search .map-wrap #map-overlay-status #venue-add-request {
      padding: 10px;
      background-color: #FFF; }
      #independent-search .map-wrap #map-overlay-status #venue-add-request form label {
        display: none; }
      #independent-search .map-wrap #map-overlay-status #venue-add-request form select {
        width: 100%;
        margin: 15px 0 0 0;
        padding: 2px 5px 2px 10px;
        font-size: 24px;
        background: transparent;
        border: 2px solid #7f756f;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-border-radius: 0px;
        color: #7f756f;
        background-image: url(../img/arrow-down.svg);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 95% center; }
      #independent-search .map-wrap #map-overlay-status #venue-add-request p {
        color: rgba(0, 0, 0, 0.87); }

.search-independent-section {
  display: table-row;
  width: 100%;
  background-color: #a2a2a2; }
  .search-independent-section .search-independent-sectionleft {
    border-right: 1px solid white;
    width: 50%;
    display: table-cell;
    vertical-align: top; }
  .search-independent-section .search-independent-sectionleft:last-child .box .empty {
    text-align: left;
    padding: 10px 0 20px 15px;
    font-size: 1.3em;
    color: #777; }
    .search-independent-section .search-independent-sectionleft:last-child .box .empty span:first-child {
      display: inline-block;
      padding-top: 5px;
      color: white;
      font-weight: bold; }
  .search-independent-section .search-independent-sectionleft:last-child .box ul li:not(.table-header) {
    background-color: #444; }
    .search-independent-section .search-independent-sectionleft:last-child .box ul li:not(.table-header) .col-map a {
      background-image: url("../img/icon-mapit2.svg"); }
  .search-independent-section .box {
    max-height: 400px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 250px;
    color: white;
    padding: 0px;
    margin: 0 auto 0px; }
    .search-independent-section .box .selected {
      color: #ddd; }
    .search-independent-section .box ul li {
      font-size: 0;
      border-bottom: solid 1px #747373;
      text-align: left;
      position: relative; }
    .search-independent-section .box ul li > * {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      font-weight: bold; }
    .search-independent-section .box ul li.table-header {
      font-weight: bold;
      color: #444;
      background-color: rgba(255, 255, 255, 0.3); }
      .search-independent-section .box ul li.table-header .col-name {
        padding: 5px 0 5px 15px;
        width: 20%; }
      .search-independent-section .box ul li.table-header .col-address {
        padding: 5px 0 5px 15px;
        width: 40%; }
      .search-independent-section .box ul li.table-header .col-metadata {
        padding: 5px 0 5px 15px;
        width: 20%; }
    .search-independent-section .box ul li[data-id].selected .col-map, .search-independent-section .box ul li[data-id].selected .col-action {
      display: none; }
    .search-independent-section .box ul li[data-id] .col-name {
      padding: 5px 0 5px 15px;
      width: 20%; }
    .search-independent-section .box ul li[data-id] .col-address {
      padding: 5px 0 5px 15px;
      width: 40%; }
    .search-independent-section .box ul li[data-id] .col-metadata {
      padding: 5px 0 5px 15px;
      width: 20%;
      font-weight: normal;
      opacity: 0.7; }
    .search-independent-section .box ul li[data-id] .col-map {
      display: block;
      position: absolute;
      cursor: pointer;
      top: 50%;
      margin-top: -13px;
      right: 42px;
      width: 26px;
      height: 26px; }
      .search-independent-section .box ul li[data-id] .col-map a {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("../img/icon-mapit.svg");
        background-size: 36px;
        background-position: -7px -6px;
        background-repeat: no-repeat;
        opacity: 1; }
        .search-independent-section .box ul li[data-id] .col-map a:hover {
          opacity: 0.6; }
    .search-independent-section .box ul li[data-id] .col-action {
      display: block;
      position: absolute;
      cursor: pointer;
      top: 50%;
      margin-top: -10px;
      right: 15px; }
    .search-independent-section .box:hover {
      overflow-y: scroll; }
      .search-independent-section .box:hover::-webkit-scrollbar {
        width: 5px; }
      .search-independent-section .box:hover::-webkit-scrollbar * {
        background: transparent; }
      .search-independent-section .box:hover::-webkit-scrollbar-thumb {
        background: #ddd !important; }
  .search-independent-section h2 {
    border-bottom: 1px solid white;
    color: white;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 26px;
    padding: 10px 0 15px 15px;
    margin: 0; }
  .search-independent-section .empty {
    text-align: center;
    padding-top: 100px;
    font-size: 1.3em;
    color: #777; }

.search-independent-section-wrap #paging_prev, .search-independent-section-wrap #paging_next {
  cursor: pointer;
  color: #ff6a00;
  font-weight: bold; }

.col-action .search-add-venue svg, .col-action .search-remove-venue svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: 0.2s ease; }

.col-action .search-add-venue svg {
  fill: #FFF;
  border-radius: 50%;
  background-color: #ff6a00; }
  .col-action .search-add-venue svg:hover {
    background-color: #dc5301; }

.col-action .search-remove-venue svg {
  fill: #9b938d; }
  .col-action .search-remove-venue svg:hover {
    fill: #ff6a00; }

.search-keyword-container #paging_prev, .search-keyword-container #paging_next {
  cursor: pointer;
  color: #ff6a00;
  font-weight: bold; }

.new-campaign-wrap {
  text-align: center;
  padding: 0px 0;
  width: 450px;
  margin: 0 auto; }
  .new-campaign-wrap h1 {
    font-weight: 300;
    color: #1a5b91;
    font-size: 36px;
    padding: 15px 0 15px 0; }
  .new-campaign-wrap label {
    text-align: left;
    display: block;
    margin: 30px 0 0 0;
    font-size: 14px;
    color: #00539f;
    padding: 0; }
  .new-campaign-wrap .form-horizontal {
    margin-top: 0; }
  .new-campaign-wrap input {
    transition: 0.2s ease; }
    .new-campaign-wrap input[type="text"], .new-campaign-wrap input.md-datepicker-input {
      width: 100%;
      border: none;
      border-bottom: 2px solid #777;
      color: #777; }
    .new-campaign-wrap input[disabled] {
      opacity: 0.4; }
  .new-campaign-wrap .input-append {
    transition: 0.2s ease; }
    .new-campaign-wrap .input-append[disabled="disabled"] {
      opacity: 0.3; }
    .new-campaign-wrap .input-append .calendar90, .new-campaign-wrap .input-append .calendar60, .new-campaign-wrap .input-append .calendar30 {
      position: absolute;
      top: 6px;
      right: 0;
      cursor: pointer;
      background-color: #e5e5e5;
      font-size: 19px;
      font-weight: 900;
      padding-top: 2px;
      color: #666;
      width: 37px;
      height: 44px; }
      .new-campaign-wrap .input-append .calendar90:after, .new-campaign-wrap .input-append .calendar60:after, .new-campaign-wrap .input-append .calendar30:after {
        content: "DAYS";
        display: block;
        font-size: 10px;
        font-weight: 600;
        position: relative;
        top: -3px; }
    .new-campaign-wrap .input-append .calendar60 {
      right: 42px; }
    .new-campaign-wrap .input-append .calendar30 {
      right: 84px; }
    .new-campaign-wrap .input-append .calendar90:hover, .new-campaign-wrap .input-append .calendar60:hover, .new-campaign-wrap .input-append .calendar30:hover, .new-campaign-wrap .input-append .active {
      background-color: #366c99;
      color: #ffffff; }
  .new-campaign-wrap svg {
    fill: #777; }
    .new-campaign-wrap svg.svg-end-date {
      margin-left: -3px; }
    .new-campaign-wrap svg.next-line {
      position: relative;
      display: inline-block;
      top: 3px;
      margin-left: 1px;
      margin-right: 4px;
      width: 14px;
      height: 14px;
      fill: #00a0dd; }
  .new-campaign-wrap .disabled svg {
    opacity: 0.4;
    cursor: auto; }
  .new-campaign-wrap #submitform {
    width: 65%;
    float: left; }
  .new-campaign-wrap #cancel {
    float: right;
    width: 33%; }
  .new-campaign-wrap .form-actions.campaigns {
    margin: 21px 0 100px; }
  .new-campaign-wrap textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid #777; }
  .new-campaign-wrap #div_cu_text {
    margin-top: 20px; }
  .new-campaign-wrap .title-seperator {
    text-align: left;
    padding: 10px 0;
    color: #756B68;
    font-size: 18px;
    font-weight: 600;
    font-style: italic; }
  .new-campaign-wrap .campaign-attributes-form-row .title-seperator {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: #aaaaaa !important; }
  .new-campaign-wrap input::-webkit-input-placeholder {
    color: #aEaEaE !important; }
  .new-campaign-wrap input::-moz-placeholder {
    color: #aEaEaE !important; }
  .new-campaign-wrap input:-moz-placeholder {
    color: #aEaEaE !important; }
  .new-campaign-wrap input:-ms-input-placeholder {
    color: #aEaEaE !important; }

#div_notexpire {
  display: block;
  float: right;
  text-align: left;
  color: #777;
  margin-top: 2px !important; }
  #div_notexpire label {
    width: auto;
    text-align: right;
    display: inline-block;
    color: #777;
    font-weight: normal; }
  #div_notexpire input {
    width: auto;
    text-align: right;
    margin: 0 0 0 5px;
    display: inline-block; }
  #div_notexpire input[name="notexpire"] {
    margin-top: 6px; }

.venue-set-list {
  padding: 10px 0 0; }
  .venue-set-list.title {
    text-align: left; }
  .venue-set-list ul {
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
  .venue-set-list li {
    position: relative;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-height: 25px;
    height: auto;
    background-color: #CACACA;
    list-style: none;
    overflow: hidden;
    padding: 0 10px;
    border-radius: 5px;
    text-align: left;
    margin: 5px 0;
    transition: 0.5s ease;
    cursor: pointer; }
    .venue-set-list li a {
      color: #635A55;
      font-weight: bold;
      display: block; }
    .venue-set-list li:hover {
      background-color: #e4e4e4; }
    .venue-set-list li.active {
      max-height: 200px; }

.venue-item .title {
  padding: 2px 20px 0 2px;
  color: #5F5651;
  font-weight: 600; }
  .venue-item .title .full {
    display: none; }
  .venue-item .title .short {
    display: block; }

.venue-item.active .title .full {
  display: block; }

.venue-item.active .title .short {
  display: none; }

.venue-item .delete {
  position: absolute;
  top: 3px;
  right: 8px; }
  .venue-item .delete svg {
    width: 18px;
    height: 18px;
    transition: 0.2s ease; }
    .venue-item .delete svg:hover {
      fill: #ff6a00; }

.venue-item .edit_locations {
  font-size: 12px;
  padding: 5px 0; }
  .venue-item .edit_locations a {
    display: inline-block;
    margin: 0 5px;
    color: #1a5b91;
    font-weight: 400;
    transition: 0.2s ease; }
    .venue-item .edit_locations a:first-child {
      margin: 0 5px 0 0; }
    .venue-item .edit_locations a:hover {
      color: #ff6a00; }

.new-venue-set {
  float: right;
  padding: 5px 0; }
  .new-venue-set a {
    color: #366c99;
    font-weight: 600; }

.sample-cmgn-msg-wrap {
  text-align: center;
  padding: 0 10%; }
  .sample-cmgn-msg-wrap .sample-cmgn-msg {
    display: inline-block;
    margin: 30px auto -10px auto;
    padding: 5px;
    border: 1px solid #ff6a00;
    border-radius: 3px;
    color: #ff6a00;
    font-size: 14px; }

.search-keyword-section {
  background-color: #a2a2a2; }
  .search-keyword-section .search-keyword-sectionleft {
    border-right: 1px solid white; }
    .search-keyword-section .search-keyword-sectionleft ul > li.selected .search-add-venue {
      display: none; }
  .search-keyword-section .box {
    max-height: 400px;
    margin-right: 55px; }
  .search-keyword-section h2 {
    border-bottom: 1px solid white;
    color: white;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 26px;
    padding: 10px 0 15px 15px;
    margin: 0; }
  .search-keyword-section .empty {
    vertical-align: top;
    text-align: left;
    padding: 15px 25px 0 15px;
    font-size: 14px;
    color: white; }

#in {
  position: relative;
  left: 42%;
  font-size: 20px;
  color: #aaa;
  top: -37px; }

.search-keyword-header {
  margin-bottom: 5px;
  font-size: 0; }
  .search-keyword-header input, .search-keyword-header select {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent; }
  .search-keyword-header select {
    background-color: #eee;
    border: 2px solid #555;
    border-radius: 0px;
    width: 41%;
    height: 38px;
    margin: 0 2%;
    font-size: 20px;
    color: #444;
    padding: 2px 5px 2px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url("../img/arrow-down.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 95% center; }
  .search-keyword-header input[id="query"] {
    border-bottom: 2px solid #555;
    font-size: 24px;
    height: 40px;
    color: #444;
    padding: 5px 0 2px 40px;
    width: 41%;
    margin-right: 2%;
    background-repeat: no-repeat;
    background-image: url("../img/search-2.svg");
    background-size: 50px;
    background-position: -9px -8px; }
  .search-keyword-header input[id="button_search"] {
    width: 12%;
    height: 39px;
    background-color: #ff6a00;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    letter-spacing: 1.5px;
    border-radius: 8px !important; }
  .search-keyword-header input::-webkit-input-placeholder {
    color: #ccc !important; }
  .search-keyword-header input:-moz-placeholder {
    color: #ccc !important; }
  .search-keyword-header input::-moz-placeholder {
    color: #ccc !important; }
  .search-keyword-header input:-ms-input-placeholder {
    color: #ccc !important; }
  .search-keyword-header .error {
    border-bottom: solid 2px red !important; }

.search-keyword-sectionright .box ul li {
  background-color: #444; }

.tax-name .search-add-venue, .tax-name .search-remove-venue {
  display: block;
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 50%;
  margin-top: -10px; }
  .tax-name .search-add-venue svg, .tax-name .search-remove-venue svg {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: 0.2s ease; }

.tax-name .search-add-venue svg {
  fill: #FFF;
  border-radius: 50%;
  background-color: #ff6a00; }
  .tax-name .search-add-venue svg:hover {
    background-color: #dc5301; }

.tax-name .search-remove-venue svg {
  fill: #9b938d; }
  .tax-name .search-remove-venue svg:hover {
    fill: #ff6a00; }

.search-keyword-container #paging_prev, .search-keyword-container #paging_next {
  cursor: pointer;
  color: #ff6a00;
  font-weight: bold; }

.search-keyword-sectionleft .box, .search-keyword-sectionright .box {
  overflow: hidden; }
  .search-keyword-sectionleft .box:hover, .search-keyword-sectionright .box:hover {
    overflow-y: scroll; }
    .search-keyword-sectionleft .box:hover::-webkit-scrollbar, .search-keyword-sectionright .box:hover::-webkit-scrollbar {
      width: 5px; }
    .search-keyword-sectionleft .box:hover::-webkit-scrollbar *, .search-keyword-sectionright .box:hover::-webkit-scrollbar * {
      background: transparent; }
    .search-keyword-sectionleft .box:hover::-webkit-scrollbar-thumb, .search-keyword-sectionright .box:hover::-webkit-scrollbar-thumb {
      background: #ddd !important; }

.analytics-wrap {
  display: block;
  padding: 20px 0; }

.c3 .c3-axis path, .c3 .c3-axis line {
  stroke: #a29e99; }

.chartPersonas.c3 .c3-axis path, .chartPersonas.c3 .c3-axis line,
.topCountries.c3 .c3-axis path, .topCountries.c3 .c3-axis line,
.topCities.c3 .c3-axis path, .topCities.c3 .c3-axis line {
  display: none; }

.c3 text {
  fill: #ddd;
  font-weight: bold; }

.chartPersonas {
  height: 400px; }

.analytics-request-wrap {
  position: relative; }

.ghost-chart {
  width: 90%;
  margin: 0 auto; }
  .ghost-chart img {
    width: 100%; }

.analytics-summary-wrap {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .analytics-summary-wrap .summary-block {
    width: 31.5%;
    padding: 20px 10px;
    background-color: #e6e6e6;
    border: 1px solid #cac8c6;
    text-align: center; }
    .analytics-summary-wrap .summary-block .summary-label {
      font-size: 22px;
      color: #777;
      font-weight: bold; }
    .analytics-summary-wrap .summary-block .total-number {
      font-size: 52px;
      font-weight: 300;
      color: #1a5b91; }
    .analytics-summary-wrap .summary-block .when {
      font-size: 16px;
      color: #777; }
    .analytics-summary-wrap .summary-block:first-child {
      margin-left: 0;
      margin-right: 15px; }
    .analytics-summary-wrap .summary-block:last-child {
      margin-left: 15px;
      margin-right: 0; }

.analytics-date-wrap {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  vertical-align: bottom; }
  .analytics-date-wrap .text {
    display: inline-block;
    margin: 0 5px;
    padding: 0; }
    .analytics-date-wrap .text.d-to {
      margin-left: 15px; }

.input-calendar-wrap {
  position: relative;
  display: inline-block; }
  .input-calendar-wrap .md-cal-container {
    display: inline-block; }
    .input-calendar-wrap .md-cal-container input {
      width: 100%;
      font-size: 16px;
      border: none;
      border-bottom: 1px solid #7f756f;
      padding: 4px 5px;
      margin: 0;
      color: #366c99;
      cursor: pointer; }
      .input-calendar-wrap .md-cal-container input[disabled] {
        opacity: 0.3; }
  .input-calendar-wrap svg {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: #366c99; }

.analytics-venues-wrap {
  padding: 15px 0 0; }

.chartVenues svg {
  display: block;
  width: 100%;
  height: 400px; }

.chartVenues circle {
  transition: 0.2s ease; }

.chartVenues svg g:hover circle {
  opacity: 0.6; }

.chartPersonas.c3 .c3-grid line, .topCountries.c3 .c3-grid line, .topCities.c3 .c3-grid line {
  stroke: #fff; }

.campaigns-detail-header #app_dropdown {
  width: 400px; }

.campaigns-detail-header .create-campaign-btn-wrap {
  padding: 0; }

.campaigns-detail-header .project-name-input {
  margin-top: 10px; }

@media (max-width: 750px) {
  .campaigns-detail-header #app_dropdown {
    width: 300px; } }

.campaigns-detail .add-campaign-link {
  float: right;
  margin: 13px 0 0 0;
  *zoom: 1; }
  .campaigns-detail .add-campaign-link:before, .campaigns-detail .add-campaign-link:after {
    content: " ";
    display: table; }
  .campaigns-detail .add-campaign-link:after {
    clear: both; }
  .campaigns-detail .add-campaign-link a {
    color: #08c;
    vertical-align: middle; }
    .campaigns-detail .add-campaign-link a svg {
      margin: -2px 0 0 2px;
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      background-color: #fff;
      fill: #08c;
      border-radius: 50%; }

.campaigns-detail .campaign-list-wrap label {
  float: left;
  *zoom: 1; }
  .campaigns-detail .campaign-list-wrap label:before, .campaigns-detail .campaign-list-wrap label:after {
    content: " ";
    display: table; }
  .campaigns-detail .campaign-list-wrap label:after {
    clear: both; }

#formcampaign md-datepicker[md-input-id="date_end"] + span + svg {
  margin-left: -3px; }

#maintenance-page p, #maintenance-page div {
  margin: 0;
  padding: 0; }

#maintenance-page div {
  text-align: center; }

#maintenance-page img {
  margin: 0 auto;
  vertical-align: top;
  position: relative;
  top: 20px; }

#maintenance-page .m-image {
  overflow: hidden;
  margin-bottom: -75px; }

#maintenance-page .m-button {
  position: relative;
  top: -240px; }

.applicationini .loader {
  text-align: center; }

.applicationini .filter {
  margin-top: 16px;
  margin-bottom: 16px; }
  .applicationini .filter input {
    margin-left: 4px;
    padding: 2px 4px; }

.applicationini .mode_switch {
  float: right; }
  .applicationini .mode_switch input {
    margin-left: 4px;
    vertical-align: text-top; }
  .applicationini .mode_switch input + label {
    padding-left: 12px; }

.applicationini .table {
  list-style-type: circle; }
  .applicationini .table ul {
    padding-left: 20px; }

.applicationini .block, .applicationini .line {
  border: 1px solid grey;
  padding: 3px 6px; }

.applicationini .block + .block {
  border-top: 0; }

.applicationini .line {
  border-top: 0;
  border-bottom: 0; }
  .applicationini .line + .line {
    border-top: 0;
    border-bottom: 0; }

.applicationini .key {
  color: #b36712; }

.applicationini .val {
  color: #0A246A;
  padding-left: 12px;
  font-weight: 600; }
  .applicationini .val.false {
    font-weight: normal;
    color: #2c8eb3; }

.applicationini .section {
  color: #2d2d2d; }

.applicationini .level + .l0 {
  margin-left: 0; }

.applicationini .level + .l1 {
  margin-left: 30px; }

.applicationini .level + .l2 {
  margin-left: 60px; }

.applicationini .level + .l3 {
  margin-left: 90px; }

.applicationini .level + .l4 {
  margin-left: 120px; }

.applicationini .content-raw pre {
  padding: 10px; }

.signup-trial {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .signup-trial .trial-bg {
    background: url(/img/Hero-2.webp) center center no-repeat;
    background-size: cover;
    min-height: 375px;
    display: block;
    font-size: 44px;
    color: #ffffff; }
    .signup-trial .trial-bg .h-center {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 8% 10%; }
  .signup-trial h1 {
    color: #ff6a00; }
  .signup-trial h2 {
    padding-top: 8px;
    padding-bottom: 6px;
    line-height: 1.2;
    font-weight: bold;
    font-family: 'Montserrat';
    font-size: 20pt;
    color: #00539F; }
  .signup-trial .container {
    padding: 40px 0;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #72757c;
    line-height: 1.63; }
  .signup-trial .col-text {
    padding: 0 30px;
    text-align: justify; }
  .signup-trial .col-form {
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    margin: 0 auto;
    padding: 40px 30px; }
    .signup-trial .col-form input:not([type=submit]), .signup-trial .col-form select {
      color: #1a5b91 !important;
      border-bottom: 2px solid #366c99; }
    .signup-trial .col-form select {
      cursor: pointer; }
      .signup-trial .col-form select option {
        color: #1a5b91; }
    .signup-trial .col-form svg {
      fill: #1a5b91; }
    .signup-trial .col-form label:before {
      color: #aaa; }
    .signup-trial .col-form .error {
      color: #D51C29; }
    .signup-trial .col-form .info {
      text-align: center;
      padding: 10px 0;
      color: #82ACCE; }
    .signup-trial .col-form .terms {
      text-align: center;
      padding: 10px 0 0; }
      .signup-trial .col-form .terms strong {
        color: #ff6a00; }
  .signup-trial .signup-disabled {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    height: 100%;
    font-size: 120%;
    color: #aaa; }
  .signup-trial .signup-info {
    margin-top: 30%;
    width: 450px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center; }
    .signup-trial .signup-info .row {
      -ms-flex-direction: row;
          flex-direction: row; }
    .signup-trial .signup-info .section {
      padding-bottom: 20px; }

@media (max-width: 768px) {
  .signup-trial .container {
    -ms-flex-direction: column;
        flex-direction: column; } }

.admin-dictionary table .col-action {
  width: 40px;
  text-align: center; }

.admin-dictionary table .col-bool {
  width: 120px;
  text-align: center; }

.admin-dictionary form {
  width: 400px;
  padding-top: 20px;
  padding-bottom: 20px; }
  .admin-dictionary form label {
    width: 250px;
    text-align: left;
    float: left;
    color: #ccc;
    margin-right: 20px; }
  .admin-dictionary form input {
    width: 100%;
    margin: 5px 0 20px 0 !important;
    padding: 5px 3px 2px 3px !important;
    color: white; }
  .admin-dictionary form input[type=checkbox] {
    width: auto;
    transform: scale(1.8);
    margin-left: -300px !important; }
  .admin-dictionary form input[type=radio] {
    width: auto;
    transform: scale(1.8);
    margin-left: -200px !important; }
  .admin-dictionary form .confirm-actions {
    padding-top: 30px; }

/* Theme Partials */
/* ==========================================================================
   Admin
   ========================================================================== */
.admin-container {
  padding-left: 122px;
  padding-right: 122px; }
  .admin-container h2 {
    font-size: 1.6em; }
  .admin-container h4 {
    font-size: 1.4em;
    margin: 0 0; }
  .admin-container form h2 {
    font-size: 1.2em; }

@media screen and (max-width: 1100px) {
  .admin-container {
    padding-left: 20px;
    padding-right: 26px; } }

h2, h4 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300; }

.actions {
  margin: 20px 0px; }
  .actions span {
    font-size: 14px; }

.user-applications-box {
  border: 1px solid #ccc;
  padding: 5px 5px;
  display: table;
  width: 100%; }
  .user-applications-box .app {
    display: table-row;
    margin-top: -1px;
    border-bottom: 1px solid #aaa; }
    .user-applications-box .app:hover:not(.header) {
      background-color: #C1E0F2; }
    .user-applications-box .app .header {
      font-weight: bold; }
    .user-applications-box .app .app-name {
      display: table-cell;
      width: 40%; }
    .user-applications-box .app .app-account {
      display: table-cell;
      width: 25%; }
    .user-applications-box .app .app-creator {
      display: table-cell;
      width: 25%; }
    .user-applications-box .app .app-role {
      display: table-cell;
      min-width: 200px; }
      .user-applications-box .app .app-role .role-view {
        display: none; }
        .user-applications-box .app .app-role .role-view.active {
          display: block; }
        .user-applications-box .app .app-role .role-view span {
          padding-left: 10px; }
      .user-applications-box .app .app-role .role-edit {
        display: none;
        border-spacing: 4px; }
        .user-applications-box .app .app-role .role-edit.active {
          display: table; }
        .user-applications-box .app .app-role .role-edit div {
          margin: 0px 2px;
          display: table-cell; }
      .user-applications-box .app .app-role .role-revoke {
        display: none;
        border-spacing: 4px; }
        .user-applications-box .app .app-role .role-revoke.active {
          display: table; }
  .user-applications-box .invite {
    margin-top: 6px;
    border-radius: 4px;
    padding: 2px 5px;
    border: 1px solid #eee;
    width: 120px;
    text-align: center;
    cursor: pointer; }
    .user-applications-box .invite:hover {
      background-color: #C1E0F2; }
  .user-applications-box .invite-form {
    display: table-row;
    margin-top: 6px; }

.button-live {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  opacity: 0.5; }
  .button-live:hover {
    transform: translate(2px, -4px);
    opacity: 1; }

.b-pad-left {
  padding-left: 10px; }

.admin-table-filter {
  margin-bottom: 15px; }
  .admin-table-filter table {
    border-collapse: separate;
    border: none;
    border-radius: 11px;
    background: #E9E9E9;
    width: 100%;
    padding: 4px 10px; }
  .admin-table-filter td {
    vertical-align: middle; }
  .admin-table-filter td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .admin-table-filter td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  .admin-table-filter md-autocomplete {
    height: 26px !important; }
    .admin-table-filter md-autocomplete md-autocomplete-wrap {
      height: 26px !important; }
    .admin-table-filter md-autocomplete input {
      height: 24px !important; }

@media only screen and (max-width: 1200px) {
  .admin-table-filter md-autocomplete {
    min-width: 0; } }

.admin-table {
  margin: 20px 0px 20px 0px; }
  .admin-table table {
    border-collapse: separate;
    border: 1px solid #B1ADA8;
    border-radius: 11px;
    width: 100%; }
  .admin-table th:first-child {
    border-top-left-radius: 10px;
    background: #C2BDB9;
    color: white; }
  .admin-table th:last-child {
    border-top-right-radius: 10px;
    background: #C2BDB9;
    color: white; }
  .admin-table th {
    text-align: left;
    padding: 10px;
    background: #C2BDB9;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: bottom; }
  .admin-table td {
    padding: 7px;
    border-right: solid 1px rgba(177, 173, 168, 0.4); }
  .admin-table td:last-child {
    border-right: none; }
  .admin-table tr:nth-child(odd) {
    background-color: #FFF; }
  .admin-table tr:nth-child(even) {
    background-color: #E9E9E9; }
  .admin-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px; }
  .admin-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px; }
  .admin-table table td.centered, .admin-table table th.centered {
    text-align: center;
    width: 210px; }
  .admin-table table td.acc-id, .admin-table table th.acc-id {
    width: 120px; }
  .admin-table table td.centered a.fa {
    font-size: 18px;
    margin: 2px 4px; }
  .admin-table table td.actions, .admin-table table th.actions {
    white-space: nowrap;
    text-align: center; }
  .admin-table tr.device {
    background-color: #E9E9E9; }
  .admin-table tr.app {
    background-color: #FFF; }

.admin-table.alerts table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #f1f1f1; }

.admin-table.alerts table tbody tr td.centered {
  font-size: 18px; }
  .admin-table.alerts table tbody tr td.centered i, .admin-table.alerts table tbody tr td.centered a, .admin-table.alerts table tbody tr td.centered i:hover, .admin-table.alerts table tbody tr td.centered a:hover {
    cursor: pointer;
    color: #333 !important;
    display: inline-block;
    margin: 2px 4px; }

.logs-size {
  float: right;
  margin-top: -35px !important;
  font-size: 15px !important; }

.admin-table-logs span.subtitle {
  margin-left: 15px; }

.admin-table-logs ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .admin-table-logs ul li {
    padding: 5px 0;
    margin: 0;
    display: inline-block;
    width: 270px; }
    .admin-table-logs ul li a.active {
      border-bottom: dotted 2px; }

.admin-table-logs .log-type {
  display: inline-block;
  width: 190px;
  height: 40px;
  vertical-align: top;
  padding-top: 8px; }

.admin-table-logs .log-nav {
  display: inline-block;
  width: 100px;
  vertical-align: top;
  padding-top: 7px;
  font-size: 120%; }
  .admin-table-logs .log-nav span {
    width: 20px;
    height: 17px;
    border-radius: 50%;
    background-color: #366c99;
    color: white;
    opacity: 0.7;
    padding-top: 1px;
    padding-left: 5px; }
    .admin-table-logs .log-nav span + span {
      padding-left: 6px; }

.admin-table-logs .log-row {
  display: table-row; }
  .admin-table-logs .log-row .t {
    width: 140px;
    display: table-cell;
    white-space: nowrap; }
  .admin-table-logs .log-row .p {
    width: 80px;
    display: table-cell;
    white-space: nowrap; }
  .admin-table-logs .log-row .u {
    width: 100px;
    display: table-cell; }
    .admin-table-logs .log-row .u .i {
      color: #1a5b91; }
  .admin-table-logs .log-row .m {
    display: table-cell;
    /* wrap long words fix: */
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .admin-table-logs .log-row .d {
    width: 70px;
    display: table-cell; }
  .admin-table-logs .log-row > div > div {
    padding: 3px 2px; }
  .admin-table-logs .log-row .details {
    border: solid 1px #a2a2a2;
    padding: 10px 10px;
    display: none;
    background-color: #fff; }
    .admin-table-logs .log-row .details .pre {
      word-break: break-all;
      white-space: pre-wrap;
      padding: 15px 10px;
      background-color: #e8e8cd;
      font-family: monospace; }

.admin-table-logs .log-row-odd {
  background-color: #eaeaea; }

.admin-table-logs .log-row-crit {
  background-color: #FDC6BF; }
  .admin-table-logs .log-row-crit.log-row-odd {
    background-color: #fca397; }

.admin-table-logs .log-row-warn {
  background-color: #FFF4AA; }
  .admin-table-logs .log-row-warn.log-row-odd {
    background-color: #ffef81; }

.admin-table-logs .log-row-debug {
  background-color: #B1C4D4; }
  .admin-table-logs .log-row-debug.log-row-odd {
    background-color: #97b0c6; }

.admin-table-logs .md-datepicker-container-logs {
  display: inline-block;
  width: 270px; }
  .admin-table-logs .md-datepicker-container-logs .md-datepicker-input-container {
    margin-left: 0; }
    .admin-table-logs .md-datepicker-container-logs .md-datepicker-input-container .md-datepicker-input {
      font-size: 16px;
      border: none;
      border-bottom: 1px solid #7f756f;
      padding: 4px 5px;
      margin: 0;
      color: #00a0dd; }
  .admin-table-logs .md-datepicker-container-logs span {
    float: left;
    margin-top: 8px; }
  .admin-table-logs .md-datepicker-container-logs md-datepicker {
    max-width: 200px; }

.action-delete {
  background: url("/img/delete.png") 0 0 no-repeat;
  width: 16px;
  height: 16px;
  margin: 4px;
  display: inline-block; }

.multiauth-icon {
  width: 16px;
  height: 16px;
  background: url("/img/multiauth_remove.png") 0 0 no-repeat;
  display: inline-block;
  margin: 4px; }

.salesforce-icon {
  font-size: 20px;
  margin-left: 7px; }
  .salesforce-icon:hover {
    text-decoration: none; }

.form-horizontal {
  margin-top: 30px; }

.pointer-cursor {
  cursor: pointer; }

div.tab-content {
  position: relative;
  margin-left: 200px; }

.form-global .form-global-error {
  color: #ff0000;
  font-style: italic;
  font-family: "Source Sans Pro", sans-serif; }

.form-alert-icon-element {
  display: inline-block;
  margin-left: 15px; }
  .form-alert-icon-element:first-child {
    margin-left: 0; }
  .form-alert-icon-element input:checked + label {
    float: none;
    line-height: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px;
    background-color: #DADADA; }
  .form-alert-icon-element label {
    float: none;
    line-height: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px; }

.form-element .form-alert-icon-element label {
  line-height: normal;
  width: auto;
  height: auto;
  margin: 0;
  padding: 5px;
  cursor: pointer;
  float: none;
  border-radius: 6px; }
  .form-element .form-alert-icon-element label:before {
    content: none; }
  .form-element .form-alert-icon-element label:after {
    content: none; }

.form-element.datetime .date {
  width: 100px; }

.form-element.datetime .time {
  width: 50px;
  margin-left: 15px; }

.form-element textarea {
  width: 220px;
  height: 80px; }

ul.multioptions {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  width: auto; }
  ul.multioptions li {
    padding: 0;
    display: inline-block;
    margin: 0 0 0 15px;
    float: none; }
    ul.multioptions li:first-child {
      margin: 0; }
    ul.multioptions li input {
      margin: 0; }
    ul.multioptions li label {
      display: inline-block;
      margin: 0;
      padding: 0;
      float: none;
      width: auto; }
      ul.multioptions li label:before {
        content: none; }
      ul.multioptions li label:after {
        content: none; }

ul.alert-list {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style: none; }
  ul.alert-list.ui-sortable {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style: none; }

.btn-info-admin, .btn-info-admin:hover {
  font-size: 14px;
  letter-spacing: normal;
  font-weight: normal;
  text-transform: none;
  background: none;
  border: none;
  border-bottom: 1px dashed #ccc;
  padding: 0;
  border-radius: 0 !important; }

.btn-info-admin {
  color: black; }

.btn-info-admin:hover {
  color: #777; }

.admin-cntr-wrap {
  margin: 0 auto;
  max-width: 450px;
  text-align: center; }
  .admin-cntr-wrap .ca-attribute {
    width: 430px;
    height: 260px;
    border-radius: 8px;
    border-width: 2px;
    border-color: #aaaaaa;
    background-color: #f6f6f6; }
  .admin-cntr-wrap .ca-active {
    text-decoration: underline; }
  .admin-cntr-wrap form .control-group {
    margin: 10px 0 15px 0;
    text-align: left; }
    .admin-cntr-wrap form .control-group span {
      font-size: smaller;
      color: black; }
    .admin-cntr-wrap form .control-group input[type="text"], .admin-cntr-wrap form .control-group input[type="password"] {
      width: 100%;
      height: 38px;
      padding-left: 10px;
      font-size: larger;
      border: none;
      border-bottom: 2px solid #aaa;
      background-color: #eee; }
    .admin-cntr-wrap form .control-group select {
      width: 100%;
      height: 35px;
      background-color: #eee;
      border: 2px solid #aaa; }
    .admin-cntr-wrap form .control-group input:disabled, .admin-cntr-wrap form .control-group select:disabled {
      background-color: #ccc; }
  .admin-cntr-wrap ul li {
    text-align: left;
    padding-top: 16px; }

.form-actions.add-user {
  margin-top: 20px; }

/* / admin myprofile - edit user   / */
.admin-edit-user {
  text-align: center; }
  .admin-edit-user form#user {
    width: 450px;
    margin: 30px auto; }
  .admin-edit-user form#account {
    width: 470px;
    margin: 30px auto; }
  .admin-edit-user .form-actions {
    text-align: center !important;
    margin-top: 30px; }
  .admin-edit-user form#user .control-group > table {
    margin: 10px auto; }
    .admin-edit-user form#user .control-group > table label table, .admin-edit-user form#user .control-group > table label[for="defer"] {
      width: 120px;
      float: left; }
    .admin-edit-user form#user .control-group > table input[type="checkbox"] {
      margin: 10px 0 0 -7px; }
  .admin-edit-user form#user .control-group table input, .admin-edit-user form#user .control-group table select {
    width: 210px; }

#div_package_file {
  padding: 0; }
  #div_package_file .error {
    text-align: center; }
  #div_package_file table {
    margin: 10px auto 0 auto; }
  #div_package_file .dz-message {
    margin-top: 0; }
  #div_package_file table label.control-label {
    width: auto; }

form#alert {
  width: 600px;
  margin: 0 auto; }
  form#alert .alert_textarea {
    width: 330px;
    height: 160px; }
  form#alert .alert_textarea_sms {
    width: 330px;
    height: 64px; }
  form#alert .alert-form-header {
    font-size: 120%; }
  form#alert .scheduler input[type=text] {
    width: 42px;
    padding-left: 2px; }
  form#alert .scheduler input[type=text]::-webkit-input-placeholder {
    font-size: small; }
  form#alert .scheduler span {
    padding-left: 2px;
    padding-right: 4px; }

#modalChooseUserContent #user {
  margin-top: 0; }
  #modalChooseUserContent #user .control-group span {
    display: none; }

.admin-warning-header {
  text-align: center;
  padding-top: 10px;
  font-weight: bold; }

.md-autocomplete-inline {
  display: inline-block;
  width: 250px; }

.roles-permissions .fa-check {
  font-size: 14px;
  color: #399743; }

.roles-permissions .fa-times {
  font-size: 14px;
  color: #bebebe; }

.admin-deactivate-icon {
  width: 28px;
  height: 28px;
  float: right;
  cursor: pointer; }
  .admin-deactivate-icon:after {
    content: "";
    position: absolute;
    border-top: 1px solid red;
    width: 25px;
    transform: rotate(45deg);
    transform-origin: 5px 10px; }

.error .help-inline {
  color: red; }

.alert.alert-success {
  color: green; }

.config h4:not(:first-child) {
  margin-top: 30px; }

.config .section {
  padding-left: 20px;
  padding-top: 20px; }
  .config .section .inputs {
    margin-top: 15px; }
    .config .section .inputs input {
      padding: 2px 4px; }
      .config .section .inputs input + input {
        margin-left: 4px; }

/* ==========================================================================
   Dashboard
   ==========================================================================
*/
a#user-login {
  display: block;
  margin: 17px 0 0 0; }

.content-portlet {
  background: #f6f5f5;
  padding: 20px;
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.content-portlet-header {
  position: relative; }
  .content-portlet-header h2 {
    color: #08c;
    margin: 0 0 15px 0; }
  .content-portlet-header div {
    color: #333;
    font-weight: normal;
    font-size: 18px; }

.content-portlet-data {
  display: none;
  padding: 10px; }

.pactive .content-portlet-data {
  display: block; }

.documentation-links.homepage {
  margin-top: 20px; }
  .documentation-links.homepage .block-title {
    color: #08c;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px; }

.campaign-page {
  position: relative; }
  .campaign-page .form-title {
    text-align: center;
    margin-bottom: 12px;
    font-weight: normal; }
  .campaign-page .form-actions {
    clear: both;
    text-align: center;
    padding-left: 20px; }
  .campaign-page .form-row label {
    font-size: 14px; }
  .campaign-page .vset-table {
    background-color: #FFFFFF; }
    .campaign-page .vset-table thead td {
      background-color: #BDDFF0;
      color: #0d579f;
      font-weight: bold; }
    .campaign-page .vset-table thead th:last-child, .campaign-page .vset-table thead td:last-child {
      width: 16%; }
    .campaign-page .vset-table tbody td {
      vertical-align: middle; }

/* support form layout fix */
.span9 .form-errors-block {
  width: 630px; }

.span9 .form .row input {
  width: 630px; }

.span9 .form .row textarea {
  width: 630px; }

#ajax-throbber {
  padding-left: 10px; }

.beta-icon {
  margin-left: 5px; }

.tab-search {
  padding: 0 20px 0 25px; }
  .tab-search .beta-icon {
    float: left;
    padding: 5px 0 0 5px; }

.myprofile-permissions {
  margin: 30px 0; }
  .myprofile-permissions .content-portlet-data {
    padding: 0; }
  .myprofile-permissions .campaign-list .user {
    width: 75%;
    float: left; }
    .myprofile-permissions .campaign-list .user .email {
      width: 50%;
      font-size: 110%; }
    .myprofile-permissions .campaign-list .user .name {
      color: #736964;
      width: 50%; }
  .myprofile-permissions .campaign-list .details {
    width: 25%;
    color: #736964;
    padding: 0;
    text-align: right; }
    .myprofile-permissions .campaign-list .details svg {
      width: 19px;
      height: 19px;
      margin: -3px 5px 0 0;
      vertical-align: middle;
      fill: #1a5b91;
      display: inline-block; }

/* ==========================================================================
   Analytics
   ==========================================================================
*/
#map {
  height: 400px; }

div.insight form {
  margin: 0;
  padding: 0; }

.insight .content-portlet-header > div.ph-name {
  height: auto;
  width: 780px;
  float: left;
  padding: 0 0 0 10px; }

.insight .ph-actions {
  float: right;
  position: relative;
  height: auto;
  padding: 0 10px 0 0; }
  .insight .ph-actions a {
    margin: 0; }

svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Trying to get SVG to act like a greedy block in all browsers */
  display: block;
  width: 100%;
  height: 100%; }
  svg text {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 12px; }
  svg .title {
    font: bold 14px Arial; }

/* ==========================================================================
   Campaign
   ==========================================================================
*/
#campaign-location-params #action-buttons {
  margin: 0;
  text-align: right;
  position: absolute;
  bottom: 20px;
  right: 20px; }

#campaign-location-params .location-filter-subtitle {
  font-size: 24px;
  margin-bottom: 15px; }

#campaign-location-params .location-filter-subtitle-small {
  font-size: 18px;
  color: #b7b2ae;
  padding-bottom: 15px; }

#campaign-location-params .form-leftside select {
  width: 380px; }

#campaign-location-params .form-leftside #div_zip_codes .row-label {
  width: 100%; }

#campaign-location-params .form-leftside #div_zip_codes .form-element {
  display: block; }

#campaign-location-params .form-leftside .form-actions {
  text-align: left;
  padding: 0;
  background-color: transparent;
  border: none;
  margin: 0; }

#campaign-location-params #div_zip_codes label {
  float: none; }

#campaign-location-params #div_zip_codes #zip_codes {
  width: 356px;
  height: 80px;
  max-height: 80px;
  margin: 0;
  resize: none; }

#campaign-location-params .form-rightside .filter-name {
  width: 260px; }

#campaign-location-params #save_location {
  text-align: left; }

#campaign-location-params .form-actions.campaigns {
  padding: 0;
  margin: 0;
  text-align: right; }

.campaign-page .form-actions.campaigns {
  padding: 15px 0 0 0;
  margin: 0;
  text-align: left;
  border: 0;
  outline: 0;
  background: none; }

#campaign-clone .form-actions.campaigns {
  text-align: center;
  padding: 20px 0 0; }

#formcampaign .form-row {
  display: block;
  margin-bottom: 0px;
  vertical-align: top; }
  #formcampaign .form-row label.row-label {
    width: auto; }

#formcampaign .subform {
  vertical-align: top;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 12px;
  -o-border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  behavior: url(/css/PIE.htc);
  width: 815px;
  background-color: #f6f5f5; }
  #formcampaign .subform.active {
    background-color: #BDDFF0; }

#formcampaign .form_block_left, #formcampaign .form_block_right {
  width: 356px; }

#formcampaign .form_block_left.location-section, #formcampaign .form_block_left.venue-section {
  width: 210px; }

#formcampaign .form_block_right.location-section, #formcampaign .form_block_right.venue-section {
  width: auto; }

#formcampaign .location-section #div_zip_codes {
  font-size: 14px;
  color: #000000; }

#formcampaign .location-section #div_location_list {
  font-size: 14px;
  color: #000000;
  margin-top: 5px; }

#formcampaign #div_date_end, #formcampaign #div_date_start {
  margin-top: 15px; }

#formcampaign #define_location, #formcampaign #define_create_venues {
  display: inline-block; }

#formcampaign .form_block_left {
  vertical-align: top;
  display: inline-block; }

#formcampaign .form_block_right {
  vertical-align: top;
  display: inline-block;
  margin-left: 20px; }

#formcampaign #div_notexpire {
  margin: 0;
  margin-top: 10px; }
  #formcampaign #div_notexpire label {
    margin: 0; }

#formcampaign .error {
  color: red;
  max-width: 100%;
  overflow: hidden;
  word-break: break-all; }

#clone-campaign {
  position: relative;
  width: 400px;
  margin: 30px auto;
  text-align: center;
  font-size: 22px;
  color: #736964; }
  #clone-campaign #div_activator {
    text-align: center; }
    #clone-campaign #div_activator label {
      width: auto;
      margin: -10px 0 15px 0;
      display: block;
      text-align: center;
      float: none;
      font-size: 18px;
      color: black;
      font-weight: normal;
      height: auto; }
    #clone-campaign #div_activator .select2-container {
      width: 400px !important; }
  #clone-campaign .help-text p {
    font-size: 12px;
    color: black; }
  #clone-campaign .help-text p.error-text-main {
    color: #d51c29;
    margin: -25px 0 20px 0; }

.categories-block h2, .venues-block h2 {
  color: #FFF;
  font-size: 26px;
  font-weight: 300;
  margin: 0; }

.categories-block ul, .venues-block ul {
  list-style: none;
  margin: 0;
  margin-left: 5px; }
  .categories-block ul li, .venues-block ul li {
    margin: 0px;
    margin-top: 5px;
    padding: 0px; }
    .categories-block ul li:first-child, .venues-block ul li:first-child {
      margin-top: 0px; }
    .categories-block ul li.selected span, .venues-block ul li.selected span {
      color: #999; }
    .categories-block ul li.selected .search-remove-venue, .venues-block ul li.selected .search-remove-venue, .categories-block ul li.selected .search-add-venue, .venues-block ul li.selected .search-add-venue {
      display: none; }
    .categories-block ul li span.tax-name, .venues-block ul li span.tax-name {
      font-size: 18px;
      font-weight: bold;
      color: #0e4d95; }
      .categories-block ul li span.tax-name .tiers, .venues-block ul li span.tax-name .tiers {
        display: block;
        font-size: 10px; }
      .categories-block ul li span.tax-name .vname, .venues-block ul li span.tax-name .vname {
        display: inline-block; }
      .categories-block ul li span.tax-name .pb-subcat, .venues-block ul li span.tax-name .pb-subcat {
        display: inline-block;
        margin-left: 5px;
        font-size: 13px; }
    .categories-block ul li span.ignore, .venues-block ul li span.ignore {
      font-size: 18px;
      font-weight: bold;
      color: #999999; }

.categories-block .search-remove-venue, .venues-block .search-remove-venue, .categories-block .search-add-venue, .venues-block .search-add-venue {
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  background: url("/img/venues_plus_minus.png") -21px 0 no-repeat;
  cursor: pointer;
  right: 10px;
  top: 5px; }

.categories-block .search-remove-venue:hover, .venues-block .search-remove-venue:hover {
  background-position: 0px -21px; }

.categories-block .search-add-venue:hover, .venues-block .search-add-venue:hover {
  background-position: -21px -21px; }

.categories-block .search-remove-venue, .venues-block .search-remove-venue {
  background-position: 0px 0px; }

ul.errors {
  display: block;
  list-style: none;
  margin: 0;
  margin-bottom: 9px;
  padding: 0;
  color: #ff0000;
  font-size: 11px; }

#map-wrapper #map {
  width: 100%;
  height: 700px; }

#map svg {
  width: 1219px; }

#map-wrapper {
  position: relative; }
  #map-wrapper #title-filter {
    position: absolute;
    top: 0;
    left: 0; }
    #map-wrapper #title-filter input {
      width: 200px;
      margin: 0;
      padding: 0;
      height: 22px; }
  #map-wrapper #location-search-form {
    position: absolute;
    top: 0;
    right: 0; }
    #map-wrapper #location-search-form input {
      width: 200px;
      margin: 0;
      padding: 0;
      height: 22px; }
  #map-wrapper #title-filter, #map-wrapper #location-search-form {
    padding: 3px;
    background: #E8E8E8; }

#map-wrapper + div {
  padding: 25px 0;
  text-align: center; }

.custom-geofilter-tip {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 10px;
  display: inline-block; }
  .custom-geofilter-tip .lamp {
    width: 26px;
    height: 26px;
    display: inline-block; }
  .custom-geofilter-tip span {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px; }

.search-venue-page ul, .search-venue-page li {
  margin: 0;
  padding: 0;
  list-style: none; }

.search-venue-page .browse-venue-container .browse-venue-header {
  border-left: solid 1px #FFF;
  border-right: solid 1px #FFF;
  border-top: solid 1px #FFF; }

.search-venue-page .browse-venue-container .browse-venue-section-wrap {
  display: table;
  width: 100%;
  border-collapse: collapse; }

.search-venue-page .browse-venue-container .browse-venue-section {
  display: table-row;
  width: 100%; }
  .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data {
    border: solid 1px #FFF;
    width: 60%;
    height: 400px;
    display: table-cell;
    vertical-align: top;
    padding: 0; }
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data.empty {
      vertical-align: middle;
      text-align: center;
      padding: 50px; }
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list {
      color: #FFF;
      transition: 0.2s ease; }
      .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row {
        padding: 6px 15px;
        border-bottom: 1px solid #747373; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row.unselectable .add-block svg {
          opacity: 0;
          visibility: hidden; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row.selected {
          color: #053359; }
          .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row.selected a.title {
            color: #053359; }
          .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row.selected .add-block svg {
            opacity: 0;
            visibility: hidden;
            width: 0;
            height: 0; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row .expand-icon-block {
          margin-right: 15px; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row a.title {
          color: #FFF;
          text-transform: uppercase;
          font-size: 1.2em;
          font-weight: 700;
          transition: 0.2s ease; }
          .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row a.title:hover {
            color: #1a5b91; }
          .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row a.title.venue:hover, .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row a.title.inactive:hover {
            text-decoration: none;
            cursor: default; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-data ul.taxonomy-list li.taxonomy-list-row .add-block a {
          text-transform: uppercase;
          font-size: 1.2em;
          font-weight: 700;
          color: #ff6a00; }
  .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection {
    border: solid 1px #FFF;
    width: 40%;
    display: table-cell;
    vertical-align: top; }
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection.empty {
      vertical-align: middle; }
      .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection.empty .data-block {
        display: none; }
      .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection.empty .no-data {
        display: block; }
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .no-data {
      text-align: center;
      color: #FFF;
      display: none; }
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .data-block {
      padding: 0 5px 20px 5px;
      max-height: 400px;
      overflow: hidden; }
      .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .data-block:hover {
        overflow-y: scroll; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .data-block:hover::-webkit-scrollbar {
          width: 5px; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .data-block:hover::-webkit-scrollbar * {
          background: transparent; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .data-block:hover::-webkit-scrollbar-thumb {
          background: #ddd !important; }
      .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .data-block .empty {
        display: none; }
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .categories-block, .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .venues-block,
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .venues-block {
      padding: 15px 5px; }
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .tier-label {
      color: #000000;
      font-size: 14px;
      font-weight: bold;
      margin: 10px 0 0 5px; }
    .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .tier-data .selected-item {
      position: relative;
      padding: 7px 30px 7px 15px;
      margin-top: 5px;
      margin-left: 5px;
      background: #CACACA;
      color: #777;
      border-radius: 5px;
      display: inline-block;
      line-height: 1em;
      font-weight: bold; }
      .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .tier-data .selected-item svg {
        position: absolute;
        cursor: pointer;
        top: 4px;
        right: 4px;
        fill: #aaa;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-left: 10px;
        transition: 0.2s ease; }
        .search-venue-page .browse-venue-container .browse-venue-section .browse-venue-selection .tier-data .selected-item svg:hover {
          fill: #ff6a00; }

.search-venue-page .browse-venue-controls {
  padding: 25px 0;
  text-align: center; }
  .search-venue-page .browse-venue-controls #button-cancel {
    margin-left: 15px; }

.search-venue-page .search-keyword-container {
  padding-top: 20px; }
  .search-venue-page .search-keyword-container .search-keyword-section-wrap {
    display: table;
    width: 100%;
    border-collapse: collapse; }
    .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section {
      display: table-row;
      width: 100%; }
      .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .search-keyword-sectionleft {
        width: 50%;
        display: table-cell;
        vertical-align: top; }
      .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .search-keyword-sectionright {
        width: 50%;
        display: table-cell;
        vertical-align: top; }
      .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .box {
        width: 100%;
        height: 400px;
        color: white;
        padding: 0px;
        margin: 0 auto 0px; }
        .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .box ul > li {
          border-bottom: solid 1px #747373;
          text-align: left;
          position: relative; }
          .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .box ul > li .tax-name {
            width: 100%;
            padding: 15px 25px 15px 15px;
            position: relative; }
            .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .box ul > li .tax-name .tiers {
              display: block;
              font-size: 0.9em;
              width: 100%; }
            .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .box ul > li .tax-name .vname {
              font-size: 1.2em;
              display: block;
              font-size: 1.2em;
              font-weight: 700; }
              .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .box ul > li .tax-name .vname .pb-subcat {
                font-size: 1em;
                display: block; }
        .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section .box .selected {
          color: #ddd; }
      .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section #paging_prev, .search-venue-page .search-keyword-container .search-keyword-section-wrap .search-keyword-section #paging_next {
        cursor: pointer;
        color: #ff6a00; }

.search-venue-page .search-independent-container .search-independent-section-wrap {
  margin-top: 33px;
  display: table;
  width: 100%;
  border-collapse: collapse; }
  .search-venue-page .search-independent-container .search-independent-section-wrap .search-independent-section .box .obsolete div {
    font-style: italic;
    color: #BBBBBB; }
  .search-venue-page .search-independent-container .search-independent-section-wrap .search-independent-section .box .obsolete div.tooltip > div {
    color: #fff; }
  .search-venue-page .search-independent-container .search-independent-section-wrap .search-independent-section .box .obsolete .angular-hint-component {
    top: 50%;
    margin-top: -10px; }

.search-venue-page .search-independent-controls {
  padding-top: 15px; }
  .search-venue-page .search-independent-controls #button-cancel {
    margin-left: 15px; }

.input_error {
  border: solid 2px #d51c29 !important; }

.filter-by-loc-wrap {
  display: table;
  width: 100%;
  height: 325px;
  padding-top: 30px; }
  .filter-by-loc-wrap .form-leftside, .filter-by-loc-wrap .form-rightside {
    display: table-cell;
    width: 50%;
    background-color: #aaa;
    position: relative; }
    .filter-by-loc-wrap .form-leftside h2, .filter-by-loc-wrap .form-rightside h2 {
      color: white;
      font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-weight: 300;
      font-size: 26px;
      padding: 10px 0 15px 15px;
      margin: 0;
      border-bottom: 1px solid white; }
    .filter-by-loc-wrap .form-leftside h2 + form > div, .filter-by-loc-wrap .form-rightside h2 + form > div {
      margin: 16px; }
  .filter-by-loc-wrap .form-leftside {
    border-right: 1px solid white; }
    .filter-by-loc-wrap .form-leftside #custom-geofilter, .filter-by-loc-wrap .form-leftside #custom-geofilter + a {
      position: absolute;
      bottom: 18px;
      left: 18px;
      color: white;
      font-size: 1.2em;
      font-weight: 700;
      padding-left: 27px; }
      .filter-by-loc-wrap .form-leftside #custom-geofilter svg, .filter-by-loc-wrap .form-leftside #custom-geofilter img, .filter-by-loc-wrap .form-leftside #custom-geofilter + a svg, .filter-by-loc-wrap .form-leftside #custom-geofilter + a img {
        width: 20px;
        height: 20px;
        cursor: pointer;
        transition: 0.2s ease;
        fill: #FFF;
        border-radius: 50%;
        background-color: #ff6a00;
        position: absolute;
        left: -1px;
        top: 1px; }
    .filter-by-loc-wrap .form-leftside #custom-geofilter + a {
      left: 200px; }
      .filter-by-loc-wrap .form-leftside #custom-geofilter + a svg {
        width: 44px;
        height: 44px;
        background: none;
        left: -10px;
        top: -11px; }
    .filter-by-loc-wrap .form-leftside #save_location {
      position: absolute;
      right: 10%;
      top: 72px; }
      .filter-by-loc-wrap .form-leftside #save_location #save_location_button {
        padding: 5px 20px; }
  .filter-by-loc-wrap .form-rightside #div_location_table .note-text > div, .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div {
    color: white;
    font-size: 1.2em;
    background-color: #444;
    border-bottom: solid 1px #747373;
    text-align: left;
    position: relative;
    padding: 15px 25px 15px 15px; }
    .filter-by-loc-wrap .form-rightside #div_location_table .note-text > div span:first-child::after, .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:first-child::after {
      padding: 0 10px;
      font-weight: normal;
      font-family: FontAwesome;
      content: "\f105"; }
    .filter-by-loc-wrap .form-rightside #div_location_table .note-text > div span:nth-child(2), .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(2) {
      font-weight: 700; }
    .filter-by-loc-wrap .form-rightside #div_location_table .note-text > div span:nth-child(3), .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(3) {
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      cursor: pointer;
      right: 15px;
      top: 50%;
      margin-top: -10px; }
      .filter-by-loc-wrap .form-rightside #div_location_table .note-text > div span:nth-child(3) .action-delete, .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(3) .action-delete {
        background: none;
        width: 20px;
        height: 20px;
        margin: 0; }
        .filter-by-loc-wrap .form-rightside #div_location_table .note-text > div span:nth-child(3) .action-delete svg, .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(3) .action-delete svg {
          width: 20px;
          height: 20px;
          cursor: pointer;
          transition: 0.2s ease;
          fill: #9b938d; }
          .filter-by-loc-wrap .form-rightside #div_location_table .note-text > div span:nth-child(3) .action-delete svg:hover, .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(3) .action-delete svg:hover {
            fill: #dc5301; }
  .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:first-child a {
    display: inline-block;
    width: 90%;
    font-weight: 700;
    color: white; }
  .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:first-child svg {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    cursor: pointer;
    right: 48px;
    top: 50%;
    margin-top: -9px;
    fill: #9b938d; }
    .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:first-child svg:hover {
      fill: #dc5301; }
  .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:first-child::after {
    padding: 0;
    content: ""; }
  .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(2) {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    right: 15px;
    top: 50%;
    margin-top: -10px; }
    .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(2) .action-delete {
      background: none;
      width: 20px;
      height: 20px;
      margin: 0; }
      .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(2) .action-delete svg {
        width: 20px;
        height: 20px;
        cursor: pointer;
        transition: 0.2s ease;
        fill: #9b938d; }
        .filter-by-loc-wrap .form-rightside #div_polygon_table .note-text > div span:nth-child(2) .action-delete svg:hover {
          fill: #dc5301; }

.filter-by-loc-wrap + .browse-venue-controls {
  margin-top: 20px;
  padding: 25px 0;
  text-align: center; }
  .filter-by-loc-wrap + .browse-venue-controls #button-cancel {
    margin-left: 15px; }

.loading {
  width: 128px;
  height: 128px;
  background: url(/img/loading.png) left center;
  background-repeat: no-repeat;
  animation: play 0.8s steps(16) infinite;
  transform: scale(0.5);
  margin: 0 auto;
  opacity: 0.8; }

@keyframes play {
  100% {
    background-position: -2048px; } }

/* ==========================================================================
   Responsive
   ==========================================================================
*/
@media (min-width: 768px) {
  .footer .footer-wrapper {
    padding: 20px 0; } }

@media (max-width: 850px) {
  .resources .row-fluid {
    padding: 0; } }

/* Adjust form for smaller screens */
@media screen and (max-width: 52.5em) {
  body {
    min-height: 500px; }
  .fs-form {
    top: 6em;
    right: 2em;
    left: 0;
    padding: 0 3.75em 0 1em;
    width: auto;
    font-size: 2em; } }

@media screen and (max-width: 1200px) {
  .filter-by-loc-wrap .form-leftside #save_location {
    position: static; } }