/* This stylesheet contains styles that affect the overall look and feel for all pages. */

html, body {
    font-size: 1rem;
    height: 100%
}

body {
    font-family: "Roboto", sans-serif;
    background-color: #EEEEEE;
    height: 100%
}

#app {
    height: 100%
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: normal;
}

h1.amount {
	margin-top: 60px;
  margin-bottom: 10px
}

h3.amount {
	margin-top: 60px;
  margin-bottom: 10px
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

textarea {
    min-height: 100px;
}

#app a {
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

.page-content {
    padding-top: 0;
    padding-bottom: 1rem;
}

.form_header {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.small-navbar {
    margin-top: 59px;
}

.label-container {
    display: block;
}

.table-container {
    max-height: 37rem;
    overflow-y: auto;
}

.table-container tr th,
.table-container tr td {
    text-align: center;
}

.table-container tr td.text-right {
    text-align: right !important;
}

table td > span.label {
    display: block;
    padding: 5px;
    width: 90px !important;
}

.gray-form {
    background-color: #f5f5f5;
}

.pad-side-bottom {
    padding: 0 20px 20px 20px;
}

.no-padding {
    padding: 0 !important;
}

.no-pad-right {
    padding-right: 0;
}

.no-pad-left {
    padding-left: 0;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.bottom-margin-10 {
    display: block;
    margin-bottom: 10px;
}

.read-only.static-control-margin {
    padding-bottom: 19px;
}

.read-only > label.control-label {
    padding-top: 2px !important;
}

.read-only > .form-control-static {
    padding-top: 2px !important;
}

.inline-field {
    padding: 3px 0 !important;
}

.inline-field > textarea {
    font-weight: bold;
}

.vertical-middle {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.table-sm {
    font-size: 14px;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}

.highlight {
    padding: 4px 14px;
    border: 1px solid #e1e1e8;
    margin: 5px;
}

/* up to 767px) */
@media (max-width: 767px) {
    .page-content {
        margin-top: 55px;
    }
}

/* 394px up to 435px) */
@media (min-width: 394px)
and (max-width: 435px) {
    .page-content {
        margin-bottom: 145px;
    }
}

/* 393px and below) */
@media (max-width: 393px) {
    .page-content {
        margin-bottom: 155px;
    }
}

.container-form {
    background-color: #fff;
    border: 1px solid #ddd;
}

.section-tabs {
    margin-bottom: 20px;
}

.section-tabs.has-error {
    margin-bottom: 0;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

p.ellipsis {
    margin: 0;
}

p.block {
    max-width: 100px;
}

.breadcrumb {
    background-color: inherit;
    padding: 0 2px 0 0;
    margin-bottom: 0;
}

p.ellipsis-md {
    margin: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .ellipsis-md {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
    }
}

a.disabled {
    color: grey !important;
    pointer-events: none;
    cursor: not-allowed;
}

label.disabled {
    color: gray !important;
}

/* placeholder fonts */
::-webkit-input-placeholder {
    color: #bbb !important;
    font-style: italic;
}

::-moz-placeholder {
    color: #bbb !important;
    font-style: italic;
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #bbb !important;
    font-style: italic;
}

/* ie */
input:-moz-placeholder {
    color: #bbb !important;
    font-style: italic;
}

.col-sm-offset-1 {
    margin-left: 1.333333333333332%;
}

.col-sm-1 {
    width: 9.333333333333332%;
}

.shadow-bottom {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
}

.float-right {
    float: right;
}

.padding-one-top {
    padding-top: 1rem;
}

.flex {
    display: flex;
}

.pagination > li > a, .pagination > li > span {
    background-color: inherit;
    color: #2196F3;
}

.pagination > li.disabled > a, .pagination > li.disabled > span {
    background-color: inherit;
}

.fa-2_5x {
    font-size: 2.5em;
}

.grey {
    color: #666666;
}

.grey:hover, .grey:focus {
    color: #000;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.noLine {
    border-top: none !important;
}

.bottomLine {
    border-bottom: 1px solid #dddddd !important;
}

.minWidth-8 {
    min-width: 8rem !important;
}

.subsButton {
    width: 12%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 3.5rem;
}

.iframe {
    z-index: 999;
    position: fixed;
    top: 100px;
    left: 600px;
    width: 500px;
    height: 500px;
}

.padding-buttons {
    padding-left: 1em;
}

.margin-side-1 {
    margin: 0 1rem 0 1rem;
}

.white {
    color: #fff !important;
}

.niagara {
    color: #5487A4 !important;
}

.pink-yarrow {
    color: #CE3175 !important;
}

.primrose-yellow {
    color: #F6D155 !important;
}

.greenery {
    color: #88B04B !important;
}

.overlayModal {
    background-color: rgba(0, 0, 0, 0.12) !important;
    transition: -webkit-transform .4s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
    transition: transform .4s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
}