@import "../fonts/fonts.css";

body {
    min-height: 100%;
    height: 100%;
    font-family: Otal,Arial,sans-serif;
    color: #08102c;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4em;
    text-rendering: optimizeLegibility;
    background-image: url(../images/iconsbg.png);
}

.hidden {
    display: none;
}

h1, h2, h3, h4, h5 {
    color: #24456e;
}

label {
    margin-bottom: 0;
    color: #24456e;
}

ol.list {
    list-style-type: decimal;
    margin-block-start: .5em;
    margin-block-end: .5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

.lowlight-text {
    color: #6a7077;
    font-size: 13px;
}

.text-alert {
    color: #b90c0c;
    font-family: 'OtalSemibold', Arial, sans-serif;
    font-weight: normal;
}

.huge-text {
    font-size: 20px
}

.strong-text {
    font-family: 'OtalBold', Arial, sans-serif;
    font-weight: normal;
}

.icon-success, .text-success {
    color: #007237;
}

.login-container {
    background-color: #24456e;
    background-size: cover;
    background-position: 50%;
    height: 100vh;
    width: 100%;
}

.login-wash {
    height: 100%;
    background-color: rgba(36,69,110,.8);
    padding-top: 3.4rem;
}

.login-container .login-top {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 1.75rem;
}

#validation-summary-view {
    background: #b90c0c;
    color: white;
    border-color: #b90c0c;
    padding: 1.25rem;
}

#validation-summary-view ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: -1em; 
}

.flex-col-auto {
    flex-grow: 0;
    position: relative;
}

.login-container .loginlogo {
    height: 70px;
}

.login-schemas {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: .625rem;
}

.login-container form img {
    display: block;
    margin: 0 auto 1.75rem;
}

.login-container .card {
    -webkit-box-shadow: 0 1px 3px;
    box-shadow: 0 1px 3px;
}

.login-container .card-header {
    background: #eff4f9;
    text-align: center;
    border-bottom: none !important;
    padding: 1.75rem 1.75rem 1.25rem;
}

.login-container .card-divider-content {
    background: #eff4f9;
    text-align: center;
}

.login-container .card-body {
    color: #08102c;
    background: #eff4f9;
    padding: 1rem 1.8rem 1.8rem 1.8rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.login-container .form-control {
    font-size: 15px;
    height: auto;
    padding: 10px;
    margin: .625rem 0;
}

.spaced-box {
    width: 100%;
    display: block;
    margin: 10px;
}

.spaced-box.t {
    margin: 10px 0 0 0;
}

.spaced-box.r {
    margin: 0 10px 0 0;
}

.spaced-box.b {
    margin: 0 0 10px 0;
}

.spaced-box.l {
    margin: 0 0 0 10px;
}

.spaced-box.x {
    margin: 0 10px;
}

.spaced-box.y {
    margin: 10px 0;
}

.login-container div.divider-text span {
    background: #eff4f9;
}
.login-container .qrCode {
    margin-bottom:20px;
}

div.divider-text {
    font-family: OtalSemibold,Arial,sans-serif;
    color: #6a7077;
    border-bottom: 1px solid #6a7077;
    font-size: 14px;
    font-size: .875rem;
    line-height: 14px;
    text-align: center;
    margin: 0.75rem 1.2rem 1.5rem;
    transition: all .25s cubic-bezier(.445,.05,.55,.95);
}

div.divider-text span {
    background: #fff;
    position: relative;
    bottom: -7px;
    padding: 0 1.25rem;
}

body input.form-control, body select.form-control {
    background: #fff;
    color: #08102c;
    border: 1px solid #cadbeb;
    box-shadow: none;
    height: auto;
    margin: 0;
    padding: .3125rem;
    font-family: Otal,Arial,sans-serif;
    border-radius: 0;
}

body input.form-control.sm, body select.form-control.sm {
    font-size: 14px;
    padding: 5px;
    margin: 5px 0 0 0;
}

body .button, body button, body button.btn, input[type=button] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    padding: 8px 12px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    transition: all .25s cubic-bezier(.445,.05,.55,.95);
    border-width: 1px;
    font-size: 18px;
}

body .button.btn-sm, body button.btn-sm, body button.btn.btn-sm, input[type=button].btn-sm {
    font-size: 14px;
}

body .button.btn-primary, body .button.btn-primary:active, body button.btn-primary, body button.btn-primary:active, body button.btn.btn-primary, body button.btn.btn-primary:active, input[type=button].btn-primary, input[type=button].btn-primary:active {
    background-color: #24456e;
    border-color: #24456e;
}

.button.btn-default, button.btn-default, body button.btn.btn-default {
    border: 1px solid #a9bcd0;
    background-color: #fff;
    color: #24456e;
}

body .button:hover, body button.btn:hover, body button:hover, input[type=button]:hover {
    background-color: #fff;
    color: #24456e;
    border: 1px solid #24456e;
}

body .form-control:focus {
    outline: none;
    border-color: #24456e;
    box-shadow: none;
}

.form-group {
    margin-bottom: .75rem;
}

.keep-signed-in {
    font-weight: 300;
}

.password-reset-link {
    margin-top: 0.75rem;
    text-align: right;
}

.password-reset-link a {
    color: #fff;
    text-shadow: #08102c 0 1px 1px;
    font-size: .75rem;
}

.welcome-page li {
    list-style: none;
    padding: 4px;
}

.logged-out-page {
    margin-top: 50px;
}

.logged-out-page iframe {
    display: none;
    width: 0;
    height: 0;
}

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray; }
  .grants-page .card .card-title {
    font-size: 120%;
    font-weight: bold; }
    .grants-page .card .card-title img {
      width: 100px;
      height: 100px; }
  .grants-page .card label {
    font-weight: bold; }

.card-container {
    margin-top: 60px;
}

.card.padded {
    padding: 20px;
}

body .flex-cols.flex-vert {
    flex-direction: column;
}

body .flex-cols {
    display: flex;
    flex-grow: 1;
}

body .flex-cols > div {
    position: relative;
    flex-grow: 1;
}

body .flex-cols > div.flex-col-auto {
    flex-grow: 0;
}

body .flex-cols.flex-cols-vmid {
    align-items: center;
}

.login-bbar {
    position: relative;
    background-color: rgba(0,0,0,.3);
    padding: .625rem;
}

.login-bbar .login-copyright {
    font-size: 11px;
    color: #fff;
}

body .flex-cols > div.flex-col-tright {
    justify-content: flex-end;
    text-align: right;
}

.login-bbar .login-ykg {
    height: 1.25rem;
}

.login-schemas>div.schema-icon-badge {
    border: none;
    position: relative;
    background-color: rgba(0,0,0,.3);
    color: #eff4f9;
    margin: 0 .3125rem .625rem;
}
.schema-icon-badge {
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background-color: #eff4f9;
    color: #24456e;
    border: 1px solid #24456e;
}

.schema-icon-badge.not-installed {
    color: #a9bcd0;
}

.schema-icon-badge > .corner-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    background-color: #a9bcd0;
    width: 1.2rem;
    height: 1.2rem;
    top: -0.25rem;
    right: -0.25rem;
    color: #24456e;
}

.schema-icon-badge > .corner-icon i {
    font-size: 0.6rem;
}

.not-installed {
    color: #a9bcd0;
}

.schema-icon-badge i {
    font-size: 2rem;
    line-height: 1;
}
.rf-fw {
    text-align: center;
    width: 1.25em;
}

.rf {
    line-height: 1;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

@font-face {
    font-family: RAPCore;
    src: url(../fonts/RAP.RAPCore.woff2?v=1.2.3.4) format("woff2"),url(../fonts/RAP.RAPCore.woff?v=1.2.3.4) format("woff"),url(../fonts/RAP.RAPCore.ttf?v=1.2.3.4) format("truetype")
}

.rf {
    line-height: 1;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto
}

.rf:before {
    font-family: RAPCore !important;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top
}

.rf-fw {
    text-align: center;
    width: 1.25em
}

.rf-arrow-down:before {
    content: "\F101"
}

.rf-arrow-left:before {
    content: "\F102"
}

.rf-arrow-right:before {
    content: "\F103"
}

.rf-arrow-up:before {
    content: "\F104"
}

.rf-arrow-updown:before {
    content: "\F105"
}

.rf-pencil:before {
    content: "\F106"
}

.rf-arrow-dbl-left:before {
    content: "\F107"
}

.rf-arrow-dbl-right:before {
    content: "\F108"
}

.rf-bell:before {
    content: "\F109"
}

.rf-buildings:before {
    content: "\F10A"
}

.rf-clipboard:before {
    content: "\F10B"
}

.rf-clock:before {
    content: "\F10C"
}

.rf-find:before {
    content: "\F10D"
}

.rf-forbidden:before {
    content: "\F10E"
}

.rf-gasmeter:before {
    content: "\F10F"
}

.rf-globe:before {
    content: "\F110"
}

.rf-grip:before {
    content: "\F111"
}

.rf-lang:before {
    content: "\F112"
}

.rf-license:before {
    content: "\F113"
}

.rf-logo:before {
    content: "\F114"
}

.rf-logout:before {
    content: "\F115"
}

.rf-materials:before {
    content: "\F116"
}

.rf-merge:before {
    content: "\F117"
}

.rf-meter:before {
    content: "\F118"
}

.rf-mod-assets:before {
    content: "\F119"
}

.rf-mod-audit:before {
    content: "\F11A"
}

.rf-mod-barriermanagement:before {
    content: "\F11B"
}

.rf-mod-forms:before {
    content: "\F11C"
}

.rf-mod-interlocks:before {
    content: "\F11D"
}

.rf-mod-isolation:before {
    content: "\F11E"
}

.rf-mod-mms:before {
    content: "\F11F"
}

.rf-mod-moc:before {
    content: "\F120"
}

.rf-mod-odr:before {
    content: "\F121"
}

.rf-mod-ptw:before {
    content: "\F122"
}

.rf-mod-nro:before {
    content: "\F125"
}

.rf-mod-reporting:before {
    content: "\F123"
}

.rf-newproject:before {
    content: "\F124"
}

.rf-notepad:before {
    content: "\F125"
}

.rf-padlock:before {
    content: "\F126"
}

.rf-plantequip:before {
    content: "\F127"
}

.rf-procedure:before {
    content: "\F128"
}

.rf-process:before {
    content: "\F129"
}

.rf-progress-sm-dash:before {
    content: "\F12A"
}

.rf-progress-sm-dot:before {
    content: "\F12B"
}

.rf-progress-sm-empty:before {
    content: "\F12C"
}

.rf-progress-sm-tick:before {
    content: "\F12D"
}

.rf-progress-sm-warn:before {
    content: "\F12E"
}

.rf-safeguard:before {
    content: "\F12F"
}

.rf-shapes:before {
    content: "\F130"
}

.rf-star-new:before {
    content: "\F131"
}

.rf-timeline:before {
    content: "\F132"
}

.rf-tran-edit:before {
    content: "\F133"
}

.rf-update:before {
    content: "\F134"
}

.rf-user-add:before {
    content: "\F135"
}

.rf-user:before {
    content: "\F136"
}

.rf-userbadge:before {
    content: "\F137"
}

.rf-users-add:before {
    content: "\F138"
}

.rf-users:before {
    content: "\F139"
}

/* Begin toastr */

.toast-title {
	font-family: 'OtalBold', Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 0.3125rem;
}

.toast-message {
	word-wrap: break-word;
}

.toast-message a,
.toast-message label {
	color: white;
}

.toast-message a:hover {
	color: #eff4f9;
	text-decoration: none;
}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	line-height: 1;
}

.toast-close-button:hover,
.toast-close-button:focus {
	color: white;
	border: none;
	cursor: pointer;
	opacity: 0.4;
	background: none;
}

.rtl .toast-close-button {
	left: -0.3em;
	float: left;
	right: 0.3em;
}

button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
	top: 1.25rem;
}

#toast-container {
	position: fixed;
	z-index: 100000000;
	pointer-events: none;
}

#toast-container * {
	box-sizing: border-box;
}

#toast-container > div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	color: white;
	opacity: 1;
}

#toast-container > div.rtl {
	direction: rtl;
	padding: 15px 50px 15px 15px;
	background-position: right 15px center;
}

#toast-container > div:hover {
	opacity: 1;
}

#toast-container > .toast-info {
	background-image: url('../images/svg/ui-sprites.svg#toast-info') !important;
}

#toast-container > .toast-error {
	background-image: url('../images/svg/ui-sprites.svg#toast-error') !important;
}

#toast-container > .toast-success {
	background-image: url('../images/svg/ui-sprites.svg#tick-white') !important;
}

#toast-container > .toast-warning {
	background-image: url('../images/svg//ui-sprites.svg#toast-warn') !important;
	background-size: 24px 21.5px;
}

#toast-container.toast-top-center > div {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

.toast {
	background-color: #08102c;
	box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px;
}

.toast-success {
	background-color: #007237;
}

.toast-error {
	background-color: #b90c0c;
}

.toast-info {
	background-color: #1771c3;
}

.toast-warning {
	background-color: #F89406;
}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: white;
}

.toast-error-message {
	padding: 0.3125rem;
}

/* end toastr */

.user-message-info {
    padding: 0.625rem;
    border: 1px solid #1771c3;
    background-color: #ebf5fd;
    color: #1771c3;
}