/* Minification failed. Returning unminified contents.
(13402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13948,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-color'
(13953,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-color'
(14376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* Start of the rich text editor css
  --------------------------------- */
.pad-left-aligned-image {
  padding: 16px 24px 16px 0px;
  float: left;
  max-width: 50%;
  height: auto !important;
}

.pad-right-aligned-image {
  padding: 16px 0px 16px 24px;
  float: right;
  max-width: 50%;
  height: auto !important;
}

.videoWrapper {
  margin: 2em 0;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Start of the experience editor css
  ---------------------------------- */
.xp-editor-message, .xp-editor-message-alt {
  font-size: 12px;
  font-style: italic;
}
.xp-editor-message > span, .xp-editor-message-alt > span {
  color: red;
}

.xp-editor-message-alt {
  color: white;
}

.paginationjs {
  display: flex;
  line-height: 1.6;
  font-family: Marmelad, "Lucida Grande", Arial, "Hiragino Sans GB", Georgia, sans-serif;
  font-size: 14px;
  box-sizing: initial;
}
.paginationjs:after {
  display: table;
  content: " ";
  clear: both;
}
.paginationjs .paginationjs-pages {
  float: left;
  margin-left: 10px;
}
.paginationjs .paginationjs-pages ul {
  float: left;
  margin: 0;
  padding: 0;
}
.paginationjs .paginationjs-pages li {
  float: left;
  border: 1px solid #aaa;
  border-right: none;
  list-style: none;
}
.paginationjs .paginationjs-pages li > a {
  min-width: 30px;
  height: 28px;
  line-height: 28px;
  display: block;
  background: #fff;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.paginationjs .paginationjs-pages li > a:hover {
  background: #eee;
}
.paginationjs .paginationjs-pages li.active {
  border: none;
}
.paginationjs .paginationjs-pages li.active > a {
  height: 30px;
  line-height: 30px;
  background: #aaa;
  color: #fff;
  cursor: default;
}
.paginationjs .paginationjs-pages li.disabled > a {
  opacity: 0.3;
  cursor: default;
}
.paginationjs .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs .paginationjs-pages li:first-child {
  border-radius: 3px 0 0 3px;
}
.paginationjs .paginationjs-pages li:first-child > a {
  border-radius: 3px 0 0 3px;
}
.paginationjs .paginationjs-pages li:last-child {
  border-right: 1px solid #aaa;
  border-radius: 0 3px 3px 0;
}
.paginationjs .paginationjs-pages li:last-child > a {
  border-radius: 0 3px 3px 0;
}
.paginationjs .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #aaa;
}
.paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-size-changer {
  margin-left: 10px;
  float: left;
  font-size: 14px;
}
.paginationjs .paginationjs-size-changer {
  margin-left: 5px;
}
.paginationjs .paginationjs-size-changer > select {
  height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 0;
  font-size: 14px;
  text-align: center;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  box-sizing: initial;
  vertical-align: middle;
}
.paginationjs .paginationjs-go-input {
  margin-left: 5px;
}
.paginationjs .paginationjs-go-input > input[type=text] {
  width: 30px;
  height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 0;
  font-size: 14px;
  text-align: center;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  box-sizing: initial;
  line-height: 28px;
  vertical-align: middle;
}
.paginationjs .paginationjs-go-button {
  margin-left: 5px;
}
.paginationjs .paginationjs-go-button > input[type=button] {
  min-width: 40px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  color: #333;
  cursor: pointer;
  vertical-align: middle;
}
.paginationjs .paginationjs-go-button > input[type=button]:hover {
  background-color: #f8f8f8;
}
.paginationjs .paginationjs-nav {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.paginationjs.paginationjs-small {
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-pages li > a {
  min-width: 26px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-pages li.active > a {
  height: 26px;
  line-height: 26px;
}
.paginationjs.paginationjs-small .paginationjs-size-changer {
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-size-changer > select {
  height: 24px;
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-go-input {
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-go-input > input[type=text] {
  width: 26px;
  height: 24px;
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-go-button {
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-go-button > input[type=button] {
  min-width: 30px;
  height: 26px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-nav {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}
.paginationjs.paginationjs-big {
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-pages li > a {
  min-width: 36px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  line-height: 36px;
}
.paginationjs.paginationjs-big .paginationjs-pages li.active > a {
  height: 36px;
  line-height: 36px;
}
.paginationjs.paginationjs-big .paginationjs-size-changer {
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-size-changer > select {
  height: 34px;
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-go-input {
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
  width: 36px;
  height: 34px;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
}
.paginationjs.paginationjs-big .paginationjs-go-button {
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-go-button > input[type=button] {
  min-width: 50px;
  height: 36px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-nav {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}
.paginationjs > :first-child {
  margin-left: 0;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li {
  border-color: #289de9;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
  color: #289de9;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a:hover {
  background: #e9f4fc;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
  background: #289de9;
  color: #fff;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #289de9;
}
.paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-blue .paginationjs-size-changer > select {
  border-color: #289de9;
}
.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button] {
  background: #289de9;
  border-color: #289de9;
  color: #fff;
}
.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button]:hover {
  background-color: #3ca5ea;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li {
  border-color: #449d44;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li > a {
  color: #449d44;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li > a:hover {
  background: #ebf4eb;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li.active > a {
  background: #449d44;
  color: #fff;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #449d44;
}
.paginationjs.paginationjs-theme-green .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-green .paginationjs-size-changer > select {
  border-color: #449d44;
}
.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type=button] {
  background: #449d44;
  border-color: #449d44;
  color: #fff;
}
.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type=button]:hover {
  background-color: #55a555;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
  border-color: #ec971f;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a {
  color: #ec971f;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a:hover {
  background: #fdf5e9;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active > a {
  background: #ec971f;
  color: #fff;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #ec971f;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-yellow .paginationjs-size-changer > select {
  border-color: #ec971f;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type=button] {
  background: #ec971f;
  border-color: #ec971f;
  color: #fff;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type=button]:hover {
  background-color: #eea135;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li {
  border-color: #c9302c;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li > a {
  color: #c9302c;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li > a:hover {
  background: #faeaea;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li.active > a {
  background: #c9302c;
  color: #fff;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #c9302c;
}
.paginationjs.paginationjs-theme-red .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-red .paginationjs-size-changer > select {
  border-color: #c9302c;
}
.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type=button] {
  background: #c9302c;
  border-color: #c9302c;
  color: #fff;
}
.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type=button]:hover {
  background-color: #ce4541;
}

@charset "UTF-8";
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: 0;
}

.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #ff8000;
  box-shadow: #994c00 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #ff8000;
  box-shadow: #994c00 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "alpha(opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #ff8000 !important;
  box-shadow: #994c00 0 1px 3px 0 inset !important;
  color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
  background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f4f8fa",GradientType=0);
}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF));
  background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa",endColorstr="#FFF",GradientType=0);
}

trix-toolbar {
  display: none;
  /* Disable specific Trix toolbar options */
  /* Custom underline icon */
  /* Custom overrides */
}
trix-toolbar .trix-button-group--text-tools, trix-toolbar .trix-button--icon-strike, trix-toolbar .trix-button-group--block-tools, trix-toolbar .trix-button-group--file-tools {
  display: none;
}
trix-toolbar .trix-button--icon-underline::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="-2 -2 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h16v16H0z"/><path d="M3 13h10v2H3v-2Zm8-12h2v6c0 2.76-2.24 5-5 5S3 9.76 3 7V1h2v6a3.001 3.001 0 0 0 6 0V1Z"/></svg>');
}
trix-toolbar .trix-button.trix-active {
  background-color: rgba(245, 138, 31, 0.85);
}
trix-toolbar .trix-button:hover {
  box-shadow: 0 0 8px -0.5px rgba(0, 0, 0, 0.3607843137);
  transition: 0.25s ease;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  /*scrollbar-gutter: stable;*/
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 66em) {
  body {
    padding-top: 0;
  }
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  margin: 0.67em 0;
}

sub,
sup {
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[hidden] {
  display: none;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

label {
  display: block;
  padding-bottom: 0.2rem;
}

button, input, select, textarea {
  margin: 0;
}

button:focus, input:focus, select:focus, textarea:focus {
  outline: none;
}

input, textarea {
  padding: 1rem;
}

select {
  padding: 0.85rem;
}

button, input[type=submit] {
  cursor: pointer;
  display: inline-block;
  margin: 0 auto;
}

input[type=checkbox],
input[type=radio] {
  margin-right: 0.3em;
}

iframe {
  margin-bottom: 1em;
}

figure {
  margin: 0 0 1em 0;
}

figure img {
  margin-bottom: 0.5em;
}

dd {
  margin-left: 0;
}

blockquote {
  padding-left: 1em;
  margin-bottom: 1em;
}

hr {
  margin: 1.5em 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background: #FFFFFF;
  color: #222222;
  -webkit-text-size-adjust: 100%;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 2em;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

mark {
  background-color: #ff0;
  color: #000;
}

sub,
sup {
  font-size: 75%;
  position: relative;
  vertical-align: baseline;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

label {
  font-weight: normal;
  font-family: "Uni Neue W05 Bold", sans-serif;
  font-size: 0.875rem;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
}

button.valid, input.valid, select.valid, textarea.valid {
  color: #222222;
}

input, textarea {
  width: 100%;
  border: 1px solid #a5a5a5;
  border-radius: 0px;
  background-color: #f4f5f6;
}

input.valid, textarea.valid {
  color: #222222;
}

input.input-validation-error, textarea.input-validation-error {
  border-color: #b12a0b;
}

textarea {
  vertical-align: top;
}

select {
  width: 100%;
  border: 1px solid #a5a5a5;
  border-radius: 0px;
  background-color: #f4f5f6;
}

select.valid {
  color: #222222;
}

input[type=search] {
  background-color: #f4f5f6;
  border: none;
}

/* Make placeholders italic */
::-webkit-input-placeholder {
  font-style: italic;
}

:-moz-placeholder {
  font-style: italic;
}

::-moz-placeholder {
  font-style: italic;
}

:-ms-input-placeholder {
  font-style: italic;
}

input[type=search]::-webkit-input-placeholder {
  color: #2d588b;
  font-family: "Uni Neue W05 Bold", sans-serif;
  text-transform: uppercase;
}

input[type=search]::-moz-placeholder {
  color: #2d588b;
  font-family: "Uni Neue W05 Bold", sans-serif;
  text-transform: uppercase;
}

input[type=search]:-ms-input-placeholder {
  color: #2d588b;
  font-family: "Uni Neue W05 Bold", sans-serif;
  text-transform: uppercase;
}

input[type=search]:-moz-placeholder {
  color: #2d588b;
  font-family: "Uni Neue W05 Bold", sans-serif;
  text-transform: uppercase;
}

.field-validation-error {
  display: block;
  padding: 5px 1em;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  background-color: #b12a0b;
  color: #FFFFFF !important;
  top: 50px;
  z-index: 10;
}

input[type=text], input[type=search], input[type=url], input[type=number], textarea {
  -webkit-appearance: none;
}

input[type=text].valid, input[type=search].valid, input[type=url].valid, input[type=number].valid, textarea.valid {
  color: #222222;
}

input[data-val-required] {
  position: relative;
}

input[data-val-required].valid {
  color: #222222;
}

textarea[data-val-required] {
  position: relative;
}

textarea[data-val-required].valid {
  color: #222222;
}

button, input[type=submit], input[type=reset] {
  border: none;
  color: #FFFFFF;
  background-color: #F4940B;
  border-radius: 4px;
  font-family: "Uni Neue W05 Heavy", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  font-size: 0.75rem;
  max-width: 300px;
}

button:after, input[type=submit]:after {
  background: url(/areas/main/content/images/caret-white.svg) no-repeat;
  position: relative;
  top: -2px;
}

button:disabled, input[type=button]:disabled, input[type=submit]:disabled {
  cursor: not-allowed !important;
  background-color: #EBEBE4 !important;
}

button:disabled:hover, input[type=submit]:disabled:hover {
  cursor: progress;
}

input[type=checkbox],
input[type=radio] {
  width: auto;
  border-left: 1px solid #a5a5a5;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-ms-clear {
  display: none;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  display: none;
}

h1 {
  font-size: 40px;
}
@media only screen and (min-width: 380px) and (max-width: 1600px) {
  h1 {
    font-size: calc(40px + 18 * (100vw - 380px) / 1220);
  }
}
@media all and (min-width: 1600px) {
  h1 {
    font-size: 58px;
  }
}

h2 {
  font-size: 20px;
}
@media only screen and (min-width: 380px) and (max-width: 1600px) {
  h2 {
    font-size: calc(20px + 8 * (100vw - 380px) / 1220);
  }
}
@media all and (min-width: 1600px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 20px;
}
@media only screen and (min-width: 380px) and (max-width: 1600px) {
  h3 {
    font-size: calc(20px + 6 * (100vw - 380px) / 1220);
  }
}
@media all and (min-width: 1600px) {
  h3 {
    font-size: 26px;
  }
}

h4 {
  font-size: 18px;
}
@media only screen and (min-width: 380px) and (max-width: 1600px) {
  h4 {
    font-size: calc(18px + 4 * (100vw - 380px) / 1220);
  }
}
@media all and (min-width: 1600px) {
  h4 {
    font-size: 22px;
  }
}

.small-text {
  font-size: 11px;
}
@media only screen and (min-width: 380px) and (max-width: 1600px) {
  .small-text {
    font-size: calc(11px + 1 * (100vw - 380px) / 1220);
  }
}
@media all and (min-width: 1600px) {
  .small-text {
    font-size: 12px;
  }
}

h1, h2, h3, h4 {
  font-weight: normal;
  color: #444444;
  font-family: "Uni Neue W05 Bold", sans-serif;
}

.subheading {
  font-family: "Uni Neue W05 Bold", sans-serif;
  font-weight: normal;
}

a {
  color: #065590;
  text-decoration: underline;
  outline: 0;
  transition: color 0.2s ease;
}

a:hover, a:focus {
  color: #0872c1;
}

a:focus {
  outline: #065590 dotted 1px;
}

input,
textarea,
button,
select,
ul,
li,
a {
  -webkit-tap-highlight-color: transparent;
}

@media all and (min-width: 66em) {
  ol, ul {
    font-size: 15px;
    font-size: calc(14px + 2 * (100vw - 1056px) / 1900);
  }
}
dl {
  overflow: hidden;
  margin: 0 0 1em;
}

dt {
  font-weight: bold;
}

img, video, object {
  max-width: 100%;
  height: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #898989;
  width: 100%;
}

th {
  text-align: left;
  border: 1px solid #898989;
  padding: 0.2em;
}

td {
  border: 1px solid #898989;
  padding: 0.2em;
}

blockquote {
  font-style: italic;
  border-left: 1px solid #898989;
  color: #898989;
}

hr {
  border: 0;
  height: 1px;
  background: #D9D9D9;
}

.shift {
  /* By accounting for the scrollbar, we can prevent content from shifting */
  padding-right: calc(17px - (100vw - 100%));
}

.cf {
  *zoom: 1;
}

.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

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

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

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

.wrap-right {
  float: left;
  margin-right: 1em;
}

.wrap-left {
  float: right;
  margin-left: 1em;
}

@media only screen and (max-width: 55em) {
  .hide-small {
    display: none;
  }
}

@media only screen and (min-width: 46.8em) and (max-width: 55em) {
  .hide-med {
    display: none;
  }
}

@media all and (min-width: 55em) {
  .hide-large {
    display: none;
  }
}

.valid {
  color: #03804d;
}

.error {
  color: #b12a0b;
}

.warning {
  color: #a59b15;
}

.information {
  color: #0192d0;
}

.font-secondary {
  font-family: "Uni Neue W05 Bold", sans-serif;
}

.scEmptyPlaceholder {
  width: 100%;
  min-height: 50px;
  border: 1px dotted #D9D9D9;
}

/* Chrome, Safari, Edge, Opera */
.hideNumberScroll::-webkit-outer-spin-button,
.hideNumberScroll::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.hideNumberScroll {
  -moz-appearance: textfield;
}

.l-block {
  margin: 2em 0;
}

.l {
  max-width: 66em;
  margin: 0 auto;
  padding: 1em;
}
@media all and (min-width: 93em) {
  .l {
    max-width: 87em;
  }
}

.l.-no-vert {
  padding: 0 1em;
}

.l.heading-group {
  margin-top: 2em;
}

.l--text-intro {
  max-width: 50em;
  text-align: center;
}

.l-vert-group {
  margin-bottom: 2em;
}

.l--img-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1em;
}

.l--img-group__img {
  padding: 1em 0.5em;
}
@media all and (min-width: 24em) {
  .l--img-group__img {
    max-width: 50%;
    flex-basis: 50%;
  }
}

.l--media-intro {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 55em) {
  .l--media-intro {
    flex-direction: row;
  }
}

.l--media-intro .l-intro {
  margin-bottom: 1em;
}
@media all and (min-width: 55em) {
  .l--media-intro .l-intro {
    flex-direction: column;
    margin-bottom: 0;
    width: 37.5%;
    padding: 0 2em 0 0;
  }
}

@media all and (min-width: 55em) {
  .l--media-intro .l-media {
    width: 62.5%;
    padding-left: 1em;
  }
}

.l--media-intro .l-media .l-media__img {
  display: block;
}

@media all and (min-width: 55em) {
  .l--media-intro.-left {
    flex-direction: row-reverse;
  }
}

@media all and (min-width: 55em) {
  .l--media-intro.-left .l-intro {
    padding-right: 0;
    padding-left: 2em;
  }
}

@media all and (min-width: 55em) {
  .l--media-intro.-left .l-media {
    padding-left: 0;
    padding-right: 1em;
  }
}

.l--media-group {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 55em) {
  .l--media-group {
    flex-direction: row;
  }
}

.l--media-group .l-media-major {
  margin-bottom: 1em;
}
@media all and (min-width: 55em) {
  .l--media-group .l-media-major {
    margin-bottom: 0;
    width: 67.5%;
    padding-right: 1em;
  }
}

@media all and (min-width: 55em) {
  .l--media-group .l-media-minor {
    flex-direction: column;
    width: 32.5%;
    padding: 0 0 0 1em;
  }
}
@media all and (min-width: 39.8em) {
  .l--media-group .l-media-minor {
    display: flex;
    align-content: space-around;
    justify-content: space-between;
  }
}

.l--media-group .media-block--small + .media-block--small {
  margin-top: 1em;
}
@media all and (min-width: 39.8em) {
  .l--media-group .media-block--small + .media-block--small {
    margin-top: 0;
    margin-left: 1em;
  }
}
@media all and (min-width: 55em) {
  .l--media-group .media-block--small + .media-block--small {
    margin-left: 0;
  }
}

.l--two-col {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 55em) {
  .l--two-col {
    flex-direction: row;
  }
}

.l--two-col.-centered {
  justify-content: center;
}

.l--two-col.-standalone {
  margin-bottom: 2em;
}

@media all and (min-width: 55em) {
  .l--two-col .l-col-half {
    width: 50%;
  }
}

@media all and (min-width: 55em) {
  .l--two-col .l-main {
    width: 67.5%;
    padding-right: 3em;
  }
}

.l--two-col .l-main a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.l--two-col .l-main .detail-sidebar__item {
  margin-bottom: 0;
  text-align: center;
}
@media all and (min-width: 29.75em) {
  .l--two-col .l-main .detail-sidebar__item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media all and (min-width: 55em) {
  .l--two-col .l-main .detail-sidebar__item {
    display: block;
    text-align: left;
    margin-bottom: 1em;
  }
}

.l--two-col .l-main h3 {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
@media all and (min-width: 29.75em) {
  .l--two-col .l-main h3 {
    margin-bottom: 0;
  }
}
@media all and (min-width: 55em) {
  .l--two-col .l-main h3 {
    margin-bottom: 0.5em;
  }
}

.l--two-col .l-main img {
  height: auto !important;
}

@media all and (min-width: 55em) {
  .l--two-col.-width-adjusted .l-main {
    width: 66%;
    padding-right: 3em;
  }
}
@media all and (min-width: 93em) {
  .l--two-col.-width-adjusted .l-main {
    width: 72%;
  }
}

@media all and (min-width: 55em) {
  .l--two-col.-width-adjusted .l-sidebar {
    width: 33%;
    padding: 0 0 0 1em;
  }
}
@media all and (min-width: 93em) {
  .l--two-col.-width-adjusted .l-sidebar {
    width: 25%;
  }
}

.l--two-col .l-main--social-share .detail-sidebar__item {
  text-align: center;
  margin-bottom: 2em;
}
@media all and (min-width: 29.75em) {
  .l--two-col .l-main--social-share .detail-sidebar__item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.l--two-col .l-main--social-share .detail-sidebar__item h3 {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
@media all and (min-width: 29.75em) {
  .l--two-col .l-main--social-share .detail-sidebar__item h3 {
    margin-bottom: 0;
  }
}

.l--two-col .l-sidebar {
  padding-top: 1em;
}
@media all and (min-width: 55em) {
  .l--two-col .l-sidebar {
    width: 32.5%;
    padding: 0 0 0 1em;
  }
}

@media all and (min-width: 1180px) {
  .l--two-col .l-main--localnav {
    width: 67.5%;
    padding-right: 3em;
  }
}

@media all and (min-width: 1180px) {
  .l--two-col .l-sidebar--localnav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 32.5%;
    padding: 0 0 0 1em;
  }
}

.l--two-col .l-sidebar.-center {
  align-self: center;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 55em) {
  .l--two-col .l-sidebar.-center {
    margin-top: 1em;
  }
}
@media all and (min-width: 55em) {
  .l--two-col .l-sidebar.-center {
    width: 32.5%;
  }
}

.l--two-col--localnav {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 1180px) {
  .l--two-col--localnav {
    flex-direction: row;
  }
}

@media all and (min-width: 1180px) {
  .l--two-col--localnav .l-main--localnav {
    width: 67.5%;
    padding-right: 3em;
  }
}

@media all and (min-width: 1180px) {
  .l--two-col--localnav .l-sidebar--localnav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 32.5%;
    padding: 0 0 0 1em;
  }
}

.hero__exp-headline {
  font-size: 30px;
}
@media only screen and (min-width: 380px) and (max-width: 1600px) {
  .hero__exp-headline {
    font-size: calc(30px + 8 * (100vw - 380px) / 1220);
  }
}
@media all and (min-width: 1600px) {
  .hero__exp-headline {
    font-size: 38px;
  }
}

span.add-btn-type1 {
  margin-left: 0.6vw;
  position: relative;
  float: left;
  width: 28px;
  height: 28px;
  /*border: 4px solid white;*/
  /*border-radius: 50%;*/
  cursor: pointer;
}
span.add-btn-type1 img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.model-close-btn {
  top: 5px;
  right: 8px;
  cursor: pointer;
  z-index: 6;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
  color: rgba(255, 255, 255, 0.7);
}
.model-close-btn i {
  font-size: 1.25em;
}
.model-close-btn:hover {
  color: #000000;
}

.dl-titles {
  font-family: Roboto Slab;
  font-weight: 600;
  font-size: 0.77em;
  letter-spacing: 2.6px;
  color: #757575;
  text-transform: uppercase;
  padding: 1vh 0 1vh;
}

.dl-panel-heading {
  padding: 5px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.dl-panel-heading .dl-heading-text {
  font-family: Roboto Slab;
  font-weight: 600;
  font-size: 0.9em;
  letter-spacing: 3px;
  color: #000000;
  text-transform: uppercase;
}
.dl-panel-heading a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.dl-panel-heading .see-all-nav {
  font-family: Roboto Slab;
  font-weight: 600;
  font-size: 1em;
  letter-spacing: 1px;
  color: #F58A1F;
  cursor: pointer;
}

.min-block-height {
  min-height: 5vh;
}

/* Global menu options */
.control-ellipse-sec {
  position: relative;
  float: right;
  width: auto;
  height: auto;
}
.control-ellipse-sec .ellipse-icon {
  cursor: pointer;
  margin-right: 20px;
  z-index: 1;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.control-ellipse-sec .ellipse-icon i {
  color: #A8A8A8;
}
.control-ellipse-sec .ellipse-icon i.light {
  color: white;
}
.control-ellipse-sec .ellipse-icon i:hover {
  color: #828282;
}
.control-ellipse-sec .option-crud-dialog {
  z-index: 2;
  right: 0;
  top: 25px;
  background-color: white;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  border: 1px solid #585756;
  position: absolute;
  float: right;
  width: auto;
  height: auto;
}
.control-ellipse-sec .option-crud-dialog a {
  text-decoration: none;
}
.control-ellipse-sec .option-crud-dialog .row {
  cursor: pointer;
  padding: 10px;
  color: #585756;
  font-family: Segoe UI;
  font-weight: bold;
  text-align: center;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #C4C6C8;
  position: relative;
  float: left;
  width: 130px;
  height: auto;
}
.control-ellipse-sec .option-crud-dialog .row:hover {
  color: white;
  background-color: rgba(1, 120, 186, 0.85);
}
.control-ellipse-sec .option-crud-dialog .row:hover:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.control-ellipse-sec .option-crud-dialog .row:hover:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.control-ellipse-sec .option-crud-dialog .row:last-child {
  border-bottom: unset;
}
.control-ellipse-sec .option-crud-dialog::after {
  content: "";
  position: absolute;
  top: -17px;
  right: 17px;
  border-right: 10px solid transparent;
  border-bottom: 17px solid #585756;
  border-left: 10px solid transparent;
}
.control-ellipse-sec .option-crud-dialog.light::after {
  border-bottom-color: white;
}

/* Default privacy options */
.privacy-mode, .privacy-mode-row {
  margin-bottom: 10px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.privacy-mode .privacy-mode-column, .privacy-mode-row .privacy-mode-column {
  margin-right: 5px;
  margin-top: 5px;
  position: relative;
  float: left;
  width: 100px;
  height: 20px;
}
.privacy-mode .privacy-mode-column input[type=radio], .privacy-mode-row .privacy-mode-column input[type=radio] {
  opacity: 0;
}
.privacy-mode .privacy-mode-column .icon-img, .privacy-mode-row .privacy-mode-column .icon-img {
  cursor: pointer;
  top: 0;
  left: 0;
  position: absolute;
  float: none;
  width: auto;
  height: 20px;
}
.privacy-mode .privacy-mode-column .icon-img img, .privacy-mode-row .privacy-mode-column .icon-img img {
  height: 100%;
}

/* Global close button */
div.close-model {
  position: absolute;
  float: none;
  width: 20px;
  height: 20px;
  top: 9px;
  right: 9px;
  display: block;
  text-align: center;
  background-color: #808080;
  border-radius: 50%;
  cursor: pointer;
}
div.close-model i {
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-top: 4px;
}

/* Global standard add button */
div.add-btn {
  position: relative;
  float: right;
  width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  background-color: #F58A1F;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 0.5vw;
}
div.add-btn i {
  color: #FFFFFF;
  font-size: 1rem;
  margin-top: 4px;
}

/* Global large add button (use in conjunction with add-btn to override) */
div.btn-lg {
  width: 42px;
  height: 42px;
  margin-right: 0px;
}
div.btn-lg i {
  font-size: 1.75em;
  margin-top: 7px;
  margin-right: -1px;
}

.hide-model {
  display: none !important;
}

.body-overlay {
  overflow: hidden;
}

.show-block {
  display: block;
}

.show-flex {
  display: flex;
}

.show-grid {
  display: -ms-grid;
  display: grid;
}

.inactiveLink {
  pointer-events: none;
  cursor: default;
}

.rich-text-component {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding-bottom: 20px;
  box-sizing: border-box;
  font-size: 1.1em;
  line-height: 1.66;
  font-family: "Oswald", serif;
  font-weight: 300;
  color: #828282;
}
.rich-text-component .first-row-rich-text__heading {
  margin-left: 12%;
  padding-right: 12%;
  margin-bottom: 30px;
  position: relative;
  float: none;
  width: auto;
  height: auto;
}
.rich-text-component .first-row-rich-text__heading h1 {
  font-size: 4em;
  font-weight: 600;
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
  font-family: Segoe UI;
}
.rich-text-component .rich-text__content {
  margin-left: 12%;
  padding-right: 12%;
  position: relative;
  float: none;
  width: auto;
  height: auto;
}
.rich-text-component .rich-text__content h2 {
  margin: 0;
  font-size: 2.5em;
  margin-block-start: 0.2em;
  margin-block-end: 0.6em;
  font-family: Segoe UI;
}
.rich-text-component .rich-text__content h3 {
  margin: 0 0;
}
.rich-text-component .rich-text__content p, .rich-text-component .rich-text__content ol, .rich-text-component .rich-text__content ul {
  font-family: inherit;
  font-size: inherit;
}
.rich-text-component .rich-text__content p a, .rich-text-component .rich-text__content ol a, .rich-text-component .rich-text__content ul a {
  color: #2B77B4;
  font-weight: 400;
}

.tooltiptext {
  visibility: hidden;
  opacity: 0;
  background-color: rgba(235, 134, 30, 0.75);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.7);
  letter-spacing: normal;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  z-index: 3;
  font-size: 1rem;
  transition: opacity 0.3s;
  font-family: "Times New Roman", Times, serif;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 36%;
  left: -5px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(235, 134, 30, 0.6) transparent transparent;
}

.editmode-popup-mdl-container {
  display: flex;
  align-items: center;
  position: relative;
  float: float;
  width: 100%;
  height: 100vh;
}
.editmode-popup-mdl-container .add-bike-model {
  border: 1px solid #696969;
}

.popup-model-container {
  top: 0;
  left: 0;
  z-index: 5;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}

.inEditHeight {
  min-height: 10vh;
}

.unliked-color {
  color: #a8a8a8;
  transition: 0.2s linear;
}

.liked-color {
  color: #2B77B4;
  transition: 0.2s linear;
}

.fa-thumbs-up.liked-color:hover, .fa-comments.liked-color:hover {
  transform: scale(1.2);
  transition: 0.2s linear;
}

.fa-thumbs-up.unliked-color:hover {
  transform: scale(1.2);
  transition: 0.2s linear;
}

.fa-thumbs-up.liked-color:active, .fa-comments.liked-color:active {
  transform: scale(1);
}

.fa-thumbs-up.unliked-color:active {
  transform: scale(1);
}

.hero_norm {
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.hero_norm .hero__img-wrap {
  position: relative;
  float: left;
  width: 100%;
  height: 50vh;
}
.hero_norm .hero__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero_norm .hero__wrapper {
  top: 53px;
  position: absolute;
  float: none;
  width: 100%;
  height: auto;
}
.hero_norm .hero__wrapper .hero__content {
  padding: 0 8vw;
  text-align: end;
}
.hero_norm .hero__wrapper .hero__content h1 {
  color: #FFFFFF;
  font-family: "Oswald", serif;
  font-size: calc(70px + 18 * (100vw - 380px) / 1220);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-weight: 500;
  text-shadow: -7px 4px 8px #222222;
}

.paginationjs-theme-mrdna-blue .paginationjs-pages li {
  border-color: #2B77B4;
}
.paginationjs-theme-mrdna-blue .paginationjs-pages li > a {
  color: #2B77B4;
}
.paginationjs-theme-mrdna-blue .paginationjs-pages li > a:hover {
  background: rgba(43, 119, 180, 0.2);
}
.paginationjs-theme-mrdna-blue .paginationjs-pages li.active > a {
  background: #2B77B4;
  color: #FFFFFF;
}
.paginationjs-theme-mrdna-blue .paginationjs-pages li.active > a:hover {
  background: rgba(43, 119, 180, 0.85);
}
.paginationjs-theme-mrdna-blue .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs-theme-mrdna-blue .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #2B77B4;
}
.paginationjs-theme-mrdna-blue .paginationjs-go-input > input[type=text], .paginationjs-theme-mrdna-blue .paginationjs-size-changer > select {
  border-color: #F58A1F;
}
.paginationjs-theme-mrdna-blue .paginationjs-go-button > input[type=button] {
  background: #F58A1F;
  border-color: #F58A1F;
  color: #FFFFFF;
}
.paginationjs-theme-mrdna-blue .paginationjs-go-button > input[type=button]:hover {
  background-color: rgba(245, 138, 31, 0.85);
}

.paginationjs-theme-mrdna-green .paginationjs-pages li {
  border-color: #81BA41;
}
.paginationjs-theme-mrdna-green .paginationjs-pages li > a {
  color: #81BA41;
}
.paginationjs-theme-mrdna-green .paginationjs-pages li > a:hover {
  background: rgba(129, 186, 65, 0.2);
}
.paginationjs-theme-mrdna-green .paginationjs-pages li.active > a {
  background: #81BA41;
  color: #FFFFFF;
}
.paginationjs-theme-mrdna-green .paginationjs-pages li.active > a:hover {
  background: rgba(129, 186, 65, 0.85);
}
.paginationjs-theme-mrdna-green .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs-theme-mrdna-green .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #81BA41;
}
.paginationjs-theme-mrdna-green .paginationjs-go-input > input[type=text], .paginationjs-theme-mrdna-green .paginationjs-size-changer > select {
  border-color: #81BA41;
}
.paginationjs-theme-mrdna-green .paginationjs-go-button > input[type=button] {
  background: #81BA41;
  border-color: #81BA41;
  color: #FFFFFF;
}
.paginationjs-theme-mrdna-green .paginationjs-go-button > input[type=button]:hover {
  background-color: rgba(130, 130, 130, 0.85);
}

.paginationjs-theme-mrdna-grey .paginationjs-pages li {
  border-color: #828282;
}
.paginationjs-theme-mrdna-grey .paginationjs-pages li > a {
  color: #828282;
}
.paginationjs-theme-mrdna-grey .paginationjs-pages li > a:hover {
  background: rgba(130, 130, 130, 0.2);
}
.paginationjs-theme-mrdna-grey .paginationjs-pages li.active > a {
  background: #828282;
  color: #FFFFFF;
}
.paginationjs-theme-mrdna-grey .paginationjs-pages li.active > a:hover {
  background: rgba(130, 130, 130, 0.85);
}
.paginationjs-theme-mrdna-grey .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs-theme-mrdna-grey .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #828282;
}
.paginationjs-theme-mrdna-grey .paginationjs-go-input > input[type=text], .paginationjs-theme-mrdna-grey .paginationjs-size-changer > select {
  border-color: #828282;
}
.paginationjs-theme-mrdna-grey .paginationjs-go-button > input[type=button] {
  background: #828282;
  border-color: #828282;
  color: #FFFFFF;
}
.paginationjs-theme-mrdna-grey .paginationjs-go-button > input[type=button]:hover {
  background-color: rgba(130, 130, 130, 0.85);
}

.paginationjs-theme-mrdna-orange .paginationjs-pages li {
  border-color: #F58A1F;
}
.paginationjs-theme-mrdna-orange .paginationjs-pages li > a {
  color: #F58A1F;
}
.paginationjs-theme-mrdna-orange .paginationjs-pages li > a:hover {
  background: rgba(245, 138, 31, 0.2);
}
.paginationjs-theme-mrdna-orange .paginationjs-pages li.active > a {
  background: #F58A1F;
  color: #FFFFFF;
}
.paginationjs-theme-mrdna-orange .paginationjs-pages li.active > a:hover {
  background: rgba(245, 138, 31, 0.85);
}
.paginationjs-theme-mrdna-orange .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}
.paginationjs-theme-mrdna-orange .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #F58A1F;
}
.paginationjs-theme-mrdna-orange .paginationjs-go-input > input[type=text], .paginationjs-theme-mrdna-orange .paginationjs-size-changer > select {
  border-color: #F58A1F;
}
.paginationjs-theme-mrdna-orange .paginationjs-go-button > input[type=button] {
  background: #F58A1F;
  border-color: #F58A1F;
  color: #FFFFFF;
}
.paginationjs-theme-mrdna-orange .paginationjs-go-button > input[type=button]:hover {
  background-color: rgba(245, 138, 31, 0.85);
}

.bstrap [hidden],
.bstrap template {
  display: none;
}
.bstrap a {
  background-color: transparent;
}
.bstrap a:active,
.bstrap a:hover {
  outline: 0;
}
.bstrap abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
.bstrap b,
.bstrap strong {
  font-weight: bold;
}
.bstrap dfn {
  font-style: italic;
}
.bstrap h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.bstrap mark {
  background: #ff0;
  color: #000;
}
.bstrap small {
  font-size: 80%;
}
.bstrap sub,
.bstrap sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.bstrap sup {
  top: -0.5em;
}
.bstrap sub {
  bottom: -0.25em;
}
.bstrap img {
  border: 0;
}
.bstrap svg:not(:root) {
  overflow: hidden;
}
.bstrap figure {
  margin: 1em 40px;
}
.bstrap hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.bstrap pre {
  overflow: auto;
}
.bstrap code,
.bstrap kbd,
.bstrap pre,
.bstrap samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.bstrap button,
.bstrap input,
.bstrap optgroup,
.bstrap select,
.bstrap textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.bstrap button {
  overflow: visible;
}
.bstrap button,
.bstrap select {
  text-transform: none;
}
.bstrap button,
.bstrap html input[type=button],
.bstrap input[type=reset],
.bstrap input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.bstrap button[disabled],
.bstrap html input[disabled] {
  cursor: default;
}
.bstrap button::-moz-focus-inner,
.bstrap input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.bstrap input {
  line-height: normal;
}
.bstrap input[type=checkbox],
.bstrap input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.bstrap input[type=number]::-webkit-inner-spin-button,
.bstrap input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
.bstrap input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.bstrap input[type=search]::-webkit-search-cancel-button,
.bstrap input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.bstrap fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.bstrap legend {
  border: 0;
  padding: 0;
}
.bstrap textarea {
  overflow: auto;
}
.bstrap optgroup {
  font-weight: bold;
}
.bstrap table {
  border-collapse: collapse;
  border-spacing: 0;
}
.bstrap td,
.bstrap th {
  padding: 0;
}
.bstrap * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bstrap *:before,
.bstrap *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bstrap html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bstrap body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
.bstrap input,
.bstrap button,
.bstrap select,
.bstrap textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.bstrap a {
  color: #337ab7;
  text-decoration: none;
}
.bstrap a:hover,
.bstrap a:focus {
  color: #23527c;
  text-decoration: underline;
}
.bstrap a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bstrap figure {
  margin: 0;
}
.bstrap img {
  vertical-align: middle;
}
.bstrap .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.bstrap .img-rounded {
  border-radius: 6px;
}
.bstrap .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.bstrap .img-circle {
  border-radius: 50%;
}
.bstrap hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.bstrap .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.bstrap .sr-only-focusable:active,
.bstrap .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.bstrap [role=button] {
  cursor: pointer;
}
.bstrap fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.bstrap legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.bstrap label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.bstrap input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
.bstrap input[type=radio],
.bstrap input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.bstrap input[type=radio][disabled],
.bstrap input[type=checkbox][disabled],
.bstrap input[type=radio].disabled,
.bstrap input[type=checkbox].disabled,
.bstrap fieldset[disabled] input[type=radio],
.bstrap fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}
.bstrap input[type=file] {
  display: block;
}
.bstrap input[type=range] {
  display: block;
  width: 100%;
}
.bstrap select[multiple],
.bstrap select[size] {
  height: auto;
}
.bstrap input[type=file]:focus,
.bstrap input[type=radio]:focus,
.bstrap input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bstrap output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.bstrap .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.bstrap .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bstrap .form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.bstrap .form-control:-ms-input-placeholder {
  color: #999999;
}
.bstrap .form-control::-webkit-input-placeholder {
  color: #999999;
}
.bstrap .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.bstrap .form-control[disabled],
.bstrap .form-control[readonly],
.bstrap fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.bstrap .form-control[disabled],
.bstrap fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.bstrap textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bstrap input[type=date].form-control,
  .bstrap input[type=time].form-control,
  .bstrap input[type=datetime-local].form-control,
  .bstrap input[type=month].form-control {
    line-height: 34px;
  }
  .bstrap input[type=date].input-sm,
  .bstrap input[type=time].input-sm,
  .bstrap input[type=datetime-local].input-sm,
  .bstrap input[type=month].input-sm,
  .bstrap .input-group-sm input[type=date],
  .bstrap .input-group-sm input[type=time],
  .bstrap .input-group-sm input[type=datetime-local],
  .bstrap .input-group-sm input[type=month] {
    line-height: 30px;
  }
  .bstrap input[type=date].input-lg,
  .bstrap input[type=time].input-lg,
  .bstrap input[type=datetime-local].input-lg,
  .bstrap input[type=month].input-lg,
  .bstrap .input-group-lg input[type=date],
  .bstrap .input-group-lg input[type=time],
  .bstrap .input-group-lg input[type=datetime-local],
  .bstrap .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.bstrap .form-group {
  margin-bottom: 15px;
}
.bstrap .radio,
.bstrap .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.bstrap .radio.disabled label,
.bstrap .checkbox.disabled label,
.bstrap fieldset[disabled] .radio label,
.bstrap fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.bstrap .radio label,
.bstrap .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.bstrap .radio input[type=radio],
.bstrap .radio-inline input[type=radio],
.bstrap .checkbox input[type=checkbox],
.bstrap .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}
.bstrap .radio + .radio,
.bstrap .checkbox + .checkbox {
  margin-top: -5px;
}
.bstrap .radio-inline,
.bstrap .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.bstrap .radio-inline.disabled,
.bstrap .checkbox-inline.disabled,
.bstrap fieldset[disabled] .radio-inline,
.bstrap fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.bstrap .radio-inline + .radio-inline,
.bstrap .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.bstrap .form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.bstrap .form-control-static.input-lg,
.bstrap .form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.bstrap .input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.bstrap select.input-sm {
  height: 30px;
  line-height: 30px;
}
.bstrap textarea.input-sm,
.bstrap select[multiple].input-sm {
  height: auto;
}
.bstrap .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.bstrap .form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.bstrap .form-group-sm textarea.form-control,
.bstrap .form-group-sm select[multiple].form-control {
  height: auto;
}
.bstrap .form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bstrap .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.bstrap select.input-lg {
  height: 46px;
  line-height: 46px;
}
.bstrap textarea.input-lg,
.bstrap select[multiple].input-lg {
  height: auto;
}
.bstrap .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.bstrap .form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.bstrap .form-group-lg textarea.form-control,
.bstrap .form-group-lg select[multiple].form-control {
  height: auto;
}
.bstrap .form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bstrap .has-feedback {
  position: relative;
}
.bstrap .has-feedback .form-control {
  padding-right: 42.5px;
}
.bstrap .form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.bstrap .input-lg + .form-control-feedback,
.bstrap .input-group-lg + .form-control-feedback,
.bstrap .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.bstrap .input-sm + .form-control-feedback,
.bstrap .input-group-sm + .form-control-feedback,
.bstrap .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.bstrap .has-success .help-block,
.bstrap .has-success .control-label,
.bstrap .has-success .radio,
.bstrap .has-success .checkbox,
.bstrap .has-success .radio-inline,
.bstrap .has-success .checkbox-inline,
.bstrap .has-success.radio label,
.bstrap .has-success.checkbox label,
.bstrap .has-success.radio-inline label,
.bstrap .has-success.checkbox-inline label {
  color: #3c763d;
}
.bstrap .has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bstrap .has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.bstrap .has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.bstrap .has-success .form-control-feedback {
  color: #3c763d;
}
.bstrap .has-warning .help-block,
.bstrap .has-warning .control-label,
.bstrap .has-warning .radio,
.bstrap .has-warning .checkbox,
.bstrap .has-warning .radio-inline,
.bstrap .has-warning .checkbox-inline,
.bstrap .has-warning.radio label,
.bstrap .has-warning.checkbox label,
.bstrap .has-warning.radio-inline label,
.bstrap .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.bstrap .has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bstrap .has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.bstrap .has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.bstrap .has-warning .form-control-feedback {
  color: #8a6d3b;
}
.bstrap .has-error .help-block,
.bstrap .has-error .control-label,
.bstrap .has-error .radio,
.bstrap .has-error .checkbox,
.bstrap .has-error .radio-inline,
.bstrap .has-error .checkbox-inline,
.bstrap .has-error.radio label,
.bstrap .has-error.checkbox label,
.bstrap .has-error.radio-inline label,
.bstrap .has-error.checkbox-inline label {
  color: #a94442;
}
.bstrap .has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bstrap .has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.bstrap .has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.bstrap .has-error .form-control-feedback {
  color: #a94442;
}
.bstrap .has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.bstrap .has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.bstrap .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .bstrap .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .bstrap .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .bstrap .form-inline .form-control-static {
    display: inline-block;
  }
  .bstrap .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .bstrap .form-inline .input-group .input-group-addon,
  .bstrap .form-inline .input-group .input-group-btn,
  .bstrap .form-inline .input-group .form-control {
    width: auto;
  }
  .bstrap .form-inline .input-group > .form-control {
    width: 100%;
  }
  .bstrap .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .bstrap .form-inline .radio,
  .bstrap .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .bstrap .form-inline .radio label,
  .bstrap .form-inline .checkbox label {
    padding-left: 0;
  }
  .bstrap .form-inline .radio input[type=radio],
  .bstrap .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .bstrap .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.bstrap .form-horizontal .radio,
.bstrap .form-horizontal .checkbox,
.bstrap .form-horizontal .radio-inline,
.bstrap .form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.bstrap .form-horizontal .radio,
.bstrap .form-horizontal .checkbox {
  min-height: 27px;
}
.bstrap .form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .bstrap .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.bstrap .form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .bstrap .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .bstrap .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.bstrap .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bstrap .btn:focus,
.bstrap .btn:active:focus,
.bstrap .btn.active:focus,
.bstrap .btn.focus,
.bstrap .btn:active.focus,
.bstrap .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bstrap .btn:hover,
.bstrap .btn:focus,
.bstrap .btn.focus {
  color: #333333;
  text-decoration: none;
}
.bstrap .btn:active,
.bstrap .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bstrap .btn.disabled,
.bstrap .btn[disabled],
.bstrap fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bstrap a.btn.disabled,
.bstrap fieldset[disabled] a.btn {
  pointer-events: none;
}
.bstrap .btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.bstrap .btn-default:focus,
.bstrap .btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.bstrap .btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.bstrap .btn-default:active,
.bstrap .btn-default.active,
.bstrap .open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.bstrap .btn-default:active:hover,
.bstrap .btn-default.active:hover,
.bstrap .open > .dropdown-toggle.btn-default:hover,
.bstrap .btn-default:active:focus,
.bstrap .btn-default.active:focus,
.bstrap .open > .dropdown-toggle.btn-default:focus,
.bstrap .btn-default:active.focus,
.bstrap .btn-default.active.focus,
.bstrap .open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.bstrap .btn-default.disabled:hover,
.bstrap .btn-default[disabled]:hover,
.bstrap fieldset[disabled] .btn-default:hover,
.bstrap .btn-default.disabled:focus,
.bstrap .btn-default[disabled]:focus,
.bstrap fieldset[disabled] .btn-default:focus,
.bstrap .btn-default.disabled.focus,
.bstrap .btn-default[disabled].focus,
.bstrap fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.bstrap .btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.bstrap .btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bstrap .btn-primary:focus,
.bstrap .btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}
.bstrap .btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.bstrap .btn-primary:active,
.bstrap .btn-primary.active,
.bstrap .open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.bstrap .btn-primary:active:hover,
.bstrap .btn-primary.active:hover,
.bstrap .open > .dropdown-toggle.btn-primary:hover,
.bstrap .btn-primary:active:focus,
.bstrap .btn-primary.active:focus,
.bstrap .open > .dropdown-toggle.btn-primary:focus,
.bstrap .btn-primary:active.focus,
.bstrap .btn-primary.active.focus,
.bstrap .open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}
.bstrap .btn-primary.disabled:hover,
.bstrap .btn-primary[disabled]:hover,
.bstrap fieldset[disabled] .btn-primary:hover,
.bstrap .btn-primary.disabled:focus,
.bstrap .btn-primary[disabled]:focus,
.bstrap fieldset[disabled] .btn-primary:focus,
.bstrap .btn-primary.disabled.focus,
.bstrap .btn-primary[disabled].focus,
.bstrap fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bstrap .btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.bstrap .btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bstrap .btn-success:focus,
.bstrap .btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.bstrap .btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.bstrap .btn-success:active,
.bstrap .btn-success.active,
.bstrap .open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.bstrap .btn-success:active:hover,
.bstrap .btn-success.active:hover,
.bstrap .open > .dropdown-toggle.btn-success:hover,
.bstrap .btn-success:active:focus,
.bstrap .btn-success.active:focus,
.bstrap .open > .dropdown-toggle.btn-success:focus,
.bstrap .btn-success:active.focus,
.bstrap .btn-success.active.focus,
.bstrap .open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.bstrap .btn-success.disabled:hover,
.bstrap .btn-success[disabled]:hover,
.bstrap fieldset[disabled] .btn-success:hover,
.bstrap .btn-success.disabled:focus,
.bstrap .btn-success[disabled]:focus,
.bstrap fieldset[disabled] .btn-success:focus,
.bstrap .btn-success.disabled.focus,
.bstrap .btn-success[disabled].focus,
.bstrap fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bstrap .btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.bstrap .btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bstrap .btn-info:focus,
.bstrap .btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.bstrap .btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.bstrap .btn-info:active,
.bstrap .btn-info.active,
.bstrap .open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.bstrap .btn-info:active:hover,
.bstrap .btn-info.active:hover,
.bstrap .open > .dropdown-toggle.btn-info:hover,
.bstrap .btn-info:active:focus,
.bstrap .btn-info.active:focus,
.bstrap .open > .dropdown-toggle.btn-info:focus,
.bstrap .btn-info:active.focus,
.bstrap .btn-info.active.focus,
.bstrap .open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.bstrap .btn-info.disabled:hover,
.bstrap .btn-info[disabled]:hover,
.bstrap fieldset[disabled] .btn-info:hover,
.bstrap .btn-info.disabled:focus,
.bstrap .btn-info[disabled]:focus,
.bstrap fieldset[disabled] .btn-info:focus,
.bstrap .btn-info.disabled.focus,
.bstrap .btn-info[disabled].focus,
.bstrap fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bstrap .btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.bstrap .btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bstrap .btn-warning:focus,
.bstrap .btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.bstrap .btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.bstrap .btn-warning:active,
.bstrap .btn-warning.active,
.bstrap .open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.bstrap .btn-warning:active:hover,
.bstrap .btn-warning.active:hover,
.bstrap .open > .dropdown-toggle.btn-warning:hover,
.bstrap .btn-warning:active:focus,
.bstrap .btn-warning.active:focus,
.bstrap .open > .dropdown-toggle.btn-warning:focus,
.bstrap .btn-warning:active.focus,
.bstrap .btn-warning.active.focus,
.bstrap .open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.bstrap .btn-warning.disabled:hover,
.bstrap .btn-warning[disabled]:hover,
.bstrap fieldset[disabled] .btn-warning:hover,
.bstrap .btn-warning.disabled:focus,
.bstrap .btn-warning[disabled]:focus,
.bstrap fieldset[disabled] .btn-warning:focus,
.bstrap .btn-warning.disabled.focus,
.bstrap .btn-warning[disabled].focus,
.bstrap fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bstrap .btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.bstrap .btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bstrap .btn-danger:focus,
.bstrap .btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.bstrap .btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.bstrap .btn-danger:active,
.bstrap .btn-danger.active,
.bstrap .open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.bstrap .btn-danger:active:hover,
.bstrap .btn-danger.active:hover,
.bstrap .open > .dropdown-toggle.btn-danger:hover,
.bstrap .btn-danger:active:focus,
.bstrap .btn-danger.active:focus,
.bstrap .open > .dropdown-toggle.btn-danger:focus,
.bstrap .btn-danger:active.focus,
.bstrap .btn-danger.active.focus,
.bstrap .open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.bstrap .btn-danger.disabled:hover,
.bstrap .btn-danger[disabled]:hover,
.bstrap fieldset[disabled] .btn-danger:hover,
.bstrap .btn-danger.disabled:focus,
.bstrap .btn-danger[disabled]:focus,
.bstrap fieldset[disabled] .btn-danger:focus,
.bstrap .btn-danger.disabled.focus,
.bstrap .btn-danger[disabled].focus,
.bstrap fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bstrap .btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.bstrap .btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.bstrap .btn-link,
.bstrap .btn-link:active,
.bstrap .btn-link.active,
.bstrap .btn-link[disabled],
.bstrap fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bstrap .btn-link,
.bstrap .btn-link:hover,
.bstrap .btn-link:focus,
.bstrap .btn-link:active {
  border-color: transparent;
}
.bstrap .btn-link:hover,
.bstrap .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.bstrap .btn-link[disabled]:hover,
.bstrap fieldset[disabled] .btn-link:hover,
.bstrap .btn-link[disabled]:focus,
.bstrap fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.bstrap .btn-lg,
.bstrap .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.bstrap .btn-sm,
.bstrap .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.bstrap .btn-xs,
.bstrap .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.bstrap .btn-block {
  display: block;
  width: 100%;
}
.bstrap .btn-block + .btn-block {
  margin-top: 5px;
}
.bstrap input[type=submit].btn-block,
.bstrap input[type=reset].btn-block,
.bstrap input[type=button].btn-block {
  width: 100%;
}
.bstrap .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.bstrap .fade.in {
  opacity: 1;
}
.bstrap .collapse {
  display: none;
}
.bstrap .collapse.in {
  display: block;
}
.bstrap tr.collapse.in {
  display: table-row;
}
.bstrap tbody.collapse.in {
  display: table-row-group;
}
.bstrap .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
.bstrap .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.bstrap .dropup,
.bstrap .dropdown {
  position: relative;
}
.bstrap .dropdown-toggle:focus {
  outline: 0;
}
.bstrap .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.bstrap .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.bstrap .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.bstrap .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.bstrap .dropdown-menu > li > a:hover,
.bstrap .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.bstrap .dropdown-menu > .active > a,
.bstrap .dropdown-menu > .active > a:hover,
.bstrap .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.bstrap .dropdown-menu > .disabled > a,
.bstrap .dropdown-menu > .disabled > a:hover,
.bstrap .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.bstrap .dropdown-menu > .disabled > a:hover,
.bstrap .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.bstrap .open > .dropdown-menu {
  display: block;
}
.bstrap .open > a {
  outline: 0;
}
.bstrap .dropdown-menu-right {
  right: 0;
  left: auto;
}
.bstrap .dropdown-menu-left {
  right: auto;
  left: 0;
}
.bstrap .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.bstrap .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.bstrap .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.bstrap .dropup .caret,
.bstrap .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}
.bstrap .dropup .dropdown-menu,
.bstrap .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .bstrap .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .bstrap .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.bstrap .btn-group,
.bstrap .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.bstrap .btn-group > .btn,
.bstrap .btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.bstrap .btn-group > .btn:hover,
.bstrap .btn-group-vertical > .btn:hover,
.bstrap .btn-group > .btn:focus,
.bstrap .btn-group-vertical > .btn:focus,
.bstrap .btn-group > .btn:active,
.bstrap .btn-group-vertical > .btn:active,
.bstrap .btn-group > .btn.active,
.bstrap .btn-group-vertical > .btn.active {
  z-index: 2;
}
.bstrap .btn-group .btn + .btn,
.bstrap .btn-group .btn + .btn-group,
.bstrap .btn-group .btn-group + .btn,
.bstrap .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.bstrap .btn-toolbar {
  margin-left: -5px;
}
.bstrap .btn-toolbar .btn,
.bstrap .btn-toolbar .btn-group,
.bstrap .btn-toolbar .input-group {
  float: left;
}
.bstrap .btn-toolbar > .btn,
.bstrap .btn-toolbar > .btn-group,
.bstrap .btn-toolbar > .input-group {
  margin-left: 5px;
}
.bstrap .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.bstrap .btn-group > .btn:first-child {
  margin-left: 0;
}
.bstrap .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bstrap .btn-group > .btn:last-child:not(:first-child),
.bstrap .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bstrap .btn-group > .btn-group {
  float: left;
}
.bstrap .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bstrap .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.bstrap .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bstrap .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bstrap .btn-group .dropdown-toggle:active,
.bstrap .btn-group.open .dropdown-toggle {
  outline: 0;
}
.bstrap .btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.bstrap .btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.bstrap .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bstrap .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bstrap .btn .caret {
  margin-left: 0;
}
.bstrap .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.bstrap .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.bstrap .btn-group-vertical > .btn,
.bstrap .btn-group-vertical > .btn-group,
.bstrap .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.bstrap .btn-group-vertical > .btn-group > .btn {
  float: none;
}
.bstrap .btn-group-vertical > .btn + .btn,
.bstrap .btn-group-vertical > .btn + .btn-group,
.bstrap .btn-group-vertical > .btn-group + .btn,
.bstrap .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.bstrap .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bstrap .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bstrap .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bstrap .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bstrap .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.bstrap .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bstrap .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bstrap .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.bstrap .btn-group-justified > .btn,
.bstrap .btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.bstrap .btn-group-justified > .btn-group .btn {
  width: 100%;
}
.bstrap .btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
.bstrap [data-toggle=buttons] > .btn input[type=radio],
.bstrap [data-toggle=buttons] > .btn-group > .btn input[type=radio],
.bstrap [data-toggle=buttons] > .btn input[type=checkbox],
.bstrap [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.bstrap .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.bstrap .input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.bstrap .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.bstrap .input-group .form-control:focus {
  z-index: 3;
}
.bstrap .input-group-lg > .form-control,
.bstrap .input-group-lg > .input-group-addon,
.bstrap .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.bstrap select.input-group-lg > .form-control,
.bstrap select.input-group-lg > .input-group-addon,
.bstrap select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
.bstrap textarea.input-group-lg > .form-control,
.bstrap textarea.input-group-lg > .input-group-addon,
.bstrap textarea.input-group-lg > .input-group-btn > .btn,
.bstrap select[multiple].input-group-lg > .form-control,
.bstrap select[multiple].input-group-lg > .input-group-addon,
.bstrap select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.bstrap .input-group-sm > .form-control,
.bstrap .input-group-sm > .input-group-addon,
.bstrap .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.bstrap select.input-group-sm > .form-control,
.bstrap select.input-group-sm > .input-group-addon,
.bstrap select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
.bstrap textarea.input-group-sm > .form-control,
.bstrap textarea.input-group-sm > .input-group-addon,
.bstrap textarea.input-group-sm > .input-group-btn > .btn,
.bstrap select[multiple].input-group-sm > .form-control,
.bstrap select[multiple].input-group-sm > .input-group-addon,
.bstrap select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.bstrap .input-group-addon,
.bstrap .input-group-btn,
.bstrap .input-group .form-control {
  display: table-cell;
}
.bstrap .input-group-addon:not(:first-child):not(:last-child),
.bstrap .input-group-btn:not(:first-child):not(:last-child),
.bstrap .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bstrap .input-group-addon,
.bstrap .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.bstrap .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.bstrap .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.bstrap .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.bstrap .input-group-addon input[type=radio],
.bstrap .input-group-addon input[type=checkbox] {
  margin-top: 0;
}
.bstrap .input-group .form-control:first-child,
.bstrap .input-group-addon:first-child,
.bstrap .input-group-btn:first-child > .btn,
.bstrap .input-group-btn:first-child > .btn-group > .btn,
.bstrap .input-group-btn:first-child > .dropdown-toggle,
.bstrap .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.bstrap .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bstrap .input-group-addon:first-child {
  border-right: 0;
}
.bstrap .input-group .form-control:last-child,
.bstrap .input-group-addon:last-child,
.bstrap .input-group-btn:last-child > .btn,
.bstrap .input-group-btn:last-child > .btn-group > .btn,
.bstrap .input-group-btn:last-child > .dropdown-toggle,
.bstrap .input-group-btn:first-child > .btn:not(:first-child),
.bstrap .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bstrap .input-group-addon:last-child {
  border-left: 0;
}
.bstrap .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.bstrap .input-group-btn > .btn {
  position: relative;
}
.bstrap .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.bstrap .input-group-btn > .btn:hover,
.bstrap .input-group-btn > .btn:focus,
.bstrap .input-group-btn > .btn:active {
  z-index: 2;
}
.bstrap .input-group-btn:first-child > .btn,
.bstrap .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.bstrap .input-group-btn:last-child > .btn,
.bstrap .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.bstrap .label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.bstrap a.label:hover,
.bstrap a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.bstrap .label:empty {
  display: none;
}
.bstrap .btn .label {
  position: relative;
  top: -1px;
}
.bstrap .label-default {
  background-color: #777777;
}
.bstrap .label-default[href]:hover,
.bstrap .label-default[href]:focus {
  background-color: #5e5e5e;
}
.bstrap .label-primary {
  background-color: #337ab7;
}
.bstrap .label-primary[href]:hover,
.bstrap .label-primary[href]:focus {
  background-color: #286090;
}
.bstrap .label-success {
  background-color: #5cb85c;
}
.bstrap .label-success[href]:hover,
.bstrap .label-success[href]:focus {
  background-color: #449d44;
}
.bstrap .label-info {
  background-color: #5bc0de;
}
.bstrap .label-info[href]:hover,
.bstrap .label-info[href]:focus {
  background-color: #31b0d5;
}
.bstrap .label-warning {
  background-color: #f0ad4e;
}
.bstrap .label-warning[href]:hover,
.bstrap .label-warning[href]:focus {
  background-color: #ec971f;
}
.bstrap .label-danger {
  background-color: #d9534f;
}
.bstrap .label-danger[href]:hover,
.bstrap .label-danger[href]:focus {
  background-color: #c9302c;
}
.bstrap .list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.bstrap .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.bstrap .list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bstrap .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bstrap .list-group-item.disabled,
.bstrap .list-group-item.disabled:hover,
.bstrap .list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.bstrap .list-group-item.disabled .list-group-item-heading,
.bstrap .list-group-item.disabled:hover .list-group-item-heading,
.bstrap .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.bstrap .list-group-item.disabled .list-group-item-text,
.bstrap .list-group-item.disabled:hover .list-group-item-text,
.bstrap .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.bstrap .list-group-item.active,
.bstrap .list-group-item.active:hover,
.bstrap .list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.bstrap .list-group-item.active .list-group-item-heading,
.bstrap .list-group-item.active:hover .list-group-item-heading,
.bstrap .list-group-item.active:focus .list-group-item-heading,
.bstrap .list-group-item.active .list-group-item-heading > small,
.bstrap .list-group-item.active:hover .list-group-item-heading > small,
.bstrap .list-group-item.active:focus .list-group-item-heading > small,
.bstrap .list-group-item.active .list-group-item-heading > .small,
.bstrap .list-group-item.active:hover .list-group-item-heading > .small,
.bstrap .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.bstrap .list-group-item.active .list-group-item-text,
.bstrap .list-group-item.active:hover .list-group-item-text,
.bstrap .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.bstrap a.list-group-item,
.bstrap button.list-group-item {
  color: #555555;
}
.bstrap a.list-group-item .list-group-item-heading,
.bstrap button.list-group-item .list-group-item-heading {
  color: #333333;
}
.bstrap a.list-group-item:hover,
.bstrap button.list-group-item:hover,
.bstrap a.list-group-item:focus,
.bstrap button.list-group-item:focus {
  color: #555555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.bstrap button.list-group-item {
  width: 100%;
  text-align: left;
}
.bstrap .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.bstrap a.list-group-item-success,
.bstrap button.list-group-item-success {
  color: #3c763d;
}
.bstrap a.list-group-item-success .list-group-item-heading,
.bstrap button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
.bstrap a.list-group-item-success:hover,
.bstrap button.list-group-item-success:hover,
.bstrap a.list-group-item-success:focus,
.bstrap button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
.bstrap a.list-group-item-success.active,
.bstrap button.list-group-item-success.active,
.bstrap a.list-group-item-success.active:hover,
.bstrap button.list-group-item-success.active:hover,
.bstrap a.list-group-item-success.active:focus,
.bstrap button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.bstrap .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
.bstrap a.list-group-item-info,
.bstrap button.list-group-item-info {
  color: #31708f;
}
.bstrap a.list-group-item-info .list-group-item-heading,
.bstrap button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
.bstrap a.list-group-item-info:hover,
.bstrap button.list-group-item-info:hover,
.bstrap a.list-group-item-info:focus,
.bstrap button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
.bstrap a.list-group-item-info.active,
.bstrap button.list-group-item-info.active,
.bstrap a.list-group-item-info.active:hover,
.bstrap button.list-group-item-info.active:hover,
.bstrap a.list-group-item-info.active:focus,
.bstrap button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.bstrap .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.bstrap a.list-group-item-warning,
.bstrap button.list-group-item-warning {
  color: #8a6d3b;
}
.bstrap a.list-group-item-warning .list-group-item-heading,
.bstrap button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
.bstrap a.list-group-item-warning:hover,
.bstrap button.list-group-item-warning:hover,
.bstrap a.list-group-item-warning:focus,
.bstrap button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
.bstrap a.list-group-item-warning.active,
.bstrap button.list-group-item-warning.active,
.bstrap a.list-group-item-warning.active:hover,
.bstrap button.list-group-item-warning.active:hover,
.bstrap a.list-group-item-warning.active:focus,
.bstrap button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.bstrap .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
.bstrap a.list-group-item-danger,
.bstrap button.list-group-item-danger {
  color: #a94442;
}
.bstrap a.list-group-item-danger .list-group-item-heading,
.bstrap button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
.bstrap a.list-group-item-danger:hover,
.bstrap button.list-group-item-danger:hover,
.bstrap a.list-group-item-danger:focus,
.bstrap button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
.bstrap a.list-group-item-danger.active,
.bstrap button.list-group-item-danger.active,
.bstrap a.list-group-item-danger.active:hover,
.bstrap button.list-group-item-danger.active:hover,
.bstrap a.list-group-item-danger.active:focus,
.bstrap button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.bstrap .list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.bstrap .list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.bstrap .clearfix:before,
.bstrap .clearfix:after,
.bstrap .form-horizontal .form-group:before,
.bstrap .form-horizontal .form-group:after,
.bstrap .btn-toolbar:before,
.bstrap .btn-toolbar:after,
.bstrap .btn-group-vertical > .btn-group:before,
.bstrap .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}
.bstrap .clearfix:after,
.bstrap .form-horizontal .form-group:after,
.bstrap .btn-toolbar:after,
.bstrap .btn-group-vertical > .btn-group:after {
  clear: both;
}
.bstrap .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.bstrap .pull-right {
  float: right !important;
}
.bstrap .pull-left {
  float: left !important;
}
.bstrap .hide {
  display: none !important;
}
.bstrap .show {
  display: block !important;
}
.bstrap .invisible {
  visibility: hidden;
}
.bstrap .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.bstrap .hidden {
  display: none !important;
}
.bstrap .affix {
  position: fixed;
}

.bstrapMS .btn-group > button i {
  margin-right: 4px;
}
.bstrapMS .btn-group .multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.bstrapMS .btn-group .multiselect-container.dropdown-menu {
  min-width: 200px;
}
.bstrapMS .btn-group .multiselect-container .input-group {
  margin: 5px;
}
.bstrapMS .btn-group .multiselect-container > li {
  padding: 0;
}
.bstrapMS .btn-group .multiselect-container > li > a.multiselect-all label {
  font-weight: 700;
}
.bstrapMS .btn-group .multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700;
}
.bstrapMS .btn-group .multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer;
}
.bstrapMS .btn-group .multiselect-container > li > a {
  padding: 0;
}
.bstrapMS .btn-group .multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 20px 3px 40px;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox, .bstrapMS .btn-group .multiselect-container > li > a > label.radio {
  margin: 0;
  /* Custom date ranges */
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox i.fa-location-dot, .bstrapMS .btn-group .multiselect-container > li > a > label.radio i.fa-location-dot {
  margin: 0 6px 0 2px;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox > input[type=checkbox], .bstrapMS .btn-group .multiselect-container > li > a > label.radio > input[type=checkbox] {
  margin-bottom: 5px;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox .custom-range-box > .custom-range, .bstrapMS .btn-group .multiselect-container > li > a > label.radio .custom-range-box > .custom-range {
  background: #f1f1f1;
  border: 1px solid #dfdfdf;
  margin: 2px 0 10px;
  padding: 5px 9px 5px;
  border-radius: 3px;
  width: 100%;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox .custom-range-box > .custom-range .end-date, .bstrapMS .btn-group .multiselect-container > li > a > label.radio .custom-range-box > .custom-range .end-date {
  margin-top: 5px;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox .custom-range-box > .custom-range label, .bstrapMS .btn-group .multiselect-container > li > a > label.radio .custom-range-box > .custom-range label {
  padding: 0;
  font-size: 0.8rem;
  font-weight: bold;
  color: #222222;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox .custom-range-box > .custom-range input[type=date], .bstrapMS .btn-group .multiselect-container > li > a > label.radio .custom-range-box > .custom-range input[type=date] {
  background-color: white;
  padding: 0.2rem;
  font-size: 0.7rem;
  border: 1px solid #DFDFDF;
  border-radius: 3px;
  color: #828282;
  line-height: normal;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox .custom-range-box > .custom-range .end-date .invalid, .bstrapMS .btn-group .multiselect-container > li > a > label.radio .custom-range-box > .custom-range .end-date .invalid {
  border: 1px solid #EF0606;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox .custom-range-box > .custom-range .apply, .bstrapMS .btn-group .multiselect-container > li > a > label.radio .custom-range-box > .custom-range .apply {
  position: relative;
  height: 25px;
  margin-top: 2px;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox .custom-range-box > .custom-range .apply button, .bstrapMS .btn-group .multiselect-container > li > a > label.radio .custom-range-box > .custom-range .apply button {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #DCDCDC;
  border-radius: 10px;
  color: #646464;
  width: 50px;
  padding: 0.1rem;
  font-size: 0.7rem;
  font-weight: bold;
}
.bstrapMS .btn-group .multiselect-container > li > a > label.checkbox .custom-range-box > .custom-range .apply button:hover, .bstrapMS .btn-group .multiselect-container > li > a > label.radio .custom-range-box > .custom-range .apply button:hover {
  box-shadow: 1px 2px 2px #ABABAB;
}
.bstrapMS .btn-group .multiselect-container > li > a > label i {
  margin-right: 4px;
}
.bstrapMS .btn-group .multiselect-container > li.active {
  background-color: #2B77B4;
}
.bstrapMS .btn-group .multiselect-container > li.active > a > label .custom-range-box > .custom-range {
  background-color: inherit;
}
.bstrapMS .btn-group .multiselect-container > li.active > a > label .custom-range-box > .custom-range label {
  color: #E5E5E5;
}
.bstrapMS .btn-group .multiselect-container > li.active > a > label .custom-range-box > .custom-range .end-date .invalid {
  border: 1px solid #EF0606;
}
.bstrapMS .btn-group .multiselect-container > li.active > a > label .custom-range-box > .custom-range .apply button {
  background-color: #266ba2 !important;
  color: #E5E5E5;
}
.bstrapMS .btn-group .multiselect-container > li.active > a > label .custom-range-box > .custom-range .apply button:hover {
  box-shadow: 1px 2px 2px #1e537d;
}
.bstrapMS .btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bstrapMS .btn-group .form-inline .multiselect-container label.radio, .bstrapMS .btn-group .form-inline .multiselect-container label.checkbox {
  padding: 3px 20px 3px 40px;
}
.bstrapMS .btn-group .form-inline .multiselect-container li a label.radio input[type=radio], .bstrapMS .btn-group .form-inline .multiselect-container li a label.radio input[type=checkbox], .bstrapMS .btn-group .form-inline .multiselect-container li a label.checkbox input[type=radio], .bstrapMS .btn-group .form-inline .multiselect-container li a label.checkbox input[type=checkbox] {
  margin-left: -20px;
  margin-right: 0;
}

.popup-dialog-container {
  top: 0;
  left: 0;
  z-index: 20;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.popup-dialog-container .popup-dialog {
  margin-left: 35%;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: none;
  width: 500px;
  height: auto;
  top: -100px;
}
.popup-dialog-container .popup-dialog .popup-header {
  text-align: center;
  font-family: Segoe UI;
  padding: 17px;
  line-height: 1.6em;
  letter-spacing: 0.1px;
  background-color: #2B77B4;
  height: 60px;
}
.popup-dialog-container .popup-dialog .popup-header div.close-dialog {
  color: #FFFFFF;
  position: absolute;
  float: none;
  width: 20px;
  height: 20px;
  top: 9px;
  right: 9px;
  display: block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.popup-dialog-container .popup-dialog .popup-header .header-text {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 1.1em;
  margin-top: 0px;
  text-transform: capitalize;
}
.popup-dialog-container .popup-dialog div.popup-body {
  padding: 10px;
}
.popup-dialog-container .popup-dialog div.popup-body .msg-text {
  color: #545454;
  font-family: Segoe UI;
  font-size: 1.05em;
  padding: 10px;
  line-height: 1.6em;
  letter-spacing: 0.1px;
  text-align: center;
}
.popup-dialog-container .popup-dialog div.popup-body .msg-text p:last-child {
  display: inline-block;
}
.popup-dialog-container .popup-dialog div.popup-body .msg-text p.highlight-text {
  color: #585756;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 0px;
  margin-bottom: 5px;
  height: 40px;
  text-transform: capitalize;
  border-bottom: none;
  width: 100%;
}
.popup-dialog-container .popup-dialog div.popup-body .button-slab {
  display: flex;
  justify-content: center;
  margin: 5px 0px 10px 10px;
  border-top: 1px solid #B1B1B1;
  padding-top: 15px;
  position: relative;
  float: none;
  width: 96%;
  height: auto;
}
.popup-dialog-container .popup-dialog div.popup-body .button-slab button {
  min-width: 175px;
  margin: 0 15px;
  border-radius: 15px;
  padding: 10px 20px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}
.popup-dialog-container .popup-dialog div.popup-body .button-slab .cancel-btn {
  background-color: #828282;
}
.popup-dialog-container .popup-dialog div.popup-body .button-slab .create-btn, .popup-dialog-container .popup-dialog div.popup-body .button-slab .confirm-btn, .popup-dialog-container .popup-dialog div.popup-body .button-slab .confirm-n-go-btn, .popup-dialog-container .popup-dialog div.popup-body .button-slab .ok-btn {
  background-color: #2B77B4;
}

.spinner {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  filter: alpha(opacity=60);
  -moz-opacity: 0.8;
}
.spinner .center-div {
  position: absolute;
  left: 50%;
  top: 40%;
}
.spinner .center-div .inner-div {
  margin: auto;
  padding: 5px 0;
  width: 130px;
  background-color: white;
  border-radius: 15px;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
}
.spinner .center-div .inner-div .loader {
  margin: auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #F58A1F;
  border-bottom: 16px solid #F58A1F;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.filter-options-container {
  padding: 0 0;
  box-shadow: 5px 6px 10px #585756;
  border-radius: 17px;
  float: none;
}
.filter-options-container > .inner-sec {
  display: grid;
  grid-template-columns: 23.5% 76.5%;
  grid-template-areas: "display search" "filters filters" "radius radius";
  grid-template-rows: 1.3fr 0.7fr 2.5fr;
}
.filter-options-container > .inner-sec .filter-display {
  color: #FFFFFF;
  background-color: #F58A1F;
  text-align: center;
  grid-area: display;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Segoe UI Semibold;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 5px;
  border-top-left-radius: 15px;
}
.filter-options-container > .inner-sec .filter-display button {
  margin: 0;
  padding: 5px 5px 3px;
  border: 2px solid #FFFFFF;
  cursor: default;
}
.filter-options-container > .inner-sec .filter-display span {
  padding-left: 20px;
  padding-top: 2px;
}
.filter-options-container > .inner-sec .search-outer {
  display: flex;
  background-color: #E2E2E2;
  border: 1px solid #cccccc;
  justify-content: center;
  align-items: center;
  padding: 0 40px;
  border-top-right-radius: 15px;
}
.filter-options-container > .inner-sec .search-outer .search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 2px solid #707070;
  z-index: 1;
  background-color: #C4C6C8;
  text-transform: capitalize;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.filter-options-container > .inner-sec .search-outer .search-box input {
  color: #505050;
  outline: none;
  border: none;
  font-family: Segoe UI;
  background-color: white !important;
  padding: 0.62rem 1rem;
  line-height: normal;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}
.filter-options-container > .inner-sec .search-outer .search-box input::-webkit-input-placeholder {
  font-style: italic;
}
.filter-options-container > .inner-sec .search-outer .search-box input:-moz-placeholder {
  font-style: italic;
}
.filter-options-container > .inner-sec .search-outer .search-box input::-moz-placeholder {
  font-style: italic;
}
.filter-options-container > .inner-sec .search-outer .search-box input:-ms-input-placeholder {
  font-style: italic;
}
.filter-options-container > .inner-sec .search-outer .search-box .search-btn {
  background-color: #C4C6C8;
  width: 60px;
  height: 100%;
  padding: 0.7rem 0;
  text-align: center;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  cursor: pointer;
}
.filter-options-container > .inner-sec .search-outer .search-box .search-btn:hover {
  box-shadow: 1px 0 1px 1px #595959;
}
.filter-options-container > .inner-sec .search-outer .search-box .search-btn i {
  color: #0a0a0a;
}
.filter-options-container > .inner-sec .filter-options {
  z-index: 2;
  grid-area: filters;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS {
  display: grid;
  grid-template-columns: repeat(4, 23.5%) 6%;
  grid-template-rows: 1fr;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group {
  width: 100%;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group:hover {
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3607843137);
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group button:not(.cust-btn) {
  width: 100%;
  max-width: unset;
  border-radius: 0;
  border: none;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  min-height: 50px;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group button:not(.cust-btn) > b.caret {
  display: none;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group button:not(.cust-btn) > span.multiselect-selected-text b.caret:not(.loc) {
  margin-left: 5px;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group button:not(.cust-btn) > span.multiselect-selected-text span.sub-text {
  display: block;
  font-family: Segoe UI Semibold;
  font-size: 0.55rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 3px;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group button:not(.cust-btn).open {
  background-color: #d4d4d4;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group ul {
  /* All needed for smooth transition of the dropdown box closing */
  display: unset !important;
  width: 100% !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.3s ease-out;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group ul li.free > a {
  color: #8D8D8D;
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group.open ul {
  /* All needed for smooth transition of the dropdown box opening */
  max-height: 340px !important;
  transition: max-height 0.3s ease-in;
  /* This is set in code in the event-filter-options.js file.  It's necessary for dropdowns that require scrollbars. */
}
.filter-options-container > .inner-sec .filter-options .bstrapMS .btn-group.open ul.dropdown-open {
  overflow: hidden auto !important;
}
.filter-options-container > .inner-sec .radius-container, .filter-options-container > .inner-sec .location-container {
  grid-area: radius;
  background-color: #2B77B4;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box {
  margin-top: 25px;
  position: relative;
  height: auto;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: Segoe UI Semibold;
  font-size: 0.75rem;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .radius-display {
  text-align: center;
  letter-spacing: 2.5px;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box {
  margin: 0 5% 1.5vh;
  display: inline-block;
  position: relative;
  float: none;
  width: 90%;
  height: auto;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .left-circle, .filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .right-circle {
  height: 40px;
  top: 0;
  position: absolute;
  border-left: 1px solid #FFFFFF;
  opacity: 0.7;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .left-circle {
  left: 4px;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .right-circle {
  right: 4px;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .slidecontainer {
  position: relative;
  float: none;
  width: auto;
  height: 100%;
  top: 18px;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .slidecontainer input[type=range].mrdna-slider {
  height: 10px;
  padding: 0;
  width: 100%;
  -webkit-appearance: none;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  /* Mozilla */
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .slidecontainer input[type=range].mrdna-slider:focus {
  outline: none;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .slidecontainer input[type=range].mrdna-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 16px;
  background: #FFFFFF;
  border: 2px solid #E2E2E2;
  box-shadow: 4px 3px 3px #000000;
  margin-top: -7px;
  transition: 150ms;
  cursor: pointer;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .slidecontainer input[type=range].mrdna-slider::-webkit-slider-runnable-track {
  height: 10px;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  background: linear-gradient(to right, #F58A1F 6%, #FFFFFF 100%);
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .slidecontainer input[type=range].mrdna-slider::-webkit-slider-thumb:active {
  background-color: #F58A1F;
  transition: 150ms;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .slidecontainer input[type=range].mrdna-slider::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 16px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-shadow: 4px 3px 3px #000000;
  cursor: pointer;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-box .slidecontainer input[type=range].mrdna-slider::-moz-range-track {
  height: 10px;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  background: linear-gradient(to right, #F58A1F 6%, #FFFFFF 100%);
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-text {
  margin: 20px 5% 1.5vh;
  display: inline-block;
  position: relative;
  width: 90%;
  opacity: 0.7;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-text span {
  top: 0;
  left: -6px;
  position: absolute;
  cursor: pointer;
}
.filter-options-container > .inner-sec .radius-container .sort-ele-box .slide-text span.end-text {
  left: unset;
  right: -14px;
}
.filter-options-container > .inner-sec .location-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  box-shadow: 0 6px 10px #585756;
  /* All needed for smooth transition of the location container closing */
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.filter-options-container > .inner-sec .location-container .location-display {
  text-transform: uppercase;
  font-family: Segoe UI Semibold;
  font-size: 0.75rem;
  text-align: center;
  letter-spacing: 2.5px;
  /* All needed for smooth transition of the location container CONTENTS closing */
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.15s, opacity 0.15s linear;
}
.filter-options-container > .inner-sec .location-container .location-search-container {
  color: #000000;
  font-family: Segoe UI;
  margin-top: 8px;
  width: 75%;
  /* All needed for smooth transition of the location container CONTENTS closing */
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.15s, opacity 0.15s linear;
}
.filter-options-container > .inner-sec .location-container.active {
  border-top: none;
  /* All needed for smooth transition of the location container opening */
  max-height: 100%;
  transition: max-height 0.3s ease-in;
  overflow: unset;
}
.filter-options-container > .inner-sec .location-container.active .location-display, .filter-options-container > .inner-sec .location-container.active .location-search-container {
  /* All needed for smooth transition of the location container CONTENTS opening */
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}

.release-notes-container {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.release-notes-container > div {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.release-notes-container > div .left-bar {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  width: 30%;
  height: auto;
}
.release-notes-container > div .left-bar .control-sec {
  margin: 3vh 20%;
  padding-top: 20px;
  position: relative;
  float: left;
  width: 60%;
  height: auto;
}
.release-notes-container > div .left-bar .control-sec div {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.release-notes-container > div .left-bar .control-sec div button.nav-btn {
  background-color: #81BA41;
  text-decoration: none;
  font-size: 0.9rem;
  font-family: "Roboto Slab";
  cursor: pointer;
  letter-spacing: 0.3px;
  color: white;
  border-radius: 20px;
  box-sizing: border-box !important;
  outline: none;
  width: 75%;
  text-align: center;
  padding: 8px;
  text-transform: uppercase;
}
.release-notes-container > div .left-bar .control-sec div button.active {
  background-color: #000000;
}
.release-notes-container > div .release-notes-body {
  padding: 3vh 0 0;
  box-sizing: border-box;
  min-height: 55vh;
  position: relative;
  float: right;
  width: 70%;
  height: auto;
}
.release-notes-container > div .release-notes-body h3 {
  font-weight: bold;
}
.release-notes-container > div .release-notes-body > .heading {
  position: relative;
  float: none;
  width: 700px;
  height: auto;
  padding: 0 2.5% 0 0;
  text-align: center;
  border-bottom: 1px solid #B1B1B1;
  text-transform: uppercase;
}
.release-notes-container > div .release-notes-body > .heading h3 {
  display: inline-block;
  margin: 17px 0 10px;
}
.release-notes-container > div .release-notes-body .release-notes-version-list {
  position: relative;
  float: left;
  width: 700px;
  height: auto;
  font-size: 1.1em;
  line-height: 1.66;
  font-family: "Oswald", serif;
  font-weight: 300;
  color: #828282;
}
.release-notes-container > div .release-notes-body .release-notes-version-list .rp-row {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  padding-left: 25px;
}
.release-notes-container > div .release-notes-body .release-notes-version-list .rp-row h3 {
  color: #F58A1F;
}
.release-notes-container > div .release-notes-body .release-notes-version-list .rp-row h4 {
  margin: 0;
  font-weight: bold;
}
.release-notes-container > div .release-notes-body .release-notes-version-list .rp-row p, .release-notes-container > div .release-notes-body .release-notes-version-list .rp-row ol, .release-notes-container > div .release-notes-body .release-notes-version-list .rp-row ul {
  font-family: inherit;
  font-size: inherit;
}
.release-notes-container > div .release-notes-body .release-notes-version-list .rp-row ul li {
  margin-bottom: 0.5rem;
}

.fps-container {
  width: 100%;
  height: 100vh;
  position: relative;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
}
.fps-container .slide {
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background-color: #FFFFFF;
  position: sticky;
  scroll-snap-align: start;
  display: grid;
  overflow: hidden;
}
.fps-container .slide.trans {
  opacity: 0.85;
}
.fps-container .slide.top {
  align-items: start;
}
.fps-container .slide.middle {
  align-items: center;
}
.fps-container .slide.bottom {
  align-items: end;
}
.fps-container .slide img {
  width: 100vw;
  height: 100vh;
  object-fit: fill;
}
.fps-container .slide img.auto {
  width: auto;
  height: auto;
  margin: auto;
  min-height: unset;
}
.fps-container .slide h1 {
  font-size: 1.9em;
  color: #FFFFFF;
  text-align: center;
}
.fps-container .slide .text {
  position: absolute;
  padding: 0 15%;
  font-size: 1.4em;
  line-height: 2;
  font-family: "Oswald", serif;
  color: #000000;
  text-align: justify;
}
.fps-container .slide.exclude {
  position: unset;
}
.fps-container .slide.exclude img {
  height: 100%;
}
.fps-container.disable-slide .slide {
  position: unset;
}
.fps-container.disable-slide .slide img {
  height: auto;
}

/* Screen sizes 768px (i.e. 1024 x 768, etc...) or smaller */
@media only screen and (max-height: 768px) {
  .fps-container .slide h1 {
    font-size: 1.3em;
  }
  .fps-container .slide .text {
    font-size: 1.1em;
    line-height: 1.5;
  }
}
.global-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
  overflow: hidden;
  padding: 0 40px;
  background: linear-gradient(to right, #0063AA 40%, #0F145B 70%, #000000 90%);
}
.global-header nav {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  column-gap: 30px;
}
.global-header nav img {
  width: 150px;
  height: 50px;
  background-color: #000000;
}
.global-header nav a {
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Oswald", serif;
  letter-spacing: 2.5px;
  z-index: 3;
}
.global-header nav a:first-child {
  margin-right: 20px;
  background-color: #000000;
}
.global-header nav a:nth-last-child(2) {
  color: rgba(255, 255, 255, 0.7);
  text-transform: lowercase;
}
.global-header nav a:last-child {
  margin-left: auto;
  border-radius: 20px;
  padding: 4.5px 30px;
  background-color: #F68A1E;
}

.global-footer {
  background-color: #000000;
  position: static;
  height: auto;
  width: 100%;
  padding: 20px 50px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  bottom: 0;
  z-index: 200;
}
.global-footer .nav-item {
  flex-basis: 20%;
  text-align: center;
}
.global-footer .nav-item a {
  text-transform: uppercase;
  font-family: "Oswald", serif;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 3.4px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

.user-header {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  background-position: right;
  background-size: cover;
  background-image: url("/areas/main/content/images/Navigation/sky-blend.png");
}
.user-header .user-header-nav {
  top: 0.6vh;
  left: 0;
  z-index: 5;
  padding: 0.5vh 0;
  position: absolute;
  float: none;
  width: 100%;
  height: auto;
}
.user-header .user-header-nav .nav-tile {
  font-size: 0.85em;
  font-family: Segoe UI Semibold;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 1vh 0.5vw;
  margin-right: 1vw;
  cursor: pointer;
  position: relative;
  float: right;
  width: auto;
  height: auto;
}
.user-header .user-header-nav .nav-tile.border {
  border: 1px solid rgb(246, 144, 57);
}
.user-header .user-header-nav .nav-tile a {
  text-decoration: none;
  color: white;
}
.user-header .user-header-nav .nav-tile i {
  font-size: 2rem;
  color: white;
}
.user-header .user-side-nav-container {
  position: absolute;
  float: none;
  width: 100%;
  height: 100vh;
  /*background-color: $mrdnaOverlay;*/
  z-index: 7;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  overflow: hidden;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.user-header .user-side-nav-container .user-side-nav {
  position: absolute;
  float: none;
  width: 300px;
  height: 100vh;
  z-index: 8;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  overflow: hidden;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  background-image: url("/areas/main/content/images/Maps/textured-black-background.png");
}
.user-header .user-side-nav-container .user-side-nav .row-nav {
  padding: 8px 20px 8px 40px;
  font-size: 25px;
  margin: 5px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-header .user-side-nav-container .user-side-nav .row-nav:first-child {
  font-size: 23px;
  background-color: #F58A1F;
  margin: 0 0 15px 0;
}
.user-header .user-side-nav-container .user-side-nav .row-nav i.fa-times {
  float: right;
  margin-right: 0.5vw;
  cursor: pointer;
  color: #FFFFFF;
}
.user-header .user-side-nav-container .user-side-nav .row-nav a {
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Roboto Slab";
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  outline: none;
}
.user-header .user-side-nav-container .user-side-nav .row-nav a:hover {
  color: #F58A1F;
}
.user-header .headerOverlay {
  background-color: rgba(255, 255, 255, 0.7);
}
.user-header .user-logo-container {
  display: flex;
  align-items: center;
  margin: 1vh 0;
}
.user-header .user-logo-container a {
  margin: 0 2.5vw 0 7vw;
  height: 105px;
  width: 245px;
  text-decoration: none;
  outline: none;
  /*z-index: 10;*/
  z-index: 1;
}
.user-header .user-logo-container a img {
  width: 100%;
  height: 100%;
}
.user-header .user-logo-container .page-title {
  padding: 25px 2.5vw;
  color: #002a5b;
  text-transform: uppercase;
  font-size: 1.06em;
  font-family: Segoe UI Semibold;
  letter-spacing: 2.5px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.user-header .user-logo-container .left-border {
  border-left: 2px solid rgb(246, 144, 57);
}
.user-header .user-header-footer {
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  background-color: #F58A1F;
  position: relative;
  float: none;
  width: 100%;
  height: 40px;
}
.user-header .user-header-footer .user-name {
  color: white;
  margin-left: 8vw;
  font-family: Segoe UI Semibold;
  font-size: 1.1em;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.user-header .user-header-footer .user-name span {
  text-transform: uppercase;
}

.main-forms {
  display: block;
  background-color: #E39E46;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.main-forms .l--two-col .form-content {
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 480px) {
  .main-forms .l--two-col .form-content {
    width: 98%;
  }
}
.main-forms .l--two-col .form-content .form-builder__form {
  margin-bottom: 3%;
}
@media only screen and (max-width: 480px) {
  .main-forms .l--two-col .form-content .form-builder__form {
    width: 94%;
    margin-left: 3%;
  }
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page {
  padding-left: 3%;
  margin-bottom: 40px;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__ {
  /* Custom form class */
  /* Custom form class */
  /* Headers/Labels */
  /* Inputs */
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__section.two-col-section {
  display: flex;
  flex-wrap: wrap;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__section.two-col-section div {
  flex: 0 0 50%;
  position: relative;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__section.center-buttons-section div:first-child {
  text-align: right;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__section.center-buttons-section div:last-child {
  text-align: left;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-text.-text {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-text.-text {
    margin-top: -1vh;
  }
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-text.-text h1 {
  color: white;
  font-size: 2.5rem;
  font-weight: 600;
  font-family: "Oswald", serif;
  letter-spacing: 6px;
  text-transform: uppercase;
  line-height: 1.25;
  margin-bottom: 5vh;
}
@media only screen and (max-width: 480px) {
  .main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-text.-text h1 {
    margin-left: 24px;
  }
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item {
  padding-left: 3%;
  margin-bottom: 40px;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item input:not([type=submit]):not([type=reset]), .main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item select, .main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item textarea {
  background-color: rgba(214, 209, 194, 0);
  outline: none;
  border-left-color: white;
  border-bottom-color: white;
  border-right-color: white;
  border-top-color: transparent;
  border-width: 5px;
  border-style: solid;
  height: 61px;
}
@media only screen and (max-width: 480px) {
  .main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item input:not([type=submit]):not([type=reset]), .main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item select, .main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item textarea {
    margin-left: 0;
  }
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-dropdown select.placeholder {
  color: #75756B;
  font-style: italic;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-dropdown select option.placeholder {
  font-style: italic;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-dropdown select option:not(.placeholder) {
  color: #222222;
  font-style: normal;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-multi-line textarea {
  width: 100%;
  height: 250px;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-button input[type=submit], .main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-button input[type=reset] {
  background-color: rgba(85, 175, 69, 0.9);
  width: 100%;
  outline: none;
  cursor: pointer;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-recaptcha.centered {
  max-width: 330px;
  margin: 0 auto 40px;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-recaptcha.centered.compact {
  width: 185px;
}
.main-forms .l--two-col .form-content .form-builder__form form .form-builder__form-item.-page .form-builder__form-item.-recaptcha .field-validation-error {
  min-width: 185px;
}

.sign-up-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.sign-up-container .sip-body-container {
  position: relative;
  float: left;
  width: 45%;
  height: auto;
  margin: 15vh 27.5% 10vh;
}
@media only screen and (max-width: 900px) {
  .sign-up-container .sip-body-container {
    position: relative;
    float: left;
    width: 50%;
    height: auto;
    margin: 14vh 25% 10vh;
  }
}
@media only screen and (max-width: 750px) {
  .sign-up-container .sip-body-container {
    position: relative;
    float: left;
    width: 60%;
    height: auto;
    margin: 14vh 20% 10vh;
  }
}
.sign-up-container .sip-body-container form {
  float: left;
  width: 100%;
}
.sign-up-container .sip-body-container form .field-validation-error {
  position: absolute;
}
.sign-up-container .sip-body-container form .sip-row {
  position: relative;
  float: left;
  width: 100%;
  height: 50px;
  margin: 10px 0;
  border-bottom: solid #979899;
}
.sign-up-container .sip-body-container form .sip-row .sip-input-icon-div {
  position: relative;
  float: left;
  width: 27px;
  height: auto;
  margin: 5px 3px 3px 0;
}
.sign-up-container .sip-body-container form .sip-row .sip-input-icon-div i.sip-input-icon {
  font-size: 27px;
  color: #0083CA;
}
.sign-up-container .sip-body-container form .sip-row.-recaptcha {
  margin: 30px auto;
  border-bottom: none;
  text-align: center;
}
.sign-up-container .sip-body-container form .sip-row.-recaptcha .g-recaptcha {
  display: inline-block;
}
.sign-up-container .sip-body-container form .sip-row.-recaptcha > span {
  margin: -23px auto;
  position: initial;
  text-align: left;
}
.sign-up-container .sip-body-container form .sip-row .sip-input-icon-btn-right {
  position: relative;
  float: right;
  width: 40px;
  height: auto;
  display: none;
  border: none;
  outline: none;
  margin: 5px 3px;
  font-size: 23px;
  color: #0083CA;
  background-color: transparent !important;
  cursor: pointer;
}
.sign-up-container .sip-body-container form .sip-row .select-width {
  width: auto;
  color: #808080;
  font-style: italic;
}
.sign-up-container .sip-body-container form .sip-row .select-width option {
  color: #000000;
  font-style: normal;
}
.sign-up-container .sip-body-container form .sip-row .select-width option:first-child {
  color: #808080;
  font-style: italic;
}
.sign-up-container .sip-body-container form .sip-row .select-width.male, .sign-up-container .sip-body-container form .sip-row .select-width.female {
  color: #000000;
  font-style: normal;
}
.sign-up-container .sip-body-container form .sip-row input, .sign-up-container .sip-body-container form .sip-row select {
  border: none;
  outline: none;
  margin: 3px 3px 3px 0;
  background-color: transparent !important;
  width: unset;
}
.sign-up-container .sip-body-container form .sip-row input::-webkit-input-placeholder, .sign-up-container .sip-body-container form .sip-row select::-webkit-input-placeholder {
  color: #979899;
  font-size: 15px;
}
.sign-up-container .sip-body-container form .sip-row input:-moz-placeholder, .sign-up-container .sip-body-container form .sip-row select:-moz-placeholder { /* Firefox 18- */
  color: #979899;
  font-size: 15px;
}
.sign-up-container .sip-body-container form .sip-row input::-moz-placeholder, .sign-up-container .sip-body-container form .sip-row select::-moz-placeholder { /* Firefox 19+ */
  color: #979899;
  font-size: 15px;
}
.sign-up-container .sip-body-container form .sip-row input:-ms-input-placeholder, .sign-up-container .sip-body-container form .sip-row select:-ms-input-placeholder {
  color: #979899;
  font-size: 15px;
}
.sign-up-container .sip-body-container form .sip-row .input-width {
  position: relative;
  float: left;
  width: 70%;
  height: 10px;
}
.sign-up-container .sip-body-container form .sip-row .gender-width {
  position: relative;
  float: left;
  width: 90%;
  height: 10px;
}
@media only screen and (max-width: 700px) {
  .sign-up-container .sip-body-container form .sip-row .gender-width {
    position: relative;
    float: left;
    width: 80%;
    height: 10px;
  }
}
.sign-up-container .sip-body-container form .sip-row-last {
  border-bottom: none;
}
.sign-up-container .sip-body-container form .sip-row-last .sip-input-icon-div {
  float: left;
}
.sign-up-container .sip-body-container form .sip-row-last .tos-label {
  float: left;
  margin: 10px 0 0 18px;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch {
  position: relative;
  float: right;
  width: 50px;
  height: 17px;
  display: inline-block;
  margin: 10px 2vw;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch span i {
  margin: 2.5px 1px 3px 8px;
  font-size: 1.2rem;
  color: white;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch input {
  display: none;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch input:checked ~ .tgl-slider {
  background-color: #EB861E;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch input:focus ~ .tgl-slider {
  box-shadow: 0 0 1px #2196F3;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch input:checked ~ .tgl-slider:before {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch .tgl-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  background-color: gray;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch .tgl-slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  right: 0;
  bottom: -3.6px;
  background-color: white;
  box-shadow: 1.5px 1.5px 3px rgb(104, 104, 104);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch .tgl-slider.round {
  border-radius: 34px;
}
.sign-up-container .sip-body-container form .sip-row-last .tgl-switch .tgl-slider.round:before {
  border-radius: 50%;
}
.sign-up-container .sip-body-container form .sip-body-lowerstrip {
  position: absolute;
  float: none;
  width: 100%;
  height: 15vh;
  bottom: -18vh;
  display: flex;
  justify-content: center;
}
.sign-up-container .sip-body-container form .sip-body-lowerstrip .sip-body-footer-btn-div {
  border: none;
  background-color: white;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
  z-index: 10;
}
.sign-up-container .sip-body-container form .sip-body-lowerstrip .sip-body-footer-btn-div #sip-body-footer-btn {
  border: none;
  outline: none;
  background-color: #F58A1F;
  width: 85px;
  height: 85px;
  margin: 7.5px;
  font-size: 13px;
  text-align: center;
  line-height: 55px;
  letter-spacing: 2.5px;
  border-radius: 50%;
}
.sign-up-container .sip-body-container form .sip-body-lowerstrip .sip-body-footer-btn-div #sip-body-footer-btn h3 {
  font-size: 1.17em;
  font-family: "Oswald", serif;
  /*font-weight: 600;*/
  color: white !important;
}
.sign-up-container .sip-footer {
  position: relative;
  float: left;
  width: 100%;
  height: 200px;
  margin: 0;
  background-image: url("/areas/main/content/images/Maps/textured-black-background.png");
}
.sign-up-container .sip-footer .sip-footer-bgColor {
  position: absolute;
  float: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 {
  position: static;
  float: none;
  width: 100%;
  height: auto;
  background-color: rgba(235, 134, 30, 0.65);
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 > div {
  width: auto;
  height: 100%;
  margin: 20px 50px;
  display: flex;
  align-items: center;
  font-size: 1.17em;
  font-family: "Oswald", serif;
  font-weight: 300;
}
.sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 > div > input, .sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 > div > a, .sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 > div > span {
  border: none;
  outline: none;
  background-color: transparent !important;
  color: white;
  letter-spacing: 2.5px;
  text-shadow: 0.7px 0.7px #202020;
}
.sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 > div > input[type=button], .sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 > div > a[type=button], .sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 > div > span[type=button] {
  cursor: pointer;
}
.sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-navbar1 > div > a {
  text-decoration: none;
  margin-top: 25px;
}
.sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-service-text {
  position: static;
  float: none;
  width: 100%;
  height: auto;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  margin-top: 15px;
}
.sign-up-container .sip-footer .sip-footer-bgColor .sip-footer-service-text a {
  color: #EB861E;
}

.login-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.login-container .lp-body-container {
  margin: 15vh 27.5% 10vh;
  position: relative;
  float: left;
  width: 45%;
  height: auto;
}
.login-container .lp-body-container form {
  float: left;
  width: 100%;
}
.login-container .lp-body-container form .lp-row {
  margin: 10px 0;
  position: relative;
  float: left;
  width: 100%;
  height: 50px;
  border-bottom: solid #979899;
}
.login-container .lp-body-container form .lp-row .lp-input-icon-div {
  margin: 5px 3px 3px 0;
  position: relative;
  float: left;
  width: 27px;
  height: auto;
}
.login-container .lp-body-container form .lp-row .lp-input-icon-div i.lp-input-icon {
  font-size: 27px;
  color: #0083CA;
}
.login-container .lp-body-container form .lp-row .lp-input-icon-btn-right {
  display: none;
  border: none;
  outline: none;
  margin: 5px 3px;
  font-size: 23px;
  color: #0083CA;
  position: relative;
  float: right;
  width: 40px;
  height: auto;
  background-color: transparent !important;
  cursor: pointer;
}
.login-container .lp-body-container form .lp-row input {
  border: none;
  outline: none;
  margin: 3px 3px 3px 0;
  position: relative;
  float: none;
  width: 70%;
  height: 10px;
  background-color: transparent !important;
}
.login-container .lp-body-container form .lp-row input::-webkit-input-placeholder {
  color: #979899;
  font-size: 15px;
}
.login-container .lp-body-container form .lp-row input:-moz-placeholder { /* Firefox 18- */
  color: #979899;
  font-size: 15px;
}
.login-container .lp-body-container form .lp-row input::-moz-placeholder { /* Firefox 19+ */
  color: #979899;
  font-size: 15px;
}
.login-container .lp-body-container form .lp-row input:-ms-input-placeholder {
  color: #979899;
  font-size: 15px;
}
.login-container .lp-body-container form .lp-body-lowerstrip {
  position: absolute;
  float: none;
  width: 100%;
  height: 15vh;
  bottom: -18vh;
  display: flex;
  justify-content: center;
}
.login-container .lp-body-container form .lp-body-lowerstrip .lp-body-footer-btn-div {
  border: none;
  background-color: white;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
  z-index: 10;
}
.login-container .lp-body-container form .lp-body-lowerstrip .lp-body-footer-btn-div #lp-body-footer-btn {
  border: none;
  outline: none;
  background-color: #F58A1F;
  width: 85px;
  height: 85px;
  margin: 7.5px;
  font-size: 13px;
  text-align: center;
  line-height: 55px;
  letter-spacing: 2.5px;
  border-radius: 50%;
}
.login-container .lp-body-container form .lp-body-lowerstrip .lp-body-footer-btn-div #lp-body-footer-btn h3 {
  font-size: 1.17em;
  font-family: "Oswald", serif;
  font-weight: 600;
  color: white !important;
}
.login-container .lp-footer {
  position: relative;
  float: left;
  width: 100%;
  height: 200px;
  margin: 0;
  background-image: url("/areas/main/content/images/Maps/textured-black-background.png");
}
.login-container .lp-footer .lp-footer-bgColor {
  position: absolute;
  float: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.login-container .lp-footer .lp-footer-bgColor .lp-footer-navbar1 {
  position: static;
  float: none;
  width: 100%;
  height: auto;
  background-color: rgba(235, 134, 30, 0.65);
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.login-container .lp-footer .lp-footer-bgColor .lp-footer-navbar1 > div {
  width: auto;
  height: 100%;
  margin: 20px 50px;
  display: flex;
  align-items: center;
  font-size: 1.17em;
  font-family: "Oswald", serif;
  font-weight: 300;
}
.login-container .lp-footer .lp-footer-bgColor .lp-footer-navbar1 > div > input, .login-container .lp-footer .lp-footer-bgColor .lp-footer-navbar1 > div > a {
  border: none;
  outline: none;
  background-color: transparent !important;
  color: white;
  text-shadow: 0.7px 0.7px #202020;
  letter-spacing: 2.5px;
}
.login-container .lp-footer .lp-footer-bgColor .lp-footer-navbar1 > div > input[type=button], .login-container .lp-footer .lp-footer-bgColor .lp-footer-navbar1 > div > a[type=button] {
  cursor: pointer;
}
.login-container .lp-footer .lp-footer-bgColor .lp-footer-navbar1 > div > a {
  text-decoration: none;
  margin-top: 25px;
}
.login-container .lp-footer .lp-footer-bgColor .lp-footer-service-text {
  position: static;
  float: none;
  width: 100%;
  height: auto;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  margin-top: 15px;
}
.login-container .lp-footer .lp-footer-bgColor .lp-footer-service-text a {
  color: #EB861E;
}

.logout-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.logout-container .lp-body-container {
  margin: 5vh 15.5%;
  font-size: 1.1em;
  line-height: 1.66;
  font-family: "Oswald", serif;
  font-weight: 300;
  color: #828282;
}
.logout-container .lp-body-container h1, .logout-container .lp-body-container h2 {
  font-weight: 600;
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
  text-transform: uppercase;
}
.logout-container .lp-body-container p {
  font-family: inherit;
  font-size: inherit;
}
.logout-container .lp-body-container p a {
  color: #2B77B4;
  font-weight: 400;
}

.social-footer-navbar2 {
  position: static;
  float: none;
  width: 100%;
  height: auto;
  background-color: transparent !important;
}
.social-footer-navbar2 div.social-media-container {
  display: flex;
  justify-content: center;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.social-footer-navbar2 div.social-media-container #gSignInWrapper {
  margin-left: 10px;
}
.social-footer-navbar2 div.social-media-container #gSignInWrapper #customBtn {
  display: inline-block;
  background: white;
  color: #444;
  min-width: 240px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px grey;
  white-space: nowrap;
  text-align: left;
}
.social-footer-navbar2 div.social-media-container #gSignInWrapper #customBtn:hover {
  cursor: pointer;
}
.social-footer-navbar2 div.social-media-container #gSignInWrapper span.icon {
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
}
.social-footer-navbar2 div.social-media-container #gSignInWrapper span.icon.apple {
  background: url("/areas/main/content/images/Login/apple-logo.png") transparent 5px 50% no-repeat;
}
.social-footer-navbar2 div.social-media-container #gSignInWrapper span.icon.google {
  background: url("/areas/main/content/images/Login/google-logo.png") transparent 5px 50% no-repeat;
}
.social-footer-navbar2 div.social-media-container #gSignInWrapper span.buttonText {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  /* Use the Roboto font that is loaded in the <head> */
  font-family: "Roboto", sans-serif;
  padding-top: 4px;
}
.social-footer-navbar2 div.social-media-container form.form-signin {
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.social-footer-navbar2 div.social-media-container form.form-signin > button {
  border: none;
  border-radius: 10px;
  outline: none;
  width: 6.8vh;
  height: 7.4vh;
  margin: 1.5vh 25px;
  line-height: 0;
  padding: 0;
  font-size: 8.5vh;
  color: white;
  background-color: #000000;
}

.user-navigation-container {
  margin: 0;
  z-index: 2;
  box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.4);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-navigation-container .user-grid-main {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-navigation-container .user-grid-main div.user-nav-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
.user-navigation-container .user-grid-main div.user-nav-grid div.grid-tiles {
  display: inline-block;
  margin: 0;
}
.user-navigation-container .user-grid-main div.user-nav-grid div.grid-tiles a {
  color: white;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}

.user-nav-tile {
  position: relative;
  float: left;
  width: 100%;
  height: 35vh;
}
.user-nav-tile.edit .user-nav-title-name {
  display: flex;
}
.user-nav-tile > img {
  width: 100%;
  height: 100%;
}
.user-nav-tile .user-nav-title-name {
  position: absolute;
  float: none;
  width: 100%;
  height: 30px;
  z-index: 5;
  display: none;
  align-items: center;
  font-family: Segoe UI Semibold;
  background-color: rgba(245, 138, 31, 0.85);
  bottom: 0;
}
.user-nav-tile .user-nav-title-name span {
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.user-nav-tile:hover .user-nav-title-name {
  display: flex;
}
.user-nav-tile .coming-soon-container {
  position: absolute;
  float: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 6;
  background-color: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
}
.user-nav-tile .coming-soon-container .text {
  padding: 0 2vh;
  width: 100%;
  font-size: 3em;
  text-align: center;
  font-family: Segoe UI;
  font-weight: bold;
  color: gray;
}

.garage-container {
  min-height: 55vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.garage-container .bike-container .bike-model {
  background-color: white;
  margin: 5vh 30% 0;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-header {
  margin: 3vh 5% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-sizing: border-box;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 6vh;
}
.garage-container .bike-container .bike-model .model-header .heading {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.garage-container .bike-container .bike-model .model-body {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container {
  margin-left: 5%;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .field-validation-error {
  top: 4vh;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .img-row {
  padding: 1px 0 20px;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .img-row .img-span {
  padding: 5px 1%;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  color: #828282;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .img-row .image-validation {
  position: absolute;
  bottom: 0vh;
  width: 100%;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container {
  padding: 0 1% 20px;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container span.bike-info-head {
  padding-top: 6px;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  color: #828282;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .bike-dtl-grid .two-column-grid .row-main:nth-child(2n) {
  margin-left: 1.5vw;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row:nth-child(2) {
  margin: 1px 0 10px;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row:nth-child(n+3) {
  margin: 10px 0;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .one-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(1, 1fr);
  grid-template-columns: repeat(1, 1fr);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .two-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .three-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main {
  margin: 6px 0;
  position: relative;
  float: left;
  width: auto;
  height: 38px;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row {
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row input, .garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row select {
  outline: none;
  font-family: Segoe UI;
  background-color: #F4F4F4;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #828282;
  border-bottom: 1px solid #707070;
  line-height: normal;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row input::-webkit-input-placeholder, .garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row select::-webkit-input-placeholder { /* Edge */
  font-style: italic;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row input:-ms-input-placeholder, .garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row select:-ms-input-placeholder { /* Internet Explorer */
  font-style: italic;
}
.garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row input::placeholder, .garage-container .bike-container .bike-model .model-body .bike-pfl-block .bike-pfl-container .grid-container .grid-row .row-main .row select::placeholder {
  font-style: italic;
}
.garage-container .bike-container .bike-model .model-footer {
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 10px;
  position: absolute;
  float: none;
  width: 100%;
  height: 8vh;
}
.garage-container .bike-container .bike-model .model-footer input {
  outline: none;
  border: none;
  color: white;
  letter-spacing: 1.3px;
  font-size: 0.9rem;
  padding: 8px 50px;
  border-radius: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #F58A1F;
  width: auto;
  height: auto;
}
.garage-container .bike-container .bike-model .bike-mdl-footer {
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  position: relative;
  float: left;
  width: 100%;
  height: 8vh;
}
.garage-container .bike-container .bike-model .bike-mdl-footer input {
  outline: none;
  border: none;
  color: white;
  letter-spacing: 1.3px;
  font-size: 0.9rem;
  padding: 8px 50px;
  border-radius: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #F58A1F;
  width: auto;
  height: auto;
}
.garage-container .header {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .header .header-box {
  margin: 0 20%;
  padding: 4vh 0;
  position: relative;
  float: left;
  width: 60%;
  height: auto;
}
.garage-container .body {
  margin-bottom: 5vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .body .grid-list {
  margin: 0 20%;
  position: relative;
  float: left;
  width: 60%;
  height: auto;
}
.garage-container .body .grid-list .li {
  padding: 1rem;
  margin-bottom: 4vh;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .body .grid-list .li .heading {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.garage-container .body .grid-list .li .heading .name-text {
  padding: 0.25rem 5px;
  font-family: Roboto Slab;
  font-weight: bold;
  font-size: 1.22rem;
  color: #2B77B4;
  text-transform: capitalize;
  position: relative;
  float: left;
  width: 70%;
  height: auto;
}
.garage-container .body .grid-list .li-body {
  margin-top: 0.4rem;
  position: relative;
  float: left;
  width: 100%;
  height: 45vh;
}
.garage-container .body .grid-list .li-body a {
  outline: none;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.garage-container .body .grid-list .li-body a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.garage-container .body .grid-list .li-body a .details-bar {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  align-items: center;
  position: absolute;
  float: none;
  width: 100%;
  height: 10vh;
}
.garage-container .body .grid-list .li-body a .details-bar .details-box {
  margin-left: 1vw;
  position: relative;
  float: left;
  width: auto;
  height: 45px;
}
.garage-container .body .grid-list .li-body a .details-bar .details-box .icon-box {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
  width: 12px;
  height: 100%;
}
.garage-container .body .grid-list .li-body a .details-bar .details-box .icon-box i {
  font-size: 0.7rem;
  color: white;
}
.garage-container .body .grid-list .li-body a .details-bar .details-box .details {
  margin-left: 1vw;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.garage-container .body .grid-list .li-body a .details-bar .details-box .details .row-first {
  color: white;
  font-family: Segoe UI;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 3px 0;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.garage-container .body .grid-list .li-body a .details-bar .details-box .details .row-second {
  color: white;
  font-family: Segoe UI;
  letter-spacing: 1px;
  padding: 3px 0;
  font-size: 0.75rem;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.garage-container .body .grid-list .li-body a .details-bar.active-bike {
  border-bottom: 4px solid #F58A1F;
}
.garage-container .body .grid-list .li-body a .details-bar.active-bike .details-box .icon-box i {
  font-size: 0.7rem;
  color: #F58A1F;
}
.garage-container .body .grid-list .li-body a .details-bar.active-bike .details .row-first {
  color: #F58A1F;
}
.garage-container .body .grid-list .li-body a .details-bar.active-bike .details .row-second {
  color: #F58A1F;
}

.gray-color {
  color: #a8a8a8;
}

.bike-feature-post-container .show-postDetails-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: center;
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model {
  background-color: white;
  margin-left: 30%;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .header {
  padding: 15px;
  position: relative;
  float: left;
  width: 100%;
  height: 8vh;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .header .name-box {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .header .name-box span {
  color: #585756;
  font-family: Segoe UI;
  font-weight: bold;
  font-size: 0.85rem;
  letter-spacing: 0.2px;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .header .control-box {
  position: relative;
  /* Override some global control-ellipse-sec settings */
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .header .control-box .control-ellipse-sec {
  margin-right: 18px;
  top: 10px;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body {
  background-color: gray;
  position: relative;
  float: left;
  width: 100%;
  height: 45vh;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body .pic-count-scale {
  top: 10px;
  left: 10px;
  z-index: 1;
  color: white;
  letter-spacing: 2px;
  font-family: Segoe UI Semibold;
  text-shadow: 1px 1px 2px black;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body .slideshow-container {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body .slideshow-container .slides {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body .slideshow-container .slides img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body .prev, .bike-feature-post-container .show-postDetails-sec .postDetails-model .body .next {
  top: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -22px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 1;
  opacity: 0.7;
  text-decoration: none;
  background-color: #F4F4F4;
  border-radius: 50%;
  position: absolute;
  float: none;
  width: 25px;
  height: 25px;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body .prev i, .bike-feature-post-container .show-postDetails-sec .postDetails-model .body .next i {
  color: #828282;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body .next {
  right: 5px;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .body .prev {
  left: 5px;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .footer {
  padding: 15px;
  min-height: 8vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .footer .desc-box {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}
.bike-feature-post-container .show-postDetails-sec .postDetails-model .footer .desc-box span {
  color: #585756;
  font-family: Segoe UI Semibold;
  font-size: 0.8rem;
  letter-spacing: 0.1px;
}
.bike-feature-post-container .custom-list-container {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.bike-feature-post-container .custom-list-container .custom-list-model {
  margin: 10vh 30%;
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.bike-feature-post-container .custom-list-container .custom-list-model .header {
  margin: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 8vh;
}
.bike-feature-post-container .custom-list-container .custom-list-model .header span {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.bike-feature-post-container .custom-list-container .custom-list-model .body {
  margin: 2vh 7.5%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1em;
  position: relative;
  float: left;
  width: 85%;
  height: auto;
}
.bike-feature-post-container .custom-list-container .custom-list-model .body .li {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .custom-list-container .custom-list-model .body .li .custom-info-block {
  cursor: pointer;
  transition: 0.25s ease;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .custom-list-container .custom-list-model .body .li .custom-info-block:hover {
  box-shadow: 5px 0 8px rgba(0, 0, 0, 0.3607843137);
  transition: 0.25s ease;
}
.bike-feature-post-container .custom-list-container .custom-list-model .body .li .custom-info-block .pic-box {
  position: relative;
  float: left;
  width: 100%;
  height: 22vh;
}
.bike-feature-post-container .custom-list-container .custom-list-model .body .li .custom-info-block .pic-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bike-feature-post-container .custom-list-container .custom-list-model .body .li .custom-info-block .details-box {
  color: #000000;
  font-family: Roboto Slab;
  letter-spacing: 0.3px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .custom-list-container .custom-list-model .body .li .custom-info-block .details-box .name {
  font-weight: bold;
  font-size: 0.8rem;
  padding: 0.3rem;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model {
  margin: 10vh 30%;
  min-height: 80vh;
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model > .header {
  margin: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 8vh;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model > .header span {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body {
  margin: 2vh 10%;
  position: relative;
  float: left;
  width: 80%;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride {
  margin: 1vh 0;
  padding: 1rem;
  display: inline-block;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride:hover {
  box-shadow: 5px 0 8px rgba(0, 0, 0, 0.3607843137);
  transition: 0.25s ease;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .header {
  padding: 0;
  display: flex;
  background-color: white;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .header .ride-details {
  flex: 1;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .header .ride-details .name-row {
  flex: 1;
  box-sizing: unset;
  padding: 0.6vh 0.9rem;
  position: relative;
  float: left;
  width: 92%;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .header .ride-details .name-row .name-text {
  border: none;
  outline: none;
  color: #585756;
  font-size: 1em;
  padding: 0.5vh 0;
  font-weight: bold;
  white-space: nowrap;
  display: inline-block;
  font-family: Segoe UI;
  box-sizing: border-box;
  text-overflow: ellipsis;
  text-transform: capitalize;
  overflow: hidden !important;
  background-color: transparent;
  position: relative;
  float: left;
  width: 200px;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride > a {
  outline: none;
  text-decoration: none;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride > a > div.img-div {
  position: relative;
  float: left;
  width: 100%;
  height: 40vh;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride > a > div.img-div img {
  width: 100%;
  height: 100%;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row {
  display: flex;
  padding: 1.15vh 3%;
  background-color: #585756;
  justify-content: space-around;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .ride-distance, .bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .ride-time, .bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .posted-time {
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .ride-distance span.icon, .bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .ride-time span.icon, .bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .posted-time span.icon {
  width: 20px;
  height: 20px;
  float: left;
}
.bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .ride-distance span.text, .bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .ride-time span.text, .bike-feature-post-container .logged-ride-list-container .logged-ride-list-model .body .grid-list .recorded-ride .ride-parameter-row .posted-time span.text {
  color: white;
  font-size: 0.85em;
  margin-left: 0.4vw;
  font-family: Segoe UI;
}
.bike-feature-post-container .edit-comment-sec {
  top: 0;
  left: 0;
  z-index: 5;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model {
  padding: 1.5rem;
  background-color: white;
  position: relative;
  float: left;
  width: 50%;
  height: auto;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form {
  position: relative;
  float: left;
  width: 95%;
  height: auto;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form span.user-name {
  color: #000000;
  font-size: 0.85em;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 1.5vw;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 6px 0;
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box textarea {
  padding: 0;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment {
  margin: 0vh 0.1vw;
  padding-left: 1vw;
  background-color: transparent !important;
  outline: none;
  border: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-size: 0.8em;
  letter-spacing: 0.15px;
  position: relative;
  float: left;
  width: 100%;
  resize: none;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea {
  box-shadow: unset;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea.focused {
  box-shadow: unset;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor {
  min-height: unset;
  max-height: unset;
  padding: 6px 24px 6px 0px;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor:empty:before {
  content: attr(placeholder);
  display: block;
  color: #757575;
  font-size: 0.93em;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .post-submit {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-post-container .edit-comment-sec .edit-comment-model .input-comment-form .post-submit span {
  cursor: pointer;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}

.bike-detail-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
}
.bike-detail-container .bike-img {
  position: relative;
  float: left;
  width: 100%;
  height: 75vh;
}
.bike-detail-container .bike-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bike-detail-container .bike-img .odometer-main {
  position: absolute;
  float: none;
  width: auto;
  height: auto;
  right: 12vw;
  bottom: -90px;
  z-index: 4;
}
.bike-detail-container .bike-img .odometer-main div {
  text-align: center;
  font-family: Roboto Slab;
  font-weight: 400;
}
.bike-detail-container .bike-img .odometer-main .odometer-img-sec {
  position: relative;
  float: left;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3607843137);
}
.bike-detail-container .bike-img .odometer-main .odometer-img-sec img {
  width: 100%;
  height: 100%;
}
.bike-detail-container .bike-img .odometer-main .odometer-img-sec div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
}
.bike-detail-container .bike-img .odometer-main .odometer-title {
  position: absolute;
  float: left;
  width: 180%;
  height: 100%;
  color: #a8a8a8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: -40%;
}
.bike-detail-container .bike-img .bottom-bar {
  position: absolute;
  float: none;
  width: 100%;
  height: 10vh;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}
.bike-detail-container .bike-img .bottom-bar .bike-Name {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin-left: 25vw;
  font-size: 2.35rem;
  font-family: Roboto Slab;
  font-weight: 500;
  color: white;
  letter-spacing: 1px;
}
.bike-detail-container .details-bar {
  margin: 0 0 5vh;
  display: flex;
  align-items: center;
  position: relative;
  float: left;
  width: 100%;
  height: 8vh;
}
.bike-detail-container .details-bar .details-box {
  margin-left: 25vw;
  font-family: Roboto Slab;
  font-weight: bold;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.bike-detail-container .details-bar .details-box .first-row {
  color: #6E6E6E;
  font-size: 1rem;
  padding: 5px 0;
  letter-spacing: 0.65px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .details-bar .details-box .second-row {
  color: #828282;
  font-size: 0.7rem;
  letter-spacing: 0.65px;
  padding: 3px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .side-menu-container {
  margin-top: 1.6vh;
}
.bike-detail-container .bike-detail-block {
  margin-left: 6.5vw;
  margin-bottom: 6vh;
  position: relative;
  float: left;
  width: 65vw;
  height: auto;
}
.bike-detail-container .bike-detail-block .journal-info-container {
  width: 100%;
}
.bike-detail-container .bike-detail-block .journal-info-container .journal-info-content-width {
  margin: 0;
  width: inherit;
}
.bike-detail-container .bike-detail-block > .row {
  margin: 1.5vh 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .add-btn {
  width: 21px;
  height: 21px;
}
.bike-detail-container .bike-detail-block > .row .add-btn i {
  margin-top: 2px;
}
.bike-detail-container .bike-detail-block > .row.inEditHeight {
  min-height: 10vh;
}
.bike-detail-container .bike-detail-block > .row .desc-row {
  margin: 2vh 0 1vh;
  position: relative;
  float: left;
  width: 80%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body {
  margin-bottom: 10px;
  position: relative;
  float: left;
  width: 100%;
  height: 50vh;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .pic-count-scale {
  top: 10px;
  left: 10px;
  z-index: 1;
  color: white;
  letter-spacing: 2px;
  font-family: Segoe UI Semibold;
  text-shadow: 1px 1px 2px black;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .slideshow-container {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .slideshow-container .slides {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .slideshow-container .slides img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .prev, .bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .next {
  top: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -22px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 1;
  opacity: 0.7;
  text-decoration: none;
  background-color: #F4F4F4;
  border-radius: 50%;
  position: absolute;
  float: none;
  width: 25px;
  height: 25px;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .prev i, .bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .next i {
  color: #828282;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .next {
  right: 5px;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .body .prev {
  left: 5px;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .hide {
  display: none !important;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row {
  margin-bottom: 20px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row:last-child {
  margin-bottom: 0;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row .heading {
  font-size: 1em;
  font-family: Segoe UI;
  font-weight: bold;
  padding: 4px 0;
  text-transform: capitalize;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row .post-title {
  color: #F58A1F;
  font-size: 0.95em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 4px 0;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row .description {
  color: #545454;
  padding: 10px 0;
  line-height: 22px;
  font-size: 0.84rem;
  letter-spacing: 0.25px;
  font-family: Segoe UI Semibold;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row .posted-time {
  margin-top: 10px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row .posted-time span {
  font-size: 0.7em;
  color: #a8a8a8;
  font-family: Segoe UI Semibold;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row .load-more {
  width: auto;
  float: left;
  cursor: pointer;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row .load-more i {
  margin-left: 5px;
  color: #2B77B4;
  font-size: 0.95em;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .feature-row .load-more span {
  color: #545454;
  margin-left: 2px;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: 0.3px;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-row {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-row div {
  margin: 0 1vw;
  color: #a8a8a8;
  font-size: 0.8em;
  font-weight: bold;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-row div:first-child {
  margin-left: 0;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-row div span {
  font-size: 0.85em;
  margin-right: 0.5vw;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-row div span i {
  font-size: 1.35em;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-row div span:first-child {
  font-size: 1em;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-row div .like-btn,
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-row div .comment-btn {
  cursor: pointer;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec {
  margin-top: 1rem;
  padding-top: 0.8rem;
  border-top: 1px solid #a8a8a8;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .add-comment-alt-sec {
  margin-top: 3px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .add-comment-alt-sec .add-btn {
  cursor: pointer;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .add-comment-alt-sec .add-btn .add-btn-img {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .add-comment-alt-sec .add-btn .add-btn-img img {
  width: 100%;
  height: 100%;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .add-comment-alt-sec .add-btn span.heading {
  margin-left: 0.5vw;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form {
  position: relative;
  float: left;
  width: 95%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form span.user-name {
  color: #000000;
  font-size: 0.85em;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 1.5vw;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .input-comment-box {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 6px 0;
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .input-comment-box textarea {
  padding: 0;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .input-comment-box .input-comment {
  margin: 0vh 0.1vw;
  padding-left: 1vw;
  background-color: transparent !important;
  outline: none;
  border: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-size: 0.8em;
  letter-spacing: 0.15px;
  position: relative;
  float: left;
  width: 100%;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea {
  box-shadow: unset;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea.focused {
  box-shadow: unset;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor {
  min-height: unset;
  max-height: unset;
  padding: 6px 24px 6px 0px;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor:empty:before {
  content: attr(placeholder);
  display: block;
  color: #757575;
  font-size: 0.93em;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .post-submit {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .input-comment-form .post-submit span {
  cursor: pointer;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .added-comment-alt-sec {
  margin-top: 25px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .added-comment-alt-sec .added-comment-row {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .added-comment-alt-sec .added-comment-row .added-comment-box {
  max-width: 92%;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .added-comment-alt-sec .added-comment-row .added-comment-box div.user-name {
  color: #000000;
  font-size: 0.85em;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 0.5vw;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .desc-row .bike-feature-block .comment-sec .added-comment-alt-sec .added-comment-row .added-comment-box .comment {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 4px 0 10px;
  padding: 8px;
  font-size: 0.9rem;
  letter-spacing: 0.15px;
  max-width: 100%;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .feature-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(6, 1fr);
  grid-template-columns: repeat(6, 1fr);
  border-top: 15px solid #D9D9D9;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .feature-grid > a {
  outline: none;
  margin-right: 10px;
  text-decoration: none;
}
.bike-detail-container .bike-detail-block > .row .feature-grid > a .li {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-detail-container .bike-detail-block > .row .feature-grid .li {
  margin: 0 0.75vh 0 0;
  position: relative;
  float: left;
  width: auto;
  height: 150px;
}
.bike-detail-container .bike-detail-block > .row .feature-grid .li img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
}
.bike-detail-container .bike-detail-block > .row .feature-grid .li .date-box {
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  position: absolute;
  float: left;
  width: 100%;
  height: 100%;
}
.bike-detail-container .bike-detail-block > .row .feature-grid .li .date-box .date {
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  font-size: 1.8rem;
  font-family: Segoe UI Semibold;
}

.album-container {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.album-container .pic-details-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: center;
  justify-content: center;
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.album-container .pic-details-sec .pic-details-container {
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .header {
  position: relative;
  float: left;
  width: 100%;
  height: 8vh;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .header .control-box {
  margin: 0.5rem;
  position: relative;
  /* Override some global control-ellipse-sec settings */
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .header .control-box .control-ellipse-sec {
  margin-right: 18px;
  top: 10px;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .img-block {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  float: left;
  width: 100%;
  height: 60vh;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .img-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body {
  background-color: gray;
  position: relative;
  float: left;
  width: 100%;
  height: 60vh;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body .pic-count-scale {
  top: 10px;
  left: 10px;
  z-index: 1;
  color: white;
  letter-spacing: 2px;
  font-family: Segoe UI Semibold;
  text-shadow: 1px 1px 2px black;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body .slideshow-container {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body .slideshow-container .slides {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body .slideshow-container .slides img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body .prev, .album-container .pic-details-sec .pic-details-container .pic-details-block .body .next {
  top: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -22px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 1;
  opacity: 0.7;
  text-decoration: none;
  background-color: #F4F4F4;
  border-radius: 50%;
  position: absolute;
  float: none;
  width: 25px;
  height: 25px;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body .prev i, .album-container .pic-details-sec .pic-details-container .pic-details-block .body .next i {
  color: #828282;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body .next {
  right: 5px;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .body .prev {
  left: 5px;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .text {
  min-height: 8vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.album-container .pic-details-sec .pic-details-container .pic-details-block .text .description-block {
  padding: 15px 25px;
  color: #666666;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  letter-spacing: 0.2px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.album-container .add-pictures-sec {
  top: 0;
  left: 0;
  z-index: 5;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.album-container .add-pictures-sec .add-pictures-form-block {
  padding: 1rem;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  background-color: white;
  position: relative;
  float: left;
  width: 41rem;
  height: auto;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-header {
  margin: 1vh 1% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-sizing: border-box;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 98%;
  height: 6vh;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-header .heading {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.album-container .add-pictures-sec .add-pictures-form-block form .img-row .image-validation .field-validation-error {
  position: absolute;
  margin: 30px 0px 0px 5px;
  width: 93%;
}
.album-container .add-pictures-sec .add-pictures-form-block form .album-row-input {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(1, 1fr);
  grid-template-columns: repeat(1, 1fr);
  margin: 0 4% 30px;
  position: relative;
  float: left;
  width: 92%;
  height: auto;
}
.album-container .add-pictures-sec .add-pictures-form-block form .album-row-input .row-main {
  margin: 6px 0;
  position: relative;
  float: left;
  width: auto;
  height: 38px;
}
.album-container .add-pictures-sec .add-pictures-form-block form .album-row-input .row-main .row {
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.album-container .add-pictures-sec .add-pictures-form-block form .album-row-input .row-main .row input {
  outline: none;
  font-family: Segoe UI;
  background-color: #F4F4F4;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #828282;
  border-bottom: 1px solid #707070;
  line-height: normal;
}
.album-container .add-pictures-sec .add-pictures-form-block form .album-row-input .row-main .row input::-webkit-input-placeholder { /* Edge */
  font-style: italic;
}
.album-container .add-pictures-sec .add-pictures-form-block form .album-row-input .row-main .row input:-ms-input-placeholder { /* Internet Explorer */
  font-style: italic;
}
.album-container .add-pictures-sec .add-pictures-form-block form .album-row-input .row-main .row input::placeholder {
  font-style: italic;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-footer {
  z-index: 6;
  margin: 0 1% 10px;
  padding-top: 20px;
  border-top: 1px solid #B1B1B1;
  position: relative;
  float: left;
  width: 98%;
  height: 8vh;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-footer .bike-dropdown-input {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  width: 200px;
  height: auto;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-footer .bike-dropdown-input:after {
  content: "\f0d7";
  font: normal normal normal 20px/1 FontAwesome;
  color: #F58A1F;
  right: 15px;
  top: 6px;
  height: 34px;
  padding: 2px 0px 0px 8px;
  position: absolute;
  pointer-events: none;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-footer .bike-dropdown-input select, .album-container .add-pictures-sec .add-pictures-form-block .model-footer .bike-dropdown-input input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 20px;
  color: #7a7a7a;
  font-family: Roboto Slab;
  font-weight: bold;
  font-size: 0.85em;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-footer .bike-dropdown-input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-footer .bike-dropdown-input input {
  padding: 0.5rem 0.7rem;
}
.album-container .add-pictures-sec .add-pictures-form-block .model-footer input.submit-btn {
  outline: none;
  border: none;
  color: white;
  letter-spacing: 1.3px;
  font-size: 0.95rem;
  padding: 8px 30px;
  border-radius: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #F58A1F;
  width: 172px;
  height: auto;
  float: right;
}
.album-container .album-header {
  display: flex;
  align-items: center;
  background: #E2E2E2 0% 0% no-repeat padding-box;
  position: relative;
  float: left;
  width: 100%;
  height: 50px;
}
.album-container .album-header span.title {
  margin-left: 23vw;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.album-container .album-body {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.album-container .album-body div.bike-album-grid,
.album-container .album-body div.user-album-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(9, 1fr);
  grid-template-columns: repeat(9, 1fr);
}
.album-container .album-body div.bike-album-grid div.li,
.album-container .album-body div.user-album-grid div.li {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0;
  cursor: pointer;
}
.album-container .album-body div.bike-album-grid div.li img,
.album-container .album-body div.user-album-grid div.li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-info-container {
  /*z-index: 100;*/
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-picture-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: center;
  justify-content: center;
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.user-info-container .user-picture-sec .picture-container {
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.user-info-container .user-picture-sec .picture-container .header {
  position: relative;
  float: left;
  width: 100%;
  height: 8vh;
}
.user-info-container .user-picture-sec .picture-container .header .control-box {
  margin: 0.5rem;
  position: relative;
  float: none;
  width: auto;
  height: auto;
}
.user-info-container .user-picture-sec .picture-container .body {
  background-color: gray;
  position: relative;
  float: left;
  width: 100%;
  height: 60vh;
}
.user-info-container .user-picture-sec .picture-container .body .slideshow-container {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.user-info-container .user-picture-sec .picture-container .body .slideshow-container .slides {
  display: flex;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.user-info-container .user-picture-sec .picture-container .body .slideshow-container .slides img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.user-info-container .user-picture-sec .picture-container .text {
  min-height: 8vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-picture-sec .picture-container .text .description-block {
  padding: 15px 25px;
  color: #666666;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  letter-spacing: 0.2px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.user-info-container .user-model-sec .edit-user-model {
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  background-color: white;
  margin: 5vh 30% 0;
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-header {
  margin: 3vh 5% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-sizing: border-box;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 6vh;
}
.user-info-container .user-model-sec .edit-user-model .model-header .heading {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.user-info-container .user-model-sec .edit-user-model .model-body {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container {
  margin-left: 5%;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .img-row {
  padding: 1px 0 20px;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .img-row span {
  padding: 5px 1%;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  position: inherit;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container {
  padding: 0 1% 20px;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container span.rider-info-head {
  padding: 6px 0;
  display: inline-block;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  color: #828282;
  width: 100%;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .psgr-dtl-grid .two-column-grid .row-main:nth-child(2n) {
  margin-left: 1.5vw;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .user-dtl-grid .row-main:nth-child(n+2) {
  margin-left: 1.5vw;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .one-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(1, 1fr);
  grid-template-columns: repeat(1, 1fr);
  width: 100%;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .two-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .three-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .row-main {
  margin: 6px 0;
  position: relative;
  float: left;
  width: auto;
  height: 38px;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .row-main .row {
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .row-main .row input, .user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .row-main .row select {
  outline: none;
  font-family: Segoe UI;
  background-color: #E2E2E2;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #828282;
  border-bottom: 1px solid #707070;
  line-height: normal;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .row-main .row input::placeholder, .user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .grid-container .grid-row .row-main .row select::placeholder {
  font-style: italic;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-form-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-form-container .row-main {
  margin-top: 6px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-form-container .row-main .row {
  padding: 0 1%;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-form-container .row-main .row .control-sec {
  /* Override global */
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-form-container .row-main .row .control-sec label {
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  color: #828282;
  float: left;
  margin-right: 5px;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-form-container .row-main .row .control-sec input[type=button] {
  margin: 0 1vw;
  border: none;
  padding: 4px;
  color: #585756;
  font-size: 0.55rem;
  font-family: Roboto Slab;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 4px;
  background-color: #EAEAEA;
  cursor: pointer;
  position: relative;
  float: right;
  width: auto;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-form-container .row-main .row .control-sec div.add-btn {
  background-color: #2B77B4;
  width: 17px;
  height: 17px;
  float: left;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-form-container .row-main .row .control-sec div.add-btn i {
  font-size: 0.7em;
  position: relative;
  top: -2px;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container {
  margin: 0;
  padding: 0 1% 20px;
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1.5px solid #B1B1B1;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main {
  margin: 6px 0;
  display: grid;
  grid-template-columns: 100% 0;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .btn-div {
  top: -13px;
  right: 10px;
  position: relative;
  /* Override global settings */
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .btn-div .close-model {
  width: 15px;
  height: 15px;
  right: unset;
  background-color: #B12A0B;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .btn-div .close-model i {
  font-size: 0.7rem;
  margin-left: 1px;
  margin-top: unset;
  position: relative;
  top: -2px;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .btn-div .deleted {
  background-color: #CE0D0D;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .row {
  position: relative;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .row input {
  outline: none;
  font-family: Segoe UI;
  background-color: #E2E2E2;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #828282;
  border-bottom: 1px solid #707070;
  line-height: normal;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .row input::placeholder {
  font-style: italic;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .row .deleted {
  background-color: white;
}
.user-info-container .user-model-sec .edit-user-model .model-body .user-pfl-block .user-pfl-container .club-list-container .row-main .row button {
  padding: 10px 15px;
  margin: 2.5vh 1vw;
  background-color: #F58A1F;
}
.user-info-container .user-model-sec .edit-user-model .model-footer {
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 10px;
  position: static;
  float: none;
  width: 100%;
  height: 8vh;
}
.user-info-container .user-model-sec .edit-user-model .model-footer input {
  outline: none;
  border: none;
  color: white;
  letter-spacing: 1.3px;
  font-size: 0.9rem;
  padding: 8px 50px;
  border-radius: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #F58A1F;
  width: auto;
  height: auto;
}
.user-info-container .user-model-sec .edit-user-model .passenger-footer {
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  position: relative;
  float: left;
  width: 100%;
  height: 8vh;
}
.user-info-container .user-model-sec .edit-user-model .passenger-footer input {
  outline: none;
  border: none;
  color: white;
  letter-spacing: 1.3px;
  font-size: 0.9rem;
  padding: 8px 50px;
  border-radius: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #F58A1F;
  width: auto;
  height: auto;
}
.user-info-container .user-pic-block {
  margin-left: 4%;
  background-color: #d7d7d7;
  cursor: pointer;
  position: relative;
  float: left;
  width: 16vw;
  height: 300px;
}
.user-info-container .user-pic-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border: 1px solid #c5c5c5;
}
.user-info-container .user-info-block {
  background-color: white;
  position: relative;
  float: left;
  width: 75vw;
  height: auto;
}
.user-info-container .user-info-block .user-info-content {
  margin: 4vh 5% 2vh;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
  /* Override some global menu settings */
}
.user-info-container .user-info-block .user-info-content .control-ellipse-sec .option-crud-dialog .row {
  width: 180px;
}
.user-info-container .user-info-block .user-info-content .edit-profile-btn {
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
}
.user-info-container .user-info-block .user-info-content .edit-profile-btn i {
  color: #F58A1F;
  font-size: 1.25rem;
}
.user-info-container .user-info-block .user-info-content > .row {
  padding: 10px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1.5px solid #0090b1;
}
.user-info-container .user-info-block .user-info-content > .row > div.data {
  font-family: Roboto Slab;
  font-weight: bold;
  font-size: 1.35em;
  color: #000000;
}
.user-info-container .user-info-block .user-info-content > .row > div.data span.user-name {
  font-size: 2em;
}
.user-info-container .user-info-block .user-info-content .row-multi {
  padding: 0.5vh 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1.5px solid #0090b1;
}
.user-info-container .user-info-block .user-info-content .row-multi div.grid {
  width: 80%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  list-style: none;
}
.user-info-container .user-info-block .user-info-content .row-multi div.grid div {
  position: relative;
  padding: 0.3vh 0 0.5vh;
}
.user-info-container .user-info-block .user-info-content .row-multi div.grid div > div.data {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  font-family: Roboto Slab;
  font-weight: bold;
  font-size: 1.35em;
  color: #000000;
  letter-spacing: 2.5px;
  padding-bottom: 0.3vh;
}
.user-info-container .user-info-block .user-info-content .row-multi div.grid div:nth-child(n+2) div {
  text-align: center;
  border-left: 1.5px solid #0090b1;
}

.psgnr-blk-min-hgt {
  min-height: 53vh;
}

.club-info-container {
  position: relative;
  float: right;
  width: 80%;
  height: auto;
  margin: -20px 0 0;
}
.club-info-container .club-info-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content {
  margin: 0 4.85%;
  border-bottom: 1.5px solid #B1B1B1;
  position: relative;
  float: left;
  width: 85%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row {
  padding: 0 0 2vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row .dl-titles {
  padding-bottom: 0;
}
.club-info-container .club-info-block .club-info-content .row .club-sec {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data {
  font-family: Roboto Slab;
  font-weight: bold;
  font-size: 1.35em;
  color: #000000;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-form {
  padding: 2.5vh 0;
  border-radius: 5px;
  box-shadow: 1px 2.5px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 3vh;
  position: relative;
  float: left;
  width: 55%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-form .heading {
  color: #545454;
  font-size: 0.75em;
  margin: 0 1vw;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-form form {
  margin: 0.5vh 0 0;
  display: flex;
  align-items: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-form form .club-row-input {
  margin-right: 1.5vw;
  padding: 1vh 1vw;
  position: relative;
  float: left;
  width: 75%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-form form .club-row-input input {
  height: 4.8vh;
  border: 1px solid #F58A1F;
  outline: none;
  background-color: transparent !important;
  font-size: 0.6em;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-form form button {
  font-size: 0.75em;
  border-radius: 0;
  color: white;
  padding: 8px 15px;
  margin-left: 0;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-list-container {
  max-height: 60vh;
  padding: 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  overflow-y: auto;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-list-container .inner {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-list-container .inner div.ul {
  position: relative;
  float: left;
  width: 99%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-list-container .inner div.ul div.li {
  box-sizing: border-box;
  padding: 10px 5px 0 0;
  list-style-type: none;
}
.club-info-container .club-info-block .club-info-content .row .club-sec > div.data .club-list-container .inner div.ul div.li div {
  padding: 0.5vh 0.5vh 0.5vh 0;
  width: 95%;
  background-color: transparent;
  font-size: 0.95em;
  font-family: Roboto Slab;
  font-weight: bold;
}

.buddy-info-container {
  position: relative;
  float: right;
  width: 80%;
  height: auto;
}
.buddy-info-container .passgr-model-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.buddy-info-container .passgr-model-sec .passenger-model {
  margin: 10vh 30%;
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-header {
  margin: 3vh 5% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-sizing: border-box;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 6vh;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-header .heading {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-feature-grid {
  z-index: 7;
  margin: 0 5%;
  padding: 7px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid #F58A1F;
  position: sticky;
  float: left;
  width: 90%;
  height: 7vh;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-feature-grid div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 2px solid white;
  background-color: #000000;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.95vw;
  letter-spacing: 1px;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-feature-grid div:last-child {
  border-right: none;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-feature-grid .active {
  background-color: #81BA41;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container {
  margin-left: 5%;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .img-row {
  padding: 1px 0 20px;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .img-row span {
  padding: 4px 1%;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  color: #828282;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .img-row .field-validation-error span {
  color: #FFFFFF;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container {
  padding: 0 1% 30px;
  border-bottom: 1.5px solid #B1B1B1;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container span.rider-info-head {
  padding-top: 6px;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  color: #828282;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .two-column-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main {
  margin: 6px 0;
  position: relative;
  float: left;
  width: auto;
  height: 38px;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main:nth-child(2n) {
  margin-left: 1.5vw;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row {
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row input, .buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row select {
  outline: none;
  font-family: Segoe UI;
  background-color: #F4F4F4;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #828282;
  border-bottom: 1px solid #707070;
  line-height: normal;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row input::-webkit-input-placeholder, .buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row select::-webkit-input-placeholder { /* Edge */
  font-style: italic;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row input:-ms-input-placeholder, .buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row select:-ms-input-placeholder { /* Internet Explorer */
  font-style: italic;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row input::placeholder, .buddy-info-container .passgr-model-sec .passenger-model .model-body .passenger-block .pass-container .grid-container .grid-row .row-main .row select::placeholder {
  font-style: italic;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block {
  margin-bottom: 9vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .search-row {
  margin: 20px 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 2px solid #707070;
  background-color: #C4C6C8;
  position: relative;
  float: left;
  width: 70%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .search-row input {
  outline: none;
  border: none;
  font-family: Segoe UI;
  background-color: white !important;
  padding: 0.62rem 1rem;
  line-height: normal;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .search-row .search-btn {
  background-color: #C4C6C8;
  width: 70px;
  height: 100%;
  padding: 0.7rem 0;
  text-align: center;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .search-row .search-btn i {
  color: #0a0a0a;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-header {
  margin: 5px 10%;
  padding-left: 2.5%;
  position: relative;
  float: left;
  width: 80%;
  height: auto;
  border-bottom: 3px solid #F58A1F;
  font-size: 0.8rem;
  font-weight: bold;
  padding-bottom: 5px;
  color: #0a0a0a;
  text-transform: uppercase;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner {
  margin-left: 12.5%;
  position: relative;
  float: left;
  width: 75%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row {
  margin: 8px 0;
  margin-left: 1.5%;
  box-sizing: border-box;
  transition: 0.25s ease;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 98.5%;
  height: 13vh;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row:hover {
  box-shadow: 5px 0 8px rgba(0, 0, 0, 0.3607843137);
  transition: 0.25s ease;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .picture-block {
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .picture-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .content-block {
  background-color: #EAEAEA;
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  padding: 10px;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .content-block span.name {
  padding: 0.5rem 0;
  color: #585756;
  font: Bold 17px/17px Roboto;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .content-block span.nick-name {
  color: #9A9A9A;
  font: Bold 12px/14px Roboto Slab;
  letter-spacing: 0.4px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .button-block {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #C4C6C8;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .button-block img {
  width: 30px;
  height: 30px;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .button-block:hover {
  transform: scale(1.1);
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .active-association {
  background-color: #81BA41;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .active-sent {
  background-color: #FFE087;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-body .community-block .community-container .inner .row .active-received {
  background-color: #F58A1F;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-footer {
  margin: 10px 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  float: left;
  width: 100%;
  height: 8vh;
}
.buddy-info-container .passgr-model-sec .passenger-model .model-footer input {
  outline: none;
  border: none;
  color: white;
  letter-spacing: 1.3px;
  font-size: 0.95rem;
  padding: 8px 50px;
  border-radius: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #F58A1F;
  width: auto;
  height: auto;
}
.buddy-info-container .buddy-model-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.buddy-info-container .buddy-model-sec .add-buddy-model {
  margin: 10vh 30%;
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-header {
  margin: 3vh 5% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-sizing: border-box;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 6vh;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-header .heading {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-feature-grid {
  margin: 0 5%;
  padding: 7px 0;
  z-index: 7;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  position: sticky;
  float: left;
  width: 90%;
  height: 7vh;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-feature-grid div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 2px solid white;
  background-color: #000000;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.95vw;
  letter-spacing: 1px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-feature-grid div:last-child {
  border-right: none;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-feature-grid .active {
  background-color: #81BA41;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .search-row {
  margin: 20px 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #707070;
  border-radius: 30px;
  background-color: #C4C6C8;
  position: relative;
  float: left;
  width: 70%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .search-row input {
  color: #505050;
  outline: none;
  border: none;
  font-family: Segoe UI;
  background-color: white !important;
  padding: 0.62rem 1rem;
  line-height: normal;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .search-row .search-btn {
  background-color: #C4C6C8;
  width: 70px;
  height: 100%;
  padding: 0.7rem 0;
  text-align: center;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .search-row .search-btn i {
  color: #0a0a0a;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-header {
  margin: 5px 10%;
  padding-left: 2.5%;
  position: relative;
  float: left;
  width: 80%;
  height: auto;
  border-bottom: 2px solid #F58A1F;
  font-size: 0.8rem;
  font-weight: bold;
  padding-bottom: 5px;
  color: #0a0a0a;
  text-transform: uppercase;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner {
  margin-left: 12.5%;
  padding-bottom: 9vh;
  position: relative;
  float: left;
  width: 75%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row {
  margin: 8px 0;
  margin-left: 1.5%;
  box-sizing: border-box;
  transition: 0.25s ease;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 98.5%;
  height: 13vh;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row:hover {
  box-shadow: 5px 0 8px rgba(0, 0, 0, 0.3607843137);
  transition: 0.25s ease;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .picture-block {
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .picture-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .content-block {
  background-color: #EAEAEA;
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  padding: 10px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .content-block span.name {
  padding: 0.5rem 0;
  color: #585756;
  font: Bold 17px/17px Roboto;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .content-block span.nick-name {
  color: #9A9A9A;
  font: Bold 12px/14px Roboto Slab;
  letter-spacing: 0.4px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .button-block {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #C4C6C8;
  cursor: pointer;
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .button-block img {
  width: 30px;
  height: 30px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .active-association {
  background-color: #81BA41;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .active-sent {
  background-color: #FFE087;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .community-block .community-container .inner .row .active-received {
  background-color: #F58A1F;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner {
  overflow-y: auto;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner::-webkit-scrollbar {
  width: 4px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px #EAEAEA;
  -webkit-box-shadow: inset 0 0 10px #EAEAEA;
  border-radius: 0;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner::-webkit-scrollbar-thumb {
  border-radius: 0;
  box-shadow: inset 0 0 10px #C4C6C8;
  -webkit-box-shadow: inset 0 0 10px #C4C6C8;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container {
  margin: 3vh 5%;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block {
  margin: 1vh 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-column-gap: 6px;
  grid-row-gap: 14px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .contact-row {
  display: grid;
  grid-template-columns: 1fr 10fr 10fr 1fr;
  grid-column-gap: 6px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .contact-row .delete-btn {
  border-radius: 50%;
  color: #FFFFFF;
  width: 15px;
  height: 15px;
  text-align: center;
  font-size: 0.75em;
  margin-top: 10px;
  cursor: pointer;
  display: block;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .contact-row .delete-btn i {
  padding-top: 0.19em;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .contact-row .delete-btn {
  background-color: #B12A0B;
  margin-left: 6px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .text-column {
  position: relative;
  float: left;
  width: auto;
  height: 38px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .text-column input {
  outline: none;
  font-family: Segoe UI;
  background-color: #F4F4F4;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #828282;
  border-bottom: 1px solid #707070;
  line-height: normal;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .text-column input::-webkit-input-placeholder { /* Edge */
  font-style: italic;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .text-column input:-ms-input-placeholder { /* Internet Explorer */
  font-style: italic;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .text-column input::placeholder {
  font-style: italic;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .text-column .active {
  background-color: lightyellow;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .inner .contact-container .contact-form-block .text-column .field-validation-error {
  height: 15px;
  font-size: 0.7em;
  padding-top: 1px;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .notification-area {
  text-align: center;
  visibility: hidden;
  color: #F4940B;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .contact-footer {
  left: 0;
  bottom: 0;
  padding: 2rem 0;
  margin: 1vh 5% 0;
  display: flex;
  justify-content: center;
  border-top: 1px solid #B1B1B1;
  position: static;
  float: none;
  width: 90%;
  height: auto;
}
.buddy-info-container .buddy-model-sec .add-buddy-model .model-body .contact-block .contact-footer input {
  letter-spacing: 1.3px;
  font-size: 0.95rem;
  padding: 8px 50px;
  border-radius: 20px;
  cursor: pointer;
}
.buddy-info-container .buddy-list-container {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.buddy-info-container .buddy-list-container .buddy-list-block {
  background-color: white;
  margin: 10vh 30%;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.buddy-info-container .buddy-list-container .buddy-list-block .header {
  margin: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 8vh;
}
.buddy-info-container .buddy-list-container .buddy-list-block .header span {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body {
  margin: 2vh 7.5%;
  position: relative;
  float: left;
  width: 85%;
  height: auto;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row {
  transition: 0.25s ease;
  margin: 8px 0;
  margin-left: 1.5%;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 98.5%;
  height: 13vh;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row a.restricted {
  cursor: default;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row a.restricted:hover {
  border: 1px solid #F58A1F;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .picture-block {
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .picture-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .content-block {
  background-color: #EAEAEA;
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  padding: 10px;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .content-block span.name {
  padding: 0.5rem 0;
  color: #585756;
  font: Bold 17px/17px Roboto;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .content-block span.nick-name {
  color: #9A9A9A;
  font: Bold 12px/14px Roboto Slab;
  letter-spacing: 0.4px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .button-block {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #C4C6C8;
  cursor: pointer;
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .button-block img {
  width: 30px;
  height: 30px;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .active-association {
  background-color: #81BA41;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .active-sent {
  background-color: #FFE087;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row .active-received {
  background-color: #F58A1F;
}
.buddy-info-container .buddy-list-container .buddy-list-block .body .row:hover {
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3607843137);
  transition: 0.25s ease;
}
.buddy-info-container .passenger-list-container {
  top: 0;
  left: 0;
  z-index: 4;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.buddy-info-container .passenger-list-container .passenger-list-block {
  background-color: white;
  margin: 10vh 30%;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.buddy-info-container .passenger-list-container .passenger-list-block .header {
  margin: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 8vh;
}
.buddy-info-container .passenger-list-container .passenger-list-block .header span {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body {
  margin: 2vh 7.5%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1em;
  position: relative;
  float: left;
  width: 85%;
  height: auto;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block {
  transition: 0.25s ease;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block:hover {
  box-shadow: 5px 0 8px rgba(0, 0, 0, 0.3607843137);
  transition: 0.25s ease;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block a {
  outline: none;
  text-decoration: none;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block a .user-profile-pic {
  position: relative;
  float: left;
  width: 100%;
  height: 22vh;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block a .user-profile-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block a .user-details-box {
  color: #9A9A9A;
  font-family: Roboto Slab;
  letter-spacing: 0.3px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block a .user-details-box .name {
  font-weight: bold;
  font-size: 0.8rem;
  padding: 0.3rem;
  color: #585756;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block a .user-details-box .nick-name {
  font-size: 0.65rem;
  padding: 0 0.3rem 0.3rem;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passenger-list-container .passenger-list-block .body .info-block a.restricted {
  cursor: pointer;
}
.buddy-info-container .passgr-details-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: center;
  justify-content: center;
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.buddy-info-container .passgr-details-sec .passgr-block {
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 40%;
  height: auto;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  /* Override some global settings */
  /* Override some global settings */
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .control-ellipse-sec {
  right: 30px;
  top: 10px;
  position: absolute;
  float: right;
  width: auto;
  height: auto;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .close-model {
  z-index: 1;
  background-color: #F58A1F;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .model-header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #2B77B4;
  min-height: 75px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .model-header .heading-text {
  color: white;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.25rem;
  margin-left: 25px;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .profile-pic {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .profile-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .profile-details {
  padding: 5px 0;
  min-height: 75px;
  background-color: white;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .profile-details .row {
  position: relative;
  float: left;
  width: 95%;
  height: auto;
  margin-left: 25px;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .profile-details .row .label {
  color: #707070;
  padding: 5px 0;
  font-size: 0.65rem;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: Roboto Slab;
  text-transform: uppercase;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .passgr-details-sec .passgr-block .passgr-details-model .profile-details .row .text {
  color: #000000;
  padding: 0 0 5px 10px;
  font-size: 0.85rem;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: Roboto Slab;
  min-height: 20px;
  text-transform: uppercase;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-info-block {
  margin: 0 0 1vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-info-block .buddy-info-content {
  margin: 0 4.85%;
  position: relative;
  float: left;
  width: 85.5%;
  height: auto;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row {
  padding: 20px 0 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .add-btn {
  width: 21px;
  height: 21px;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .add-btn i {
  margin-top: 2px;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  border-top: 15px solid #D9D9D9;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec div.grid {
  width: 100%;
  display: grid;
  padding-top: 5px;
  grid-template-columns: repeat(6, 1fr);
  gap: 5px;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec div.grid div.li {
  position: relative;
  padding: 0;
  height: 150px;
  border: 2px solid #E2E2E2;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec div.grid div.li:nth-child(6n+0) {
  margin-right: 0;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec div.grid div.li .buddy-image {
  background-color: antiquewhite;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec div.grid div.li .buddy-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec div.grid div.li .buddy-image .buddy-name {
  bottom: 0;
  padding: 2vh 1vw;
  color: white;
  font-family: Roboto Slab;
  font-weight: 600;
  font-size: 0.7em;
  letter-spacing: 1.5px;
  z-index: 1;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  position: absolute;
  float: none;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec .grid-suffel-slab {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .grid-sec .grid-suffel-slab .suffel-btn {
  margin: 1vh 0.7vw 0.5vh 0;
  background-color: #F6891F;
  padding: 0.6vh 1vw;
  color: white;
  text-decoration: none;
  border-radius: 0;
  font-family: "Uni Neue W05 Heavy", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  border: none;
  outline: none;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .follower-section {
  position: relative;
  float: right;
  width: 50%;
  height: auto;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .follower-section div {
  position: relative;
  float: right;
  width: auto;
  height: auto;
  letter-spacing: 1.5px;
  padding: 0 0.3vw;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .follower-section div:nth-child(n+2) {
  border-right: 2px solid black;
}
.buddy-info-container .buddy-info-block .buddy-info-content .row .follower-section div span {
  padding: 0 0.3vw;
}

/* Used by ForgotPassword, ResetPassword, and ResendVerification Views */
.forgtPass-container {
  padding-top: 15vh;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  align-items: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  /* All */
  /* ForgotPassword */
  /* SettingPanel */
}
.forgtPass-container .form-container {
  z-index: 6;
  margin: 0 32.5%;
  margin-bottom: 6%;
  position: relative;
  float: left;
  width: 35%;
  height: auto;
}
@media only screen and (max-width: 950px) {
  .forgtPass-container .form-container {
    margin: 0 27.5%;
    position: relative;
    float: left;
    width: 45%;
    height: auto;
  }
}
@media only screen and (max-width: 750px) {
  .forgtPass-container .form-container {
    margin: 0 22.5%;
    position: relative;
    float: left;
    width: 55%;
    height: auto;
  }
}
@media only screen and (max-width: 600px) {
  .forgtPass-container .form-container {
    margin: 0 17.5%;
    position: relative;
    float: left;
    width: 65%;
    height: auto;
  }
}
@media only screen and (max-width: 480px) {
  .forgtPass-container .form-container {
    margin: 0 12.5%;
    position: relative;
    float: left;
    width: 75%;
    height: auto;
  }
}
.forgtPass-container .form-container .page-heading {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 6%;
}
.forgtPass-container .form-container .page-heading h2 {
  color: #000000;
  font-family: Segoe UI;
  font-weight: bold;
}
.forgtPass-container .form-container .form-div {
  background-color: rgba(255, 255, 255, 0.85);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.forgtPass-container .form-container .form-div .select-width {
  width: 95%;
}
.forgtPass-container .form-container .form-div form .rp-row {
  margin: 5px;
  position: relative;
  float: left;
  width: 98%;
  height: 60px;
  border-bottom: 1px solid #979899;
}
.forgtPass-container .form-container .form-div form .rp-row .validation {
  float: right;
  width: 100%;
}
.forgtPass-container .form-container .form-div form .rp-row .validation .field-validation-error {
  height: 20px;
}
.forgtPass-container .form-container .form-div form .rp-row.-recaptcha {
  margin: 30px auto;
  border-bottom: none;
  text-align: center;
}
.forgtPass-container .form-container .form-div form .rp-row.-recaptcha .g-recaptcha {
  display: inline-block;
}
.forgtPass-container .form-container .form-div form .rp-row.-recaptcha > span {
  margin: -23px auto 0;
  text-align: left;
}
.forgtPass-container .form-container .form-div form .rp-row.change-pass-lbl {
  color: #000000;
  font-size: 15px;
  font-family: Segoe UI Semibold;
  padding: 1vh 1% 0.5vh 1vw;
}
.forgtPass-container .form-container .form-div form .rp-row.change-pass-lbl span {
  cursor: pointer;
}
.forgtPass-container .form-container .form-div form .rp-row.change-pass-lbl .chang-pass-toggle-btn {
  margin-right: 2vw;
  cursor: pointer;
  position: relative;
  float: right;
  width: auto;
  height: auto;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch {
  margin: 14px 15px 0 0;
  position: relative;
  float: right;
  width: 60px;
  height: 24px;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch span i {
  margin: 2.5px 1px 3px 8px;
  font-size: 1.2rem;
  color: white;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch input {
  display: none;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch input:checked ~ .tgl-slider {
  background-color: #82BA41;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch input:focus ~ .tgl-slider {
  box-shadow: 0 0 1px #2196F3;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch input:checked ~ .tgl-slider:before {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch .tgl-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  background-color: #000000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch .tgl-slider:before {
  position: absolute;
  content: "";
  height: 33px;
  width: 33px;
  right: 0;
  bottom: -3.6px;
  background-color: white;
  box-shadow: 1.5px 1.5px 3px rgb(104, 104, 104);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch .tgl-slider.round {
  border-radius: 34px;
}
.forgtPass-container .form-container .form-div form .rp-row .tgl-switch .tgl-slider.round:before {
  border-radius: 50%;
}
.forgtPass-container .form-container .form-div form .rp-row .non-tgl-switch {
  position: relative;
  float: right;
  width: auto;
  height: 24px;
  margin: 5px 15px 0 0;
  /* Chrome, Safari, Edge, Opera */
}
.forgtPass-container .form-container .form-div form .rp-row .non-tgl-switch input::-webkit-outer-spin-button,
.forgtPass-container .form-container .form-div form .rp-row .non-tgl-switch input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.forgtPass-container .form-container .form-div form .rp-row .non-tgl-switch input[type=number] {
  display: inherit;
  width: 80px;
  /* Firefox */
  -moz-appearance: textfield;
}
.forgtPass-container .form-container .form-div form .rp-row .non-tgl-switch .select-box:after {
  content: "\f0d7";
  font: normal normal normal 25px/1 FontAwesome;
  color: #F58A1F;
  right: 15px;
  top: 6px;
  height: 34px;
  padding: 2px 0px 0px 8px;
  position: absolute;
  pointer-events: none;
}
.forgtPass-container .form-container .form-div form .rp-row .non-tgl-switch .select-box select {
  width: 115px;
  border: 2px solid #B2B2B2;
  outline: none;
  border-radius: 20px;
  background-color: white;
  font-size: 13.5px;
  font-family: Segoe UI Semibold;
  color: #686868;
  padding: 0.65rem;
  letter-spacing: 0.3px;
  z-index: 99;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.forgtPass-container .form-container .form-div form .rp-row .rp-input-icon-div {
  margin: 1vh 0 0.5vh 1vw;
  position: relative;
  float: left;
  width: 27px;
  height: auto;
}
.forgtPass-container .form-container .form-div form .rp-row .rp-input-icon-div i.rp-input-icon {
  font-size: 25px;
  color: #0083CA;
}
.forgtPass-container .form-container .form-div form .rp-row .rp-input-label {
  margin: 20px 0 0 15px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
  color: #000000;
  font-size: 14px;
  font-family: Segoe UI;
}
.forgtPass-container .form-container .form-div form .rp-row select {
  border: none;
  background-color: transparent;
  font-size: 14px;
}
.forgtPass-container .form-container .form-div form .rp-row input {
  position: relative;
  float: none;
  width: 85%;
  height: auto;
  border: none;
  outline: none;
  text-align: left;
  background-color: transparent !important;
}
.forgtPass-container .form-container .form-div form .rp-row input::-webkit-input-placeholder {
  color: #979899;
  font-size: 14px;
}
.forgtPass-container .form-container .form-div form .rp-row input:-moz-placeholder { /* Firefox 18- */
  color: #979899;
  font-size: 14px;
}
.forgtPass-container .form-container .form-div form .rp-row input::-moz-placeholder { /* Firefox 19+ */
  color: #979899;
  font-size: 14px;
}
.forgtPass-container .form-container .form-div form .rp-row input:-ms-input-placeholder {
  color: #979899;
  font-size: 14px;
}
.forgtPass-container .form-container .form-div form .change-pass-form {
  z-index: 3;
  display: none;
  margin-top: -2vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.forgtPass-container .form-container .form-div form .change-pass-form .rp-row-flex {
  display: flex;
  justify-content: center;
  margin: 2vh 1%;
  position: relative;
  float: left;
  width: 98%;
  height: 4.5vh;
}
.forgtPass-container .form-container .form-div form .change-pass-form .rp-row-flex button {
  background-color: #0083CA;
  border: none;
  outline: none;
  border-radius: 0;
  padding: 4px 15px;
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 0.9em;
}
.forgtPass-container .form-container .form-div form .change-pass-form .rp-row-flex button a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 0.9em;
}
.forgtPass-container .form-container .form-div form .change-pass-form .chp-input-icon-btn-right {
  display: none;
  border: none;
  outline: none;
  margin-top: 11px;
  font-size: 23px;
  color: #0083CA;
  position: relative;
  float: right;
  width: 40px;
  height: auto;
  background-color: transparent !important;
  cursor: pointer;
}
.forgtPass-container .form-container .form-div form .change-pass-form .field-validation-error {
  position: absolute;
}
.forgtPass-container .form-container .form-div form .change-pass-form .rp-row input {
  text-align: unset;
  margin-left: 15px;
}
.forgtPass-container .form-container .forgtPass-body-lowerstrip {
  position: absolute;
  float: none;
  width: 100%;
  height: 15vh;
  bottom: -18vh;
  display: flex;
  justify-content: center;
}
.forgtPass-container .form-container .forgtPass-body-lowerstrip .forgtPass-body-footer-btn-div {
  border: none;
  background-color: white;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
  z-index: 10;
}
.forgtPass-container .form-container .forgtPass-body-lowerstrip .forgtPass-body-footer-btn-div #forgtPass-body-footer-btn {
  border: none;
  outline: none;
  background-color: #F58A1F;
  width: 85px;
  height: 85px;
  margin: 7.5px;
  font-size: 13px;
  font-family: Calisto MT;
  text-align: center;
  line-height: 55px;
  letter-spacing: 2.5px;
  border-radius: 50%;
}
.forgtPass-container .form-container .forgtPass-body-lowerstrip .forgtPass-body-footer-btn-div #forgtPass-body-footer-btn h3 {
  font-size: 1.17em;
  font-family: "Segoe UI", serif;
  font-weight: 600;
  color: white !important;
}
.forgtPass-container .forgtPass-footer {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: 75px;
  background-image: url("/areas/main/content/images/Maps/textured-black-background.png");
}
.forgtPass-container .forgtPass-footer .forgtPass-footer-bgColor {
  top: 0;
  left: 0;
  position: absolute;
  float: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.forgtPass-container .forgtPass-footer .forgtPass-footer-bgColor .forgtPass-footer-navbar1 {
  top: 0;
  position: absolute;
  float: none;
  width: 100%;
  height: 75px;
  background-color: rgba(235, 134, 30, 0.65);
  z-index: 5;
  display: flex;
  justify-content: center;
  align-content: center;
}
.forgtPass-container .settings-save-confirm-sec {
  background-color: transparent;
  display: none;
  position: absolute;
  bottom: -45px;
  height: 40px;
  width: 100%;
  text-align: center;
}
.forgtPass-container .settings-save-confirm-sec .settings-save-confirm-model {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px;
  position: relative;
  height: auto;
  display: inline-block;
  width: 60%;
}
.forgtPass-container .settings-save-confirm-sec .settings-save-confirm-model span {
  color: #FFFFFF;
  font-size: 0.95rem;
  letter-spacing: 0.2px;
  font-family: "Segoe UI Semibold";
}

.side-menu-container {
  margin: 6vh 0 3vh;
  position: relative;
  float: left;
  width: 18.5%;
  height: auto;
}

.side-menu-tile {
  margin-left: 20%;
  position: relative;
  float: left;
  width: 84%;
  height: auto;
}
.side-menu-tile .tile-heading {
  margin: 0;
  padding: 2vh 0.5vw 0.5vh;
  border-bottom: 1px solid #F58A1F;
  text-transform: uppercase;
  position: relative;
  float: left;
  width: 85%;
  height: auto;
}
.side-menu-tile .tile-heading a {
  text-decoration: none;
  font-size: 0.95em;
  font-family: Roboto Slab;
  font-weight: 600;
  color: #000000;
  outline: none;
}
.side-menu-tile .bike-list-side-outer {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 1.5vh 0;
  /* Width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.side-menu-tile .bike-list-side-outer .bike-list-side-inner {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.side-menu-tile .bike-list-side-outer .bike-list-side-inner div.bike-list {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.side-menu-tile .bike-list-side-outer .bike-list-side-inner div.bike-list div.li {
  padding: 8px 0.5vw;
  font-size: 0.81em;
  font-family: Roboto Slab;
  font-weight: 600;
  list-style: none;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.side-menu-tile .bike-list-side-outer .bike-list-side-inner div.bike-list div.li:hover {
  background-image: linear-gradient(to right, #f1f1f1, #ffffff);
}
.side-menu-tile .bike-list-side-outer .bike-list-side-inner div.bike-list div.li a {
  outline: none;
  text-decoration: none;
  color: #a8a8a8;
}
.side-menu-tile .bike-list-side-outer::-webkit-scrollbar {
  width: 3.5px;
}
.side-menu-tile .bike-list-side-outer::-webkit-scrollbar-track {
  background-color: rgba(246, 137, 31, 0.9);
  border-radius: 4px;
}
.side-menu-tile .bike-list-side-outer::-webkit-scrollbar-thumb {
  background: #e57509;
  border-radius: 4px;
}
.side-menu-tile .bike-list-side-outer::-webkit-scrollbar-thumb:hover {
  background: #bf6208;
}
.side-menu-tile .wallet-detail-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 1.5vh 0;
}
.side-menu-tile .wallet-detail-container div.detail-list {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.side-menu-tile .wallet-detail-container div.detail-list div.li {
  padding: 8px 0.5vw;
  font-size: 0.81em;
  font-family: Roboto Slab;
  font-weight: 600;
  list-style: none;
  letter-spacing: 1px;
  color: #a8a8a8;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.side-menu-tile .wallet-detail-container div.detail-list div.li:hover {
  background-image: linear-gradient(to right, #f1f1f1, #ffffff);
}

.journal-info-container {
  position: relative;
  float: right;
  width: 80%;
  height: auto;
  margin-top: 60px;
}
.journal-info-container .journal-model-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  justify-content: center;
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.journal-info-container .journal-model-sec > div {
  position: relative;
  float: left;
  width: 43rem;
  height: auto;
}
.journal-info-container .journal-model-sec > div .journal-form-block {
  padding: 2vh 2vh 3vh;
  margin: 10vh 0;
  background-color: white;
  min-height: 37rem;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .image-input {
  min-height: 19rem;
  background-color: #C4C6C8;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input:first-child {
  padding-top: 1rem;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  padding-top: 1rem;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input .post-description {
  background-color: transparent;
  border-color: #C4C6C8;
  outline: none;
  color: #545454;
  font-size: 0.93em;
  height: 25vh;
  margin-bottom: 3vh;
  letter-spacing: 0.5px;
  line-height: 23px;
  font-family: "Segoe UI";
  overflow: hidden;
  overflow-y: auto;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input .post-description a {
  color: #2B77B4;
  text-decoration: none;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input .post-description a:hover {
  text-decoration: underline;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input .post-description::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #545454;
  opacity: 1; /* Firefox */
  font-style: italic;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input .post-description:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #545454;
  font-style: italic;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input .post-description::-ms-input-placeholder { /* Microsoft Edge */
  color: #545454;
  font-style: italic;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .journal-row-input label {
  color: white;
  padding: 0.2rem;
  margin-left: 1rem;
  background-color: #b12a0b;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .model-footer {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .model-footer .journal-dropdown-input {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  width: 200px;
  height: auto;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .model-footer .journal-dropdown-input:after {
  content: "\f0d7";
  font: normal normal normal 20px/1 FontAwesome;
  color: #F58A1F;
  right: 15px;
  top: 6px;
  height: 34px;
  padding: 2px 0px 0px 8px;
  position: absolute;
  pointer-events: none;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .model-footer .journal-dropdown-input select {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 20px;
  color: #7a7a7a;
  font-family: Roboto Slab;
  font-weight: bold;
  font-size: 0.85em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .model-footer .submit-button-block {
  position: relative;
  float: right;
  width: auto;
  height: auto;
}
.journal-info-container .journal-model-sec > div .journal-form-block form .model-footer .submit-button-block .submit-btn {
  border-radius: 20px;
  padding: 7.5px 55px;
  font-family: Roboto Slab;
  font-weight: bold;
  font-size: 0.97em;
  background-color: #F4940B;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
  border: none;
  position: relative;
  float: none;
  width: auto;
  height: auto;
}
.journal-info-container .journal-row {
  margin-top: 1rem;
  padding: 0 0.9rem;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-row .post-description {
  color: #454545;
  font-size: 0.84rem;
  letter-spacing: 0.25px;
  font-family: "Segoe UI Semibold";
  line-height: 1.3;
  word-wrap: break-word;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
  overflow-y: auto;
}
.journal-info-container .journal-row .post-description a {
  color: #2B77B4;
  text-decoration: none;
}
.journal-info-container .journal-row .post-description a:hover {
  text-decoration: underline;
}
.journal-info-container .journal-row .post-time {
  float: left;
  color: #a8a8a8;
  font-size: 0.7em;
  font-family: Segoe UI Semibold;
  margin-bottom: 1vh;
}
.journal-info-container .journal-row .load-more {
  width: auto;
  float: left;
  cursor: pointer;
}
.journal-info-container .journal-row .load-more i {
  margin-left: 5px;
  color: #2B77B4;
  font-size: 0.95em;
}
.journal-info-container .journal-row .load-more span {
  color: #545454;
  margin-left: 2px;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: 0.3px;
}
.journal-info-container .journal-info-block {
  margin: 0 0 1vh;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content-width {
  margin: 0 4.85%;
  position: relative;
  float: left;
  width: 85.5%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content-width-alt {
  position: relative;
  float: left;
  width: 85.5%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .header {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .header .header-box {
  margin: 0 0 0 40%;
  padding: 4vh 0 2vh;
  position: relative;
  float: left;
  width: 60%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .header .header-box .add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #F58A1F;
  cursor: pointer;
  margin-right: 15px;
  position: relative;
  float: right;
  width: 42px;
  height: 42px;
}
.journal-info-container .journal-info-block .journal-info-content .header .header-box .add-btn img {
  width: 30px;
  height: 30px;
}
.journal-info-container .journal-info-block .journal-info-content .heading-bottom-border {
  border-bottom: 1.5px solid #B1B1B1;
  margin-bottom: 20px;
}
.journal-info-container .journal-info-block .journal-info-content .dl-panel-heading .add-btn {
  height: 21px;
  width: 21px;
}
.journal-info-container .journal-info-block .journal-info-content .dl-panel-heading .add-btn i {
  margin-top: 2px;
}
.journal-info-container .journal-info-block .journal-info-content .dl-panel-heading .collapse-btn {
  height: 21px;
  width: 21px;
  margin-left: 20px;
  display: inline-block;
}
.journal-info-container .journal-info-block .journal-info-content .dl-panel-heading .collapse-btn i {
  color: #2B77B4;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block {
  margin: 1vh 0;
  padding: 1rem;
  box-shadow: 1px 2.5px 8px rgba(0, 0, 0, 0.2);
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body {
  position: relative;
  float: left;
  width: 100%;
  height: 40vh;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .pic-count-scale {
  top: 10px;
  left: 10px;
  z-index: 1;
  color: white;
  letter-spacing: 2px;
  font-family: Segoe UI Semibold;
  text-shadow: 1px 1px 2px black;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .slideshow-container {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .slideshow-container .slides {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .slideshow-container .slides img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .prev, .journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .next {
  top: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -22px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 1;
  opacity: 0.7;
  text-decoration: none;
  background-color: #F4F4F4;
  border-radius: 50%;
  position: absolute;
  float: none;
  width: 25px;
  height: 25px;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .prev i, .journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .next i {
  color: #828282;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .next {
  right: 5px;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .body .prev {
  left: 5px;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .hide {
  display: none !important;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-row {
  display: flex;
  align-items: center;
  padding: 0 0.9rem;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-row div {
  margin: 0 1vw;
  color: #a8a8a8;
  font-size: 0.8em;
  font-weight: bold;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-row div:first-child {
  margin-left: 0;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-row div span {
  font-size: 0.85em;
  margin-right: 0.5vw;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-row div span:first-child {
  font-size: 1em;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-row div span i {
  font-size: 1.35em;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-row div .like-btn,
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-row div .comment-btn {
  cursor: pointer;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec {
  margin-top: 0.5rem;
  padding: 0.8rem 0.9rem 0;
  border-top: 1px solid #a8a8a8;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .add-comment-alt-sec {
  margin-top: 3px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  /* Global override */
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .add-comment-alt-sec .add-btn {
  float: left;
  height: 17px;
  width: 17px;
  margin-right: unset;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .add-comment-alt-sec .add-btn i {
  font-size: 0.8rem;
  position: relative;
  top: -1px;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .add-comment-alt-sec span.heading {
  margin-left: 0.5vw;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form {
  position: relative;
  float: left;
  width: 95%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form span.user-name {
  color: #000000;
  font-size: 0.85em;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 1.5vw;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .input-comment-box {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 6px 0;
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .input-comment-box textarea {
  padding: 0;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .input-comment-box .input-comment {
  margin: 0vh 0.1vw;
  padding-left: 1vw;
  background-color: transparent !important;
  outline: none;
  border: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-size: 0.8em;
  letter-spacing: 0.15px;
  position: relative;
  float: left;
  width: 100%;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea {
  box-shadow: unset;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea.focused {
  box-shadow: unset;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor {
  min-height: unset;
  max-height: unset;
  padding: 6px 24px 6px 0px;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor:empty:before {
  content: attr(placeholder);
  display: block;
  color: #757575;
  font-size: 0.93em;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .post-submit {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .input-comment-form .post-submit span {
  cursor: pointer;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .added-comment-alt-sec {
  display: none;
  margin-top: 25px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .added-comment-alt-sec .added-comment-row {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .added-comment-alt-sec .added-comment-row .added-comment-box {
  max-width: 92%;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .added-comment-alt-sec .added-comment-row .added-comment-box div.user-name {
  color: #000000;
  font-size: 0.85em;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 0.5vw;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .added-comment-alt-sec .added-comment-row .added-comment-box .comment {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 4px 0 10px;
  padding: 8px;
  font-size: 0.9rem;
  letter-spacing: 0.15px;
  max-width: 100%;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .added-comment-alt-sec .added-comment-row .control-ellipse-sec {
  margin: 12px 10px 0;
  float: left;
}
.journal-info-container .journal-info-block .journal-info-content .journal-panel-body .journal-post-block .comment-sec .added-comment-alt-sec .added-comment-row .control-ellipse-sec .ellipse-icon i {
  line-height: unset;
}
.journal-info-container .edit-comment-sec {
  top: 0;
  left: 0;
  z-index: 5;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.journal-info-container .edit-comment-sec .edit-comment-model {
  padding: 1.5rem;
  background-color: white;
  position: relative;
  float: left;
  width: 50%;
  height: auto;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form {
  position: relative;
  float: left;
  width: 95%;
  height: auto;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form span.user-name {
  color: #000000;
  font-size: 0.85em;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 1.5vw;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 6px 0;
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box textarea {
  padding: 0;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment {
  margin: 0vh 0.1vw;
  padding-left: 1vw;
  background-color: transparent !important;
  outline: none;
  border: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-size: 0.8em;
  letter-spacing: 0.15px;
  position: relative;
  float: left;
  width: 100%;
  resize: none;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea {
  box-shadow: unset;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea.focused {
  box-shadow: unset;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor {
  min-height: unset;
  max-height: unset;
  padding: 6px 24px 6px 0px;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor:empty:before {
  content: attr(placeholder);
  display: block;
  color: #757575;
  font-size: 0.93em;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .post-submit {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.journal-info-container .edit-comment-sec .edit-comment-model .input-comment-form .post-submit span {
  cursor: pointer;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}

/* If the journal panel is the only component on the page (i.e. Stories from the Road page) */
#main-content > div.journal-info-container:first-child {
  margin-top: 0;
}

.bike-feature-model-sec {
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: center;
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.bike-feature-model-sec .feature-form-block {
  padding: 2vh;
  margin-left: 30%;
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 600px;
  height: auto;
}
.bike-feature-model-sec .feature-form-block .model-header {
  margin: 0 2.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-sizing: border-box;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 95%;
  height: 6vh;
}
.bike-feature-model-sec .feature-form-block .model-header .heading {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.bike-feature-model-sec .feature-form-block form {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-model-sec .feature-form-block form .model-body {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row {
  padding: 1px 0 20px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row span {
  padding: 5px 1%;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  color: #828282;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row .images-row {
  margin-top: 10px;
  -ms-grid-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  margin-left: 5%;
  width: 90%;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row .images-row .deactivate {
  pointer-events: none;
  opacity: 0.3;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row .images-row div.li {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 8%;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row .images-row div.li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid gray;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row .images-row div.li .add-pics-btn {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  cursor: pointer;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row .images-row div.li .add-pics-btn i {
  color: #EB861E;
  font-size: 2rem;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row .images-row div.li .cross-btn {
  top: 3px;
  right: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3c3c3c;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  float: none;
  width: 20px;
  height: 20px;
}
.bike-feature-model-sec .feature-form-block form .model-body .img-row .images-row div.li .cross-btn i {
  color: white;
  font-size: 0.85rem;
}
.bike-feature-model-sec .feature-form-block form .model-body .row-main {
  margin: 6px 5%;
  position: relative;
  float: left;
  width: 90%;
  height: 38px;
}
.bike-feature-model-sec .feature-form-block form .model-body .row-main .row {
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.bike-feature-model-sec .feature-form-block form .model-body .row-main .row input, .bike-feature-model-sec .feature-form-block form .model-body .row-main .row select {
  outline: none;
  font-family: Segoe UI;
  background-color: #F4F4F4;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #828282;
  border-bottom: 1px solid #707070;
  line-height: normal;
}
.bike-feature-model-sec .feature-form-block form .model-body .row-main .row input::-webkit-input-placeholder, .bike-feature-model-sec .feature-form-block form .model-body .row-main .row select::-webkit-input-placeholder { /* Edge */
  font-style: italic;
}
.bike-feature-model-sec .feature-form-block form .model-body .row-main .row input:-ms-input-placeholder, .bike-feature-model-sec .feature-form-block form .model-body .row-main .row select:-ms-input-placeholder { /* Internet Explorer */
  font-style: italic;
}
.bike-feature-model-sec .feature-form-block form .model-body .row-main .row input::placeholder, .bike-feature-model-sec .feature-form-block form .model-body .row-main .row select::placeholder {
  font-style: italic;
}
.bike-feature-model-sec .feature-form-block form .model-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #B1B1B1;
  margin: 5vh 2.5% 0;
  position: relative;
  float: left;
  width: 95%;
  height: 8vh;
}
.bike-feature-model-sec .feature-form-block form .model-footer .submit-btn {
  outline: none;
  border: none;
  color: white;
  letter-spacing: 1.3px;
  font-size: 0.9rem;
  padding: 8px 50px;
  border-radius: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #F58A1F;
  width: auto;
  height: auto;
}

.registration-verification .rich-text__content .countdown > span {
  font-size: 24px;
  color: #2B77B4;
}

.settings-container {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.settings-container > div {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.settings-container > div .left-bar {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  width: 30%;
  height: auto;
}
.settings-container > div .left-bar .control-sec {
  margin: 3vh 20%;
  padding-top: 20px;
  position: relative;
  float: left;
  width: 60%;
  height: auto;
}
.settings-container > div .left-bar .control-sec div {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.settings-container > div .left-bar .control-sec div button.nav-btn {
  background-color: #81BA41;
  text-decoration: none;
  font-size: 0.9rem;
  font-family: "Roboto Slab";
  cursor: pointer;
  letter-spacing: 0.3px;
  color: white;
  text-transform: unset;
  border-radius: 20px;
  box-sizing: border-box !important;
  outline: none;
  width: 75%;
  text-align: center;
  padding: 8px;
  text-transform: uppercase;
}
.settings-container > div .left-bar .control-sec div button.active {
  background-color: #000000;
}
.settings-container > div .settings-body {
  padding: 3vh 0 0;
  box-sizing: border-box;
  min-height: 55vh;
  position: relative;
  float: right;
  width: 70%;
  height: auto;
}
.settings-container > div .settings-body > .heading {
  position: relative;
  float: none;
  width: 700px;
  height: auto;
  padding: 0 2.5% 0 0;
  border-bottom: 1px solid #B1B1B1;
  text-align: center;
  text-transform: uppercase;
}
.settings-container > div .settings-body > .heading h3 {
  display: inline-block;
  margin: 17px 0 10px;
  font-weight: bold;
}
.settings-container > div .settings-body > .heading .settings-save-confirm {
  display: none;
  margin: 22px -20px 0 0;
  float: right;
  color: #F58A1F;
}
.settings-container > div .settings-body .settings-list {
  position: relative;
  float: left;
  width: 700px;
  height: auto;
}
.settings-container > div .settings-body .settings-list form .rp-row {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 25px;
  padding-left: 25px;
}
.settings-container > div .settings-body .settings-list form .rp-row .validation {
  float: right;
  width: 100%;
}
.settings-container > div .settings-body .settings-list form .rp-row .validation .field-validation-error {
  height: 20px;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch {
  position: relative;
  float: right;
  width: 52px;
  height: 24px;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch span i {
  margin: 2px 0;
  font-size: 1.2rem;
  color: white;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch span i:first-child {
  margin-left: 6px;
  margin-right: 3px;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch input {
  display: none;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch input:checked ~ .tgl-slider {
  background-color: #82BA41;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch input:focus ~ .tgl-slider {
  box-shadow: 0 0 1px #2196F3;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch input:checked ~ .tgl-slider:before {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch .tgl-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  background-color: #000000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch .tgl-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  right: 0;
  bottom: 0;
  background-color: white;
  box-shadow: 1.5px 1.5px 3px rgb(104, 104, 104);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch .tgl-slider.round {
  border-radius: 34px;
}
.settings-container > div .settings-body .settings-list form .rp-row .tgl-switch .tgl-slider.round:before {
  border-radius: 50%;
}
.settings-container > div .settings-body .settings-list form .rp-row .non-tgl-switch {
  position: relative;
  float: right;
  width: auto;
  height: auto;
}
.settings-container > div .settings-body .settings-list form .rp-row .non-tgl-switch input[type=number] {
  display: inherit;
  width: 80px;
  height: 34px;
  font-family: Segoe UI Semibold;
  color: #686868;
  background-color: white;
}
.settings-container > div .settings-body .settings-list form .rp-row .non-tgl-switch .select-box:after {
  content: "\f0d7";
  font: normal normal normal 25px/1 FontAwesome;
  color: #F58A1F;
  right: 15px;
  height: 34px;
  padding: 2px 0px 0px;
  position: absolute;
  pointer-events: none;
}
.settings-container > div .settings-body .settings-list form .rp-row .non-tgl-switch .select-box select {
  width: 115px;
  border: 2px solid #B2B2B2;
  outline: none;
  border-radius: 20px;
  background-color: white;
  font-size: 13.5px;
  font-family: Segoe UI Semibold;
  color: #686868;
  padding: 0.3rem 0.5rem;
  letter-spacing: 0.3px;
  z-index: 99;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.settings-container > div .settings-body .settings-list form .rp-row .rp-input-icon-div {
  margin: 1vh 0 0.5vh 1vw;
  position: relative;
  float: left;
  width: 27px;
  height: auto;
}
.settings-container > div .settings-body .settings-list form .rp-row .rp-input-icon-div i.rp-input-icon {
  font-size: 25px;
  color: #0083CA;
}
.settings-container > div .settings-body .settings-list form .rp-row .rp-input-label {
  position: relative;
  float: left;
  width: auto;
  height: auto;
  color: #000000;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.settings-container > div .settings-body .settings-list form .rp-row .rp-input-label label {
  font-size: 1.1em;
  font-weight: normal;
  color: #444444;
  font-family: "Uni Neue W05 Bold", sans-serif;
}
.settings-container > div .settings-body .settings-list form .rp-row select {
  border: none;
  background-color: transparent;
  font-size: 14px;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex {
  position: relative;
  float: left;
  width: 85%;
  height: auto;
  display: flex;
  margin: 25px 0 0 25px;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex input {
  position: relative;
  height: auto;
  outline: none;
  text-align: left;
  background-color: transparent !important;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex .chp-input {
  float: left;
  width: 100%;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex .chp-input-icon-btn-right {
  position: relative;
  float: left;
  width: 40px;
  height: auto;
  visibility: hidden;
  border: none;
  outline: none;
  margin-left: 15px;
  margin-top: 11px;
  font-size: 23px;
  color: #0083CA;
  background-color: transparent !important;
  cursor: pointer;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex.buttons {
  text-align: center;
  display: inline-block;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex.buttons button {
  background-color: #0083CA;
  margin: 0;
  border-radius: 0;
  padding: 4px 15px;
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 0.9em;
  min-width: 170px;
  padding: 15px;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex.buttons button[type=submit] {
  background-color: #F58A1F;
  margin-right: 25px;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex.buttons button[type=reset] {
  margin-right: 50px;
}
.settings-container > div .settings-body .settings-list div.pass form .rp-row-flex.buttons button a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 0.9em;
}

.map-custom-container {
  position: relative;
  float: left;
  width: 100%;
  height: 72vh;
}
.map-custom-container .crd-rgt-btns-bar {
  position: absolute;
  float: none;
  width: auto;
  height: auto;
  right: 0.8vw;
  z-index: 3;
  top: 2vh;
}
.map-custom-container .crd-rgt-btns-bar #crd-waypoint-ride-location i {
  padding-left: 2px;
}
.map-custom-container .crd-rgt-btns-bar > div {
  position: relative;
  float: none;
  width: auto;
  height: auto;
  background-color: rgba(1, 120, 186, 0.85);
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #2B77B4;
  cursor: pointer;
  margin-bottom: 1px;
  text-align: center;
  min-width: 38px;
}
.map-custom-container .crd-rgt-btns-bar > div.first {
  margin-top: 20px;
}
.map-custom-container .crd-rgt-btns-bar > div > i {
  color: white;
}
.map-custom-container .crd-rgt-btns-bar > div > i.fa-slash {
  display: none;
}
.map-custom-container .crd-rgt-btns-bar > div:hover {
  background-color: white;
}
.map-custom-container .crd-rgt-btns-bar > div:hover > i {
  color: #005482;
}
.map-custom-container .crd-rgt-btns-bar > div:hover > .crd-rgt-btn-hvr {
  visibility: visible;
  opacity: 1;
}
.map-custom-container .crd-rgt-btns-bar > div .crd-rgt-btn-hvr {
  position: absolute;
  right: 115%;
  width: auto;
  top: -0.3vh;
  white-space: nowrap;
  background-color: rgba(1, 120, 186, 0.85);
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.7);
  letter-spacing: normal;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0.5vw;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  font-family: "Times New Roman", Times, serif;
}
.map-custom-container .crd-rgt-btns-bar > div .crd-rgt-btn-hvr::after {
  content: "";
  position: absolute;
  top: 35%;
  right: -5px;
  margin-right: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(1, 120, 186, 0.85);
}
.map-custom-container .crd-rgt-btns-bar > div.sel {
  border: 1px solid #F58A1F;
  background-color: rgba(245, 138, 31, 0.85);
}
.map-custom-container .crd-rgt-btns-bar > div.sel > i.fa-slash {
  display: unset;
  position: absolute;
  text-shadow: 0px 1.5px 0px #F58A1F;
  transform: scale(1.1);
}
.map-custom-container .crd-rgt-btns-bar > div.sel:hover {
  background-color: white;
}
.map-custom-container .crd-rgt-btns-bar > div.sel:hover > i {
  color: #F58A1F;
}
.map-custom-container .crd-rgt-btns-bar > div.sel:hover > i.fa-slash {
  text-shadow: 0px 1.5px 0px #FFFFFF;
}
.map-custom-container .crd-rgt-btns-bar > div.sel .crd-rgt-btn-hvr {
  background-color: rgba(235, 134, 30, 0.75);
}
.map-custom-container .crd-rgt-btns-bar > div.sel .crd-rgt-btn-hvr::after {
  border-color: transparent transparent transparent rgba(235, 134, 30, 0.6);
}
.map-custom-container .crd-rgt-btns-bar .crd-add-btn {
  background-color: #F58A1F;
  border-radius: 50%;
  border: none;
  width: 42px;
  height: 42px;
  margin-bottom: 50px;
}
.map-custom-container .crd-rgt-btns-bar .crd-add-btn i {
  font-size: 1.75em;
  margin-top: 1px;
}
.map-custom-container .crd-rgt-btns-bar .crd-add-btn.disabled {
  border-color: darkgrey;
  background-color: #C4C6C8;
  pointer-events: none;
  cursor: default;
}
.map-custom-container .crd-rgt-btns-bar .crd-add-btn.disabled i {
  color: darkgrey;
}
.map-custom-container .crd-rgt-btns-bar .edit-btn {
  display: none;
}
.map-custom-container .crd-rgt-btns-bar .edit-btn.disabled {
  border-color: darkgrey;
  background-color: #C4C6C8;
  pointer-events: none;
  cursor: default;
}
.map-custom-container .crd-rgt-btns-bar .edit-btn.disabled i {
  color: darkgrey;
}
.map-custom-container #map-body {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.map-custom-container #map-body .mapboxgl-popup .mapboxgl-popup-tip {
  border-top-color: #4E4D4D !important;
}
.map-custom-container #map-body .mapboxgl-popup .mapboxgl-popup-content {
  color: white !important;
  background-color: rgba(245, 138, 31, 0.85) !important;
  font-family: Segoe UI Semibold !important;
  text-align: center;
  border-radius: 10px !important;
}
.map-custom-container #map-body .mapboxgl-canvas-container.edit-mode {
  cursor: crosshair;
}
.map-custom-container #map-body .mapboxgl-canvas-container.edit-mode:active {
  cursor: grabbing;
}
.map-custom-container #map-body .marker {
  width: 0;
  height: 0;
}
.map-custom-container #map-body .marker .start-marker-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(0, 0, 204, 0.8);
  box-shadow: 0 0 0 rgba(0, 0, 204, 0.6);
  animation: start-marker-dot 2s infinite;
}
.map-custom-container #map-body .marker .marker-pointer {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border: solid 15px;
  border-radius: 0 70% 70%;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  transform-origin: 0 0;
  transform: rotateZ(-135deg);
  transition: 0.1s ease;
  color: #EF0606;
}
.map-custom-container #map-body .marker .marker-pointer b {
  transform: rotateZ(135deg);
  color: #FFFFFF;
}
.map-custom-container #map-body .marker .marker-pointer::after {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
}
.map-custom-container #map-body .marker .marker-pointer.source {
  color: #81BA41;
}
.map-custom-container #map-body .marker .marker-pointer.source::after {
  content: "";
  margin-left: -6px;
  margin-top: -6px;
  background-color: #000000;
}
.map-custom-container #map-body .marker .marker-pointer.destination {
  color: #F58A1F;
}
.map-custom-container #map-body .marker .marker-pointer.destination::after {
  content: "★";
  margin-left: -9px;
  margin-top: -10px;
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  transform: rotateZ(-10deg);
}
.map-custom-container #map-body .marker .marker-pointer.selected {
  color: darkblue;
}
.map-custom-container #map-body .marker .marker-pointer.selected.source::after {
  background-color: white;
}
.map-custom-container #map-body .marker .marker-pointer.selected.destination::after {
  color: white;
}
.map-custom-container #map-body .marker .marker-pointer.pulsate {
  border: 5px solid #FFFFFF;
  /* NOTE: wp-blinking is defined in the _waypointListing.scss file */
  animation-name: wp-blinking;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}
.map-custom-container #map-body .marker .marker-pointer.pulsate b {
  color: #EF0606;
}
@-webkit-keyframes start-marker-dot {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 204, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 204, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 204, 0);
  }
}
@keyframes start-marker-dot {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 204, 0.6);
    box-shadow: 0 0 0 0 rgba(0, 0, 204, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 204, 0);
    box-shadow: 0 0 0 10px rgba(0, 0, 204, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 204, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 204, 0);
  }
}

.build-ride-container {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-areas: "sidebar details";
  width: 100%;
}
.build-ride-container .left-bar {
  padding: 3vh 0 0;
  grid-area: sidebar;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 330px;
  grid-template-areas: "top" "bottom";
}
.build-ride-container .left-bar .control-sec {
  margin: 0 10%;
  padding-top: 20px;
  grid-area: top;
}
.build-ride-container .left-bar .control-sec div {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.build-ride-container .left-bar .control-sec div button.nav-btn {
  background-color: #81BA41;
  text-decoration: none;
  font-size: 0.9rem;
  font-family: "Roboto Slab";
  cursor: pointer;
  letter-spacing: 0.3px;
  color: white;
  text-transform: unset;
  border-radius: 20px;
  box-sizing: border-box !important;
  outline: none;
  width: 75%;
  text-align: center;
  padding: 8px;
  text-transform: uppercase;
}
.build-ride-container .left-bar .control-sec div button.active {
  background-color: #000000;
}
.build-ride-container .left-bar .comment-grid {
  grid-area: bottom;
  padding: 10px;
  opacity: 0;
  min-height: 0;
  transition: all 0.5s;
}
.build-ride-container .left-bar .comment-grid.active {
  opacity: 1;
  min-height: 575px;
  transition: min-height 0.3s, opacity 0.5s;
}
.build-ride-container .left-bar .comment-grid .comment-details {
  width: 100%;
  height: 100%;
  border: 4px solid #F58A1F;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li {
  position: relative;
  height: 204px;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li:nth-child(6n+0) {
  margin-right: 0;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .close-dialog {
  cursor: pointer;
  float: right;
  margin: 8px 5px 0 0;
  color: #FFFFFF;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .owner {
  display: inline-block;
  margin: 8px 0 0 8px;
  position: absolute;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .owner img {
  border-radius: 50px;
  height: 40px;
  width: 40px;
  object-fit: cover;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .owner span {
  top: 0;
  color: white;
  font-size: 0.74em;
  font-family: Roboto Slab;
  letter-spacing: 1.1px;
  position: absolute;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 4px;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .content {
  width: 100%;
  height: 100%;
  border-radius: 11px 11px 0 0;
  background-size: cover;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .content.active {
  border: 4px dashed #F58A1F;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .content .name, .build-ride-container .left-bar .comment-grid .comment-details div.li .content .date, .build-ride-container .left-bar .comment-grid .comment-details div.li .content .distance {
  padding: 0 0 0 10px;
  color: white;
  font-size: 0.74em;
  font-family: Roboto Slab;
  letter-spacing: 1.1px;
  position: absolute;
  width: calc(100% - 60px);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .content .name {
  top: 67%;
  font-weight: 600;
  font-size: 0.87em;
  width: calc(100% - 40px);
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .content .date {
  top: 78.5%;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .content .distance {
  top: 88%;
}
.build-ride-container .left-bar .comment-grid .comment-details div.li .content .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  grid-area: two;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec {
  padding: 0.8rem 0.9rem 0;
  overflow-y: auto;
  height: 100%;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec {
  top: 0;
  left: 0;
  z-index: 5;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model {
  padding: 1.5rem;
  background-color: white;
  box-shadow: 5px 6px 10px #585756;
  position: relative;
  float: left;
  width: 50%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form {
  position: relative;
  float: left;
  width: 95%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form span.user-name {
  color: #000000;
  font-size: 0.85em;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 1.5vw;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 6px 0;
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box textarea {
  padding: 0;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment {
  margin: 0vh 0.1vw;
  padding-left: 1vw;
  background-color: transparent !important;
  outline: none;
  border: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-size: 0.8em;
  letter-spacing: 0.15px;
  position: relative;
  float: left;
  width: 100%;
  resize: none;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea {
  box-shadow: unset;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea.focused {
  box-shadow: unset;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor {
  min-height: unset;
  max-height: unset;
  padding: 6px 24px 6px 0px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor:empty:before {
  content: attr(placeholder);
  display: block;
  color: #757575;
  font-size: 0.93em;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .post-submit {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .edit-comment-sec .edit-comment-model .input-comment-form .post-submit span {
  cursor: pointer;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .add-comment-alt-sec div.add-btn {
  float: left;
  height: 17px;
  width: 17px;
  margin-right: unset;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .add-comment-alt-sec div.add-btn i {
  font-size: 0.8rem;
  position: relative;
  top: -1px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .add-comment-alt-sec span.heading {
  margin-left: 0.5vw;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form span.user-name {
  color: #000000;
  font-size: 0.85em;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 1.5vw;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .input-comment-box {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 6px 0;
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .input-comment-box textarea {
  padding: 0;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .input-comment-box .input-comment {
  margin: 0vh 0.1vw;
  padding-left: 1vw;
  background-color: transparent !important;
  outline: none;
  border: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-size: 0.8em;
  letter-spacing: 0.15px;
  position: relative;
  float: left;
  width: 100%;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea {
  box-shadow: unset;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea.focused {
  box-shadow: unset;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor {
  min-height: unset;
  max-height: unset;
  padding: 6px 24px 6px 0px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .input-comment-box .input-comment.emojionearea .emojionearea-editor:empty:before {
  content: attr(placeholder);
  display: block;
  color: #757575;
  font-size: 0.93em;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .post-submit {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .input-comment-form .post-submit span {
  cursor: pointer;
  color: #F58A1F;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec {
  margin-top: 15px;
  height: calc(100% - 40px);
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row div.user-data {
  color: #000000;
  font-family: Roboto Slab;
  letter-spacing: 1px;
  margin-left: 0.5vw;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row div.user-data .user-name {
  font-weight: bold;
  font-size: 0.85em;
  margin-right: 10px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row div.user-data .user-date {
  font-size: 0.6em;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row .control-ellipse-sec {
  margin: 12px 5px 0 10px;
  float: left;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row .control-ellipse-sec .ellipse-icon {
  float: unset;
  margin-right: 0;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row .control-ellipse-sec .ellipse-icon i {
  line-height: unset;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row .control-ellipse-sec .option-crud-dialog {
  right: -10px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row .control-ellipse-sec .option-crud-dialog:after {
  right: 5px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row .added-comment-box {
  max-width: 92%;
}
.build-ride-container .left-bar .comment-grid .comment-details .comment-sec .added-comment-alt-sec .added-comment-row .added-comment-box .comment {
  border: 1.2px solid #a8a8a8;
  border-radius: 12px;
  margin: 4px 0 10px;
  padding: 8px;
  font-size: 0.9rem;
  letter-spacing: 0.15px;
  max-width: calc(100% - 9px);
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box {
  max-height: unset;
  padding: 5px 0.9rem;
  border-top: 2px solid #B1B1B1;
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box .load-more div {
  width: fit-content;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 5px;
  padding: 3px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box .load-more div i {
  color: #2B77B4;
  font-size: 0.95em;
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box .load-more div span {
  color: #545454;
  margin-left: 2px;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: 0.3px;
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box .load-more div:active {
  transform: translateY(1px);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box.inactive {
  max-height: 0;
  padding: 0;
  border-top: none;
  transition: all 0.5s;
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box.inactive div {
  pointer-events: none;
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box.inactive div i {
  color: #828282;
}
.build-ride-container .left-bar .comment-grid .comment-details .comments-box.inactive div span {
  color: #828282;
}
.build-ride-container .right-bar {
  grid-area: details;
  padding: 3vh 2vw 0 0;
  box-sizing: border-box;
}
.build-ride-container .right-bar > .heading {
  padding: 20px 0;
  border-bottom: 1px solid #B1B1B1;
  position: relative;
  float: left;
  width: 98%;
  height: auto;
}
.build-ride-container .right-bar > .heading.one-pager {
  margin-bottom: 15px;
}
.build-ride-container .right-bar > .heading-find {
  padding: 20px 0;
  border-bottom: 2px solid #a5a5a5;
  position: relative;
  float: left;
  width: 98%;
  height: auto;
}
.build-ride-container .right-bar .grid-rides-list {
  width: 98%;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
}
.build-ride-container .right-bar .grid-rides-list .spinner {
  left: unset;
}
.build-ride-container .right-bar .grid-rides-list .spinner .center-div {
  left: 44%;
  top: 5%;
}
.build-ride-container .right-bar .grid-rides-list .dl-panel-heading {
  text-align: center;
  margin-top: 20px;
}
.build-ride-container .right-bar .grid-rides-list .dl-panel-heading .dl-heading-text {
  color: #2B77B4;
  font-size: 1.2rem;
  font-style: italic;
}
.build-ride-container .right-bar .grid-rides-list div.li {
  position: relative;
  height: 175px;
}
.build-ride-container .right-bar .grid-rides-list div.li:nth-child(6n+0) {
  margin-right: 0;
}
.build-ride-container .right-bar .grid-rides-list div.li .content {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-size: cover;
  border: 0px solid #F58A1F;
  transition: border 0.175s;
}
.build-ride-container .right-bar .grid-rides-list div.li .content.active {
  border: 4px solid #F58A1F;
  transition: border 0.1s;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .owner {
  display: inline-block;
  margin: 8px 0 0 8px;
  position: absolute;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .owner img {
  border-radius: 50px;
  height: 40px;
  width: 40px;
  object-fit: cover;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .owner span {
  top: 0;
  color: white;
  font-size: 0.74em;
  font-family: Roboto Slab;
  letter-spacing: 1.1px;
  position: absolute;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 4px;
}
.build-ride-container .right-bar .grid-rides-list div.li .content a:not(.export-ride) {
  color: white;
}
.build-ride-container .right-bar .grid-rides-list div.li .content a:not(.export-ride) .name, .build-ride-container .right-bar .grid-rides-list div.li .content a:not(.export-ride) .date, .build-ride-container .right-bar .grid-rides-list div.li .content a:not(.export-ride) .distance {
  padding: 0 0 0 10px;
  color: white;
  font-size: 0.74em;
  font-family: Roboto Slab;
  letter-spacing: 1.1px;
  position: absolute;
  width: calc(100% - 60px);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.build-ride-container .right-bar .grid-rides-list div.li .content a:not(.export-ride) .name {
  top: 67%;
  font-weight: 600;
  font-size: 0.87em;
  width: calc(100% - 40px);
}
.build-ride-container .right-bar .grid-rides-list div.li .content a:not(.export-ride) .date {
  top: 78.5%;
}
.build-ride-container .right-bar .grid-rides-list div.li .content a:not(.export-ride) .distance {
  top: 88%;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .control-ellipse-sec {
  margin-top: 8px;
  float: unset;
  position: absolute;
  right: 0;
  display: inline-block;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .control-ellipse-sec .ellipse-icon {
  margin-right: 10px;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .control-ellipse-sec .ellipse-icon i {
  color: #FFFFFF;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .control-ellipse-sec .option-crud-dialog {
  right: -3px;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .control-ellipse-sec .option-crud-dialog:after {
  right: 9px;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .icons {
  display: grid;
  grid-auto-rows: 25px;
  grid-template-columns: 1fr;
  row-gap: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 10px 2px 0;
  color: white;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .icons div span {
  font-size: 11px;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .icons div span:first-child {
  margin-right: 2px;
  font-size: 12px;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .icons div span:last-child i {
  transition: 0.2s linear;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .icons div span:last-child i:hover {
  cursor: pointer;
  transform: scale(1.2);
  transition: 0.2s linear;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .icons div span.isLiked i {
  color: #81BA41;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .icons div span.isCommented i {
  color: #F58A1F;
}
.build-ride-container .right-bar .grid-rides-list div.li .content .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  grid-area: two;
}
.build-ride-container .right-bar .pagination-container {
  display: grid;
  place-items: flex-start;
  width: 98%;
}
.build-ride-container .right-bar .pagination-container.center {
  place-items: center;
}
.build-ride-container .right-bar .pagination-container.right {
  place-items: flex-end;
}
.build-ride-container .right-bar .pagination-container .paginationjs .paginationjs-pages {
  padding-left: 0;
}

.atlas.filter-options-container > .inner-sec {
  grid-template-columns: 31.3% 68.7%;
}
.atlas.filter-options-container > .inner-sec .filter-options .bstrapMS {
  grid-template-columns: repeat(3, 31.3%) 6.1%;
}

.location-search-container > div {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.location-search-container > div .location-search-outer {
  display: flex;
}
.location-search-container > div .location-search-outer .location-search-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 2px solid #707070;
  z-index: 1;
  background-color: #C4C6C8;
  text-transform: capitalize;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.location-search-container > div .location-search-outer .location-search-inner input {
  color: #505050;
  outline: none;
  border: none;
  font-family: Segoe UI;
  font-size: 14px;
  background-color: white !important;
  padding: 0.62rem 1rem;
  line-height: normal;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}
.location-search-container > div .location-search-outer .location-search-inner input::-webkit-input-placeholder {
  font-style: italic;
}
.location-search-container > div .location-search-outer .location-search-inner input:-moz-placeholder {
  font-style: italic;
}
.location-search-container > div .location-search-outer .location-search-inner input::-moz-placeholder {
  font-style: italic;
}
.location-search-container > div .location-search-outer .location-search-inner input:-ms-input-placeholder {
  font-style: italic;
}
.location-search-container > div .location-search-outer .location-search-inner .location-search-btn {
  background-color: #C4C6C8;
  width: 60px;
  height: 100%;
  padding: 0.7rem 0;
  text-align: center;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  cursor: pointer;
}
.location-search-container > div .location-search-outer .location-search-inner .location-search-btn:hover {
  box-shadow: 1px 0 1px 1px #595959;
}
.location-search-container > div .location-search-outer .location-search-inner .location-search-btn i {
  color: #0a0a0a;
}
.location-search-container > div .crd-drpdwn-search {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
  box-sizing: inherit;
  top: 45px;
  margin-left: 17px;
  width: calc(100% - 34px);
}
.location-search-container > div .crd-drpdwn-search p {
  margin-block-start: 0;
  margin-block-end: 0;
  padding: 0.8em 10px;
  border-bottom: 1px solid #707070;
  border-left: 1px solid #C4C6C8;
  border-right: 1px solid #C4C6C8;
  font-size: 14px;
  text-align: left;
  color: #686868;
}
.location-search-container > div .crd-drpdwn-search p i {
  margin-right: 5px;
}
.location-search-container > div .crd-drpdwn-search p span:not(.locName) {
  font-size: 12px;
}
.location-search-container > div .crd-drpdwn-search p span.locAddr {
  display: block;
  margin-left: 16px;
  margin-top: 2px;
}
.location-search-container > div .crd-drpdwn-search p:hover {
  background-color: rgba(1, 120, 186, 0.85);
  color: white;
}
.location-search-container > div .crd-drpdwn-search p.user-location > span:last-child {
  font-size: 12px;
}

.ride-details-container {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  /* Override the map navigation bar default location */
}
.ride-details-container .crd-rgt-bar0 {
  top: 6vh;
}

.ride-details-editor .edit-wp-btn-block {
  padding: 2vh 0 3vh;
  justify-content: space-around;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .edit-wp-btn-block button {
  font-size: 0.95rem;
  padding: 8px 60px;
  color: white;
  font-family: Segoe UI Semibold;
  letter-spacing: 1.5px;
  outline: none;
  border: none;
  background-color: #EB861E;
  border-radius: 20px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.ride-details-editor .ride-details-model {
  top: 0;
  left: 0;
  z-index: 4;
  font: caption;
  transition: 0.7s;
  position: absolute;
  float: none;
  width: auto;
  height: 100%;
}
.ride-details-editor .ride-details-model .outer-sec {
  z-index: 11;
  background-color: white;
  box-shadow: 0.5px 0.7px 5px rgba(0, 0, 0, 0.45);
  position: relative;
  float: left;
  width: 400px;
  height: 100%;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  float: none;
  width: 100%;
  height: inherit;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form {
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header {
  background-color: #585756;
  padding: 5px 0 5px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  /* Override some global control-ellipse-sec settings */
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .user-block {
  padding: 5px 5% 10px;
  border-bottom: 1px solid;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .user-block .pic {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .user-block .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .user-block .name {
  color: #C4C6C8;
  font-size: 0.85rem;
  font-family: Segoe UI Semibold;
  text-transform: capitalize;
  margin-left: 1vw;
  display: flex;
  align-items: center;
  position: relative;
  float: left;
  width: auto;
  height: 30px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-name {
  padding: 10px 0 10px 5%;
  position: relative;
  float: left;
  width: 80%;
  height: auto;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-name input {
  width: 100%;
  padding: 6px 5px 6px 5px;
  font-size: 1.1rem;
  font-family: Segoe UI Semibold;
  line-height: normal;
  border: none;
  color: white;
  background-color: transparent;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .control-ellipse-sec {
  padding-right: 5%;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .control-ellipse-sec .ellipse-icon {
  margin-right: 0px;
  margin-top: 15px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .control-ellipse-sec .option-crud-dialog {
  right: 5px;
  top: 40px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .control-ellipse-sec .option-crud-dialog::after {
  border-right: 10px solid transparent;
  border-bottom: 17px solid white;
  border-left: 10px solid transparent;
  position: absolute;
  content: "";
  top: -16px;
  right: 12px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter {
  padding: 10px 4%;
  display: flex;
  justify-content: space-around;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .column {
  display: flex;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .column .icon {
  width: 20px;
  height: 20px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .column .icon img {
  width: 100%;
  height: 100%;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .column .text {
  margin-left: 10px;
  margin-top: 2.5px;
  font-size: 0.9rem;
  color: white;
  letter-spacing: 0.35px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .menu-action {
  width: 17%;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .menu-action .ride-save-confirm-sec, .ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .menu-action .ride-copy-confirm-sec {
  display: none;
  margin-top: 2px;
  float: right;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .menu-action .ride-save-confirm-sec i, .ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .menu-action .ride-copy-confirm-sec i {
  color: #F58A1F;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .header .ride-parameter .menu-action .ride-copy-confirm-sec {
  margin-top: 1px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body {
  overflow-y: auto;
  transition: 0.7s;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body::-webkit-scrollbar {
  width: 4px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px #EAEAEA;
  -webkit-box-shadow: inset 0 0 10px #EAEAEA;
  border-radius: 0;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body::-webkit-scrollbar-thumb {
  border-radius: 0;
  box-shadow: inset 0 0 10px #C4C6C8;
  -webkit-box-shadow: inset 0 0 10px #C4C6C8;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body .rd-dtl-div {
  padding: 0 10px;
  border-bottom: 1.5px solid #bdbdbd;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  /* Override global settings */
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body .rd-dtl-div .ride-desc {
  padding: 2px;
  margin: 6px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body .rd-dtl-div .ride-desc.write-mode {
  z-index: 2;
  background-color: #F4F4F4;
  border: 1px solid #EAEAEA;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body .rd-dtl-div .ride-desc textarea {
  padding: 0;
  border: none;
  outline: none;
  color: #454545;
  margin-top: 5px;
  min-height: 40px;
  overflow: hidden;
  display: block;
  resize: none;
  background: transparent;
  font-size: 0.9rem;
  font-family: Segoe UI Semibold;
  letter-spacing: 0.6px;
  word-wrap: break-word;
  padding-right: 9px;
  overflow-y: auto;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body .rd-dtl-div .privacy-mode {
  float: none;
  text-align: center;
  margin-bottom: 0px;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form form .body .rd-dtl-div .privacy-mode .privacy-mode-column {
  float: none;
  display: inline-block;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form .wp-search {
  padding: 10px 23px;
  border-bottom: 1.5px solid #bdbdbd;
}
.ride-details-editor .ride-details-model .outer-sec .inner-sec .rd-dtl-form .rd-wp-details {
  overflow-y: auto;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.ride-details-editor .ride-details-model .model-slider {
  margin-top: 0;
  margin-right: 0.3vw;
  padding: 0 0.35vw;
  font-size: 1.15rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #585756;
  box-shadow: 0.5px 0.7px 5px rgba(0, 0, 0, 0.45);
  min-height: 105px;
  position: relative;
  float: right;
  width: auto;
  height: auto;
}
.ride-details-editor .ride-details-model .model-slider i {
  color: #C4C6C8;
}
.ride-details-editor .create-ride-model {
  background-color: white;
  border-radius: 15px;
  box-shadow: 0.5px 0.7px 5px rgba(0, 0, 0, 0.45);
  margin-bottom: 30px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.ride-details-editor .create-ride-model form {
  margin: 0;
  padding-bottom: 25px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .create-ride-model form .field-validation-error {
  top: 40px;
  padding: 5px;
  position: absolute;
}
.ride-details-editor .create-ride-model form .header {
  background-color: #2B77B4;
  padding: 10px;
  border-radius: 15px 15px 0 0;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.ride-details-editor .create-ride-model form .header .location-display {
  color: #FFFFFF;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: Segoe UI Semibold;
  font-size: 0.75rem;
  text-align: center;
  letter-spacing: 2.5px;
  transition: visibility 0s linear 0.15s, opacity 0.15s linear;
}
.ride-details-editor .create-ride-model form .crd-row {
  margin: 1vh 5%;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.ride-details-editor .create-ride-model form .crd-row .curnt-loc-icon {
  position: relative;
  float: right;
  width: 20px;
  height: 20px;
  margin-right: 0.5vw;
  margin-top: 0.6vh;
  cursor: pointer;
}
.ride-details-editor .create-ride-model form .crd-row .curnt-loc-icon img {
  width: 100%;
  height: 100%;
}
.ride-details-editor .create-ride-model form .crd-row input {
  font-size: 1.35rem;
  font-family: Segoe UI Semibold;
  color: #F58A1F;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0.5rem;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.ride-details-editor .create-ride-model form .crd-row input::-webkit-input-placeholder { /* Edge */
  color: #F58A1F;
  font-style: italic;
  text-transform: uppercase;
}
.ride-details-editor .create-ride-model form .crd-row input:-ms-input-placeholder { /* Internet Explorer */
  color: #F58A1F;
  font-style: italic;
  text-transform: uppercase;
}
.ride-details-editor .create-ride-model form .crd-row input::placeholder {
  color: #F58A1F;
  font-style: italic;
  text-transform: uppercase;
  opacity: 0.6;
}
.ride-details-editor .create-ride-model form .crd-row textarea {
  padding: 0.5rem;
  outline: none;
  background-color: transparent;
  height: 80px;
  width: 100%;
  resize: none;
  font-size: 0.93rem;
  color: #545454;
  letter-spacing: 0.5px;
  border: none;
  line-height: 23px;
}
.ride-details-editor .create-ride-model form .crd-row textarea::-webkit-input-placeholder { /* Edge */
  color: #545454;
  font-style: italic;
}
.ride-details-editor .create-ride-model form .crd-row textarea:-ms-input-placeholder { /* Internet Explorer */
  color: #545454;
  font-style: italic;
}
.ride-details-editor .create-ride-model form .crd-row textarea::placeholder {
  color: #545454;
  font-style: italic;
  opacity: 0.6;
}
.ride-details-editor .closed {
  left: -400px;
}

.waypoint-listing {
  margin: 1vh 3.5% 0;
  border-left: 2px dashed #c2c2c2;
  padding: 3px 0 10px 0;
  transition: 0.1s ease;
  position: relative;
  float: left;
  width: 93%;
  height: auto;
  /* NOTE: Cannot use sass variables (i.e. $mrdnaRed) in a css variable */
  --wp-color: #EF0606;
}
.waypoint-listing.source {
  /* NOTE: Cannot use sass variables (i.e. $mrdnaRed) in a css variable */
  --wp-color: #81BA41;
}
.waypoint-listing.destination {
  /* NOTE: Cannot use sass variables (i.e. $mrdnaRed) in a css variable */
  --wp-color: #F58A1F;
}
.waypoint-listing:last-child {
  border-left: 2px dashed transparent;
  margin-bottom: 10px;
}
.waypoint-listing .wp-header {
  display: flex;
  flex: 1;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .wp-header .icon {
  margin-top: -2.5px;
  margin-left: -8px;
  background-color: white;
  position: relative;
  float: left;
  width: auto;
  height: 100%;
}
.waypoint-listing .wp-header .icon .marker-pointer {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  color: #EF0606;
  width: 1rem;
  height: 1rem;
  border: solid 0.5em;
  border-radius: 0 70% 70%;
  box-shadow: 0 0 2px #000;
  position: relative;
  top: 20px;
  left: 7px;
  transform-origin: 0 0;
  transform: rotateZ(-135deg);
  cursor: default;
}
.waypoint-listing .wp-header .icon .marker-pointer b {
  transform: rotateZ(135deg);
  color: #FFFFFF;
  padding-top: 0.1em;
  font-size: 0.5em;
}
.waypoint-listing .wp-header .icon .marker-pointer::after {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
}
.waypoint-listing .wp-header .icon .marker-pointer.source {
  color: #81BA41;
}
.waypoint-listing .wp-header .icon .marker-pointer.source::after {
  content: "";
  margin-left: -4px;
  margin-top: -4px;
  background-color: #000000;
}
.waypoint-listing .wp-header .icon .marker-pointer.destination {
  color: #F58A1F;
}
.waypoint-listing .wp-header .icon .marker-pointer.destination::after {
  content: "★";
  margin-left: -7px;
  margin-top: -10px;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  transform: rotateZ(-10deg);
}
.waypoint-listing .wp-header .icon .marker-pointer.selected {
  color: darkblue;
}
.waypoint-listing .wp-header .icon .marker-pointer.selected.source::after {
  background-color: white;
}
.waypoint-listing .wp-header .icon .marker-pointer.selected.destination::after {
  color: white;
}
.waypoint-listing .wp-header .icon i.fa-circle {
  color: #EB861E;
  font-size: 0.9rem;
}
.waypoint-listing .wp-header .name {
  margin-top: -3px;
  margin-left: 10px;
  font-weight: bold;
  color: #585756;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-family: Segoe UI;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 1;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .wp-header .delete-wp {
  width: auto;
  height: auto;
  padding-right: 8px;
}
.waypoint-listing .wp-header .delete-wp i {
  cursor: pointer;
  color: #8D8D8D;
  transition: 0.05s ease;
}
.waypoint-listing .wp-header .delete-wp i:hover {
  transform: scale(1.05);
  transition: 0.05s ease;
  filter: drop-shadow(2px 2px 1px #8D8D8D);
}
.waypoint-listing .wp-header .delete-wp i:active {
  transform: scale(1);
  filter: none;
}
.waypoint-listing .body {
  flex: 1;
  margin: 10px;
  position: relative;
  float: left;
  width: 97%;
  height: auto;
}
.waypoint-listing .body .img-box {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DBDBDB;
  position: relative;
  float: left;
  width: 65px;
  height: 55px;
}
.waypoint-listing .body .img-box i {
  color: #9A9A9A;
  font-size: 1.5rem;
}
.waypoint-listing .body .img-box img {
  width: 100%;
  height: 100%;
  z-index: 2;
}
.waypoint-listing .body .img-box .image-count {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  z-index: 5;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  padding: 2px 5px;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
}
.waypoint-listing .body .img-box .image-count span {
  color: #646464;
  font-size: 0.8rem;
  font-weight: bold;
}
.waypoint-listing .body .desc-box {
  box-sizing: border-box;
  padding: 10px;
  background-color: #EAEAEA;
  letter-spacing: 0.6px;
  color: #4E4D4D;
  font-size: 0.9rem;
  font-family: Segoe UI Semibold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  float: left;
  width: 76%;
  height: auto;
}
.waypoint-listing .body .drag-wp {
  width: auto;
  height: auto;
  padding: 11px 5px 0 5px;
}
.waypoint-listing .body .drag-wp i {
  cursor: move;
  color: #8D8D8D;
}
.waypoint-listing .display-pics-container {
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: center;
  justify-content: center;
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.waypoint-listing .display-pics-container .display-pics-model {
  background-color: white;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: 50%;
  height: auto;
}
.waypoint-listing .display-pics-container .display-pics-model .header {
  padding: 15px;
}
.waypoint-listing .display-pics-container .display-pics-model .header .name-box, .waypoint-listing .display-pics-container .display-pics-model .header .address-box {
  display: flex;
  align-items: center;
}
.waypoint-listing .display-pics-container .display-pics-model .header .name-box span, .waypoint-listing .display-pics-container .display-pics-model .header .address-box span {
  color: #585756;
  font-family: Segoe UI;
  font-weight: bold;
  font-size: 0.85rem;
  letter-spacing: 0.2px;
}
.waypoint-listing .display-pics-container .display-pics-model .header .address-box {
  margin: 10px 0 0 10px;
}
.waypoint-listing .display-pics-container .display-pics-model .header .address-box span {
  color: #F58A1F;
  font-size: 0.75rem;
  font-style: italic;
}
.waypoint-listing .display-pics-container .display-pics-model .body {
  background-color: gray;
  position: relative;
  float: left;
  width: 97%;
  height: 60vh;
}
.waypoint-listing .display-pics-container .display-pics-model .body .pic-count-scale {
  top: 10px;
  left: 10px;
  z-index: 1;
  color: white;
  letter-spacing: 2px;
  font-family: Segoe UI Semibold;
  text-shadow: 1px 1px 2px black;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
}
.waypoint-listing .display-pics-container .display-pics-model .body .slideshow-container {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.waypoint-listing .display-pics-container .display-pics-model .body .slideshow-container .slides {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.waypoint-listing .display-pics-container .display-pics-model .body .slideshow-container .slides img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.waypoint-listing .display-pics-container .display-pics-model .body .prev, .waypoint-listing .display-pics-container .display-pics-model .body .next {
  top: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -22px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 1;
  opacity: 0.7;
  text-decoration: none;
  background-color: #F4F4F4;
  border-radius: 50%;
  position: absolute;
  float: none;
  width: 25px;
  height: 25px;
}
.waypoint-listing .display-pics-container .display-pics-model .body .prev i, .waypoint-listing .display-pics-container .display-pics-model .body .next i {
  color: #828282;
}
.waypoint-listing .display-pics-container .display-pics-model .body .next {
  right: 5px;
}
.waypoint-listing .display-pics-container .display-pics-model .body .prev {
  left: 5px;
}
.waypoint-listing .display-pics-container .display-pics-model .text {
  min-height: 8vh;
  padding: 15px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .display-pics-container .display-pics-model .text .description-block {
  color: #666666;
  font-size: 0.85rem;
  font-family: "Segoe UI Semibold";
  letter-spacing: 0.2px;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model {
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: center;
  font: caption;
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model {
  background-color: white;
  margin: 10vh 30%;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-header {
  margin: 3vh 5% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-sizing: border-box;
  border-bottom: 1px solid #F58A1F;
  position: relative;
  float: left;
  width: 90%;
  height: 6vh;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-header .heading {
  color: #585756;
  font-family: "Segoe UI";
  font-weight: bold;
  letter-spacing: 0.1px;
  font-size: 1.05em;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main {
  margin: 6px 5%;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row {
  padding: 4px 0;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row.wp-address {
  font-family: Segoe UI;
  padding: 0.5rem;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: bold;
  color: #EB861E;
  line-height: normal;
  text-align: center;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row input, .waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row select {
  outline: none;
  font-family: Segoe UI;
  background-color: #F4F4F4;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #000000;
  border-bottom: 1px solid #707070;
  line-height: normal;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row input::-webkit-input-placeholder, .waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row select::-webkit-input-placeholder { /* Edge */
  font-style: italic;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row input:-ms-input-placeholder, .waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row select:-ms-input-placeholder { /* Internet Explorer */
  font-style: italic;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row input::placeholder, .waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row select::placeholder {
  font-style: italic;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row textarea {
  resize: none;
  outline: none;
  font-family: Segoe UI;
  background-color: #F4F4F4;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: none;
  color: #000000;
  border-bottom: 1px solid #707070;
  line-height: normal;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row textarea::-webkit-input-placeholder { /* Edge */
  font-style: italic;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row textarea:-ms-input-placeholder { /* Internet Explorer */
  font-style: italic;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row textarea::placeholder {
  font-style: italic;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-container .row-main .row button {
  padding: 10px 15px;
  margin: 2.5vh 1vw;
  background-color: #F58A1F;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-btn-block {
  display: flex;
  margin: 20px 0 0 12px;
  border-top: 1px solid #B1B1B1;
  /*padding: 2vh 0 3vh;*/
  justify-content: space-around;
  position: relative;
  float: left;
  width: 95%;
  height: auto;
}
.waypoint-listing .edit-waypoint-details-model .edit-wp-model .model-body .edit-wp-block .edit-wp-btn-block button {
  font-size: 0.95rem;
  padding: 8px 60px;
  color: white;
  font-family: Segoe UI Semibold;
  letter-spacing: 1.5px;
  outline: none;
  border: none;
  background-color: #EB861E;
  border-radius: 20px;
  position: relative;
  float: left;
  width: auto;
  height: auto;
}
.waypoint-listing.over {
  border-radius: 10px;
  border: 3px dashed #EF0606;
  transition: 0.1s ease;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3607843137);
}
.waypoint-listing.over.source {
  border-color: #81BA41;
}
.waypoint-listing.over.destination {
  border-color: #F58A1F;
}
.waypoint-listing.start {
  border-radius: 10px;
  transition: 0.1s ease;
  border: 3px solid #EF0606;
  opacity: 0.25;
  transform: scale(0.9);
}
.waypoint-listing.start.source {
  border-color: #81BA41;
}
.waypoint-listing.start.destination {
  border-color: #F58A1F;
}
.waypoint-listing.pulsate {
  border: 5px solid #FFFFFF;
  border-radius: 10px;
  animation-name: wp-blinking;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}
.waypoint-listing.selected {
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3607843137);
  transition: 0.5s ease;
}
.waypoint-listing.selected .wp-header .name {
  font-size: 0.98rem !important;
}
.waypoint-listing.selected .wp-header .icon .marker-pointer {
  color: darkblue !important;
}
.waypoint-listing.selected .body .desc-box {
  font-size: 0.93rem !important;
}

/* Declare blinking animation */
@-webkit-keyframes wp-blinking {
  50% {
    border-color: var(--wp-color);
  }
}
@keyframes wp-blinking {
  50% {
    border-color: var(--wp-color);
  }
}
form .form-photo-selection .pic-grid {
  padding: 10px;
  justify-items: center;
  display: grid;
  row-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
form .form-photo-selection .conversion-message {
  font-style: italic;
  font-weight: bold;
  color: #F58A1F;
  margin: 10px 0 10px 10px;
}
form .form-photo-selection .conversion-message:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "…"; /* ascii code for the ellipsis character */
  width: 0px;
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
form .form-photo-selection .image-seln-mode-block {
  width: 100%;
}
form .form-photo-selection .image-seln-mode-block > div {
  padding: 60px 2vw;
  cursor: pointer;
}
form .form-photo-selection .image-seln-mode-block > div .img-div {
  width: 100%;
  display: flex;
  justify-content: center;
}
form .form-photo-selection .image-seln-mode-block > div .img-div img {
  width: 50px;
  height: 50px;
}
form .form-photo-selection .image-seln-mode-block > div .text-div {
  color: #585756;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 0.8rem;
  margin: 5px 0;
}
form .form-photo-selection .images-block {
  cursor: pointer;
  z-index: 2;
  width: 100%;
}
form .form-photo-selection .images-block div.li {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0;
  height: 175px;
  width: 200px;
  cursor: default;
  /* Override some global settings */
}
form .form-photo-selection .images-block div.li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid gray;
  display: inherit;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  border-radius: 15px;
}
form .form-photo-selection .images-block div.li .add-pics-btn {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  cursor: pointer;
  background-color: white;
}
form .form-photo-selection .images-block div.li .add-pics-btn i {
  color: #EB861E;
  font-size: 2rem;
}
form .form-photo-selection .images-block div.li .close-model {
  top: -5px !important;
  right: -5px !important;
  background-color: #B12A0B;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
}
form .form-photo-selection .my-photos-container {
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 101;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  float: none;
  width: 100%;
  height: 100%;
}
form .form-photo-selection .my-photos-container .my-photo-header {
  z-index: 101;
  padding: 10px 0;
  display: flex;
  background-color: #2B77B4;
  border: 4px solid #B1B1B1;
  border-bottom: none;
  width: 80%;
}
form .form-photo-selection .my-photos-container .my-photo-header .heading {
  padding: 5px;
  color: white;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-family: Roboto Slab;
  font-weight: bold;
  letter-spacing: 2px;
}
form .form-photo-selection .my-photos-container .my-photo-header .close-model {
  position: relative;
  top: 1px;
  right: 0;
  margin-left: auto;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  padding: 4px;
}
form .form-photo-selection .my-photos-container .my-photo-header .close-model i {
  margin: unset;
  font-size: 1.3rem;
}
form .form-photo-selection .my-photos-container .my-photo-grid {
  padding: 10px;
  display: grid;
  background-color: white;
  grid-template-columns: repeat(6, 1fr);
  border: 4px solid #B1B1B1;
  border-top: none;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3607843137);
  width: 80%;
}
form .form-photo-selection .my-photos-container .my-photo-grid .li {
  cursor: pointer;
  border: 2px solid #E2E2E2;
  width: 175px;
  height: 150px;
}
form .form-photo-selection .my-photos-container .my-photo-grid .li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
form .form-photo-selection .my-photos-container .my-photo-grid .li.sel::before {
  content: "selected";
  font-weight: bold;
  color: #F58A1F;
  position: absolute;
  width: inherit;
  height: inherit;
  background-color: rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}

.event-list {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-areas: "sidebar details";
  width: 100%;
}
.event-list .left-bar {
  grid-area: sidebar;
}
.event-list .left-bar .control-sec {
  margin: 3vh 10%;
  padding-top: 20px;
}
.event-list .left-bar .control-sec div {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.event-list .left-bar .control-sec div button.nav-btn {
  background-color: #81BA41;
  text-decoration: none;
  font-size: 0.9rem;
  font-family: "Roboto Slab";
  cursor: pointer;
  letter-spacing: 0.3px;
  color: white;
  text-transform: unset;
  border-radius: 20px;
  box-sizing: border-box !important;
  outline: none;
  width: 75%;
  text-align: center;
  padding: 8px;
  text-transform: uppercase;
}
.event-list .left-bar .control-sec div button.active {
  background-color: #000000;
}
.event-list .left-bar .control-sec div button.free {
  background-color: #B1B1B1;
}
.event-list .right-bar {
  grid-area: details;
  padding: 3vh 2vw 0 0;
  box-sizing: border-box;
  min-height: 55vh;
}
.event-list .right-bar .heading {
  padding: 20px 0;
  border-bottom: 1px solid #B1B1B1;
  position: relative;
  float: left;
  width: 98%;
  height: auto;
}
.event-list .right-bar .heading.one-pager {
  margin-bottom: 15px;
}
.event-list .right-bar .events {
  width: 98%;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
}
.event-list .right-bar .events .spinner {
  left: unset;
}
.event-list .right-bar .events .spinner .center-div {
  left: 44%;
  top: 5%;
}
.event-list .right-bar .events .dl-panel-heading {
  text-align: center;
  margin-top: 20px;
}
.event-list .right-bar .events .dl-panel-heading .dl-heading-text {
  color: #2B77B4;
  font-size: 1.2rem;
  font-style: italic;
}
.event-list .right-bar .events div.li {
  margin: 0 5px 0 0;
  position: relative;
  height: 175px;
  width: 100%;
}
.event-list .right-bar .events div.li:nth-child(6n+0) {
  margin-right: 0;
}
.event-list .right-bar .events div.li .content {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-size: cover;
}
.event-list .right-bar .events div.li .content a {
  color: white;
}
.event-list .right-bar .events div.li .content a .name, .event-list .right-bar .events div.li .content a .date, .event-list .right-bar .events div.li .content a .location, .event-list .right-bar .events div.li .content a .distance {
  padding: 0 0 0 10px;
  color: white;
  font-size: 0.74em;
  font-family: Roboto Slab;
  letter-spacing: 1.1px;
  position: absolute;
  width: calc(100% - 60px);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-list .right-bar .events div.li .content a .name {
  top: 57%;
  font-weight: 600;
  font-size: 0.87em;
}
.event-list .right-bar .events div.li .content a .name.short {
  top: 71%;
}
.event-list .right-bar .events div.li .content a .date {
  top: 68%;
}
.event-list .right-bar .events div.li .content a .date.short {
  top: 82%;
}
.event-list .right-bar .events div.li .content a .location {
  top: 78%;
}
.event-list .right-bar .events div.li .content a .distance {
  top: 88%;
}
.event-list .right-bar .events div.li .content .icons {
  display: grid;
  grid-auto-rows: 25px;
  grid-template-columns: 1fr;
  row-gap: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 10px 2px 0;
  color: white;
}
.event-list .right-bar .events div.li .content .icons div.user {
  margin-right: -2px;
}
.event-list .right-bar .events div.li .content .icons div.user span.user-set i {
  transition: 0.2s linear;
}
.event-list .right-bar .events div.li .content .icons div.user span.user-set i:hover {
  cursor: pointer;
  transform: scale(1.2);
  transition: 0.2s linear;
}
.event-list .right-bar .events div.li .content .icons div {
  text-align: right;
}
.event-list .right-bar .events div.li .content .icons div span i.attending {
  color: #81BA41;
}
.event-list .right-bar .events div.li .content .icons div span i.interested {
  color: #F58A1F;
}
.event-list .right-bar .events div.li .content .icons span {
  font-size: 11px;
}
.event-list .right-bar .events div.li .content .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  grid-area: two;
}
.event-list .right-bar .pagination-container {
  display: grid;
  place-items: flex-start;
  width: 98%;
}
.event-list .right-bar .pagination-container.center {
  place-items: center;
}
.event-list .right-bar .pagination-container.right {
  place-items: flex-end;
}
.event-list .right-bar .pagination-container .paginationjs .paginationjs-pages {
  padding-left: 0;
}

.event-details-container {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-areas: "image image" "sidebar details";
  font-family: Roboto Slab;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
}
.event-details-container .image-container {
  position: relative;
  float: none;
  width: 100%;
  height: 500px;
  grid-area: image;
}
.event-details-container .image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #2B77B4;
  background-color: rgba(1, 120, 186, 0.85);
  background-color: rgba(0, 0, 0, 0.6);
}
.event-details-container .image-container .bottom-bar {
  position: absolute;
  float: none;
  width: 100%;
  height: 50px;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-details-container .image-container .bottom-bar .icons {
  display: grid;
  grid-auto-flow: column;
  grid-auto-rows: 25px;
  grid-gap: 60px;
  align-items: center;
  position: absolute;
  color: white;
}
.event-details-container .image-container .bottom-bar .icons div {
  --fa-animation-duration: 0.8s;
}
.event-details-container .image-container .bottom-bar .icons div.user span.user-set i {
  transition: 0.2s linear;
}
.event-details-container .image-container .bottom-bar .icons div.user span.user-set i:hover {
  cursor: pointer;
  transform: scale(1.2);
  transition: 0.2s linear;
}
.event-details-container .image-container .bottom-bar .icons div span {
  font-size: 14px;
  padding-right: 10px;
}
.event-details-container .image-container .bottom-bar .icons div span i.attending {
  color: #81BA41;
}
.event-details-container .image-container .bottom-bar .icons div span i.interested {
  color: #F58A1F;
}
.event-details-container .tile-heading {
  margin: 0;
  padding: 2vh 0.5vw 0.5vh;
  border-bottom: 1px solid #F58A1F;
  text-transform: uppercase;
  width: 85%;
  text-decoration: none;
  font-size: 0.95em;
  font-weight: 600;
  color: #000000;
  outline: none;
}
.event-details-container .inner-details {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 1.5vh 0;
  overflow-wrap: anywhere;
}
.event-details-container .inner-details > div {
  margin-bottom: 10px;
}
.event-details-container .inner-details > div i {
  width: 20px;
}
.event-details-container .inner-details span, .event-details-container .inner-details a {
  display: inline-block;
  vertical-align: top;
  word-break: break-word;
  font-size: 0.81em;
  font-weight: 600;
  letter-spacing: 1px;
  color: #585756;
}
.event-details-container .inner-details span:first-child, .event-details-container .inner-details a:first-child {
  text-align: center;
}
.event-details-container .inner-details span:last-child, .event-details-container .inner-details a:last-child {
  max-width: 77%;
}
.event-details-container .inner-details a {
  text-align: unset;
  text-decoration: none;
  color: #2B77B4;
}
.event-details-container .inner-details a div {
  word-break: break-word;
}
.event-details-container .inner-details a div:not(:last-child) {
  margin-bottom: 5px;
}
.event-details-container .side-menu-container {
  grid-area: sidebar;
  float: none;
  width: auto;
  margin-top: 55px;
}
.event-details-container .side-menu-container .side-menu-tile {
  position: relative;
  float: none;
  width: auto;
  height: auto;
}
.event-details-container .details-container {
  grid-area: details;
  word-wrap: break-word;
  width: calc(100% - 20px);
  margin-bottom: 20px;
}
.event-details-container .details-container .details-box {
  font-weight: bold;
  border-bottom: 2px solid #2B77B4;
  margin-bottom: 15px;
}
.event-details-container .details-container .details-box .event-Name {
  color: #81BA41;
  font-weight: bold;
}
.event-details-container .details-container .details-box .first-row {
  color: #6E6E6E;
  letter-spacing: 0.45px;
}
.event-details-container .details-container .details-box p {
  line-height: 1.5;
  letter-spacing: 0.45px;
  color: #454545;
}
.event-details-container .details-container .itineraries {
  margin: 0 10px 8px;
}
.event-details-container .details-container .itineraries h3 {
  color: #2B77B4;
  font-weight: bold;
  margin: 0 0;
}
.event-details-container .details-container .itineraries .control-sec {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
}
.event-details-container .details-container .itineraries .control-sec button.nav-btn {
  background-color: #2B77B4;
  text-decoration: none;
  font-size: 0.9rem;
  cursor: pointer;
  letter-spacing: 0.3px;
  color: white;
  text-transform: unset;
  border-radius: 10px;
  box-sizing: border-box !important;
  outline: none;
  width: 100%;
  min-width: 150px;
  height: auto;
  min-height: 50px;
  text-align: center;
  padding: 8px;
  text-transform: uppercase;
  font-family: unset;
}
.event-details-container .details-container .itineraries .control-sec button.nav-btn span {
  display: block;
  line-height: 1.25;
}
.event-details-container .details-container .itineraries .control-sec button.active {
  background-color: #000000;
}
.event-details-container .details-container .itineraries .itinerary-details {
  margin-top: 25px;
}
.event-details-container .details-container .itineraries .itinerary-details .activities div .tile-heading {
  border-bottom: none;
  color: #2B77B4;
  padding-left: 0;
}
.event-details-container .details-container .itineraries .itinerary-details .activities div .inner-details {
  float: unset;
  position: unset;
  padding: 20px 20px 20px 50px;
  margin-top: 5px;
  background-image: linear-gradient(to right, #2B77B4 45px, #E2E2E2 45px);
}
.event-details-container .details-container .itineraries .itinerary-details .activities div .inner-details div:last-child {
  margin-bottom: 0;
}
.event-details-container .details-container .itineraries .itinerary-details .activities div .inner-details div span i {
  color: #2B77B4;
}