@charset "utf-8";

table.table-align-middle td {
  vertical-align: middle !important;
}

div.appIcon {
  width: 150px;
  height: 150px;
  margin: 30px;
  border-radius: 75px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

td.btns-1 {
  width: 29px;
}

td.btns-2 {
  width: 90px;
}

td.btns-3-s{
  width: 184px;
}

.r {
  float: right;
}

.l {
  float: left;
}

.cl {
  clear: both;
}

.fs150 {
  font-size: 120%;
}

.btn-light {
  border: 1px solid #ccc;
}

.cp {
  cursor: pointer;
}
.myCheckbox.mw{
  min-width: 130px;
}
.myCheckbox .btn{
  padding-left: 1em;
  margin-left: -2em;
}
.myCheckbox .btn i{
  padding-right: 1em;
}
.myCheckbox i{
  width: 32px;
}
.myCheckbox input:checked + label {
  color: #3a3b45;
  background-color: #d4daed;
  border-color: #cbd3e9;
}

.myCheckbox input:checked + label > i.fa-remove, .myCheckbox input:checked + label > i.fa-circle-o{
  display: none;
}
.myCheckbox input:checked + label > i.fa-check, .myCheckbox input:checked + label > i.fa-circle {
  display: inline-block;
}

.myCheckbox input + label > i.fa-check, .myCheckbox input + label > i.fa-circle  {
  display: none;
}
.myCheckbox input + label > i.fa-remove, .myCheckbox input + label > i.fa-circle-o {
  display: inline-block;
}

.route .field:nth-last-child(2) .delimeter{
  display: none;
}

@media (max-width: 768px) {
  .sm-sm .form-control {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    padding-right: 0;
    padding-left: 0;
  }
  .sm-sm{
    font-size: 80%;
  }
  .sm-sm .btn{
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.text-mini {
  font-size: .5rem;
}

.bg-gradient-darkblue {
  background-color: #3c5270;
  background-image: linear-gradient(180deg, #174570 10%, #123d41 100%);
  background-size: cover;
}
.sidebarBtn{
  position: fixed;
  left: 5.1rem;
  top: 0.5rem;
  z-index: 999;
}

.sidebar.hide{
  margin-left: -6.5rem;
}
.sidebarBtn.hide{
  margin-left: -4.5rem;
}

@media (min-width: 1200px) {
  .sidebar.hide {
    margin-left: -14rem;
  }
  .sidebarBtn.hide{
    margin-left: -12rem;
  }
  .sidebarBtn{
    left: 12.5rem;
  }
}

.form-control.mini{
  height: 1.5em;
  padding: 0 0.2em 0 0.2em;

}
.bg-A2{
  background: #edf4ff;
}
.bg-A1:hover{
  background: #d1ecf1;
}
table tr.active{
  background-color: #edf4ff;
}
table tr:hover{
  background-color: rgba(0,0,0,.05);
}
table td.qa{
  background-color: #ebdfff;
}

#input-buffer{
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
  white-space: nowrap;
}

.btn-light{
  border: 1px solid #ccc;
}

#wrapper{
  flex-flow: row nowrap; justify-content: space-between; align-items: stretch;
}
#content-wrapper{
  overflow: initial; width: initial; flex: 1 0 200px;
}
.w100{
  width: 100%;
}
.modal.fade{
  opacity: initial;
}
.pre{
  white-space: pre-line
}
.my-logo{
  width: 200px;
  height: 108px;
  background-image: url("../logo512.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.sidebar-dark .sidebar-brand{
  padding-top: 5px;
  padding-bottom: 5px;
  height: initial;
}