@charset "utf-8";

/*	------------------------------------------------------------
	[LAYOUT]
	------------------------------------------------------------ */
html, body { height:100%; }
.page-container.page-account { height:auto; display:flex; align-items:center; }
.wrapper { display:flex; flex-wrap:wrap; transition:all .2s ease-out; }
.main-container { max-width:100%; min-height:100vh; display:flex; flex:1 1 0; align-items:center; justify-content:center; background-color:transparent; transition:all .2s ease-out; }



/*	------------------------------------------------------------
	[SINGIN]
	------------------------------------------------------------ */
.page-signin .section-body { /*display:flex; flex-wrap:wrap;*/ }

.page-signin .panel-container { width:100%; min-height:100%; margin:0; padding:0 1rem; position:relative; background-color:#fff; }
.page-signin .panel-container.img-panel { display:none; align-items:center; justify-content:center; background-color:#555; /*background-image:linear-gradient(120deg, #3bcbdf 0%, #206fe4 98%);*/ background-image:url(../../img/imgs-signin.jpg); background-size:cover; background-position:center; border-top-right-radius:0; border-bottom-right-radius:0; }
.page-signin .panel-container.signin-panel {  }

.page-signin .img-panel .panel-body { position:relative; }
.page-signin .img-panel .panel-body .logo { width:120px; height:53px; margin:0 auto; display:block; position:absolute; top:-40%; left:4%; overflow:hidden; opacity:.75; }
.page-signin .img-panel .panel-body .logo .logo-allergan .logo-svg-type { fill:#ffffff; }
.page-signin .img-panel .panel-body .logo .logo-allergan .logo-svg-text { fill:#ffffff; }
.page-signin .img-panel .panel-body h3 { margin-bottom:2rem; color:#fff; font-size:2rem; font-weight:700; }
.page-signin .img-panel .panel-body h3 span { display:block; font-weight:300; }
.page-signin .img-panel .panel-body .text-group {  }
.page-signin .img-panel .panel-body .text-group p { color:#fff; font-size:1rem; }

.page-signin .signin-panel .panel-header .header-heading h3 { font-size:2rem; font-weight:500; }
.page-signin .signin-panel .panel-header .header-heading h3 span { display:block; font-weight:300; }
.page-signin .signin-panel .panel-header .header-heading h3 span strong { display:block; font-weight:700; }
.page-signin .signin-panel .panel-body p.lead { margin-bottom:4rem; font-size:.9375rem; }
.page-signin .signin-panel .panel-body .form-group .form-floating > .form-label { color:#a4b0be; font-size:1rem; font-weight:400; }
.page-signin .signin-panel .panel-body .form-group .form-floating > .form-control:focus ~ label { color:#212529; opacity:1; }
.page-signin .signin-panel .panel-body .form-group .form-control { border-radius:0; border-top-width:0; border-right-width:0; border-left-width:0; }
.page-signin .signin-panel .panel-body .form-group .form-control input:read-only{background: #F0F0F0;}
.page-signin .signin-panel .panel-body .form-group .form-control-plaintext { padding:0; }
.page-signin .signin-panel .panel-body .form-group .form-control-plaintext a { font-size:.875rem; }
.page-signin .signin-panel .panel-body .form-group .input-group-text { padding-right:2px; background-color:#fff; border-top-width:0; border-right-width:0; border-left-width:0; }
.page-signin .signin-panel .panel-body .form-group .input-group-text + .form-control { max-width:7.5rem; }
.page-signin .signin-panel .panel-body .form-group .btn { min-width:100%; margin-top:1.5rem; }

/*	--------- Responsive --------- */
@media (min-width:768px) {
    .page-container.page-account { background-color:#f7f8f8; }
    .main-container { padding:2.5rem 1rem; }
    .page-signin .main-body { max-width:1120px; min-height:1px; }
    .page-signin .section-container { box-shadow:0 .875rem 2.8125rem -1.5624rem rgba(0,0,0,.5); }
    .page-signin .panel-container { padding-top:4rem; padding-bottom:4rem; }
    .page-signin .panel-container.img-panel { display:flex; }
    .page-signin .signin-panel .panel-header { padding-bottom:2rem; }
    .page-signin .signin-panel .panel-header .header-heading h3 span,
    .page-signin .signin-panel .panel-header .header-heading h3 span strong,
    .page-signin .signin-panel .panel-body p.lead { display:none; }
    .validation-summary-errors { display:flex; justify-content:center; }
}
@media (min-width:992px) {
    .page-signin .panel-container { padding-top:7rem; padding-bottom:7rem; }
    .page-signin .img-panel .panel-body h3 { font-size:3rem; }
    .page-signin .img-panel .panel-body .text-group p { font-size:1rem; }
}
@media (min-width:1200px) {
    .page-signin .panel-container { padding-right:3.5rem; padding-left:3.5rem; }
}



/*	------------------------------------------------------------
	[Validation]
	------------------------------------------------------------ */
.validation-summary-errors { position:fixed; right:0; top:0; left:0; background-color:rgba(220,53,69,.9); background-clip:border-box; border-radius:0; z-index:10000; }
.validation-summary-errors ul { margin:0; padding:1rem 1.5rem 1rem 4.1rem; position:relative; }
.validation-summary-errors ul::before { content:"\e9d8"; position:absolute; top:.9375rem; left:.875rem; color:#fff; font-family:"icon-mode3"; font-size:1.5rem; line-height:1; }
.validation-summary-errors li { margin-bottom:0; color:#fff; font-size:.875rem; letter-spacing:-.02rem; }

/*	--------- Responsive --------- */
@media (min-width:768px) {
    .validation-summary-errors { display:flex; justify-content:center; }
}



/*	------------------------------------------------------------
	[BUTTON, FORM COLOR]
	------------------------------------------------------------ */
/*	--------- primary --------- */
.btn-primary { background-color:#492728; border-color:#492728; color:#fff; }
.btn-primary:hover, .btn-check:focus + .btn-primary, .btn-primary:focus { background-color:#1a72d1; border-color:#1a72d1; color:#fff; }
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle { background-color:#005dc2; border-color:#005dc2; color:#fff; }
.btn-primary:disabled, .btn-primary.disabled { background-color:#492728; border-color:#492728; color:#fff; }
.btn-outline-primary { border-color:#492728; color:#492728; }
.btn-outline-primary:hover { background-color:#492728; border-color:#492728; color:#fff; }
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { background-color:#492728; border-color:#492728; color:#fff; }
.btn-outline-primary:disabled, .btn-outline-primary.disabled { color:#492728; }
.btn-group-toggle > .btn-outline-primary:not(:disabled):not(.disabled):hover,
.btn-group-toggle > .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-group-toggle > .btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-group-toggle > .btn-outline-primary:not(:disabled):not(.disabled):focus { background-color:#492728; border-color:#492728; }

/*	------------------ [BG Color] ------------------ */
.bg-primary { background-color:#492728 !important; }

/*	------------------ [Text Color] ------------------ */
.text-primary { color:#492728 !important; }
a, a strong { color:#492728; }
a:hover { color:#1a72d1; }