/* To avoid Bootstrap navbar-fixed-top covering some content. */
body { padding-top: 70px;
}

html {
   -ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}

.view {
    padding: 5px;
}

/* To avoid Bootstrap bottom bar covering wizard content. */
.wizard-view {
    padding-bottom: 70px;
}

.pretty-container {
    margin: 2px;
    padding: 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 5px;
}

.full-height {
    height: 100%;
}

.center {
    margin-left:auto;
    margin-right:auto;
}

.vcenter {
    vertical-align: middle;
}

a.no-hover-decoration:hover,
a.no-hover-decoration:focus {
  text-decoration: none;
}

#loginForm {
    border-right: 0px;
    float: none;
    width: auto;
}

.accordion {
  margin-bottom: 5px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.no-margin {
    margin: 0px;
}


div.dialog-container {
    min-width: 460px;
}

.start-invisible {
    display: none;
}

/* #region ValidationErrors*/

input:invalid,
input:out-of-range {
    background: pink !important;
    border: 1px solid red !important;
}
/* #endregion */


/*New style for tag popover to it's wider than the bootstrap default*/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 600px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

/*Font Awesome icon colors*/
.icon-red {
    color: red;
}

.icon-green {
    color: green;
}

.modal-full {    
    width: 95% !important;
}


/* This style is necessary to hide bullets on validation items that appear on the login page */
.validation-summary-errors ul { 
    list-style-type: none; 
}

/* IE10 automatically adds a clear "X" button to input fields when they have focus. This style disables it. */
.noIE10ClearButton::-ms-clear {
    display: none;
}

/* Definitions for adding inline processing spinner to buttons. Used by processingSpinner custom binding*/
.processing-spinner-container {
  display: inline-block;
  width: 0;

  -webkit-transition: width 0.25s;
  -moz-transition: width 0.25s;
  -o-transition: width 0.25s;
  transition: width 0.25s;
}

.processing-spinner-container .processing-spinner-icon {
    opacity: 0;
    
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.processing-spinner-container.active .processing-spinner-icon {
    opacity: 1;
}

.processing-spinner-container.active {
    width: auto;
}

.btn-mini .processing-spinner-container.active {
    width: 10px;
}

.btn-small .processing-spinner-container.active {
    width: 13px;
}

.btn .processing-spinner-container.active {
    width: 16px;
}

.btn-large .processing-spinner-container.active {
    width: 19px;
}

.modal-full {    
    width: 95% !important;
}