#pacific-public {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right bottom;
}

.pacific-public-body {
  margin: 100px 0 20px 0;
}

.pacific-public-panel, .pacific-public-home-panel {
  border-radius: 2.25rem;
  background-color: #e6f4f8;
  z-index: 100;
}

.public-logo {
  text-align: center;
  margin-bottom: unset;
}

  .public-logo .img-responsive {
    width: 38% !important;
    padding-bottom: 25px;
    padding-top: 25px;
  }

.public-home-logo .img-responsive {
  max-width: 300px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  margin: auto;
}

.public-title h1 {
  color: black;
  font-size: 20px;
}

.pacific-public-body .pacific-public-home-panel h1 {
  font-size: 1.6rem;
}

#btnLogin {
  width: 100%;
}

.pacific-public-body .bg-logo {
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 100%;
  z-index: 0;
}

.pacific-public-home-panel, .pacific-public-home-panel p {
  text-align: center;
}
/* ############### Login Page **/

#loginTabs {
  display: none;
}

.login__wrap .card .card-header {
  display: none;
}

.login__wrap .login__visual {
  display: none;
}

.login__wrap .card {
}

.pacific-public-body .card .card-body p {
  text-align: center;
}


.btn.btn-primary, #btnLogin, #btnSubmit, #btnCancel {
  height: 47px;
}

.pacific-public-body h1 {
  color: #43475b;
  font-size: 25px;
  text-align: center;
}

p {
  text-align: left;
  font-weight: 600;
}

.xxx.col-lg-3 {
  flex: 0 0 32.5%;
  max-width: 32.5%;
}

.xxx.col-lg-6 {
  flex: 0 0 35%;
  max-width: 35%;
}

.pacific-public-body .btn {
  border-radius: 2.25rem;
  font-size: 12px;
  border: 0px solid transparent;
  background: linear-gradient(90deg, rgba(143,236,217,1) 0%, rgba(124,228,213,1) 22%, rgba(85,174,225,1) 46%, rgba(83,168,230,1) 65%, rgba(80,158,240,1) 80%, rgba(88,121,228,1) 100%);
}

small {
  font-weight: 600;
  color: #4f70e1;
}

  small a {
    text-decoration: underline;
    margin-right: 20px;
  }

/*added from venni*/
label {
  font-size: 0.9rem;
  display: inline-block;
  margin-bottom: .5rem;
}

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

.hide {
  display: none;
}

.ui-dialog .ui-dialog-buttonpane button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.9;
  border-radius: .25rem;
  background-color: #08335f !important;
  border-color: #062647 !important;
  color: #fbfef9;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

#btnAddAccessTime, #submitskipsbutton {
  min-width: 120px;
  margin: 1.5rem 0 1.5rem 0;
  border-radius: 2.25rem;
  border: 0px solid transparent;
  background: linear-gradient(90deg, rgba(143,236,217,1) 0%, rgba(124,228,213,1) 22%, rgba(85,174,225,1) 46%, rgba(83,168,230,1) 65%, rgba(80,158,240,1) 80%, rgba(88,121,228,1) 100%);
}

#cardTargetIframe {
  display: none;
  height: 700px;
  width: 100%;
  border: 1px solid #87875d;
}

#saveCardPage {
  width: 50%;
  background: url(/Images/loader.gif) center center no-repeat;
}

.pageTabs {
  margin-bottom: 15px;
  padding-left: 0;
  background-color: #fff;
  border: 1px solid #bce8f1;
  border-radius: 4px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-body {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.pageTabs > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 5px 5px 0 5px;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav > li {
  margin-bottom: -1px;
  display: block;
  position: relative;
  float: left;
}

  .nav > li > a.active {
    border-radius: 4px 4px 0 0;
    border: 1px solid #bce8f1;
    padding: 10px 15px;
    display: block;
    color: #31708f;
    background-color: #fff;
    border-bottom-color: transparent;
  }

.circleOrange {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffa500;
  margin-left: 15px;
  float: left;
}

.circleGreen {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: green;
  margin-left: 15px;
  float: left;
}

.circleRed {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: red;
  margin-left: 15px;
  float: left;
}

.toolbar_logo_div {
  display: none;
}

@media (max-width: 834.98px) {
    .homeSubtitle {
        font-size: 15px;
    }
}