body, html { overflow-x: unset !important; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#aiHeader { display: none; }
#aiHeader .container { margin-left: auto; }
#aiContent { font-size: 16px; line-height: 30px; background: #00A5B9 url('/images/auth/body.svg'); }

#aiFooter { margin-top: 0 !important; padding-top: 40px; }

.aiNavLink { color: #000; text-decoration: none; display: flex; }
.aiNavLink:hover { color: #000; opacity: 0.4; }

.aiPageTitle { font-size: 32px; line-height: 27px; }
.aiPageTitle2 { font-size: 28px; line-height: 27px; }
.aiPageTitle3 { font-size: 26px; line-height: normal; color: #0091A0; }

.aiLabel { font-size: 12px; line-height: 22px; font-weight: 500; }
.aiInput, .aiInput:focus { font-size: 17px; padding: 12px 10px; background: #F6F6F6; border: 0; }

.btn-aicare-primary { background: #00A5B9; color: #FFF; font-weight: 600; }
.btn-aicare-primary:hover { opacity: 0.7; color: #FFF; }
.btn-aicare-outline-primary { border-color: #00A5B9; color: #00A5B9; font-weight: 600; }
.btn-aicare-outline-primary:hover { opacity: 0.7; color: #00A5B9; }
.btn-aicare-secondary { background: #999 !important; color: #FFF; font-weight: 600; }
.btn-aicare-secondary:hover { opacity: 0.7; }
.btn-aicare-info { background: #DFF6F9; color: #00A5B9; font-weight: 600; }
.btn-aicare-info:hover { opacity: 0.7; color: #00A5B9; }
.btn-aicare-white { background: #FFF; color: #1C1C1C; font-weight: 600; }
.btn-aicare-white:hover { background: #F7F7F7; color: #1C1C1C; }

.aiDevider { background: url('/images/auth/line.svg') repeat-x 0 13px; }
.aiLink { color: #00A5B9 !important; text-decoration: none; }
.aiLink:hover { color: #00A5B9; text-decoration: underline; }
.aiLinkUnderline { color: #00A5B9 !important; text-decoration: underline; }
.aiLinkUnderline:hover { color: #00A5B9; text-decoration: none; }
.aiLinkBlack { color: #000 !important; text-decoration: none; }
.aiLinkBlack:hover { color: #000; text-decoration: underline; }
.aiModal { font-size: 14px; line-height: 26px; color: #6F6F6F; }

.aiInputLine input { width: 50px; display: inline-block; margin: 0 6px 6px 0; font-size: 26; font-weight: bold; text-align: center; border-color: #DADADA !important; }
.aiInputLineError input { border-color: #FF4842 !important; }
.aiInputLine input.border-primary { border-color: #00A5B9 !important; }
.aiInputLine input.border-danger { border-color: #FF4842 !important; }

.aiAlert { background: #FFECF0; box-shadow: 0 2px 6px #CCC; border-radius: 4px; padding: 10px; font-size: 13px; line-height: 20px; }

.aiCard { border: 1px solid #EEE; box-shadow: 0 2px 6px #DDD; }
.aiCard:hover, .aiCardSelected { border: 1px solid #00A5B9; cursor: pointer; }
.aiCardNoProfile { border: 1px solid #EEE; box-shadow: 0 2px 6px #DDD; }
.aiCardCreateProfile { border: 1px dashed #CCC; box-shadow: 0; font-size: 18px; font-weight: 600; color: #B7B7B7; }
.aiCardCreateProfile:hover { border: 1px dashed #00A5B9; cursor: pointer; background: #e7f3f4; }

.aiCardNoBorder { border: 0; box-shadow: 0 12px 30px rgba(155, 155, 155, 10%); }

.aiForm .form-control, .aiForm .form-select { color: #000; background-color: #F6F6F6; border: 0; border-radius: 10px; padding: 14px 10px; }
.aiForm .form-label { color: #1C1C1C; }
.aiInput12 .form-control, .aiInput12 .form-select, .aiInput12 .form-label { font-size: 12px; }

.aiForm2 .form-control, .aiForm2 .form-select { color: #000; background-color: #FFF; border: 1px solid #F3F3F3; border-radius: 8px; padding: 14px 10px; }
.aiInputPhone { background: transparent url('/images/auth/icon-phone.svg') no-repeat 10px 12px; padding-left: 40px !important; }
.aiInputEmail { background: transparent url('/images/auth/icon-email.svg') no-repeat 12px 15px; padding-left: 40px !important; }

.aiText12 { font-size: 12px; line-height: normal; }
.aiText14 { font-size: 14px; line-height: normal; }
.aiText16 { font-size: 14px; line-height: 27px; }
.aiText17 { font-size: 17px; line-height: 27px; }
.aiText18 { font-size: 18px; line-height: 27px; }
.aiText20 { font-size: 20px; line-height: 27px; }
.aiText22 { font-size: 22px; line-height: normal; }
.aiText24 { font-size: 24px; line-height: normal; }

.aiLine30 { line-height: 30px; }

.aihoverOpacity:hover { opacity: 0.7; }

#aiSelectProfile { background: #DFF6F9; border: 0; }
#aiSelectProfile .aiLink { text-decoration: underline; }
#aiSelectProfile .aiLink:hover { text-decoration: none; }

.aiCareHeader { background: #F9F9F9; text-align: center; padding: 50px; padding-bottom: 200px; }
.aiCareHeaderImage { margin-top: -160px; position: relative; }

.aiCareBody { background: linear-gradient(to bottom,  #F9F9F9 0%,#F9F9F9 300px,#FFF 300px,#FFF 100%); }
.aiCareBtnLight { border: 0; background: #FFF; box-shadow: 0 12px 30px rgba(155, 155, 155, 10%); font-size: 14px; font-weight: bold; padding: 20px 30px; }

.aiCareInnerMenu hr, .aiCareHr { background: #BBB; }

.aiCareBadge { display: inline-block; padding: 6px 10px; border-radius: 10px; color: #00A5B9; background-color: #DFF6F9; }

.aiCareProfileOnline { position: absolute; }
.aiCareProfileDelete { position: absolute; margin-top: 10px; }
.aiCareDeleteAccount { color: #FF4842; border: 1px solid transparent; font-weight: 600; }
.aiCareDeleteAccount:hover { opacity: 0.4; background-color: transparent; color: #F00; border: 1px solid #F00; }

.aiCareRadio { padding: 20px; padding-left: 40px; background: #F3F3F3; border-radius: 4px; }

.aiTextPrimary { color: #0091A0; }

.aiSelectOrange { border: 1px solid #F28500; background: transparent url('/images/auth/select-arrow-orange.svg') no-repeat right 10px; border-radius: 15px; padding: 8px 34px 8px 28px; }
.aiCareCardOrange { border: 1px solid #F28500; border-radius: 8px; }

.aiCarePagination { font-size: 14px; }
.aiCarePagination .disabled { color: #979797; }
.aiCarePagination .page-link { color: #1C1C1C; border: 0px; margin-right: 8px; background-color: #F3F3F3; border-radius: 5px; }
.aiCarePagination .nobg .page-link { background-color: transparent; }
.aiCarePagination .page-link:hover { background-color: #DDD; }
.aiCarePagination .active .page-link { background-color: #F28500; }

.aiCareCheckRight input[type="checkbox"] { float: right; }
.aiCareCheckRight label { font-size: 12px; color: #3c3c3c; }

/* Fix Bootstrap from existing style */
.aiRow { margin: 0; }
.text-end { text-align: right !important; }