html { height:100%; padding:0; margin:0; }
body { height:100%; margin:0; padding:0 0 1px 0; background-color:#fff; -webkit-text-size-adjust:none; }
td { font-weight:normal; font-size:14px; color:#000; } 
a { font-weight:normal; font-size:14px; }
a:hover { text-decoration:none; outline:none !important; }
a:focus, a:active { outline:none !important; }
div { margin:0; padding:0; font-weight:normal; font-size:14px; color:#000; }
p { margin-top:0; margin-bottom:14px; font-weight:normal; font-size:14px; line-height:22px; color:#000;  }
form { margin:0; padding:0; }
select, input, textarea { margin:0; padding:0; font-weight:normal; font-size:14px; color:#000; }
img { border:0; }
hr { border:0; color:#9e9e9e; background-color:#9e9e9e; height:1px; width:100%; text-align:left; }
ul { list-style:circle; }
li { font-weight:normal; font-size:14px; color:#000; }
i, em {  }
b, strong {  }
b em, strong em, b i, strong i {  }
em b, em strong, i b, i strong {  }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 10px 0; font-weight:bold; }
h1 { font-size:21px; }
h2 { font-size:20px; }
h3 { font-size:19px; }
h4 { font-size:18px; }
h5 { font-size:17px; }
h6 { font-size:16px; }

.w100 { width:100%; }
.flush { clear:both; line-height:0px; font-size:0; }
.fleft { float:left; }
.fright { float:right; }
.spacer { height:50px; }
.pointer { cursor:pointer; }
.pr-5 { padding-right:5px; }
.pr-8 { padding-right:8px; }
.pr-10 { padding-right:10px; }
.pr-15 { padding-right:15px; }
.pr-20 { padding-right:20px; }
.pl-5 { padding-left:5px; }
.pl-8 { padding-left:8px; }
.pl-10 { padding-left:10px; }
.pl-15 { padding-left:15px; }
.pl-20 { padding-left:20px; }
.pb-5 { padding-bottom:5px; }
.pb-8 { padding-bottom:8px; }
.pb-10 { padding-bottom:10px; }
.pb-15 { padding-bottom:15px; }
.pb-20 { padding-bottom:20px; }
.pt-5 { padding-top:5px; }
.pt-8 { padding-top:8px; }
.pt-10 { padding-top:10px; }
.pt-15 { padding-top:15px; }
.pt-20 { padding-top:20px; }
.mr-5 { margin-right:5px !important; }
.mr-8 { margin-right:8px; }
.mr-10 { margin-right:10px; }
.mr-15 { margin-right:15px; }
.mr-20 { margin-right:15px; }
.ml-5 { margin-left:5px !important; }
.ml-8 { margin-left:8px; }
.ml-10 { margin-left:10px; }
.ml-15 { margin-left:15px; }
.ml-20 { margin-left:20px; }
.mb-5 { margin-bottom:5px !important; }
.mb-8 { margin-bottom:8px; }
.mb-10 { margin-bottom:10px; }
.mb-15 { margin-bottom:15px; }
.mb-20 { margin-bottom:20px; }
.mt-5 { margin-top:5px !important; }
.mt-8 { margin-top:8px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }
.mt-20 { margin-top:20px; }

.my-body-center { max-width:400px; margin:0 auto; }
.my-body-pad { padding:30px; }
.my-body-content {  }
.my-logo { padding-bottom:30px; text-align:center; }
.my-logo img { width:80px; }
.my-recaptcha { padding-bottom:10px; text-align:center; }
.my-recaptcha-holder { display:inline-block; margin:auto; }

.my-body-inner { text-align:center; }
.my-body-inner-width { max-width:1024px; margin:0 auto; }
.my-body-inner-pad { padding:25px; text-align:left; }
.my-body-header-line { margin:25px 0px; border-bottom:1px solid #eee; font-size:1px; line-height:1px; }
.my-body-content-inner { padding-left:25px; }
.my-login-name {  }
.my-form-spacer { height:40px; }

.my-table td { vertical-align:middle; }

.my-account { margin-bottom:5px; cursor:pointer; padding:5px; }
.my-account-hover { background:#f8f8f8; }
.my-account-avatar { width:60px; height:60px; border-radius:50%; overflow:hidden; float:left; -webkit-box-shadow:1px 1px 1px 1px #eee; -moz-box-shadow:1px 1px 1px 1px #eee; box-shadow:1px 1px 1px 1px #eee; margin-right:25px; }
.my-account-avatar img { width:100%; }
.my-account-name { line-height:30px; font-weight:bold; }
.my-account-status-0 { width:8px; height:8px; border-radius:50%; background:red; display:inline-block; vertical-align:middle; margin-bottom:4px; margin-right:8px; }
.my-account-status-1 { width:8px; height:8px; border-radius:50%; background:green; display:inline-block; vertical-align:middle; margin-bottom:4px; margin-right:8px; }
.my-account-status { }
.my-account-status-text-0 { color:red; }
.my-account-status-text-1 { color:green; }
.my-account-last-seen { margin-left:8px; color:#aaa; font-style:italic; font-size:11px; }
.my-account-add { margin-left:85px; margin-top:20px; }
.my-account-state { width:12px; height:12px; border-radius:50%; cursor:pointer; font-size:1px; }
.my-account-state-online { background-color:#00cc00; }
.my-account-state-offline { background-color:#cc0000; }
.my-account-state-none { background-color:#ccc; }
.my-account-avatar { width:32px; height:32px; border-radius:50%; font-size:1px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; margin-right:0; float:none; }
.my-modal-summary { padding-bottom:8px; }
.my-modal-list { padding-left:20px; line-height:30px; padding-bottom:8px; }
.my-modal-list i { margin-right:8px; }
.my-modal-actions button { margin-bottom:8px; }

.my-account-room { padding:10px 0px 5px 0px; }
.my-account-room-header { padding-bottom:8px; }
.my-account-room-header button { margin-top:-5px; }
.my-account-room-header span i {  }
.my-account-room-item { float:left; padding:4px 10px; border-radius:15px; margin:0px 10px 10px 0px; background:#eee; }

.my-user-access-settings { display:none; }
.my-user-access-settings-except { margin:16px 0px 8px 0px; position:relative; }
.my-user-access-settings-switch { margin:8px 0px; }
.my-user-access-settings-accounts-name { font-size:12px; color:#aaa; margin-left:8px; }
.my-user-access-settings-search { margin-bottom:10px; position:relative; display:none; }
.my-user-access-settings-search-toggle { position:absolute; right:0; top:0; cursor:pointer; line-height:20px; padding:0px 5px; }
.my-user-access-settings-search-close { position:absolute; right:0; top:0; cursor:pointer; line-height:32px; padding:0px 8px; color:#aaa; }

.my-super-admin-nps-item { float:left; padding:4px 10px; border-radius:15px; margin:0px 10px 10px 0px; background:#eee; }

.my-separator { font-size:1px; line-height:1px; border-bottom:1px solid #eee; }
.my-tabs-empty { width:16px; }

.my-group-tree-pad { padding-top:5px; padding-bottom:5px; }

.my-nav-pills a { color:#000 !important; }
.my-nav-pills a.active, .my-nav-pills a.active:hover { background-color:#eee !important; }

.modal-result { padding:0 16px; }

/* BOOTSTRAP */
.my-form {
  width: 100%;
  margin: auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > select,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group > label.form-label-group-prepend {
	padding-left: 4.7rem;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown), .form-label-group select:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group select:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 11px;
  color: #999;
}

.form-label-group input:not(:placeholder-shown) ~ label.form-label-group-prepend {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: 4.7rem;
  font-size: 11px;
  color: #999;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

.card-pricing.popular {
	z-index: 1;
	border: 1px solid #007bff;
}
.card-pricing .list-unstyled li {
	padding: .3rem 0;
}