body {background: #1183fb linear-gradient(-90deg, #0a48d1 0%, #1183fb 100%); background-color: #1183fb;}
#login {max-width: 720px !important; margin: 0 auto; margin-top: 5%;}
#loginPanel {background: #fff; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); border-radius: 3px;}
#loginPanel header {position: relative;}
#loginPanel header > h2 {font-size: 16px; margin: 0; line-height: 32px; max-width: calc(100% - 90px); display: inline-block;}

#logo-box {background-size: cover; background-position: center; position: relative;}
#login-logo, #login-ai {position: absolute; left: 50%; transform: translateX(-50%);}

.col-7 {padding: 24px 40px 0 40px;}
.table-form > tbody > tr > td {padding: 0 0 7px 0;}

html[lang='en'] #loginPanel .table-form > tbody > tr > th {width: 80px;}
#loginPanel > footer {background: #eee; padding: 20px; color: #838a9d;}
#loginPanel > footer a {display: inline-block; margin-left: 5px;}
#info {margin-top: 10px; color: #fff;}
#info .btn + .btn {margin-left: 5px;}
#langs {display: inline-block; float: right; position: absolute; right: 0;}
#langs > .btn,
#langs > .dropdown-menu {min-width: 0; width: 85px;}

#loginForm {margin: 32px 0 50px 0;}
#resetPassword {text-align: right;}

.captchaBox .input-group .input-group-addon {width: 110px; padding: 0px;}

.form-actions {padding-bottom: 0 !important;}
.form-actions > button {width: 100%; margin-top: 28px;}

.showNotice {color: yellow;}
.showNotice:hover {color: yellow;}

.table-row-extension .alert {margin-bottom: 0px !important;}
.table-row-extension .content {color: #3c4353;}
.table-row-extension .expired-tips {cursor: pointer;}
[lang^=fr] #loginPanel .table-form > tbody > tr > th {width: 100px;}
