html{width:100%; height:100%;}
body{position:relative; overflow-x: hidden; overflow-y: scroll; width:100%; height:100%;}
header{border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:15px; padding:15px 0 15px 0;}
section{margin-bottom:100px;}
footer{position:fixed; bottom:0px; width:100%; border:1px solid #ccc; border-width:1px 0 0 0; padding:15px 0 15px 0; color:#666; background-color:#fff;}
h1{font-size:2.0rem; margin-bottom:20px;}
img.logo{width:auto; height:60px; display:inline-block; margin-left:0px;}
div.loading{position: absolute;top:0; left:0; width:100%; height:100%; display:none;}
div.loading div.overlay{position: absolute;top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.33);}
div.loading img{position: absolute; top:50%; left:50%; width:60px; height:60px; margin-top:-60px; margin-left:-30px;}
table.items{width:100%; border:1px solid #ddd; border-collapse: collapse;}
table.items th{border:1px solid #ddd; padding:4px 4px 4px 8px;}
table.items td{border:1px solid #ddd; padding:4px 4px 4px 8px;}

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

div.user-menu{position: absolute; top:0px; right:-15px; display:inline-block; height:48px; line-height: 48px;}
div.user-menu img.profile{width:48px; height:48px; display:inline-block; margin-right:76px;}
div.user-menu a.signin{display:inline-block; margin-right:76px;}
div.user-menu a.signup{display:inline-block; margin-right:76px;}
div.user-menu div.item{line-height:28px;}


div.dropdown-menu{border-radius:0; border:1px solid #ddd; top:14px !important; border-width:0 1px 1px 1px; width:200px; left:4px !important; text-align:center; padding-bottom:24px;}

div.error{color:#ff0000; margin-bottom:10px;}

div.qeala-number{display:inline-block;  line-height: 60px; height:60px; margin-top:8px; margin-right:30px; vertical-align: middle;}
div.modal-sm{min-width:360px !important;}

div.environment{position:absolute; top:0; left:50%; width:200px; line-height:28px; margin-left:-100px; background-color:#ffff66; color:#000; text-align:center; z-index:99999; border:1px solid #333; border-width:0 1px 1px 1px;}

.btn-cw{background-color:#00b5f9; color:#fff;}
.btn-cw:active{background-color:#00b5f9; color:#fff;}
.btn-cw:hover{background-color:#00b5f9; color:#fff;}
.btn-cw:visited{background-color:#00b5f9; color:#fff;}

.val-error{color:#ff0000;}

.off-screen{position:absolute; top:-1000px; left:-1000px;}

.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700;
}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
  background-color: #ededed;
}

.multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin:20px 0 20px 0;
}
.multi-steps > li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color: #007dac;
}
.multi-steps > li:before {
  content: "\f00c";
  content: "\2713;";
  content: "\10003";
  content: "\10004";
  content: "\2713";
  display: block;
  margin: 0 auto 4px;
  background-color: #fff;
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  border-color: #007dac;
  border-radius: 50%;
  cursor:default;
}
.multi-steps > li:after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #007dac;
  position: absolute;
  top: 16px;
  left: 50%;
  z-index: -1;
}
.multi-steps > li:last-child:after {
  display: none;
}
.multi-steps > li.is-active:before {
  background-color: #fff;
  border-color: #007dac;
}
.multi-steps > li.is-active ~ li {
  color: #808080;
}
.multi-steps > li.is-active ~ li:before {
  background-color: #ededed;
  border-color: #ededed;
  cursor: default;
}

pre{position: absolute; top:110px; left:20px;}
div.plan-name{display:block; margin:10px 0 20px 0;}


*:focus {
    outline: none;
}

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  border:1px solid #ced4da;
}

div.toast{position: fixed; top:40px; left:50%; width:28%; height:auto; z-index:99999; margin-left:-14%; background-color:#ddd; color:#111; padding:10px 15px; min-height: 44px; display: none;}

textarea{resize:none; height:120px;}



.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * 0.8) * 2);
  border-radius: calc(2.375rem * 0.8);
  height: calc(2.375rem * 0.8);
  line-height: calc(2.375rem * 0.8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
}
.switch input + label::before, .switch input + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * 0.8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * 0.8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #007bff;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * 0.8);
}
.switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * 0.8) * 2);
  height: calc(1.9375rem * 0.8);
  line-height: calc(1.9375rem * 0.8);
  text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * 0.8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
  height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * 0.8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * 0.8) * 2);
  height: calc(3rem * 0.8);
  line-height: calc(3rem * 0.8);
  text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * 0.8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * 0.8) - calc(2px * 2));
  height: calc(calc(3rem * 0.8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * 0.8);
}
.switch + .switch {
  margin-left: 1rem;
}
.dropdown-menu {
  margin-top: 0.75rem;
}

span.switch{display:inline-block; margin-left:6px;}