/*========================================================================================= 
                           Agate .NET MVC Code Libraries 
                        Copyright © 2017, Agate Software, Inc. 
=========================================================================================== 
 Description: This file houses styles for overriding and extending existing Bootstrap
              functionality. Note: avoid overwriting Bootstrap classes unless ABSOLUTELY
              NECESSARY. We are much better off adding classes to extend it, as bootstrap's
              styles are critical for our structure.
=========================================================================================== */

body .modal-dialog {
  width: 50%;
}


.rowTop5 {
  margin-top: 5px;
}

.rowTop7 {
  margin-top: 7px;
}

.rowTop10 {
  margin-top: 10px;
}

.rowTop15 {
  margin-top: 15px;
}

.rowTop20 {
  margin-top: 20px;
}

.rowTop30 {
	margin-top: 30px;
}

.rowTopPadding3 {
  padding-top: 3px !important;
}

.rowTopPadding5 {
  padding-top: 5px !important;
}

.rowTopPadding7 {
  padding-top: 7px !important;
}

.rowTopPadding10 {
  padding-top: 10px !important;
}

.rowTopPadding15 {
  padding-top: 15px !important;
}

.rowTopPadding20 {
  padding-top: 20px !important;
}

.rowTopPadding25 {
  padding-top: 25px !important;
}

.bottomPadding0 {
  padding-bottom: 0px !important;
}

.bottomPadding5 {
  padding-bottom: 5px !important;
}

.bottomPadding10 {
  padding-bottom: 10px !important;
}

.bottomPadding15 {
  padding-bottom: 15px !important;
}

.bottomPadding20 {
  padding-bottom: 20px !important;
}

.bottomPadding25 {
  padding-bottom: 25px !important;
}

.error {
  color: red;
}

/*These alignment styles are available in the Bootstrap 4 alpha, adding them manually for now.*/
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.align-text-top {
  vertical-align: text-top;
}
.align-text-bottom {
  vertical-align: text-bottom;
}


.marg-right-5 {
	margin-right: 5px;
}

.marg-right-10 {
	margin-right: 10px;
}

.marg-right-15 {
	margin-right: 15px;
}


.reactive {
  display: inline-block;
}

.reactive > .input-group-btn {
	vertical-align: top;
}

.no-control-label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}

legend {
	font-size: 1em;
}

.no-border {
	border: none;
}

.no-outline-header {
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}

.form-control-50 {
	width: 50px;
}

.modal-confirm-open {
  overflow:hidden;
}