/* v1.0.3 */
html,
body {
 height: 100%;
}
.banner .hero {
 background-image: url(https://image.mc2.copeland.com/lib/fe8f13727261017d73/m/2/1a087dab-e0b0-4b98-a0a9-793a8264016a.png);
 background-position: center center;
 background-size: 100% auto;
}
form {
 margin: 36px 18px;
}
section h1 {
 font-size: 24px;
 margin: 36px 0 0;
 padding: 0 36px;
 color: #495057;
}
section h2 {
 margin: 36px 0;
}
#maintenance p {
 font-size: 20px;
 line-height: 28px;
}
#maintenance button {
 margin-bottom: 72px;
}
#terms form {
 margin-top: 0;
}
input::placeholder,
input:disabled,
input:disabled + label {
 color: #adb5bd !important;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
 -moz-appearance: textfield;
 appearance: textfield;
}
form .roles div {
 margin: 0 18px 0;
}
form .roles div {
 flex: 1 0 26%;
}
.form-check-input {
 position: inherit;
 margin: 0 6px 0 -18px;
}
.check_desc {
 display: block;
 max-width: 400px;
}
hr {
 margin: 54px 0 24px;
}
.crp img {
 margin: 0 auto;
 max-width: 180px;
}
.crp div {
 margin-top: 18px;
 margin-bottom: 18px;
}
#pages button {
 margin: 36px 0;
}
#pages p {
 margin-bottom: 36px;
}
body {
 display: flex;
 flex-direction: column;
}
#main {
 flex: 1 0 auto;
}
footer {
 flex-shrink: 1;
}

#main {
 position: relative;
}
.modal {
 position: absolute;
 background-color: rgba(255, 255, 255, 0.8);
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 overflow: scroll;
}
.modal-open {
 overflow: auto;
}
.modal-dialog {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: 100%;
 padding: 0;
 margin: 0 auto;
}
.modal-dialog::after {
 display: block;
 content: '';
 height: 80px;
}
.modal-content {
 padding: 18px;
 height: auto;
 max-height: 100%;
}
.processing_icon span {
 font-size: 54px;
 margin: 36px 0 18px;
}
.processing_icon .fa-spin {
 color: rgba(0, 146, 199, 0.4);
}
.processing_icon .final {
 color: #0093c7;
}
.modal-backdrop {
 background-color: transparent;
}
.modal h2,
.modal p {
 margin: 0;
}
.heading {
 margin: 18px;
}

.heading h2 {
 font-size: 20px;
 font-weight: 400;
}

.branding {
 margin: 72px 18px 0;
}

#logo_file {
 border: none;
}

#logo_img {
 max-width: 200px;
 max-height: 150px;
}

.placeholder {
 max-width: 200px;
 max-height: 100px;
 filter: opacity(40%);
}

.uploaded {
 filter: opacity(100%);
}
#pages {
 margin-bottom: 72px;
}
#pages .preview div.flex-fill {
 min-width:50%;
}

#pages .app {
 width: 315px;
 min-width: 315px;
 max-width: 315px;
 background-image: url(https://image.mc2.copeland.com/lib/fe8f13727261017d73/m/2/d7d32556-3f12-4e1c-b55c-1de413a26abd.png);
 background-size: 100% auto;
 margin: 0 auto;
 padding: 1px 0;
}
.app .logo {
 margin: 130px 0 18px;
 background-color: transparent;
 height: 60px;
}
.app .logo img {
 height: 100%;
 width: auto;
 margin: 0 auto;
 padding: 0;
}
.app .info p {
 text-align: center;
 margin: 0 0 18px !important;
 padding: 0 !important;
}
.app .cn {
 font-weight: bold;
}
.app .cn,
.app .ca {
 display: block;
}
.app .call {
 width: 240px;
 margin: 36px auto 18px!important;
 padding: 18px 0;
 text-align: center !important;
 background-color: #006998;
 color: #f8f9fa;
 text-transform: uppercase;
 font-weight: bold;
}
#search .btn:last-child {
 margin-left: 36px;
}
.btn {
 margin-top: 72px;
}
@media screen and (max-width: 1000px) {
 .check_desc {
  max-width: 100%;
 }
}
@media screen and (max-width: 900px) {
 .banner .hero {
  background-size: auto 100%;
 }
}
@media screen and (max-width: 775px) {
 #pages .preview {
  flex-wrap: wrap;
 }
 #pages {
  margin-bottom: auto;
 }
}
@media screen and (max-width: 768px) {
 .crLogo {
  margin:36px auto!important;
 }
}