p

{

    margin: 0px;

}



.user-info{

    padding-left: 4px;

}



.admin-button-container {

  position: fixed;

  bottom: 0;

  right: 0px;

  text-align: right;

  z-index: 99999;

}

.admin-button-container ul.dropdown-menu {

  right:0;

  left:initial;

  width: 225px;

  z-index: 99999;

}

.admin-button-container ul.dropdown-menu li a {

    padding: 10px;

}

.admin-button-container ul.dropdown-menu li i {

    float:right;

    padding-top: 3px;

}

.admin-button-container button {

  border-radius: 12px 0px 0px 0px;

  padding: 7px 15px;

  opacity: .7;

}

.admin-button-container ul.dropdown-menu .divider {

  height: 1px;

  margin: 0px 0;

  overflow: hidden;

  background-color: #e5e5e5;

}



.highlight {

    background-color: #fff34d;

    -moz-border-radius: 4px; /* FF1+ */

    -webkit-border-radius: 4px; /* Saf3-4 */

    border-radius: 4px; /* Opera 10.5, IE 9, Saf5, Chrome */

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */

}



.highlight {

    padding:1px 4px;

    margin:0 -4px;

}



#clear{

    display:inline-block;

    width:10px;

    height:10px;

    position:relative;

    left:-23px;

    background-color:white;

    cursor: pointer;

}



.navbar-logo {

  height: 45px;

}



.navbar {

    background: #949494;

}



.data-label

{

    color: #f79838;

}



.well-button

{

    position: absolute;

    top: 50%;

    margin-top: -21px;

    right: 10px;

}



.dataheader

{

    margin-bottom: 0px;

}



.info-row

{

      display: table-row;

}



.info-name

{

      text-align: right;

      display: table-cell;

      width: 50%;

      vertical-align: middle;

      font-weight: bold;

      padding: 6px 4px 6px 6px;

}



.info-value

{

      display: table-cell;

      padding: 6px 4px 6px 6px;

}



.no-skin .nav-list > li.active > a {

  font-weight: bold;

  color: #f79838;

}



.ace-nav > li.light-blue > a {

  background-color: #f79838;

}



.ace-nav > li.light-blue > a:hover,

.ace-nav > li.light-blue > a:focus,

.ace-nav > li.open.light-blue > a {

  background-color: #f79838;

}



.no-skin .nav-list li.active > a:after {

  border-right-color: #f79838;

  -moz-border-right-colors: #f79838;

}



.no-skin .nav-list > li.active:after {

  border-color: #f79838;

}



.uas-widget-centered {

  margin: auto;

  float: none!important;

  padding: 10px;

}



.past-due-amount {

    color: #FF0000;

    font-weight: bold;

}



/* color stuff */



.widget-header {

    color:#f79838;

}



.header {

  line-height: 28px;

  margin-bottom: 16px;

  margin-top: 18px;

  padding-bottom: 0px;

  border-bottom: none;

}



.widget-button-container {

  text-align: right;

  padding-right: 15px!important;

}



.warning-message-container {

    margin:10px;

}



.alert-optional {

    background-color: #E8E8E8;

    border-color: #D2D2D2;

    color: #696868;

}



.warning-widget-box {

    margin-bottom: 20px;

}



.signature-container {

    width:100%;

    background:lightgray;

    border: 1px solid darkgray;

}



.no-skin .navbar .navbar-toggle {

  background-color: #f79838!important;

}



.signature-container-center {

    margin: auto;

    float: none!important;

}



.float-container-center {

    margin: auto;

    float: none!important;

}



.search-box-section {

    padding:15px 0px;

}



.autopay-agreement-container {

    padding: 10px;

    border: 1px solid rgb(207, 207, 207);

    -webkit-box-shadow: 0 10px 6px -6px #777;

    -moz-box-shadow: 0 10px 6px -6px #777;

    box-shadow: 0 10px 6px -6px #777;

    max-width: 1000px;

    margin: auto;

    padding: 30px 10px 100px;

}



.autopay-logo {

    width:100%;

    max-width: 300px;

}



.UASinfo {

    text-align: center;

}



.autopay-logo-container {

    text-align: center;

}



.autopay-agreement-title {

    text-align:center;

}



.signature-container-date {

    text-align:right;

}



.phone-box {

    color: white;

    padding: 0px 5px;

    background-color:#555555;

}

.ace-nav > li.grey > a {

}

.ace-nav > li.grey > a:hover {

    background-color:#555555;

}

.ace-nav > li.grey > .phone-box:hover {

    background-color:#555555;

}

.signature-validation {

    border: 2px solid red;

    background-color: #f2dede;

    border-color: #ebccd1;

}



.form-section-header {

    font-size:18px;

    margin-top: 10px;

}



.align-text-left {

    text-align:left!important;

}



.phone-box a {

    padding: 3px;

    border-radius: 5px;

    color: #fff;

}

.ace-nav > li:first-child {

    border-left-width: 1px;

}



#add-credit-card-button, #add-checking-account-button {

    width:200px;

    margin-bottom:20px;

    text-align:center;

}



.birthday-input {

    margin-bottom:20px;

}



.encrypt-as-you-type {

    -webkit-text-security: disc;

}



.account-info-container {

  margin: 0px 0px 10px 0px;

  text-align: right;

}



.account-info-item {

    padding:5px;

}



.account-info-box {



}

.bootbox-body {

    margin-top:10px;

}



.input-group-addon-override {

  background: white;

  border: none;

  padding-left: 0px;

  padding-right: 2px;

}



.has-error .input-group-addon-override {

  color: initial;

  border: none;

  background-color: white;

}



.has-success .input-group-addon-override {

  color: initial;

  border: none;

  background-color: white;

}



.remove-input-box {

    border:none!important;

    background:none!important;

    color:rgb(57, 57, 57)!important;

}



.page-header {

    padding: 0px;

    padding-bottom: 8px;

}



input[type=checkbox].ace.ace-switch + .lbl::before {

    margin-right: 10px;

}



.read-only-input {

    opacity: .5;

    color: black !important;

    cursor: not-allowed!important;

}



.terms-and-conditions-container {

    border: 1px solid lightgrey;

    padding: 10px;

    border-radius: 12px;

    margin-bottom: 10px;

    text-align: justify;

    max-height: 300px;

    overflow: auto;

}



.terms-and-conditions-container p {

    margin:10px;

}

.alert-with-button {

    height:75px;

}

.login-page .widget-box {

    max-width:800px;

    margin:auto;

}



.statementPageOutline {

    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);

    box-shadow:0 0 20px rgba(0,0,0,0.8);

    margin:auto;

    width:900px;

    padding:50px;

}

.page-header h1 {

    padding: 0px;

    line-height: 64px;

}



.page-actions h1 .btn-app.btn-xs {

    font-size:13px;

}



.report-page-actions-container {

  text-align: left;

  float: right;

}

.page-header.page-actions h1 {

    float: left;

}



.modal.aside-right .aside-trigger.btn.ace-settings-btn {

    border-radius: 6px 6px 0 0px;

    transform: rotate(270deg);

    transform-origin: right bottom 0;

    padding: 2px 10px;

    width: auto;

}



.remove-item-button {

    padding: 2px 8px;

    border-radius: 6px;

    border: 0px;

    margin-left: 10px;

}

.modal.aside-vc {bottom: initial;}



/******** UPORTAL GENERAL *********/

.no-skin .nav-list > li > a {

    padding:10px 5px;

}

.chosen-container > .chosen-single, [class*="chosen-container"] > .chosen-single {

    height: 34px;

    background:#fff;

    border: 1px solid #d5d5d5;

}

/******** UPORTAL GENERAL *********/



/******** classNames from Field Map *********/

.application-field {width:100%;float:left;padding: 10px 15px;}

.field-map-10 {width:10%;}

.field-map-15 {width:15%;}

.field-map-20 {width:20%;}

.field-map-25 {width:25%;}

.field-map-30 {width:30%;}

.field-map-33 {width:33.33%;}

.field-map-35 {width:35%;}

.field-map-40 {width:40%;}

.field-map-45 {width:45%;}

.field-map-50 {width:50%;}

.field-map-55 {width:55%;}

.field-map-60 {width:60%;}

.field-map-65 {width:65%;}

.field-map-66 {width:66.67%;}

.field-map-70 {width:70%;}

.field-map-75 {width:75%;}

.field-map-80 {width:80%;}

.field-map-85 {width:85%;}

.field-map-90 {width:95%;}

@media screen and (max-width: 767px) {

.application-field {width:50%;padding: 5px 15px;}

}

@media screen and (max-width: 640px) {

.application-field {width:100%;padding:}

}



.uportal-choose-location-page .input-icon > .ace-icon {

    padding: 0 3px;

    z-index: 2;

    position: absolute;

    top: 30px;

    bottom: 1px;

    left: auto;

    right: 18px;

    line-height: 30px;

    display: inline-block;

    color: #909090;

    font-size: 16px;

}



.chosen-container-single .chosen-single abbr {

    top: 8px;

    right: 40px;

}

.uportal-choose-location-page .has-error .input-icon input,

.uportal-choose-location-page .has-error .chosen-container a {

    background: rgba(212, 26, 26, 0.06);

}

.uportal-choose-location-page .has-success .input-icon input,

.uportal-choose-location-page .has-success .chosen-container a{

    background: rgba(0, 128, 0, 0.08);

}

.data-dependent-on {}





/*--------Overrides--------*/







.well

{

    position: relative;

}



.profile-info-name {

  width: 370px;

}





.form-actions-override {

  background-color: white;

  border-top: none;

  padding-right: 0px;

  margin-right: 0px;

  text-align: right;

}



select {

  height: 34px;

}



.btn{

    text-shadow: none;

}

.btn-warning, .btn-warning:focus {

  background-color: #f79838 !important;

  border-color: #f79838;

}



.navbar .navbar-brand {

  padding-top: 0px;

  padding-bottom: 0px;

}



.input-group[class*="col-"] {

  float: none;

  padding-left: 12px;

  padding-right: 12px;

}



input[readonly] {

  color: #939192;

  background: none !important;

  cursor: default;

}



.grid-borders .panel-body div.row {

  border-top: 1px solid black;

  border-left: 1px solid black;

  border-right: 1px solid black;

}



.grid-borders .panel-body div.row:nth-child(odd) {

    background: #D0D0D0;

}



.grid-borders .panel-body div.row .col-sm-9 {

  border-left: 1px solid black;

  padding: 10px 10px;

}

.grid-borders .panel-body div.row .col-sm-3 {

  padding: 10px 10px;

  font-weight:bold;

}









@media screen and (max-width: 800px) {



#add-credit-card-button {

    float:none;

}



}



@media screen and (max-width: 767px) {

.grid-borders .panel-body div.row .col-sm-9 {

  border-left: none;

  padding: 10px 10px;

  border-bottom: 2px solid black;

}

.page-header h1 {

    line-height: 43px;

}



.grid-borders .panel-body div.row .col-sm-3 {

  border-bottom: 1px solid black;

}

.search-box-section {

    padding:4px 0px;

}



}







@media screen and (max-width: 640px) {



.navbar-header .navbar-logo {

    height: 29px;

    margin-top: 8px;

}

.btn.btn-app.btn-xs {

    font-size: 9px;

    width: 40px;

    padding: 7px;

}



.well-button

{

    position: initial;

    top: 0px;

    margin-top: 0px;

    right: 0px;

}



.well-button-container

{

    width: 100%;

    text-align: right;

}



}

.spin::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #18cf5e;
    border-bottom-color: #c9301c;
    border-radius: 50%;
    content: "";
    height: 40px;
    position: absolute;
    top: 10%;
    left: 10%;
    transform: translate3d(-50%, -50%, 0);
    width: 40px;
    will-change: transform;
  }



@media print {

.page-header, .footer{display:none!important;}

div.page-break-before { display: block; page-break-before: always; }

}