/*
    Do not modify this file for customizations.
    Use the custom-style.css instead.
    Any styles defined there will override the styles here.
*/

/* @import url("/portal/bower_components/bootstrap/dist/css/bootstrap.min-ec3bb52a00e176a7181d454dffaea219.css");
@import url("/portal/bower_components/bootstrap/dist/css/bootstrap-theme.min-ab6b02efeaf178e0247b9504051472fb.css"); */

/****** Navigation Bar ******/

/* Displays the logo in the top-left corner. */
#navbar-logo {
    background-image: url("../images/logo.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 155px;
    height: 35px;
    min-width: 155px;
    min-height: 35px;
}

#navbar-product-name {
}


.starter-template {
  padding: 25px 15px 10px;
}

/* Gives full borders to tab content */
  .tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
  }

  .nav-tabs {
    margin-bottom: 0;
}
/* *** */

.findUserInput {
	width: 500px;
}

#findApplicationInput {
  width: 500px;
}

.new-user-input-field-label {
  width: 170px;
  text-align: left;
  font-weight: bold;
}

#new-user-input-field-input {
  width: 400px;
  text-align: left;
}

.half-size-panel {
  width: 50%;
}

.three-quarters-size-panel {
  width: 75%;
}

#input-find-user {
  width: 75%;
} 


/* Custom dialog/modal headers */

.dialog-header-error { background-color: #d2322d; }
.dialog-header-wait { background-color: #428bca; }
.dialog-header-primary { background-color: #357ebd; color: white;}
.dialog-header-notify { background-color: #eeeeee; }
.dialog-header-confirm { background-color: #333333; }
	.dialog-header-error span, .dialog-header-error h4,
	.dialog-header-wait span, .dialog-header-wait h4,
	.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }

/* Ease Display */

.pad { padding: 25px; }

/* Forms */
.heading {
    font-weight: bold;
    font-size: 16pt;
}

/* Angular Validation */

/* Turn off Firefox Invalid styling: https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid */

:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

/* Styles for Individual Widgets */
select {
   width: 125px;
   border: solid 1px #85b1de;
   border-radius: 0;
}

.form-row {
  margin-top: 5px;
  margin-bottom: 5px
}


/* this was causing issues with elements in the backdrop showing over the backdrop, should just use bootstrap defaults here.
 body.modal-open div.modal-backdrop {
    z-index: 0;
} */


/* These are for the AJAX spinner
    -- https://stackoverflow.com/questions/1964839/how-can-i-create-a-please-wait-loading-animation-using-jquery
*/
.ajax-loading-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('/portal/images/spinner-51fa0328ac2bdb4fa58962376ad314c6.gif')
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ajax-loading-modal {
    display: block;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}