body {padding-top: 3em; font-size: medium; position: relative;}
.sticky {top: 50px; position: -webkit-sticky; position: sticky;}
dd {margin: 10px 20px;}
h3 {min-height: 28px;}
.subTitle, .subtitle {margin-top: 10px;}
.footer {padding: 30px 0; border-top: 1px solid #d9d9d9; background-color: #f5f5f5;}
.error {color: #d9534f; font-weight: 500;}
.twinScreen {overflow: hidden; float: left;}
.tooltipCustom {margin-top: 5px; color: #aaa;}
.text-second {color: #aaa;}
.text-wrap {white-space: normal; word-wrap: break-word;}
.has-hover:HOVER, .has-hover:ACTIVE, .has-hover.active {background-color: #efefef;}
.has-pointer {cursor: pointer;}
.has-grab {cursor: -webkit-grab; cursor: -moz-grab; cursor: grab;}
.has-grab:active {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;}
.list-group-item-heading {line-height: 1.6em;}
.note-editor {background-color: white;}
.note-toolbar button {height: 30px;}
.note-editable {color: black;}
.note-editor .note-codable {background-color: #444;}
.btn-toolbar {margin-left: 0;}
.bx-wrapper .bx-viewport {margin-top: 2px; min-height: 55px;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color: #ddd; width: 18px; height: 18px; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px;}
.bx-wrapper .bx-pager.bx-default-pager a:HOVER,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #337ab7;}
@supports not (-moz-hyphens: auto) {.hyphenate {word-break: break-all;}}
.hyphenate {-ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.bxslider > li {padding: 10px; background-color: #eee;}
.navbar-fixed-top {min-height: 3em;}
.navbar-fixed-top .container {position: relative; top: 0;}
.navbar-fixed-top .navbar-collapse {max-height: 100%;}
.navbar-toggle {float: left;}
@media (max-width: 768px) {.navbar-brand {position: absolute; width: 100%; text-align: center;}}
.rotate{-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.rotate.down{-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.rotate.leftScroll{-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.text-mist {opacity: 0.2;}
.label-as-badge {border-radius: 1em;}
.badge-group {line-height: 1.5em;}
.badge-group>.badge {border-width: 1px; border-style: solid; border-color: #777;}
.badge-group>.badge:not(:first-child):not(:last-child) {border-radius: 0; background: transparent; border-right-width: 0; color: #777;}
.badge-group>.badge:first-child:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0;}
.badge-group>.badge:last-child:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0;}
.badge-group .badge-group-second {background: transparent; color: #777;}
.badge-group .alert-info {border-color: #a4daf5;}
.badge-group .badge-group-second.alert-info {color: #31708f;}
.badge-group .alert-danger {border-color: #e7c3c3;}
.badge-group .badge-group-second.alert-danger {color: #a94442;}
.badge-group>.label {border-width: 1px; border-style: solid; border-color: #777;}
.badge-group>.label:not(:first-child):not(:last-child) {border-radius: 0; background: transparent; border-right-width: 0; color: #777;}
.badge-group>.label:first-child:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0;}
.badge-group>.label:last-child:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; background: transparent; color: #777;}
/* //================ S:.checkboxFive */
.checkboxFive {width: 30px; margin: 0 5px; position: relative; overflow: visible;}
.checkboxFive label {cursor: pointer; position: absolute; width: 1.7em; height: 1.7em; top: 0; left: 0; background: #fff; border: 3px solid #d5d5d5; border-radius: 4px; -webkit-border-radius: 4px;}
.checkboxFive label:AFTER {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; -o-opacity: 0.1; opacity: 0.1; content: ''; position: absolute; width: 13px; height: 7px; background: transparent; top: 5px; left: 5px; border: 3px solid #337ab7; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.checkboxFive label:HOVER::AFTER {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; -o-opacity: 0.3; opacity: 0.3;}
.checkboxFive input[type=checkbox] {margin-top: 0; height: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; opacity: 0;}
.checkboxFive input[type=checkbox]:checked + label {border-color: #337ab7;}
.checkboxFive input[type=checkbox]:checked + label:AFTER {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; opacity: 1;}
/* //================ E:.checkboxFive */
/* //================ S:.radiobuttonFive */
.radiobuttonFive li {/* margin-bottom: 20px; */}
.radiobuttonFive input[type="radio"] {position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; opacity: 0;}
.radiobuttonFive input[type="radio"] + label {position: relative; padding: 3px 0 0 35px; font-size: 16px; line-height: 24px; vertical-align: super; cursor: pointer;}
.radiobuttonFive input[type="radio"] + label:BEFORE {content: ""; display: block; position: absolute; top: 2px; left: 2px; height: 24px; width: 24px; background: #dedede; border: 1px solid #97ADD1; box-shadow: inset 0px 0px 0px 4px white; -webkit-box-shadow: inset 0px 0px 0px 4px white; -moz-box-shadow: inset 0px 0px 0px 4px white; -o-box-shadow: inset 0px 0px 0px 4px white; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px;}
.radiobuttonFive input[type="radio"]:checked + label:BEFORE {background: #337ab7; border-color: #337ab7;}
.radiobuttonFive input[type="radio"][disabled] + label {cursor: not-allowed;}
.radiobuttonFive input[type="radio"][disabled] + label:BEFORE {background-color: #f9f9f9; border-color: #dfdfdf;}
/* //================ E:.radiobuttonFive */
/* //================ S:.snackbar */
#snackbar {display: none; min-width: 250px; margin-left: -125px; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 1em; font-size: 1.5em;}
#snackbar.show {visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s;}
@-webkit-keyframes fadein {from {bottom: 0; opacity: 0;} to {bottom: 1em; opacity: 1;}}
@keyframes fadein {from {bottom: 0; opacity: 0;} to {bottom: 1em; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 1em; opacity: 1;} to {bottom: 0; opacity: 0;}}
@keyframes fadeout {from {bottom: 1em; opacity: 1;} to {bottom: 0; opacity: 0;}}
/* //================ E:.snackbar */
/* //================ S: File upload */
.fileField {position: relative;overflow: hidden;}
.fileField div {position: absolute; right: 0px; margin: 0px;}
input[type="file"] {width: 100%; opacity: 0; height: 34px; cursor: pointer; border: 0px solid #999;}
.fileField .btn {border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; height: 34px;}
.btn-file {position: relative; overflow: hidden;}
.btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;}
/* //================ E: File upload */
#top {padding: 60px 0; border-radius: 0;}
/* #top:AFTER {opacity: 0.3;} */
.main-slide-image {width:100%; min-height: 320px; -webkit-filter: blur(5px); filter: blur(5px);}
.carousel-control.left {background-image:none; background-repeat:none;}
.carousel-control.right {background-image:none; background-repeat:none;}
/* #features {margin-left: -15px; margin-right: -15px; border-radius: 0;} */
.form-group.note-group-select-from-files {display: none;}
.form-control-danger {color: white; background-color: rgba(217, 83, 79, 1);}
.borderless td, .borderless th {border: none !important;}
.badge[disabled] {opacity: 0.1; cursor: not-allowed;}
.selected-list-item {background: #ffffd2 !important;}
/* //================ S: TOAST & Sticky */
#toast-container > div {opacity: 1.0;}
/* //================ E: TOAST & Sticky */
#viewMhButton {margin-top: 2px;}
.fa-del:AFTER {position: absolute; content: "X"; color: red; font-weight: 700; font-size: 1.7em; left: 7px; top: -10px;}
.fa-stack-1-5x {font-size: 1.5em;}
.fa-stack-2-5x {font-size: 2.5em;}
.fa-stack-3x {font-size: 3em;}
.fa-stack-3-5x {font-size: 3.5em;}
.fa-stack-1-5x, .fa-stack-2-5x, .fa-stack-3x, .fa-stack-3-5x {position: absolute; left: 0; width: 100%; text-align: center;}
.fa-rotate-45 {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.note-editable table {color: initial; background-color: initial;}
/* //================ S: Editor for EasyMode */
.easyModeEditorContainer {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; padding-top: 51px;}
.easyModeEditorLeftBottom, .easyModeEditorIframe {min-height: calc(100vh - 110px);}
.easyModeEditorSplitter {position: absolute; width: 12px; top: 0; bottom: 0; left: -6px;}
.easyModeEditorComponent {width: 120px; height: 150px; color: grey; background: white; margin: 0 0.3em 1em 1em; padding: 0.5em; float: left; border: 1px solid lightgrey; border-radius: 0.5em; cursor: pointer;}
.easyModeEditorComponentTop {width: 100%; height: 70%; text-align: center;}
.easyModeEditorComponentBottom {width: 100%; height: 30%; text-align: center;}
.modal-90 {width: 90%; height: 90%;}
.modal-90 .modal-content {height: 100%;}
.modal-90 .modal-content .modal-body {max-height: calc(100% - 120px); overflow-y: scroll;}
.easyModeEditorFile {width: 200px; height: 220px; margin: 0 0.3em 1em 1em; padding: 0.5em; float: left; border: 1px solid lightgrey; border-radius: 0.5em;}
.easyModeEditorFileTop {width: 100%; height: 150px; text-align: center;}
.easyModeEditorFileBottom {width: 100%; height: 50px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 5px;}
.mhTemplateMapCenterMarker{position:absolute; background:url(https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi2_hdpi.png) no-repeat; background-size: 27px 43px; top:50%;left:50%;z-index:1;margin-left:-10px;margin-top:-34px;height:43px;width:27px;}
/* //================ E: Editor for EasyMode */
/* //================ S: Button Signup */
.btn-signup {background-color: #419dc2; color: #fff; border-radius: 0;}
.btn-signup:HOVER, .btn-signup:ACTIVE {background-color: #1a262f; color: #fff; border-radius: 0;} /* #406D86 #518CAB */
.btn-signup-invert {background-color: #fff; color: #419dc2; border-radius: 0;}
.btn-signup-invert:HOVER, .btn-signup-invert:ACTIVE {background-color: #1a262f; color: #fff; border-radius: 0;} /* #406D86 #518CAB */
.btn-signup-invert2 {background-color: #1a262f; color: #fff; border-radius: 0;}
.btn-signup-invert2:HOVER, .btn-signup-invert2:ACTIVE {background-color: #419dc2; color: #fff; border-radius: 0;} /* #406D86 #518CAB */
.btn-search-pay {background-color: #f8cf6b; color: #4b2813; border-radius: 0;} /* #f4c27b #f7c100 */
.btn-search-pay:HOVER, .btn-search-pay:ACTIVE {background-color: #4b2813; color: #fff; border-radius: 0;} /* #406D86 #518CAB */
/* //================ E: Button Signup */
.jumbotron-main {-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);}
.plan-row {padding-top: 0.8em; padding-bottom: 0.8em;}

/* .form-control, .btn,.label, .progress, .panel, .panel-heading, .input-group-addon {border-radius: 0;} */
.navbar-default {background: rgb(248 248 248 / 93%);}

.btn-default, .progress-bar-default, .panel-default>.panel-heading {background-image: none; background-color: #efefef;}
.label-default, .alert-default {background-color: #b2b2b2;}
.btn-primary, .progress-bar-primary, .panel-primary>.panel-heading, .label-primary, .alert-primary {background-image: none;}
.btn-secondary, .progress-bar-secondary, .panel-secondary>.panel-heading, .label-secondary, .alert-secondary {background-image: none;}
.btn-success, .progress-bar-success, .panel-success>.panel-heading, .label-success, .alert-success {background-image: none; background-color: #1bbe90;}
.btn-success:ACTIVE, .btn-success:HOVER, .btn-success.active {background: #189e77;}
.btn-info, .progress-bar-info, .panel-info>.panel-heading, .label-info, .alert-info {background-image: none;}
.btn-warning, .progress-bar-warning, .panel-warning>.panel-heading, .label-warning, .alert-warning {background-image: none;}
.btn-danger, .progress-bar-danger, .panel-danger>.panel-heading, .label-danger, .alert-danger {background-image: none;}

.callout, .callout-default { border-left: 0.3em solid;}
.callout-primary   { border-left-color: #337ab7;}
.callout-secondary { border-left-color: #6c757d;}
.callout-success   { border-left-color: #5cb85c;}
.callout-info      { border-left-color: #46b8da;}
.callout-warning   { border-left-color: #f0ad4e;}
.callout-danger    { border-left-color: #d9534f;}

/* .btn-default, .progress-bar-default, .panel-default>.panel-heading {background: #d4dfea;}
.btn-default {border-color: #bfcbd5;}
.btn-default:ACTIVE, .btn-default:HOVER, .btn-default.active {background: #bfcbd5;}
.label-default {background: #adb5bd;}

.btn-primary, .progress-bar-primary, .panel-primary>.panel-heading {background: #0d6efd;}
.btn-primary {border-color: #0b65ed;}
.btn-primary:ACTIVE, .btn-primary:HOVER, .btn-primary.active {background: #0b65ed;}
.label-primary {background: #0d6efd;}

.btn-secondary, .progress-bar-secondary, .panel-secondary>.panel-heading {background: #0d6efd;}
.btn-secondary {border-color: #0b65ed;}
.btn-secondary:ACTIVE, .btn-secondary:HOVER, .btn-secondary.active {background: #0b65ed;}
.label-secondary {background: #0d6efd;}

.btn-success, .progress-bar-success, .panel-success>.panel-heading {background: #20c997;}
.btn-success {border-color: #189e77;}
.btn-success:ACTIVE, .btn-success:HOVER, .btn-success.active {background: #189e77;}
.label-success {background: #20c997;}

.btn-info, .progress-bar-info, .panel-info>.panel-heading {background: #0dcaf0; color:#fefefe;}
.btn-info {border-color: #06a1c3;}
.btn-info:ACTIVE, .btn-info:HOVER, .btn-info.active {background: #0791ae;}
.label-info {background: #0dcaf0;}

.btn-warning, .progress-bar-warning, .panel-warning>.panel-heading {background: #ecb309;}
.btn-warning {border-color: #d5a208;}
.btn-warning:ACTIVE, .btn-warning:HOVER, .btn-warning.active {background: #d5a208;}
.label-warning {background: #ffc107;}

.btn-danger, .progress-bar-danger, .panel-danger>.panel-heading {background: #dc3545;}
.btn-danger {border-color: #ca3141;}
.btn-danger:ACTIVE, .btn-danger:HOVER, .btn-danger.active {background: #ca3141;}
.label-danger {background: #dc3545;}
 */